/* Son görsel katman: ortak kart, araç çubuğu ve ayar grubu düzeni. */
.pine-tool{border:1px solid #31506c!important;background:#11263a!important;color:#cde6ff!important;border-radius:7px!important;padding:9px 12px!important;white-space:nowrap;transition:.18s ease}.pine-tool:hover{border-color:#36cda8!important;background:#143348!important;color:#fff!important;transform:translateY(-1px)}
.editor>div{align-items:center;flex-wrap:wrap}.editor>div input{min-width:220px;flex:1}.editor>div select{width:auto}.editor pre{min-height:390px;box-shadow:inset 0 1px 0 #ffffff08}.pine-code-editor{display:block;width:100%;min-height:430px;margin-top:16px;padding:20px;background:#07111e;color:#d8e9f7;border:1px solid #28415c;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff08;font:13px/1.75 "Cascadia Code","Fira Code",Consolas,monospace;tab-size:4;resize:vertical;white-space:pre;overflow:auto;caret-color:#4ff0c6}.pine-code-editor:focus{outline:0;border-color:#31bfa2;box-shadow:0 0 0 3px #28d8ab16,inset 0 1px 0 #ffffff08}.pine-code-editor::selection{background:#236e68;color:#fff}
.library-page{display:grid;gap:10px}.library-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a1727}.library-item .library-code{border:0;background:transparent;padding:0}.library-actions{display:flex;gap:8px;align-items:center}.view-code{border:1px solid #2b6e68;background:#103934;color:#62e4c3;border-radius:7px;padding:9px 12px;cursor:pointer;font-weight:700}.view-code:hover{background:#155046}.delete-code{border:1px solid #713945;background:#351c26;color:#ff9da8;border-radius:7px;padding:9px 12px;cursor:pointer;font-weight:700}.delete-code:hover{background:#50242f;border-color:#a64d5e}
.settings-group{position:relative;overflow:hidden}.settings-group:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--aqua),var(--blue))}.settings-group-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.settings-group-head h3{margin:3px 0}.settings-group-head p{margin:4px 0;color:var(--muted);font-size:12px}.group-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #285568;background:#102e3a;color:var(--aqua);border-radius:10px;font-size:17px;font-weight:800}.group-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.danger-outline{border:1px solid #6d3740;background:transparent;color:#ff9da5;border-radius:7px;padding:10px 13px;cursor:pointer}.email-list{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.dca-toggle{padding:8px 11px;border:1px solid #2f665b;background:#10352f;border-radius:8px;color:#7be8ca;font-weight:700}.dca-toggle input{width:auto}.dca-template .stage{transition:border-color .18s,background .18s}.dca-template .stage:focus-within{border-color:#347e86;background:#0e2135}.stage-multiplier small b{color:#71dfc2}
html[data-theme=light] .library-item,html[data-theme=light] .settings-group-head,html[data-theme=light] .pine-tool{background:#f3f8fc!important}html[data-theme=light] .dca-toggle{background:#e2f7f0;color:#176b59}html[data-theme=light] .pine-code-editor{background:#f8fbff;color:#17304a;border-color:#b9cede;caret-color:#087d68}
@media(max-width:1050px){.editor>div{display:grid;grid-template-columns:1fr 1fr}.editor>div input{grid-column:1/-1;width:100%}.email-list{grid-template-columns:1fr 1fr}.email-list button{grid-column:1/-1;justify-self:start}}@media(max-width:650px){.editor>div{grid-template-columns:1fr}.editor>div>*{grid-column:1!important;width:100%!important}.library-item{grid-template-columns:1fr}.library-actions{width:100%}.library-actions button{flex:1}.email-list{grid-template-columns:1fr}.group-actions{align-items:stretch;flex-direction:column}.group-actions>*{width:100%}}