@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('vendor/select2.min.css');
@import url('vendor/flatpickr.min.css');
@import url('vendor/dataTables.min.css');
@import url('vendor/dataTables.responsive.min.css');
:root{--brand:#6d5dfc;--brand-rgb:109,93,252;--brand2:#8a7dff;--brand-dark:#5542df;--brand-deep:#4939bd;--brand-contrast:#fff;--brand-soft:rgba(109,93,252,.14);--brand-soft2:rgba(109,93,252,.22);--brand-faint:rgba(109,93,252,.07);--brand-glow:rgba(109,93,252,.32);--bg:#f4f5fa;--surface:#fff;--surface2:#f8f8fc;--text:#171829;--muted:#777c91;--line:#e7e8f0;--shadow:0 12px 38px rgba(29,31,54,.08);--sidebar:#111221;--input:#fff;--danger:#ef476f;--green:#18a37a;--orange:#f59e0b}
[data-theme=dark]{--bg:#0c0e16;--surface:#151823;--surface2:#10131c;--text:#f0f2fa;--muted:#9299ad;--line:#282c3a;--shadow:0 15px 40px rgba(0,0,0,.3);--sidebar:#090b12;--input:#11141e}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}body{font-size:14px}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:var(--sidebar);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand strong{display:block;font-size:18px}.brand span{font-size:11px;color:#858ba4;display:block;margin-top:3px}.brand-mark{width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,var(--brand2),#5542df);display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;box-shadow:0 12px 32px #6d5dfc55}.brand-mark.small{width:43px;height:43px;border-radius:14px;font-size:20px}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.sidebar nav a{position:relative;color:#aeb3c6;text-decoration:none;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;font-weight:600;transition:.2s}.sidebar nav a:hover{color:#fff;background:#ffffff0a}.sidebar nav a.active{color:#fff;background:linear-gradient(100deg,#6d5dfc33,#6d5dfc0b)}.sidebar nav a.active:before{content:"";position:absolute;left:-16px;width:4px;height:26px;border-radius:0 5px 5px 0;background:#8e83ff}.sidebar svg,.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.sidebar nav a:first-child svg{fill:none}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff12;padding-top:16px}.mini-user{display:flex;align-items:center;gap:10px}.mini-user>span,.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#6d5dfc;color:#fff;font-weight:800}.mini-user b,.mini-user small{display:block}.mini-user b{font-size:12px}.mini-user small{color:#7f869e;font-size:10px;margin-top:2px}.logout{display:block;margin-top:12px;color:#f28ca3;text-decoration:none;font-size:12px}.app{margin-left:258px;min-height:100vh}.topbar{height:84px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.topbar small{color:var(--muted);font-size:11px}.topbar h1{font-size:19px;margin:2px 0 0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.system-clock{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:var(--shadow);white-space:nowrap}.system-clock-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand);font-size:15px;font-weight:900}.system-clock div{display:flex;flex-direction:column;line-height:1.05}.system-clock small{font-size:8px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.system-clock b{font-size:11px;margin-top:3px;font-variant-numeric:tabular-nums;color:var(--text)}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;width:39px;height:39px;display:grid;place-items:center;cursor:pointer}.avatar{text-decoration:none}.menu-btn{display:none;margin-right:12px}.content{padding:27px 30px 45px;max-width:1620px;margin:auto}.hero{background:linear-gradient(120deg,#151729,#242143);color:#fff;border-radius:22px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 50px #24214328;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:4%;top:-180px;background:#7d6dfc33}.hero h2,.integration-hero h2{font-size:25px;margin:7px 0}.hero p,.integration-hero p{color:#b7b9cb;max-width:670px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:#a59aff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;border:1px solid transparent;padding:0 17px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}.btn.primary{color:#fff;background:linear-gradient(145deg,#8172ff,#5b49e3);box-shadow:0 5px 0 #4939bd,0 12px 24px #6d5dfc35}.btn.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #4939bd}.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat{padding:20px 21px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:currentColor;opacity:.08}.stat span,.stat small{display:block;color:var(--muted)}.stat b{display:block;font-size:29px;margin:8px 0 4px;color:var(--text)}.stat.purple{color:#6d5dfc}.stat.green{color:#18a37a}.stat.orange{color:#f59e0b}.stat.red{color:#ef476f}.stats.slim{grid-template-columns:repeat(3,1fr);margin-top:0}.stats.slim .stat{padding:17px 20px}.stats.slim .stat b{font-size:24px}.grid-main{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:15px}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-head a{color:var(--brand);text-decoration:none;font-weight:700;font-size:12px}.renew-list>a{display:flex;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}.renew-list i{width:4px;height:36px;border-radius:5px;background:var(--cat)}.renew-list div{flex:1}.renew-list b,.renew-list span{display:block}.renew-list span{font-size:11px;color:var(--muted);margin-top:4px}.renew-list time,.days{padding:6px 9px;background:#edf9f5;color:#178565;border-radius:9px;font-size:11px;font-weight:800}.renew-list time.urgent,.days.urgent{background:#fff4dc;color:#b97300}.renew-list time.late,.days.late{background:#ffebef;color:#d9365e}.bars>div{margin:15px 0}.bars label{display:flex;justify-content:space-between;font-size:11px}.bars i{height:7px;border-radius:9px;background:var(--surface2);display:block;margin-top:7px;overflow:hidden}.bars em{height:100%;display:block;border-radius:9px}.cron-mini{display:flex;align-items:center;gap:10px;padding:13px;background:var(--surface2);border-radius:13px;margin-top:23px}.cron-mini div{flex:1}.cron-mini b,.cron-mini small{display:block}.cron-mini b{font-size:11px}.cron-mini small{font-size:9px;color:var(--muted);margin-top:3px}.cron-mini a{font-size:10px;color:var(--brand);font-weight:700;text-decoration:none}.pulse{width:10px;height:10px;border-radius:50%;background:#18a37a;box-shadow:0 0 0 5px #18a37220}.page-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:14px}.page-note{margin:0;color:var(--muted)}.search input,.filters input,.filters select,.small-search{height:42px}.filters{display:flex;gap:9px}.filters input{min-width:240px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;padding:13px 16px;background:var(--surface2);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}td{padding:14px 16px;border-top:1px solid var(--line);font-size:12px}td b{font-size:12px}.entity,.service{display:flex;align-items:center;gap:10px}.entity>span{width:35px;height:35px;border-radius:11px;background:#6d5dfc15;color:var(--brand);display:grid;place-items:center;font-weight:800}.entity small,.service small,.cell-sub{display:block;font-size:10px;color:var(--muted);margin-top:3px}.service i{width:4px;height:35px;border-radius:4px}.count-pill,.channel{font-size:10px;padding:6px 8px;border-radius:8px;background:var(--surface2);font-weight:700}.channel.sms{background:#eeeaff;color:#5f4ce2}.channel.email{background:#e7f9f3;color:#168264}.actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.actions form,.cat-actions form,.rule-actions form{display:inline-flex}.mini-btn{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:6px 8px;text-decoration:none;font-size:10px;cursor:pointer}.mini-btn.danger{color:#df365d}.status{display:inline-block;padding:5px 8px;border-radius:8px;background:#eff1f6;color:#667085;font-size:9px;font-weight:800;white-space:nowrap}.status.active,.status.sent,.status.success{background:#e5f7f1;color:#178565}.status.failed,.status.expired{background:#ffebef;color:#d9365e}.status.partial,.status.running{background:#fff3dd;color:#ae6d00}.alert{display:flex;justify-content:space-between;padding:13px 15px;border-radius:12px;margin-bottom:16px}.alert.success{background:#e5f7f1;color:#137b5f}.alert.error{background:#ffebef;color:#ca2f54}.alert button{border:0;background:none;color:inherit;font-size:18px}.modal{position:fixed;inset:0;background:#090a12a8;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}.modal.show{display:flex}.modal-card{width:min(650px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 35px 90px #0006}.modal-card.large{width:min(850px,100%)}.modal-card.compact{width:min(430px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h3{margin:0}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.modal-head button,.modal-head a{border:0;background:var(--surface2);color:var(--text);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;text-decoration:none;font-size:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-stack{display:flex;flex-direction:column;gap:15px}.form-grid label,.form-stack label,.cron-guide label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.filters input,.filters select,.search input,.small-search{width:100%;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:10px;padding:0 12px;outline:0}.form-grid input,.form-grid select,.form-stack input,.form-stack select{height:42px}.form-grid textarea{min-height:90px;padding:11px;resize:vertical}.form-grid textarea.tall{min-height:150px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus{border-color:#8274ff;box-shadow:0 0 0 3px #6d5dfc18}.check{flex-direction:row!important;align-items:center}.check input{width:18px!important;height:18px!important;accent-color:var(--brand)}.checks{display:flex;flex-wrap:wrap;gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:6px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:var(--shadow);position:relative}.cat-icon{width:39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--cat) 13%,transparent);color:var(--cat);display:grid;place-items:center}.cat-icon svg{width:20px;fill:none;stroke:currentColor}.category-card h3{font-size:13px;margin:12px 0 5px}.category-card p{font-size:10px;color:var(--muted);height:30px;margin:0}.category-card span{font-size:10px;font-weight:800;color:var(--cat)}.cat-actions{display:flex;gap:5px;margin-top:13px}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rule-card{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:var(--shadow);gap:15px}.rule-card.passive{opacity:.55}.rule-day{width:70px;height:65px;border-radius:13px;background:#6d5dfc13;color:var(--brand);display:grid;place-items:center;align-content:center}.rule-day b{font-size:22px}.rule-day span{font-size:9px}.rule-body{flex:1}.rule-body h3{font-size:13px;margin:0}.rule-body p{font-size:10px;color:var(--muted);margin:4px 0 8px}.channel-row{display:flex;gap:5px}.channel-row span,.channel-row small{font-size:8px;border-radius:6px;padding:4px 6px;background:var(--surface2);font-weight:800}.rule-actions{display:flex;flex-direction:column;gap:4px}.integration-hero{background:linear-gradient(130deg,#181a2d,#252248);color:#fff;padding:27px 30px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.secure-badge{font-size:10px;padding:10px 13px;border-radius:11px;background:#ffffff10;border:1px solid #ffffff16}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.integration-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:var(--shadow)}.integration-card.connected{border-color:#18a37a66}.provider-logo{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#6d5dfc15;color:#6d5dfc;font-weight:900}.provider-logo.vatansms{background:#ef476f14;color:#e53860}.provider-logo.verimor{background:#18a37a14;color:#178565}.provider-logo.smtp{background:#f59e0b17;color:#b77900}.provider-title{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.provider-title h3{margin:0;font-size:14px}.provider-title p{margin:4px 0;color:var(--muted);font-size:10px}.provider-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:13px 0;font-size:9px;color:var(--muted)}.cron-layout,.settings-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.cron-guide h2{font-size:23px;margin:8px 0}.cron-guide>p{color:var(--muted);line-height:1.7}.cron-expression{display:flex;align-items:center;justify-content:space-between;background:#111323;color:#fff;padding:16px;border-radius:13px;margin:20px 0}.cron-expression b{font-size:20px;letter-spacing:.08em}.cron-expression span{font-size:10px;color:#aeb3c6}.copy-box{display:flex;margin-top:1px}.copy-box code{flex:1;overflow:auto;background:var(--surface2);border:1px solid var(--line);border-radius:10px 0 0 10px;padding:11px;font-size:10px;white-space:nowrap}.copy-box button{border:0;background:var(--brand);color:#fff;border-radius:0 10px 10px 0;padding:0 12px;font-size:10px}.cron-guide label{margin-top:13px}.info-box{padding:12px;background:#fff6e6;color:#966100;border-radius:11px;font-size:10px;margin-top:16px}.timeline>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.timeline i{width:9px;height:9px;border-radius:50%;background:#18a37a}.timeline i.failed{background:#ef476f}.timeline i.partial{background:#f59e0b}.timeline div>div{flex:1}.timeline b,.timeline small{display:block;font-size:10px}.timeline small{color:var(--muted);margin-top:3px}.system-list>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:11px}.system-list span{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:35px}.login-body{min-height:100vh;display:grid;place-items:center;background:#0b0d16;overflow:hidden}.login-glow{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.25}.login-glow.one{background:#6d5dfc;left:-150px;top:-170px}.login-glow.two{background:#18a37a;right:-190px;bottom:-210px}.login-card{position:relative;width:min(420px,calc(100% - 28px));background:#151824eF;border:1px solid #2a2e40;color:#f5f6fc;border-radius:24px;padding:32px;box-shadow:0 40px 100px #000a}.login-card .brand-mark{margin-bottom:22px}.login-card h1{font-size:24px;margin:0}.login-card>p{color:#969db2;line-height:1.65;margin:8px 0 22px}.login-card label{color:#c9cede}.login-card input{background:#10131c;border-color:#2d3244;color:#fff}.login-card small{display:block;color:#70768b;text-align:center;margin-top:22px}.password-wrap{display:flex}.password-wrap input{border-radius:10px 0 0 10px}.eye{border:1px solid #2d3244;border-left:0;background:#10131c;color:#aeb3c6;border-radius:0 10px 10px 0;font-size:10px;padding:0 12px}.overlay{display:none}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}.grid-main{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:none}.menu-open .overlay{display:block;position:fixed;inset:0;background:#0008;z-index:40}.app{margin-left:0}.menu-btn{display:grid}.content{padding:22px}.topbar{padding:0 22px}}
@media(max-width:760px){body{font-size:13px}.topbar{height:70px;padding:0 14px}.content{padding:14px}.hero,.integration-hero{padding:22px;display:block}.hero h2,.integration-hero h2{font-size:21px}.hero .btn{margin-top:18px}.stats,.stats.slim{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:15px}.stat b{font-size:23px}.page-actions{align-items:stretch;flex-direction:column}.page-actions .btn{width:100%}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1;min-width:0}.category-grid,.rule-grid,.integration-grid,.cron-layout,.settings-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.category-card p{height:auto}.actions{min-width:190px}.modal{padding:9px}.modal-card{padding:18px;border-radius:16px}.secure-badge{margin-top:15px;display:inline-block}.checks{display:grid;grid-template-columns:1fr 1fr}.small-search{max-width:150px}}

/* v1.1 premium form system */
.modal{background:rgba(7,9,17,.68);backdrop-filter:blur(12px) saturate(120%)}
.modal-card{border:1px solid color-mix(in srgb,var(--line) 74%,#fff);box-shadow:0 38px 100px rgba(10,12,25,.34),0 1px 0 rgba(255,255,255,.8) inset}
[data-theme=dark] .modal-card{box-shadow:0 38px 100px rgba(0,0,0,.62),0 1px 0 rgba(255,255,255,.04) inset}
.modal-head{padding-bottom:17px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:18px;letter-spacing:-.025em}.modal-head p{font-size:12px}.modal-head button,.modal-head a{transition:.18s}.modal-head button:hover,.modal-head a:hover{background:#f0edff;color:var(--brand);transform:rotate(4deg)}
.form-grid{gap:18px}.form-grid label,.form-stack label{gap:8px;font-size:12px;color:var(--text)}
.form-grid input,.form-grid select,.form-stack input,.form-stack select{height:47px}.form-grid textarea{min-height:104px}
.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.filters input,.filters select,.search input,.small-search{border-color:color-mix(in srgb,var(--line) 88%,var(--brand));box-shadow:0 1px 2px rgba(22,25,44,.025);transition:border-color .18s,box-shadow .18s,background .18s}
.form-grid input:hover,.form-grid textarea:hover,.form-stack input:hover{border-color:#c9c4ee}.form-grid input:focus,.form-grid textarea:focus,.form-stack input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,93,252,.11)}
.form-actions{padding-top:15px;border-top:1px solid var(--line);margin-top:3px}.form-actions .btn{min-height:45px;padding-inline:21px}
.check{min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);cursor:pointer}.check input{appearance:none;display:grid;place-content:center;border:1.5px solid #a8adba;border-radius:5px;background:var(--surface);transition:.18s}.check input:before{content:"";width:9px;height:9px;transform:scale(0);transition:.14s;border-radius:2px;background:#fff;clip-path:polygon(14% 44%,0 65%,42% 100%,100% 22%,79% 5%,40% 67%)}.check input:checked{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,93,252,.12)}.check input:checked:before{transform:scale(1)}

/* Select2 — searchable and theme aware everywhere */
.select2-container{display:block;max-width:100%;font-size:12px;z-index:1}.select2-container .select2-selection--single{height:47px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--input)!important;box-shadow:0 1px 2px rgba(22,25,44,.025);transition:.18s}.select2-container .select2-selection--single .select2-selection__rendered{height:45px;line-height:45px!important;padding-left:13px!important;padding-right:42px!important;color:var(--text)!important;font-weight:600}.select2-container .select2-selection--single .select2-selection__arrow{width:38px!important;height:45px!important;right:2px!important}.select2-container .select2-selection--single .select2-selection__arrow b{border-color:var(--muted) transparent transparent!important;border-width:5px 4px 0!important;margin-left:-5px!important;margin-top:-2px!important}.select2-container--open .select2-selection--single{border-color:var(--brand)!important;border-radius:11px!important;box-shadow:0 0 0 4px rgba(109,93,252,.11)!important}.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent var(--brand)!important;border-width:0 4px 5px!important}.select2-dropdown{z-index:10050!important;margin-top:7px;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface)!important;box-shadow:0 18px 50px rgba(21,23,44,.18)!important;overflow:hidden}.select2-search--dropdown{padding:10px!important;border-bottom:1px solid var(--line)}.select2-search--dropdown .select2-search__field{height:40px;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface2)!important;color:var(--text)!important;padding:0 11px!important;outline:0}.select2-search--dropdown .select2-search__field:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(109,93,252,.1)}.select2-results{padding:6px}.select2-results__options{max-height:235px!important}.select2-results__option{margin:2px 0;padding:10px 11px!important;border-radius:8px;color:var(--text);font-size:12px}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:linear-gradient(135deg,var(--brand),#8276ff)!important;color:#fff!important}.select2-container--default .select2-results__option--selected{background:rgba(109,93,252,.1)!important;color:var(--brand)!important}.select2-container--default .select2-results__option[aria-disabled=true]{color:var(--muted)!important}.select2-container--disabled .select2-selection--single{opacity:.65}.filters .select2-container{min-width:180px}.category-field[style*="display: none"]+.select2-container{display:none}

/* Flatpickr — premium calendar and time picker */
.flatpickr-calendar{font-family:Inter,system-ui,sans-serif!important;width:320px!important;padding:10px;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:0 24px 70px rgba(15,18,35,.24)!important;color:var(--text)!important}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{display:none}.flatpickr-months{align-items:center;margin-bottom:7px}.flatpickr-months .flatpickr-month{height:42px;color:var(--text)!important;fill:var(--text)!important}.flatpickr-current-month{font-size:13px!important;padding-top:10px!important}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{font-weight:800!important;background:transparent!important;color:var(--text)!important}.flatpickr-weekdays{background:transparent!important}.flatpickr-weekday{color:var(--muted)!important;font-size:10px!important}.flatpickr-day{border-radius:9px!important;color:var(--text)!important;font-size:11px!important}.flatpickr-day:hover{background:rgba(109,93,252,.09)!important;border-color:transparent!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:linear-gradient(145deg,var(--brand),#8578ff)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:0 5px 13px rgba(109,93,252,.28)}.flatpickr-day.today{border-color:var(--brand)!important;color:var(--brand)!important}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:color-mix(in srgb,var(--muted) 45%,transparent)!important}.flatpickr-time{border-top:1px solid var(--line)!important}.flatpickr-time input,.flatpickr-time .flatpickr-am-pm{color:var(--text)!important;background:transparent!important}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover{background:var(--surface2)!important}.numInputWrapper span{border-color:var(--line)!important}.flatpickr-calendar.open{z-index:10060!important}.flatpickr-input[readonly]{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--brand) 50%),linear-gradient(135deg,var(--brand) 50%,transparent 50%);background-position:calc(100% - 16px) 20px,calc(100% - 12px) 20px;background-size:4px 4px;background-repeat:no-repeat}

/* Premium notification history */
.history-panel{overflow:visible!important;padding:18px!important;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--brand)))}.history-panel .panel-head{display:grid;grid-template-columns:minmax(210px,300px) minmax(280px,1fr);align-items:center;gap:24px;padding:4px 4px 17px;margin:0;border-bottom:1px solid var(--line)}.history-panel .panel-head h3{font-size:17px;line-height:1.25;letter-spacing:-.02em}.history-panel .panel-head p{font-size:11px;line-height:1.4}.history-panel .small-search{width:100%;max-width:none;height:46px;padding-left:15px;background:var(--input);border-radius:12px}.history-panel .table-wrap{overflow:auto}.history-panel table{border-collapse:separate;border-spacing:0 9px;padding-top:7px}.history-panel th{background:transparent;border:0;padding:10px 14px}.history-panel tbody td{background:var(--surface2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:13px;padding-bottom:13px}.history-panel tbody td:first-child{border-left:1px solid var(--line);border-radius:12px 0 0 12px}.history-panel tbody td:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.history-panel tbody tr{filter:drop-shadow(0 5px 10px rgba(24,27,48,.035));transition:transform .18s,filter .18s}.history-panel tbody tr:not(.empty-log-row):hover{transform:translateY(-2px);filter:drop-shadow(0 9px 16px rgba(35,37,70,.09))}.history-panel .empty-log-row td{border:0!important;background:transparent!important}.premium-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.premium-empty>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#8b7eff,#5d4ae4);color:#fff;font-size:20px;box-shadow:0 10px 25px rgba(109,93,252,.28)}.premium-empty b{margin-top:15px;font-size:14px}.premium-empty small{max-width:380px;margin-top:6px;color:var(--muted);line-height:1.6}

/* Tabbed premium settings */
.settings-tabs{display:flex;gap:8px;padding:7px;margin-bottom:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.settings-tabs button{position:relative;flex:1;min-height:64px;border:0;border-radius:11px;background:transparent;color:var(--muted);text-align:left;padding:10px 15px;cursor:pointer;transition:.18s}.settings-tabs button b,.settings-tabs button span{display:block}.settings-tabs button b{font-size:12px;color:var(--text)}.settings-tabs button span{font-size:9px;margin-top:4px}.settings-tabs button.active{background:linear-gradient(135deg,rgba(109,93,252,.14),rgba(109,93,252,.055));box-shadow:0 0 0 1px rgba(109,93,252,.13) inset}.settings-tabs button.active:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:var(--brand)}.settings-layout.is-tabbed{display:block}.settings-layout.is-tabbed>.panel{display:none;max-width:920px;margin:0 auto}.settings-layout.is-tabbed>.panel.tab-active{display:block;animation:tabIn .22s ease}.settings-layout.is-tabbed>.panel .panel-head{padding:5px 2px 18px;border-bottom:1px solid var(--line);margin-bottom:21px}@keyframes tabIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

@media(max-width:760px){.select2-container .select2-selection--single{height:45px!important}.select2-container .select2-selection--single .select2-selection__rendered,.select2-container .select2-selection--single .select2-selection__arrow{height:43px!important;line-height:43px!important}.filters .select2-container{min-width:0}.history-panel{padding:12px!important}.history-panel .panel-head{grid-template-columns:1fr;gap:12px}.history-panel .small-search{max-width:none}.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-tabs button{min-height:58px;padding:9px 10px}.settings-tabs button span{display:none}.flatpickr-calendar{width:300px!important}.form-actions{position:sticky;bottom:-18px;background:var(--surface);padding:13px 0 2px;z-index:4}}

.hp-date-input,.hp-time-input{padding-right:43px!important;background-repeat:no-repeat!important;background-position:calc(100% - 15px) center!important;background-size:18px!important}.hp-date-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236d5dfc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='3'/%3E%3Cpath d='M8 2v4M16 2v4M3 10h18'/%3E%3C/svg%3E")!important}.hp-time-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236d5dfc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")!important}

/* v1.2 reference-style page banner */
.page-banner{position:relative;isolation:isolate;min-height:164px;margin-bottom:22px;padding:29px 31px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;border:1px solid #273852;border-radius:25px;background:linear-gradient(112deg,#131d31 0%,#152136 58%,#123142 100%);color:#f7f9ff;box-shadow:0 9px 0 rgba(10,17,31,.42),0 23px 52px rgba(20,28,49,.18),inset 0 1px 0 rgba(255,255,255,.055)}.page-banner:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(109,93,252,.025),transparent 45%,rgba(21,184,166,.045))}.banner-copy{position:relative;z-index:2;max-width:760px}.banner-copy>span{display:block;margin-bottom:14px;color:#8073ff;font-size:10px;font-weight:900;letter-spacing:.17em}.banner-copy h2{margin:0;color:#fff;font-size:27px;line-height:1.12;letter-spacing:-.045em}.banner-copy p{margin:12px 0 0;color:#919db3;font-size:12px;line-height:1.6}.banner-actions{position:relative;z-index:3;display:flex;align-items:center;gap:12px}.banner-today,.banner-primary{height:50px;border-radius:14px;border:1px solid #30405a;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#f7f9ff;font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer}.banner-today{background:linear-gradient(180deg,#18243a,#101a2d);box-shadow:0 5px 0 #080f1e,0 11px 23px rgba(0,0,0,.23)}.banner-today i{font-style:normal;color:#aab5c9;font-size:10px}.banner-today small{padding-left:7px;border-left:1px solid #344259;color:#7f8ba1;font-size:9px;text-transform:uppercase}.banner-primary{border-color:#7463fb;background:linear-gradient(145deg,#8879ff,#6049ed);box-shadow:0 6px 0 #4732be,0 15px 29px rgba(102,78,239,.34);transition:transform .18s,box-shadow .18s}.banner-primary:hover{transform:translateY(-2px);box-shadow:0 8px 0 #4732be,0 19px 34px rgba(102,78,239,.42)}.banner-primary:active{transform:translateY(3px);box-shadow:0 2px 0 #4732be}.banner-primary b{font-size:18px;line-height:1}.banner-orb{position:absolute;z-index:-1;display:block;border-radius:50%;pointer-events:none}.banner-orb.one{width:310px;height:310px;right:-40px;top:-165px;border:1px solid rgba(109,143,182,.1);background:radial-gradient(circle,rgba(31,160,171,.12),rgba(24,92,113,.04) 52%,transparent 53%)}.banner-orb.two{width:105px;height:105px;right:73px;top:28px;border-radius:31px;transform:rotate(16deg);background:linear-gradient(145deg,rgba(118,131,179,.48),rgba(35,69,93,.15));box-shadow:0 25px 50px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12);filter:blur(.2px)}.has-page-banner>.hero{display:none}

/* DataTables premium system */
.dt-container.hp-datatable{color:var(--text);font-size:11px}.dt-container.hp-datatable .dt-layout-row{margin:0!important;padding:13px 16px;gap:13px;align-items:center}.dt-container.hp-datatable .dt-layout-row:first-child{border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface2))}.dt-container.hp-datatable .dt-layout-row:last-child{border-top:1px solid var(--line);background:var(--surface2);border-radius:0 0 17px 17px}.dt-container.hp-datatable .dt-layout-cell{display:flex;align-items:center}.dt-container.hp-datatable .dt-layout-end{justify-content:flex-end}.dt-container.hp-datatable label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:700}.dt-container.hp-datatable .dt-length select{width:72px;height:37px;margin:0 3px;padding:0 26px 0 10px;border:1px solid var(--line);border-radius:9px;background-color:var(--input);color:var(--text);font-weight:800;outline:0}.dt-container.hp-datatable .dt-search{position:relative}.dt-container.hp-datatable .dt-search label{font-size:0}.dt-container.hp-datatable .dt-search label:before{content:"⌕";position:absolute;left:12px;top:50%;z-index:2;transform:translateY(-51%);color:var(--muted);font-size:20px;pointer-events:none}.dt-container.hp-datatable .dt-search input{width:min(310px,42vw);height:40px;margin:0!important;padding:0 13px 0 38px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--input)!important;color:var(--text)!important;outline:0}.dt-container.hp-datatable .dt-search input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(109,93,252,.1)}.dt-container.hp-datatable .dt-scroll{width:100%}.dt-container.hp-datatable .dt-scroll-body{border-bottom:0!important}.dt-container.hp-datatable table.dataTable{margin:0!important;border-collapse:collapse!important}.dt-container.hp-datatable table.dataTable thead th{position:relative;background:var(--surface2)!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important;padding-top:14px!important;padding-bottom:14px!important}.dt-container.hp-datatable table.dataTable thead>tr>th.dt-orderable-asc:hover,.dt-container.hp-datatable table.dataTable thead>tr>th.dt-orderable-desc:hover{outline:0;background:color-mix(in srgb,var(--surface2) 86%,var(--brand))!important;color:var(--text)!important}.dt-container.hp-datatable table.dataTable tbody tr{background:var(--surface)!important}.dt-container.hp-datatable table.dataTable tbody tr:hover{background:color-mix(in srgb,var(--surface) 96%,var(--brand))!important}.dt-container.hp-datatable table.dataTable tbody td{box-sizing:border-box;color:var(--text);border-color:var(--line)!important}.dt-container.hp-datatable .dt-info{color:var(--muted);font-size:10px}.dt-container.hp-datatable .dt-paging{display:flex;gap:4px}.dt-container.hp-datatable .dt-paging .dt-paging-button{min-width:34px;height:34px;margin:0!important;padding:0 9px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface)!important;color:var(--text)!important;font-size:10px!important;box-shadow:none!important}.dt-container.hp-datatable .dt-paging .dt-paging-button:hover{border-color:var(--brand)!important;background:rgba(109,93,252,.08)!important;color:var(--brand)!important}.dt-container.hp-datatable .dt-paging .dt-paging-button.current{border-color:var(--brand)!important;background:linear-gradient(145deg,#8273ff,#5f4be9)!important;color:#fff!important;box-shadow:0 4px 10px rgba(109,93,252,.25)!important}.dt-container.hp-datatable .dt-paging .dt-paging-button.disabled{opacity:.38}.dt-container.hp-datatable td.dt-empty{height:180px;color:var(--muted);font-weight:650;text-align:center;background:linear-gradient(180deg,var(--surface),var(--surface2))!important}.table-panel>.dt-container{width:100%}.history-panel .dt-container.hp-datatable .dt-layout-row:first-child{padding-top:15px}.history-panel .dt-container.hp-datatable table{padding:0!important}.history-panel .dt-container.hp-datatable tbody td:first-child{border-left:0}.history-panel .dt-container.hp-datatable tbody td:last-child{border-right:0}

/* Unified light / dark polish */
[data-theme=dark] .page-banner{border-color:#273952;background:linear-gradient(112deg,#10192b 0%,#141e32 58%,#102b3c 100%);box-shadow:0 9px 0 #070b14,0 24px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}[data-theme=dark] .panel,[data-theme=dark] .stat,[data-theme=dark] .category-card,[data-theme=dark] .rule-card,[data-theme=dark] .integration-card,[data-theme=dark] .settings-tabs{border-color:#292e3d;box-shadow:0 14px 36px rgba(0,0,0,.22)}[data-theme=dark] .history-panel{background:linear-gradient(145deg,#151823,#121622)}[data-theme=dark] .status.active,[data-theme=dark] .status.sent,[data-theme=dark] .status.success{background:rgba(24,163,122,.16);color:#5edab5}[data-theme=dark] .status.failed,[data-theme=dark] .status.expired,[data-theme=dark] .days.late{background:rgba(239,71,111,.14);color:#ff7796}[data-theme=dark] .status.partial,[data-theme=dark] .status.running,[data-theme=dark] .days.urgent{background:rgba(245,158,11,.14);color:#ffc460}[data-theme=dark] .count-pill,[data-theme=dark] .channel-row span,[data-theme=dark] .channel-row small{background:#202431}[data-theme=dark] .channel.sms{background:rgba(109,93,252,.16);color:#aa9fff}[data-theme=dark] .channel.email{background:rgba(24,163,122,.15);color:#62dab8}[data-theme=dark] .flatpickr-calendar{border-color:#303544!important}[data-theme=dark] .select2-dropdown{border-color:#303544!important}

@media(max-width:760px){.page-banner{min-height:205px;padding:23px 20px;align-items:flex-start;flex-direction:column;border-radius:20px}.banner-copy h2{font-size:23px}.banner-copy p{font-size:11px;max-width:88%}.banner-actions{width:100%;margin-top:5px}.banner-today,.banner-primary{height:46px}.banner-primary{flex:1}.banner-orb.one{right:-125px}.banner-orb.two{right:15px;top:35px;opacity:.45}.dt-container.hp-datatable .dt-layout-row{display:flex!important;flex-direction:row!important;padding:10px!important}.dt-container.hp-datatable .dt-layout-row:first-child{justify-content:space-between}.dt-container.hp-datatable .dt-layout-row:last-child{flex-direction:column!important;align-items:stretch}.dt-container.hp-datatable .dt-layout-cell{width:auto!important}.dt-container.hp-datatable .dt-layout-end{margin-left:auto!important}.dt-container.hp-datatable .dt-search input{width:170px}.dt-container.hp-datatable .dt-paging{justify-content:center}.dt-container.hp-datatable .dt-info{text-align:center;width:100%}}

/* v1.3 responsive table correction */
.table-panel,.table-wrap,.dt-container.hp-datatable,.dt-container.hp-datatable .dt-layout-table,.dt-container.hp-datatable .dt-layout-cell{max-width:100%;min-width:0}.table-panel>.table-wrap{overflow:visible}.dt-container.hp-datatable table.dataTable{width:100%!important;min-width:0!important;table-layout:auto}.dt-container.hp-datatable .dt-layout-table{overflow:visible!important;padding:0!important}.dt-container.hp-datatable .dt-scroll{overflow:visible!important}.dt-container.hp-datatable th:last-child,.dt-container.hp-datatable td:last-child{width:1%;white-space:nowrap}.dt-container.hp-datatable td.dtr-control:before{border:0!important;width:21px!important;height:21px!important;line-height:21px!important;margin:0 8px 0 0!important;border-radius:7px!important;background:linear-gradient(145deg,#8172ff,#5b49e3)!important;box-shadow:0 3px 7px rgba(109,93,252,.25)!important;color:#fff!important;font-size:14px!important}.dt-container.hp-datatable tr.dtr-expanded td.dtr-control:before{background:linear-gradient(145deg,#ef6685,#d93760)!important}.dt-container.hp-datatable tr.child td{padding:7px 14px 16px!important;background:var(--surface2)!important}.dt-container.hp-datatable ul.dtr-details{width:100%!important;border:1px solid var(--line);border-radius:12px;padding:8px 13px!important;background:var(--surface)!important}.dt-container.hp-datatable ul.dtr-details li{display:grid!important;grid-template-columns:130px 1fr;gap:12px;padding:9px 0!important;border-color:var(--line)!important}.dt-container.hp-datatable .dtr-title{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.dt-container.hp-datatable .dtr-data{color:var(--text);font-size:11px;min-width:0}.dt-container.hp-datatable .dtr-data .actions{white-space:normal;min-width:0;flex-wrap:wrap}

/* Premium template studio */
.template-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:17px}.template-status-grid>section{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.status-orb{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;font-style:normal;font-weight:900}.status-orb.sms{color:#6551e7;background:rgba(109,93,252,.13)}.status-orb.mail{color:#128765;background:rgba(24,163,122,.13)}.template-status-grid div{flex:1}.template-status-grid span,.template-status-grid b,.template-status-grid small{display:block}.template-status-grid span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.template-status-grid b{margin-top:4px;font-size:12px}.template-status-grid small{margin-top:4px;color:var(--muted);font-size:9px}.template-status-grid a{color:var(--brand);font-size:10px;font-weight:800;text-decoration:none}.template-studio{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.template-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px;border-bottom:1px solid var(--line);background:var(--surface2)}.template-tabs button{position:relative;min-height:65px;border:0;border-radius:12px;padding:11px 14px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.18s}.template-tabs button b,.template-tabs button span{display:block}.template-tabs button b{color:var(--text);font-size:12px}.template-tabs button span{margin-top:4px;font-size:9px}.template-tabs button.active{background:var(--surface);box-shadow:0 4px 15px rgba(28,31,55,.07),0 0 0 1px var(--line)}.template-tabs button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--brand),#9186ff)}.template-panel{display:none;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:17px;padding:20px}.template-panel.active{display:grid;animation:tabIn .22s ease}.editor-card,.test-card,.email-preview-card,.brand-editor,.brand-tip{min-width:0;border:1px solid var(--line);border-radius:17px;background:var(--surface2);padding:19px}.editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.editor-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.editor-head .step{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(109,93,252,.13);color:var(--brand);font-size:10px;font-weight:900}.editor-head h3{margin:0;font-size:14px}.editor-head p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.char-count{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}.editor-card>label,.test-card label,.email-test label,.brand-fields label{display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:11px;font-weight:750}.editor-card textarea,.test-card input,.email-test input,.brand-fields textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);padding:12px;outline:0}.editor-card>label>textarea{min-height:126px;resize:vertical;line-height:1.65}.editor-card textarea:focus,.test-card input:focus,.email-test input:focus,.brand-fields textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,93,252,.1)}.token-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.token-row button{border:1px solid rgba(109,93,252,.2);border-radius:7px;background:rgba(109,93,252,.075);color:var(--brand);padding:6px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;cursor:pointer}.token-row button:hover{background:var(--brand);color:#fff}.phone-preview{max-width:480px;margin:18px auto 0;padding:14px;border-radius:17px;background:linear-gradient(145deg,#111827,#1c2940);box-shadow:0 13px 28px rgba(14,20,34,.16)}.phone-top{display:flex;align-items:center;color:#dce3ef;font-size:9px}.phone-top span{width:7px;height:7px;margin-right:7px;border-radius:50%;background:#45d3a6;box-shadow:0 0 0 4px rgba(69,211,166,.1)}.phone-top b{flex:1}.phone-top i{color:#77839a;font-style:normal}.message-bubble{margin-top:12px;padding:12px 14px;border-radius:13px 13px 13px 4px;background:linear-gradient(145deg,#7262f1,#5845d3);color:#fff;font-size:10px;line-height:1.65;box-shadow:0 8px 18px rgba(84,64,207,.25)}.test-card{align-self:start;background:linear-gradient(150deg,var(--surface2),color-mix(in srgb,var(--surface2) 91%,var(--brand)))}.test-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,#8373ff,#5d49df);color:#fff;font-size:16px;font-weight:900;box-shadow:0 8px 18px rgba(109,93,252,.25)}.test-card h3{margin:15px 0 6px;font-size:14px}.test-card>p{margin:0 0 18px;color:var(--muted);font-size:10px;line-height:1.65}.test-card input,.email-test input{height:45px;padding:0 12px}.test-warning{margin:12px 0;padding:10px;border-radius:9px;background:rgba(245,158,11,.1);color:#a86b00;font-size:9px;line-height:1.5}.email-preview-card{padding:0;overflow:hidden;background:#e9ebf3}.preview-toolbar{height:44px;display:flex;align-items:center;padding:0 13px;background:var(--surface2);border-bottom:1px solid var(--line)}.preview-toolbar>span{display:flex;gap:5px}.preview-toolbar i{display:block;width:8px;height:8px;border-radius:50%;background:#ff6b7d}.preview-toolbar i:nth-child(2){background:#ffbd52}.preview-toolbar i:nth-child(3){background:#43d5a4}.preview-toolbar b{margin:auto;color:var(--muted);font-size:9px}.email-preview-card iframe{display:block;width:100%;height:480px;border:0;background:#fff}.email-test{display:flex;align-items:end;gap:9px;padding:13px;background:var(--surface2);border-top:1px solid var(--line)}.email-test label{flex:1}.email-test input{padding:0 11px}.email-test .btn{min-height:45px}.code-editor{min-height:390px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:10px!important;line-height:1.55!important;white-space:pre-wrap}.logo-drop{display:flex;align-items:center;gap:18px;padding:20px;border:1px dashed #bdb8ec;border-radius:16px;background:rgba(109,93,252,.04)}.logo-preview{display:grid;place-items:center;flex:0 0 120px;height:90px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.logo-preview img{max-width:100px;max-height:68px}.logo-preview span{font-size:28px;font-weight:900;color:var(--brand)}.logo-drop h3{margin:0;font-size:14px}.logo-drop p{margin:6px 0 12px;color:var(--muted);font-size:10px;line-height:1.55}.upload-button{display:inline-flex!important;align-items:center!important;justify-content:center;min-height:37px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:10px!important;cursor:pointer}.upload-button input{display:none}.brand-fields{display:grid;grid-template-columns:150px 1fr;gap:15px;margin-top:17px}.brand-fields input[type=color]{width:100%;height:66px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.brand-tip{align-self:start;background:linear-gradient(145deg,#171c2e,#222845);color:#fff}.brand-tip>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);color:#9b90ff;font-size:18px}.brand-tip h3{margin:15px 0 7px}.brand-tip p{margin:0;color:#a4adc0;font-size:10px;line-height:1.7}.template-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-top:1px solid var(--line);background:var(--surface2)}.template-actions b,.template-actions span{display:block}.template-actions b{font-size:10px}.template-actions span{margin-top:3px;color:var(--muted);font-size:9px}
[data-theme=dark] .template-status-grid>section,[data-theme=dark] .template-studio{box-shadow:0 14px 36px rgba(0,0,0,.2)}[data-theme=dark] .email-preview-card{background:#0c0f18}[data-theme=dark] .test-warning{color:#ffc55f}[data-theme=dark] .logo-drop{border-color:#4a456e}
@media(max-width:980px){.template-panel{grid-template-columns:1fr}.test-card,.brand-tip{max-width:none}.email-preview-card iframe{height:430px}}
@media(max-width:760px){.template-status-grid{grid-template-columns:1fr}.template-tabs{grid-template-columns:1fr 1fr}.template-tabs button:nth-child(3){grid-column:1/-1}.template-tabs button span{display:none}.template-panel{padding:11px}.editor-card,.test-card,.brand-editor,.brand-tip{padding:15px}.editor-head{display:block}.char-count{display:inline-block;margin-top:10px}.email-preview-card iframe{height:380px}.email-test{align-items:stretch;flex-direction:column}.brand-fields{grid-template-columns:1fr}.logo-drop{align-items:flex-start;flex-direction:column}.logo-preview{width:100%;flex-basis:90px}.template-actions{align-items:stretch;flex-direction:column}.template-actions .btn{width:100%}.dt-container.hp-datatable ul.dtr-details li{grid-template-columns:100px 1fr}}

/* v1.4 usability and action system */
body{font-size:15px}.page-note{font-size:13px;line-height:1.6}.panel-head h3{font-size:16px}.panel-head p{font-size:12px}.category-card h3,.rule-body h3{font-size:14px}.category-card p,.rule-body p{font-size:11.5px;line-height:1.5}.category-card span{font-size:11px}.rule-day span{font-size:10px}.channel-row span,.channel-row small{font-size:9.5px}.dt-container.hp-datatable{font-size:12px}.dt-container.hp-datatable table.dataTable tbody td,td{font-size:13px}.dt-container.hp-datatable table.dataTable thead th,th{font-size:11px}.dt-container.hp-datatable .dt-info,.dt-container.hp-datatable label{font-size:11px}
.mini-btn{min-height:34px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:750;box-shadow:0 3px 9px rgba(28,31,55,.05);transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.mini-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 7px 16px rgba(28,31,55,.09)}.mini-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mini-btn.action-edit{color:#5e4cdb;background:rgba(109,93,252,.075);border-color:rgba(109,93,252,.2)}.mini-btn.action-renew,.mini-btn.action-play{color:#147d61;background:rgba(24,163,122,.08);border-color:rgba(24,163,122,.2)}.mini-btn.action-pause{color:#a56700;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}.mini-btn.action-delete{color:#d9365e;background:rgba(239,71,111,.07);border-color:rgba(239,71,111,.18)}.mini-btn.action-add{color:#0d7f78;background:rgba(20,184,166,.08);border-color:rgba(20,184,166,.2)}.actions,.cat-actions{gap:7px;flex-wrap:wrap}.rule-actions{gap:7px;min-width:100px}.rule-actions .mini-btn{width:100%}[data-theme=dark] .mini-btn{box-shadow:none}[data-theme=dark] .mini-btn.action-edit{color:#ab9fff;background:rgba(109,93,252,.12)}[data-theme=dark] .mini-btn.action-renew,[data-theme=dark] .mini-btn.action-play{color:#65dbba}[data-theme=dark] .mini-btn.action-delete{color:#ff7796}
.manual-sms-field{margin-top:14px}.manual-sms-field textarea{width:100%;min-height:112px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);outline:0;resize:vertical;line-height:1.55}.manual-sms-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,93,252,.1)}.manual-sms-field small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.45}
.template-panel.email-workspace{grid-template-columns:1fr}.email-workspace>.editor-card,.email-workspace>.email-preview-card{width:100%}.editor-mode-switch{display:inline-flex;gap:5px;padding:5px;margin:0 0 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.editor-mode-switch button,.preview-device-switch button{border:0;border-radius:8px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:750;cursor:pointer}.editor-mode-switch button.active,.preview-device-switch button.active{background:rgba(109,93,252,.11);color:var(--brand);box-shadow:inset 0 0 0 1px rgba(109,93,252,.13)}.editor-mode-switch svg,.preview-device-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.visual-email-builder{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface),var(--surface2));padding:18px}.visual-email-builder[hidden],.source-editor-wrap[hidden]{display:none!important}.builder-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid var(--line)}.builder-intro span{font-size:13px;font-weight:850}.builder-intro p{max-width:560px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:750}.builder-grid label.full{grid-column:1/-1}.builder-grid input,.builder-grid textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);padding:12px;outline:0}.builder-grid input{height:44px}.builder-grid textarea{resize:vertical;line-height:1.55}.builder-grid input:focus,.builder-grid textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,93,252,.1)}.builder-help{margin-top:14px;padding:11px 13px;border-radius:10px;background:rgba(109,93,252,.07);color:var(--muted);font-size:10px;line-height:1.65}.builder-help b{display:block;color:var(--text);font-size:10px}.builder-help span{word-spacing:7px;color:var(--brand);font-family:ui-monospace,SFMono-Regular,monospace}.source-editor-wrap:before{content:'Gelişmiş kullanım';display:block;margin-bottom:6px;color:var(--brand);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.source-editor-wrap .code-editor{min-height:430px!important;font-size:12px!important}.email-workspace .token-row{display:none}
.preview-toolbar{height:52px;gap:14px}.preview-toolbar>b{margin-left:auto;margin-right:0;font-size:10px}.preview-device-switch{display:flex;gap:4px;margin-left:auto}.preview-device-switch button{padding:7px 9px;font-size:10px}.email-preview-viewport{padding:22px;overflow:auto;background:linear-gradient(145deg,#e8ebf4,#f5f6fa);transition:.2s}.email-preview-viewport iframe{margin:0 auto;height:630px;border-radius:9px;box-shadow:0 14px 40px rgba(18,24,40,.16);transition:width .22s}.email-preview-viewport.desktop iframe{width:min(100%,1100px)}.email-preview-viewport.mobile iframe{width:390px;max-width:100%}[data-theme=dark] .email-preview-viewport{background:linear-gradient(145deg,#0d1018,#151925)}[data-theme=dark] .visual-email-builder{background:linear-gradient(145deg,#171b27,#141721)}
@media(max-width:760px){body{font-size:14px}.builder-intro{display:block}.builder-intro p{margin-top:6px}.builder-grid{grid-template-columns:1fr}.builder-grid label.full{grid-column:auto}.editor-mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.editor-mode-switch button{justify-content:center}.preview-toolbar>b{display:none}.preview-device-switch{margin-left:auto}.preview-device-switch button span{display:none}.email-preview-viewport{padding:10px}.email-preview-viewport iframe{height:520px}.mini-btn span{display:none}.mini-btn{width:34px!important;padding:0}.rule-actions{min-width:34px}}
.email-workspace .editor-card.source-mode .token-row{display:flex}

/* v1.5 login, dialogs and secure actions */
.hp-dialog{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,8,16,.72);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.2s}.hp-dialog.show{opacity:1;visibility:visible}.hp-dialog-card{width:min(450px,100%);padding:27px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 35px 90px rgba(0,0,0,.34);transform:translateY(14px) scale(.97);transition:.22s}.hp-dialog.show .hp-dialog-card{transform:none}.hp-dialog-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#f59e0b;background:rgba(245,158,11,.11);box-shadow:inset 0 0 0 1px rgba(245,158,11,.14)}.hp-dialog-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hp-dialog-copy{margin-top:18px}.hp-dialog-copy>span{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.13em}.hp-dialog-copy h3{margin:7px 0 8px;font-size:20px;letter-spacing:-.025em}.hp-dialog-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.hp-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.hp-dialog-actions .btn{width:100%}
.hp-notice{position:fixed;z-index:9999;right:24px;top:24px;width:min(400px,calc(100vw - 28px));display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 22px 60px rgba(15,23,42,.2);opacity:0;transform:translateY(-12px);transition:.22s}.hp-notice.show{opacity:1;transform:none}.hp-notice.success{border-color:rgba(24,163,122,.25)}.hp-notice.error{border-color:rgba(239,71,111,.25)}.hp-notice-icon{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.hp-notice.success .hp-notice-icon{color:#148263;background:rgba(24,163,122,.11)}.hp-notice.error .hp-notice-icon{color:#dd365e;background:rgba(239,71,111,.1)}.hp-notice>div{flex:1}.hp-notice b{font-size:12px}.hp-notice p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.hp-notice button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.logout{min-height:41px;padding:0 12px!important;border:1px solid rgba(239,71,111,.16);border-radius:11px;display:flex!important;align-items:center;gap:9px;background:rgba(239,71,111,.07);color:#ff708f!important;font-weight:750;transition:.18s}.logout:hover{background:rgba(239,71,111,.14);border-color:rgba(239,71,111,.28);transform:translateY(-1px)}.logout svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.secure-field{position:relative;width:100%}.secure-field>input{padding-right:47px!important}.secure-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.secure-eye:hover,.secure-eye.visible{color:var(--brand);background:rgba(109,93,252,.09)}.secure-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.field-caption{display:block}.field-help{color:var(--muted);font-size:9.5px;font-weight:500;line-height:1.45}.netgsm-guide{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid rgba(109,93,252,.17);border-radius:12px;background:rgba(109,93,252,.065)}.netgsm-guide>span{flex:0 0 27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:900}.netgsm-guide b{font-size:11px}.netgsm-guide p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.login-body{padding:24px;background:#080b13;color:#f7f8fc}.login-body:before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 15% 18%,rgba(109,93,252,.16),transparent 32%),radial-gradient(circle at 85% 82%,rgba(20,184,166,.1),transparent 29%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;pointer-events:none}.login-shell{position:relative;z-index:2;width:min(1060px,100%);min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:1px solid #282d3d;border-radius:30px;background:#111521;box-shadow:0 45px 120px rgba(0,0,0,.55)}.login-showcase{position:relative;padding:43px 48px;overflow:hidden;background:linear-gradient(145deg,#171b2d,#111827 62%,#10242a)}.login-showcase:before{content:'';position:absolute;width:430px;height:430px;right:-220px;bottom:-210px;border-radius:50%;border:1px solid rgba(109,93,252,.18);box-shadow:0 0 0 60px rgba(109,93,252,.025),0 0 0 125px rgba(20,184,166,.018)}.login-brand{display:flex;align-items:center;gap:13px}.login-brand b,.login-brand span{display:block}.login-brand b{font-size:18px}.login-brand span{margin-top:3px;color:#7f89a1;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.login-copy{position:relative;z-index:2;margin-top:92px}.login-kicker{color:#8c7fff;font-size:9px;font-weight:900;letter-spacing:.16em}.login-copy h1{margin:15px 0 18px;font-size:39px;line-height:1.12;letter-spacing:-.05em}.login-copy>p{max-width:510px;margin:0;color:#99a2b7;font-size:13px;line-height:1.8}.login-features{display:grid;gap:11px;margin-top:29px}.login-features span{color:#c8cede;font-size:11px}.login-features span::first-letter{color:#5edab5}.login-visual{position:absolute;right:40px;bottom:38px;width:150px;height:98px;padding:17px 18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.2)}.login-visual i{position:absolute;right:14px;top:14px;width:8px;height:8px;border-radius:50%;background:#4ed8ac;box-shadow:0 0 0 5px rgba(78,216,172,.1)}.login-visual b,.login-visual span{display:block}.login-visual b{font-size:31px;color:#8c7fff}.login-visual span{color:#8f99ad;font-size:9px}.login-card{width:auto;padding:58px 48px;border:0;border-radius:0;background:#121621;color:#f5f6fc;box-shadow:none}.login-mobile-brand{display:none}.login-welcome{color:#8c7fff;font-size:9px;font-weight:900;letter-spacing:.15em}.login-card h2{margin:10px 0 8px;font-size:28px;letter-spacing:-.04em}.login-card>p{margin:0 0 28px;color:#858fa5;font-size:12px;line-height:1.65}.login-card .form-stack{gap:18px}.login-card .form-stack label{gap:8px;color:#d7dbea;font-size:11px}.login-input-wrap{position:relative}.login-input-wrap>svg{position:absolute;z-index:2;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#68728a;stroke-width:1.7;pointer-events:none}.login-card .login-input-wrap>input{height:52px;padding:0 48px 0 44px;border:1px solid #30364a;border-radius:13px;background:#0e121c;color:#fff}.login-card .login-input-wrap>input:focus{border-color:#7464f5;box-shadow:0 0 0 4px rgba(109,93,252,.12)}.login-card .password-wrap input{border-radius:13px}.login-card .eye{position:absolute;z-index:3;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#778198;display:grid;place-items:center;cursor:pointer}.login-card .eye:hover,.login-card .eye.visible{color:#a79cff;background:rgba(109,93,252,.1)}.login-card .eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-card .eye-closed{display:none}.login-card .eye.visible .eye-open{display:none}.login-card .eye.visible .eye-closed{display:block}.login-submit{height:50px;margin-top:4px;justify-content:space-between;padding:0 18px}.login-submit b{font-size:18px}.login-security{display:flex;align-items:center;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #252a38}.login-security>span{width:34px;height:34px;border-radius:10px;background:rgba(24,163,122,.11);color:#55d5af;display:grid;place-items:center}.login-security p{margin:0}.login-security b,.login-security small{display:block}.login-security b{color:#c7ccda;font-size:10px}.login-security small{margin-top:3px;color:#69738a;font-size:8.5px}.login-card>.alert{margin:0 0 18px;font-size:11px}
@media(max-width:800px){.login-body{padding:12px}.login-shell{display:block;min-height:0;border-radius:23px}.login-showcase{display:none}.login-card{padding:32px 24px}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px}.login-mobile-brand b{font-size:17px}.hp-notice{right:14px;top:14px}.hp-dialog-card{padding:22px}.hp-dialog-actions{grid-template-columns:1fr}}

/* Revize: profil menüsü, sınırsız e-posta şablonları ve merkezi plan seçimi */
.profile-menu{position:relative}.profile-menu .avatar{border:0;cursor:pointer;font:inherit;box-shadow:0 8px 20px rgba(109,93,252,.24);transition:.2s}.profile-menu .avatar:hover,.profile-menu .avatar[aria-expanded="true"]{transform:translateY(-1px);box-shadow:0 10px 28px rgba(109,93,252,.35)}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:310px;padding:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 24px 70px rgba(10,12,25,.22);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:.18s;z-index:90}.profile-dropdown.show{opacity:1;visibility:visible;transform:none}.profile-dropdown:before{content:"";position:absolute;right:14px;top:-6px;width:12px;height:12px;background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.profile-dropdown-head{display:flex;align-items:center;gap:11px;padding:9px 9px 13px;border-bottom:1px solid var(--line);margin-bottom:6px}.profile-dropdown-head>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#8172ff,#5b49e3);color:#fff;font-weight:850}.profile-dropdown-head b,.profile-dropdown-head small{display:block}.profile-dropdown-head b{font-size:12px}.profile-dropdown-head small{max-width:205px;margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-dropdown-link{display:flex!important;align-items:center;gap:11px;margin:0!important;padding:11px!important;border-radius:12px;color:var(--text)!important;text-decoration:none!important;background:transparent!important;font-size:12px!important}.profile-dropdown-link:hover{background:color-mix(in srgb,var(--brand) 9%,transparent)!important}.profile-dropdown-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}.profile-dropdown-link span{display:block!important}.profile-dropdown-link b,.profile-dropdown-link small{display:block}.profile-dropdown-link b{font-size:11px}.profile-dropdown-link small{margin-top:2px;color:var(--muted);font-size:9px}.profile-dropdown-link.danger{color:#ef6d8a!important}.profile-dropdown-link.danger:hover{background:rgba(239,71,111,.08)!important}
.profile-page{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.profile-identity{text-align:center;padding:30px 24px}.profile-big-avatar{width:92px;height:92px;margin:0 auto 16px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#8d7fff,#5846df);box-shadow:0 20px 45px rgba(109,93,252,.3);color:#fff;font-size:34px;font-weight:900}.profile-identity h2{margin:0;font-size:21px}.profile-identity>p{margin:7px 0;color:var(--muted);font-size:12px}.profile-identity>span{display:inline-flex;margin-top:5px;padding:7px 10px;border-radius:999px;background:rgba(109,93,252,.1);color:#7869ef;font-size:10px;font-weight:800}.profile-security-note{margin-top:25px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);text-align:left}.profile-security-note b,.profile-security-note small{display:block}.profile-security-note b{font-size:11px}.profile-security-note small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}.profile-form-panel{padding-bottom:22px}.profile-password-title{margin-top:6px;padding:14px 16px;border-radius:13px;background:color-mix(in srgb,var(--brand) 7%,var(--surface2));border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line))}.profile-password-title b,.profile-password-title span{display:block}.profile-password-title b{font-size:11px}.profile-password-title span{margin-top:3px;color:var(--muted);font-size:9px}
.settings-layout label small,.rule-email-template-field>small,.sms-template-form label small{display:block;margin-top:6px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.5}
.template-panel-form{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.template-inline-actions{display:flex;justify-content:flex-end;margin-top:16px}.email-library-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:3px 2px 16px;border-bottom:1px solid var(--line)}.email-library-head>div{display:flex;align-items:center;gap:12px}.email-library-head h3{margin:0;font-size:16px}.email-library-head p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.email-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.email-template-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.email-template-card.is-default{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 16px 40px rgba(109,93,252,.10)}.email-template-card.is-default:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#8d7fff,#5b49e3)}.email-template-card.is-passive{opacity:.68}.email-template-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.email-template-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(109,93,252,.1);color:#7566ed;font-size:17px}.email-template-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.template-badge{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:800}.template-badge.default{background:rgba(109,93,252,.12);color:#7b6ded}.template-badge.active{background:rgba(24,163,122,.11);color:#18a37a}.template-badge.passive{background:rgba(239,71,111,.09);color:#ef476f}.email-template-card h3{margin:14px 0 7px;font-size:14px}.email-template-card>p{min-height:34px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.email-template-meta{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding-top:12px;border-top:1px dashed var(--line);color:var(--muted);font-size:8px}.email-template-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.email-template-actions form{display:inline-flex;margin:0}.email-template-actions .mini-btn{min-height:34px}.email-template-empty{grid-column:1/-1;padding:55px 20px}
.email-template-modal{width:min(1120px,calc(100vw - 32px));max-width:1120px}.email-template-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);gap:18px}.email-template-fields{display:flex;flex-direction:column;gap:13px;min-width:0}.email-template-fields>label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:750}.email-template-fields textarea.code-editor{min-height:320px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.55}.email-template-live{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--surface2);overflow:hidden}.email-template-live iframe{display:block;width:100%;height:480px;border:0;background:#fff}.email-template-modal-actions{grid-column:1/-1}.email-template-token-row{margin-top:-4px}.email-preview-modal{width:min(880px,calc(100vw - 32px));max-width:880px}.email-preview-browser{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.email-preview-browser iframe{display:block;width:100%;height:560px;border:0;background:#fff}.email-preview-test{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:14px}.email-preview-test label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:750}
.rule-email-template-field{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);transition:.2s}.rule-email-template-field.disabled{opacity:.5}.rule-template-actions{display:flex;gap:8px;margin-top:10px}.rule-template-name{display:block;margin-top:6px;color:#8377ef;font-size:9px;font-weight:700}.rule-card .rule-body>div:first-child{min-width:0}
[data-theme=dark] .email-template-live iframe,[data-theme=dark] .email-preview-browser iframe{background:#fff}.template-tabs button[data-template-tab="email"] b:after{content:"∞";display:inline-grid;place-items:center;margin-left:6px;width:18px;height:18px;border-radius:6px;background:rgba(109,93,252,.12);color:#796bec;font-size:10px}
@media(max-width:1180px){.email-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-template-editor{grid-template-columns:1fr}.email-template-live iframe{height:420px}.email-template-modal-actions{grid-column:auto}.template-panel-form{grid-template-columns:1fr}}
@media(max-width:800px){.profile-dropdown{position:fixed;right:12px;top:72px;width:calc(100vw - 24px)}.profile-dropdown:before{display:none}.profile-page{grid-template-columns:1fr}.email-library-head{align-items:flex-start;flex-direction:column}.email-library-head .btn{width:100%}.email-template-grid{grid-template-columns:1fr}.email-template-editor{display:block}.email-template-live{margin-top:14px}.email-template-live iframe,.email-preview-browser iframe{height:400px}.email-preview-test{grid-template-columns:1fr}.rule-template-actions{flex-direction:column}.rule-template-actions .btn{width:100%}}
.template-studio .template-panel.active{grid-template-columns:1fr}.brand-panel-form{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.brand-panel-form .template-actions{grid-column:1/-1}@media(max-width:1000px){.brand-panel-form{grid-template-columns:1fr}.brand-panel-form .template-actions{grid-column:auto}}

/* E-posta şablon editörü: tema uyumu + görsel/kaynak düzenleme + cihaz önizleme */
.email-template-fields>label>input:not([type="checkbox"]),
.email-template-fields>label>textarea,
.email-preview-test input{
 width:100%;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);outline:0;
}
.email-template-fields>label>input:not([type="checkbox"]){height:44px;padding:0 12px}
.email-template-fields>label>textarea{padding:12px;resize:vertical}
.email-template-fields>label>input:not([type="checkbox"]):focus,
.email-template-fields>label>textarea:focus,
.email-preview-test input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,93,252,.10)}
.email-template-editor-modes{margin:2px 0 0}
.email-template-visual-editor{min-height:0}
.email-template-source-editor{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:750}
.email-template-source-editor[hidden],.email-template-token-row[hidden]{display:none!important}
.email-template-live .preview-toolbar,.email-preview-browser .preview-toolbar{gap:10px}
.email-template-live .preview-toolbar>b,.email-preview-browser .preview-toolbar>b{margin-left:auto}
.email-template-live .preview-device-switch,.email-preview-browser .preview-device-switch{margin-left:0}
.email-template-live .email-preview-viewport{height:610px;padding:18px;display:flex;justify-content:center;align-items:flex-start;overflow:auto}
.email-template-live .email-preview-viewport iframe{height:560px;flex:0 0 auto}
.email-template-live .email-preview-viewport.desktop iframe{width:min(100%,760px)}
.email-template-live .email-preview-viewport.mobile iframe{width:390px;max-width:100%}
.email-preview-browser .email-preview-viewport{height:650px;padding:18px;display:flex;justify-content:center;align-items:flex-start;overflow:auto}
.email-preview-browser .email-preview-viewport iframe{height:600px;flex:0 0 auto}
.email-preview-browser .email-preview-viewport.desktop iframe{width:min(100%,780px)}
.email-preview-browser .email-preview-viewport.mobile iframe{width:390px;max-width:100%}
[data-theme=dark] .email-template-fields>label>input:not([type="checkbox"]),
[data-theme=dark] .email-template-fields>label>textarea,
[data-theme=dark] .email-preview-test input{background:var(--input);color:var(--text);border-color:var(--line)}
@media(max-width:1180px){
 .email-template-live .email-preview-viewport{height:500px}.email-template-live .email-preview-viewport iframe{height:450px}
}
@media(max-width:800px){
 .email-template-editor-modes{display:grid;grid-template-columns:1fr 1fr;width:100%}.email-template-editor-modes button{justify-content:center}
 .email-template-live .preview-toolbar>b,.email-preview-browser .preview-toolbar>b{display:none}
 .email-template-live .email-preview-viewport,.email-preview-browser .email-preview-viewport{height:430px;padding:10px}
 .email-template-live .email-preview-viewport iframe,.email-preview-browser .email-preview-viewport iframe{height:400px}
}
\n/* v1.6.2 - geniş e-posta editörü ve öne açılan cihaz önizlemesi */\n.email-template-modal{width:min(1480px,calc(100vw - 34px));max-width:1480px;max-height:95vh;padding:24px 26px}\n.email-template-editor{grid-template-columns:minmax(520px,.98fr) minmax(620px,1.12fr);gap:24px;align-items:start}\n.email-template-fields{gap:15px}\n.email-template-fields>label input{min-height:46px}\n.email-template-live{min-height:690px}\n.email-template-live .preview-toolbar{padding-inline:16px}\n.email-template-live .email-preview-viewport{height:635px;padding:20px}\n.email-template-live .email-preview-viewport iframe{height:585px}\n.email-template-live .email-preview-viewport.desktop iframe{width:min(100%,900px)}\n.email-template-live .preview-device-switch button{position:relative}\n.email-template-live .preview-device-switch button:after{content:'↗';font-size:10px;opacity:.7;margin-left:2px}\n.email-template-live .preview-device-switch button:hover{background:rgba(109,93,252,.16);color:var(--brand)}\n.email-preview-modal{width:min(1320px,calc(100vw - 34px));max-width:1320px;max-height:96vh;padding:22px}\n.email-preview-browser{min-height:0}\n.email-preview-browser .email-preview-viewport{height:min(74vh,780px);padding:24px}\n.email-preview-browser .email-preview-viewport iframe{height:calc(min(74vh,780px) - 48px)}\n.email-preview-browser .email-preview-viewport.desktop iframe{width:min(100%,1100px)}\n.email-preview-browser .email-preview-viewport.mobile iframe{width:430px;max-width:100%}\n.email-preview-modal[data-preview-source="editor"] .modal-head{padding-right:2px}\n.email-preview-test[hidden]{display:none!important}\n@media(max-width:1240px){.email-template-modal{width:min(1120px,calc(100vw - 28px))}.email-template-editor{grid-template-columns:1fr}.email-template-live{min-height:0}.email-template-live .email-preview-viewport{height:560px}.email-template-live .email-preview-viewport iframe{height:510px}}\n@media(max-width:800px){.email-template-modal,.email-preview-modal{width:calc(100vw - 16px);padding:16px}.email-template-editor{display:block}.email-template-live{margin-top:16px}.email-template-live .email-preview-viewport{height:430px;padding:10px}.email-template-live .email-preview-viewport iframe{height:400px}.email-preview-browser .email-preview-viewport{height:calc(100vh - 210px);min-height:420px;padding:10px}.email-preview-browser .email-preview-viewport iframe{height:calc(100vh - 230px);min-height:400px}.email-preview-browser .email-preview-viewport.mobile iframe{width:min(390px,100%)}}\n

/* v1.6.3 - editör içi önizleme kaldırıldı; önizleme yalnız öne açılan pencerede */
#emailPreviewModal{z-index:180}
#emailTemplateForm .email-template-live{display:none!important}
.email-template-modal{width:min(1120px,calc(100vw - 34px));max-width:1120px;max-height:95vh;padding:24px 26px}
.email-template-editor{display:block!important}
.email-template-fields{width:100%;max-width:none;gap:16px}
.email-template-fields>label input{width:100%;min-height:46px}
.email-template-fields .visual-email-builder,.email-template-fields .source-editor-wrap{width:100%}
.email-template-fields textarea.code-editor{min-height:420px}
.email-editor-preview-launch{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface2),color-mix(in srgb,var(--surface2) 94%,var(--brand)))}
.preview-launch-copy{display:flex;align-items:center;gap:12px;min-width:0}
.preview-launch-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(109,93,252,.12);color:var(--brand);font-size:17px;font-weight:900}
.preview-launch-copy b,.preview-launch-copy small{display:block}
.preview-launch-copy b{font-size:11px;color:var(--text)}
.preview-launch-copy small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}
.preview-launch-actions{display:flex;gap:9px;flex:0 0 auto}
.preview-launch-btn{min-width:150px;height:52px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:.18s}
.preview-launch-btn:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));background:rgba(109,93,252,.08);transform:translateY(-1px);box-shadow:0 8px 22px rgba(36,28,94,.10)}
.preview-launch-btn>svg{width:20px;height:20px;fill:none;stroke:var(--brand);stroke-width:1.8;flex:0 0 auto}
.preview-launch-btn>span{flex:1;min-width:0}
.preview-launch-btn b,.preview-launch-btn small{display:block;white-space:nowrap}
.preview-launch-btn b{font-size:10px}
.preview-launch-btn small{margin-top:3px;color:var(--muted);font-size:8px}
.preview-launch-btn>i{color:var(--brand);font-style:normal;font-size:12px;font-weight:900}
.email-template-modal-actions{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}
.email-preview-modal{width:min(1320px,calc(100vw - 30px));max-width:1320px;max-height:96vh}
.email-preview-browser .email-preview-viewport{height:min(76vh,800px)}
.email-preview-browser .email-preview-viewport iframe{height:calc(min(76vh,800px) - 48px)}
@media(max-width:800px){
 .email-template-modal{width:calc(100vw - 16px);padding:16px}
 .email-editor-preview-launch{align-items:stretch;flex-direction:column}
 .preview-launch-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .preview-launch-btn{min-width:0;width:100%}
 .email-template-fields textarea.code-editor{min-height:330px}
}
@media(max-width:520px){.preview-launch-actions{grid-template-columns:1fr}.preview-launch-btn{min-height:54px}}


/* v1.6.7 - panel marka rengi tüm kurumsal vurgu alanlarını yönetir */
.brand-mark{background:linear-gradient(145deg,var(--brand2),var(--brand-dark));box-shadow:0 12px 32px var(--brand-glow)}
.sidebar nav a.active{background:linear-gradient(100deg,var(--brand-soft2),var(--brand-faint))}
.sidebar nav a.active:before{background:var(--brand2)}
.mini-user>span,.avatar{background:var(--brand);color:var(--brand-contrast)}
.profile-menu .avatar{box-shadow:0 8px 20px var(--brand-soft2)}
.profile-menu .avatar:hover,.profile-menu .avatar[aria-expanded="true"]{box-shadow:0 10px 28px var(--brand-glow)}
.hero{background:linear-gradient(120deg,#151729,var(--brand-deep));box-shadow:0 20px 50px var(--brand-faint)}
.hero:after{background:var(--brand-soft2)}
.eyebrow,.banner-copy>span,.login-kicker,.login-welcome,.login-visual b{color:var(--brand2)}
.btn.primary,.banner-primary{color:var(--brand-contrast);background:linear-gradient(145deg,var(--brand2),var(--brand-dark));border-color:var(--brand);box-shadow:0 5px 0 var(--brand-deep),0 12px 24px var(--brand-glow)}
.btn.primary:active,.banner-primary:active{box-shadow:0 2px 0 var(--brand-deep)}
.banner-primary:hover{box-shadow:0 8px 0 var(--brand-deep),0 19px 34px var(--brand-glow)}
.page-banner:before{background:linear-gradient(90deg,var(--brand-faint),transparent 45%,rgba(21,184,166,.045))}
.stat.purple{color:var(--brand)}
.entity>span,.rule-day{background:var(--brand-soft);color:var(--brand)}
.channel.sms,[data-theme=dark] .channel.sms{background:var(--brand-soft);color:var(--brand2)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus,.email-template-fields>label>input:not([type="checkbox"]):focus,.email-template-fields>label>textarea:focus,.email-preview-test input:focus,.dt-container.hp-datatable .dt-search input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px var(--brand-soft)!important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--brand-contrast)!important}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:linear-gradient(145deg,var(--brand),var(--brand2))!important;border-color:var(--brand)!important;color:var(--brand-contrast)!important;box-shadow:0 5px 13px var(--brand-glow)}
.dt-container.hp-datatable .dt-paging .dt-paging-button.current{border-color:var(--brand)!important;background:linear-gradient(145deg,var(--brand2),var(--brand-dark))!important;color:var(--brand-contrast)!important;box-shadow:0 4px 10px var(--brand-soft2)!important}
.dt-container.hp-datatable .dt-paging .dt-paging-button:hover{background:var(--brand-faint)!important;color:var(--brand)!important}
.premium-empty>span,.test-icon,.profile-dropdown-head>span,.profile-big-avatar{background:linear-gradient(145deg,var(--brand2),var(--brand-dark));color:var(--brand-contrast);box-shadow:0 10px 25px var(--brand-glow)}
.profile-big-avatar{box-shadow:0 20px 45px var(--brand-glow)}
.profile-identity>span,.email-template-icon,.template-badge.default,.template-tabs button[data-template-tab="email"] b:after{background:var(--brand-soft);color:var(--brand)}
.email-template-card.is-default{box-shadow:0 16px 40px var(--brand-faint)}
.email-template-card.is-default:before{background:linear-gradient(var(--brand2),var(--brand-dark))}
.rule-template-name,.panel-head a,.cron-mini a{color:var(--brand)}
.template-tabs button.active:after{background:var(--brand2)}
.message-bubble{background:linear-gradient(145deg,var(--brand2),var(--brand-dark));color:var(--brand-contrast);box-shadow:0 8px 18px var(--brand-glow)}
.status-orb.sms{color:var(--brand);background:var(--brand-soft)}
.mini-btn.action-edit{color:var(--brand);background:var(--brand-faint);border-color:var(--brand-soft2)}
.brand-tip>span,.preview-launch-icon{background:var(--brand-soft);color:var(--brand)}
.preview-launch-btn:hover{background:var(--brand-faint);box-shadow:0 8px 22px var(--brand-faint)}
.login-glow.one{background:var(--brand)}
.login-card .login-input-wrap>input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.login-card .eye:hover,.login-card .eye.visible{color:var(--brand2);background:var(--brand-soft)}
.panel-brand-setting{min-width:0}.panel-brand-control{height:60px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);display:flex;align-items:center;gap:12px;transition:.2s}.panel-brand-control:focus-within,.panel-brand-control:hover{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-faint)}.panel-brand-control input[type="color"]{flex:0 0 88px;width:88px!important;height:42px!important;padding:3px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--input)!important;cursor:pointer}.panel-brand-control>div{min-width:0}.panel-brand-control b,.panel-brand-control small{display:block}.panel-brand-control b{color:var(--brand);font-size:11px;letter-spacing:.05em}.panel-brand-control small{margin-top:2px!important;font-size:8px!important}


/* 1.6.8 - bitiş öncesi / sonrası hatırlatma zaman çizelgesi */
.reminder-timing-box{display:grid;grid-template-columns:1.25fr .75fr auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--line);background:var(--surface2);border-radius:14px}.reminder-timing-box label{margin:0}.timing-preview{min-height:43px;display:flex;align-items:center;padding:0 14px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:800;white-space:nowrap}.reminder-timing-box [data-rule-timing-days].is-disabled{opacity:.45}.rule-card.post-expiry{border-color:color-mix(in srgb,#ef476f 35%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,#ef476f 5%,var(--surface)),var(--surface))}.rule-card.post-expiry .rule-day{background:color-mix(in srgb,#ef476f 12%,var(--surface2));color:#d9365e}.overdue-label{color:#d9365e;font-size:10px}.rule-card.post-expiry .rule-template-name{color:#b66a7c}@media(max-width:760px){.reminder-timing-box{grid-template-columns:1fr 1fr}.timing-preview{grid-column:1/-1;white-space:normal}}

/* v1.6.11 - E-posta önizleme test alanı */
.email-preview-test{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
  margin-top:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,var(--surface2),color-mix(in srgb,var(--surface2) 94%,var(--brand)));
  box-shadow:0 10px 28px rgba(18,24,40,.06);
}
.email-preview-test label{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  color:var(--text);
  font-size:10px;
  font-weight:800;
}
.email-preview-test input[type="email"]{
  display:block;
  width:100%;
  height:50px;
  min-height:50px;
  margin:0;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:12px;
  outline:0;
  background:var(--input);
  color:var(--text);
  font:inherit;
  font-size:12px;
  font-weight:650;
  line-height:50px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.email-preview-test input[type="email"]::placeholder{color:var(--muted);opacity:.72;font-weight:550}
.email-preview-test input[type="email"]:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.email-preview-test input[type="email"]:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent);
  background:var(--surface);
}
.email-preview-test .btn{
  min-width:170px;
  min-height:50px;
  height:50px;
  margin:0;
  padding:0 20px;
  border-radius:12px;
  white-space:nowrap;
}
[data-theme=dark] .email-preview-test{box-shadow:0 14px 34px rgba(0,0,0,.18)}
@media(max-width:800px){
  .email-preview-test{grid-template-columns:1fr;padding:12px}
  .email-preview-test .btn{width:100%;min-width:0}
}

/* v1.6.13 - Mobil e-posta şablon aksiyonları: ikon + net etiket */
.mini-btn.action-preview{color:#0d7f78;background:rgba(20,184,166,.08);border-color:rgba(20,184,166,.20)}
.mini-btn.action-default{color:#9a6500;background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.22)}
[data-theme=dark] .mini-btn.action-preview{color:#59d5c9;background:rgba(20,184,166,.12)}
[data-theme=dark] .mini-btn.action-default{color:#ffc45c;background:rgba(245,158,11,.12)}
@media(max-width:760px){
  .email-template-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .email-template-actions form{display:block;width:100%}
  .email-template-actions .mini-btn,
  .email-template-actions form .mini-btn{width:100%!important;min-height:40px;padding:0 9px;gap:6px;border-radius:10px;font-size:10px;white-space:nowrap}
  .email-template-actions .mini-btn span{display:inline!important;overflow:hidden;text-overflow:ellipsis}
  .email-template-actions .mini-btn svg{width:14px;height:14px;flex:0 0 14px}
}

\n\n/* v1.6.14 - Sistem ayarlarında sol dikey sekme + sağ içerik düzeni */\n.settings-layout.is-tabbed{\n  display:grid;\n  grid-template-columns:238px minmax(0,1fr);\n  align-items:start;\n  gap:20px;\n  max-width:1210px;\n  margin:0 auto;\n}\n.settings-layout.is-tabbed>.settings-tabs{\n  grid-column:1;\n  grid-row:1;\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n  margin:0;\n  padding:8px;\n  position:sticky;\n  top:88px;\n  border-radius:18px;\n}\n.settings-layout.is-tabbed>.settings-tabs button{\n  flex:none;\n  width:100%;\n  min-height:76px;\n  padding:15px 16px 15px 18px;\n  border-radius:13px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  text-align:left;\n}\n.settings-layout.is-tabbed>.settings-tabs button b{font-size:12px;line-height:1.35}\n.settings-layout.is-tabbed>.settings-tabs button span{font-size:9px;line-height:1.45;margin-top:5px}\n.settings-layout.is-tabbed>.settings-tabs button.active:after{\n  left:0;\n  right:auto;\n  top:14px;\n  bottom:14px;\n  width:4px;\n  height:auto;\n  border-radius:0 5px 5px 0;\n}\n.settings-layout.is-tabbed>.panel{\n  grid-column:2;\n  grid-row:1;\n  display:none;\n  width:100%;\n  max-width:none;\n  margin:0;\n}\n.settings-layout.is-tabbed>.panel.tab-active{display:block}\n.settings-layout.is-tabbed>.panel .panel-head{padding-top:3px}\n@media(max-width:900px){\n  .settings-layout.is-tabbed{grid-template-columns:190px minmax(0,1fr);gap:14px}\n}\n@media(max-width:760px){\n  .settings-layout.is-tabbed{display:grid;grid-template-columns:1fr;gap:12px;max-width:none}\n  .settings-layout.is-tabbed>.settings-tabs{grid-column:1;grid-row:auto;position:static;display:grid;grid-template-columns:1fr 1fr;gap:7px}\n  .settings-layout.is-tabbed>.settings-tabs button{min-height:58px;padding:10px 12px}\n  .settings-layout.is-tabbed>.settings-tabs button span{display:none}\n  .settings-layout.is-tabbed>.settings-tabs button.active:after{left:12px;right:12px;top:auto;bottom:0;width:auto;height:3px;border-radius:4px 4px 0 0}\n  .settings-layout.is-tabbed>.panel{grid-column:1;grid-row:auto}\n}\n

/* v1.6.15 - Netgsm API bağlantı teşhisi */
.netgsm-api-test{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),transparent 72%)}
.netgsm-api-test-copy{display:flex;align-items:center;gap:12px;min-width:0}
.netgsm-api-test-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--brand);color:var(--brand-contrast);font-size:16px;font-weight:900;box-shadow:0 8px 20px var(--brand-glow)}
.netgsm-api-test-copy b{display:block;font-size:11px;color:var(--text)}
.netgsm-api-test-copy small{display:block;margin-top:4px;max-width:620px;color:var(--muted);font-size:9px;line-height:1.55}
.netgsm-api-test-btn{flex:0 0 auto;min-width:156px}
@media(max-width:700px){.netgsm-api-test{align-items:stretch;flex-direction:column}.netgsm-api-test-btn{width:100%}.netgsm-api-test-copy{align-items:flex-start}}


/* v1.6.16 - renewal level notification time override */
.notification-time-field small{display:block;margin-top:8px;color:var(--muted,#8f96aa);font-size:12px;line-height:1.45;font-weight:500}
.notification-time-field .hp-time-input{width:100%}
.notification-time-field:has(input:not(:placeholder-shown)) small{color:var(--brand,#6d5dfc)}

/* v1.6.17 - yenileme formunda müşteri iletişim/bildirim özeti */
.customer-notify-card{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:18px;
  align-items:center;
  padding:16px 18px;
  margin:-2px 0 2px;
  border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));
  border-radius:16px;
  background:linear-gradient(135deg,var(--brand-faint),var(--surface2) 56%);
  box-shadow:0 10px 28px rgba(18,24,40,.04);
  transition:opacity .18s,border-color .18s,box-shadow .18s;
}
.customer-notify-card[hidden]{display:none!important}
.customer-notify-main{display:flex;align-items:center;gap:13px;min-width:0}
.customer-notify-avatar{
  display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;
  border-radius:14px;background:linear-gradient(145deg,var(--brand2),var(--brand-dark));
  color:var(--brand-contrast);font-size:14px;font-weight:900;box-shadow:0 9px 22px var(--brand-glow)
}
.customer-notify-main>div{min-width:0}.customer-notify-main small,.customer-notify-target small{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.045em}
.customer-notify-main b{display:block;margin-top:4px;color:var(--text);font-size:12px}.customer-notify-main p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.customer-notify-targets{display:grid;grid-template-columns:1fr 1.15fr auto;gap:8px;align-items:center}
.customer-notify-target{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.customer-notify-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:900}
.customer-notify-target>div{min-width:0}.customer-notify-target b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:10px}.customer-notify-target b.missing{color:#d25770;font-weight:700}
.customer-notify-state{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 10px;border-radius:999px;background:rgba(20,184,166,.12);color:#168b7d;font-size:8px;font-weight:900;white-space:nowrap}
.customer-notify-state.off{background:rgba(239,71,111,.10);color:#d34c69}.customer-notify-card.is-disabled{opacity:.66;border-style:dashed}
[data-theme=dark] .customer-notify-state{color:#63d6c8}.customer-notify-card:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:0 12px 30px var(--brand-faint)}
@media(max-width:1050px){.customer-notify-card{grid-template-columns:1fr}.customer-notify-targets{grid-template-columns:1fr 1fr auto}}
@media(max-width:700px){.customer-notify-card{padding:13px}.customer-notify-targets{grid-template-columns:1fr}.customer-notify-state{justify-self:start}.customer-notify-main p{font-size:9px}}

/* v1.6.18 - müşteri bildirim hedeflerinde telefon/e-posta tam görünüm */
.customer-notify-card{
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);
}
.customer-notify-targets{
  grid-template-columns:minmax(175px,.8fr) minmax(250px,1.2fr) max-content;
}
.customer-notify-target{min-width:0}
.customer-notify-target b{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  font-size:11px;
  line-height:1.35;
}
[data-customer-notify-phone]{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
[data-customer-notify-email]{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;overflow:visible!important;text-overflow:clip!important}
@media(max-width:1250px){
  .customer-notify-card{grid-template-columns:1fr}
  .customer-notify-targets{grid-template-columns:minmax(170px,.75fr) minmax(260px,1.25fr) max-content}
}
@media(max-width:760px){
  .customer-notify-targets{grid-template-columns:1fr}
  .customer-notify-target b{font-size:12px}
  [data-customer-notify-phone],[data-customer-notify-email]{white-space:normal!important}
}


/* v1.6.19 - yenileme modal taşma + yeni kayıtta müşteri bildirim kartı düzeltmesi */
#renewalForm .modal-card.large{
  width:min(980px,calc(100vw - 28px));
  max-width:calc(100vw - 28px);
  overflow-x:hidden;
}
#renewalForm .form-grid,
#renewalForm .form-grid>*{min-width:0}
#renewalForm .customer-notify-card{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:16px;
}
#renewalForm .customer-notify-main,
#renewalForm .customer-notify-main>div,
#renewalForm .customer-notify-targets,
#renewalForm .customer-notify-target,
#renewalForm .customer-notify-target>div{min-width:0}
#renewalForm .customer-notify-targets{
  grid-template-columns:minmax(145px,.8fr) minmax(190px,1.2fr);
  gap:9px;
}
#renewalForm .customer-notify-state{
  grid-column:1/-1;
  justify-self:end;
  max-width:100%;
}
#renewalForm [data-customer-notify-phone]{white-space:normal!important;overflow-wrap:anywhere}
#renewalForm [data-customer-notify-email]{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:980px){
  #renewalForm .customer-notify-card{grid-template-columns:1fr}
  #renewalForm .customer-notify-targets{grid-template-columns:1fr 1fr}
  #renewalForm .customer-notify-state{justify-self:start}
}
@media(max-width:760px){
  #renewalForm .modal-card.large{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
  #renewalForm .customer-notify-targets{grid-template-columns:1fr}
  #renewalForm .customer-notify-state{grid-column:auto}
}

/* 1.6.27 - Genel + kurtarma SMS şablonları */
.sms-template-stack{display:grid;gap:16px;min-width:0}.sms-template-stack .editor-card{width:100%}.overdue-sms-card{border-color:color-mix(in srgb,#f59e0b 35%,var(--line));background:linear-gradient(145deg,var(--surface2),color-mix(in srgb,var(--surface2) 95%,#f59e0b))}.overdue-sms-card .editor-head .step{background:rgba(245,158,11,.13);color:#d88700}.phone-preview.overdue{background:linear-gradient(145deg,#221b13,#332514)}.phone-preview.overdue .message-bubble{background:linear-gradient(145deg,#f0a31d,#d87a05);box-shadow:0 8px 18px rgba(216,122,5,.22)}.sms-save-actions{align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.sms-save-actions>div b,.sms-save-actions>div small{display:block}.sms-save-actions>div b{font-size:11px}.sms-save-actions>div small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.5}.test-card select{width:100%;height:45px;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);padding:0 12px;outline:0}.test-card select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,93,252,.1)}
@media(max-width:760px){.sms-save-actions{align-items:stretch;flex-direction:column}.sms-save-actions .btn{width:100%}}

/* v1.6.28 - SMS template library */
.sms-library-layout{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.sms-library-main{min-width:0}.sms-library-test{margin:0}.sms-library-test>form{display:flex;flex-direction:column;gap:12px}.sms-library-test>form>p{margin:0 0 4px;color:var(--muted);font-size:10px;line-height:1.65}.sms-library-test label{display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:11px;font-weight:750}.sms-library-test textarea{width:100%;min-height:112px;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);padding:12px;outline:0;resize:vertical}.sms-library-test textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-faint)}
.sms-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sms-template-card{position:relative;min-width:0;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.sms-template-card.is-default{border-color:color-mix(in srgb,var(--brand) 42%,var(--line));box-shadow:0 16px 40px var(--brand-faint)}.sms-template-card.is-default:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--brand2),var(--brand-dark))}.sms-template-card.is-passive{opacity:.68}.sms-template-icon{display:grid;place-items:center;width:44px;height:38px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.04em}.sms-template-card h3{margin:14px 0 7px;font-size:14px}.sms-template-text{min-height:54px;margin:0;color:var(--muted);font-size:10px;line-height:1.65;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-badge.general{background:rgba(14,165,233,.1);color:#0ea5e9}.template-badge.overdue{background:rgba(245,158,11,.12);color:#d88700}
.sms-template-modal{width:min(900px,calc(100vw - 28px));max-width:900px}.sms-template-editor textarea{min-height:150px;line-height:1.65}.sms-editor-preview{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.editor-head.compact{margin-bottom:8px}.phone-preview.standalone{max-width:620px;margin:12px auto 0}.sms-preview-modal{width:min(650px,calc(100vw - 28px));max-width:650px}.sms-preview-modal .message-bubble{font-size:12px;line-height:1.7}.sms-preview-modal .phone-preview{margin-top:2px}
.rule-sms-template-field,.rule-email-template-field{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);transition:.2s}.rule-sms-template-field.disabled,.rule-email-template-field.disabled{opacity:.5}.rule-sms-template-field>small{display:block;margin-top:6px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.5}.rule-card .rule-template-name+ .rule-template-name{margin-top:3px}
@media(max-width:1180px){.sms-library-layout{grid-template-columns:1fr}.sms-library-test{width:100%}.sms-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sms-template-grid{grid-template-columns:1fr}.sms-template-modal{width:calc(100vw - 18px)}.sms-template-editor{display:grid;grid-template-columns:1fr}.phone-preview.standalone{max-width:100%}}

@media(max-width:760px){.system-clock{height:38px;padding:0 9px;gap:6px}.system-clock-icon{display:none}.system-clock small,[data-clock-date]{display:none}.system-clock b{font-size:11px;margin:0}.top-actions{gap:7px}}

/* v1.6.36 - Mobil responsive düzeltme: Cronjob Merkezi + tüm DataTable görünümleri */
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .app,.content,.panel,.table-panel,.table-wrap,.cron-layout,.cron-layout>.panel,.cron-guide,.timeline{min-width:0!important;max-width:100%!important;width:100%}

  /* Cronjob komut / URL kutuları sayfayı sağa itmesin */
  .cron-layout{overflow:hidden}
  .cron-guide{overflow:hidden}
  .cron-guide label{min-width:0;width:100%;max-width:100%}
  .cron-expression{min-width:0;max-width:100%;gap:10px;overflow:hidden}
  .cron-expression b{font-size:16px;min-width:0;overflow-wrap:anywhere}
  .cron-expression span{flex:0 0 auto;white-space:nowrap}
  .copy-box{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;max-width:100%;overflow:hidden}
  .copy-box code{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .copy-box button{min-width:68px;max-width:90px;flex:0 0 auto}
  .info-box{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow:hidden}
  .timeline>div{min-width:0;align-items:flex-start}
  .timeline>div>div{min-width:0}
  .timeline b,.timeline small{white-space:normal;overflow-wrap:anywhere;word-break:break-word}

  /* DataTables: mobilde kartın tamamını kullansın, tek kayıt/tek sütun daralmasın */
  .table-panel{overflow:hidden!important}
  .table-panel .dt-container,
  .table-panel .dataTables_wrapper{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .table-panel .dt-layout-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:10px!important;margin:0!important}
  .table-panel .dt-layout-cell{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;align-items:center!important;justify-content:flex-start!important}
  .table-panel .dt-layout-end{justify-content:flex-start!important}
  .table-panel .dt-search{width:100%!important;max-width:100%!important}
  .table-panel .dt-search input{width:100%!important;max-width:100%!important;margin:0!important}
  .table-panel .dt-length,.table-panel .dt-info,.table-panel .dt-paging{max-width:100%!important}
  .table-panel .dt-paging{margin-left:auto!important;margin-right:auto!important}

  .table-wrap{overflow-x:hidden!important;-webkit-overflow-scrolling:touch}
  .table-wrap table,
  .table-wrap table.dataTable,
  table.dataTable{width:100%!important;min-width:100%!important;max-width:100%!important;table-layout:auto!important;margin:0!important}
  .table-wrap table colgroup{width:100%!important}
  .table-wrap table thead,.table-wrap table tbody,.table-wrap table tr{width:100%!important;max-width:100%!important}
  .table-wrap table th,.table-wrap table td{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
  .table-wrap table th:first-child,.table-wrap table td:first-child{width:auto!important;min-width:0!important}
  .table-wrap table th:last-child,.table-wrap table td:last-child{width:1%!important;min-width:0!important}
  .table-wrap table td.dt-empty,.table-wrap table td.dataTables_empty{width:100%!important;min-width:100%!important;max-width:none!important;text-align:center!important;padding:30px 14px!important}

  /* Müşteriler: isim alanı geniş, aksiyonlar kompakt ve taşmasız */
  #customerTable{width:100%!important;min-width:100%!important;max-width:100%!important}
  #customerTable .entity{min-width:0;width:100%}
  #customerTable .entity>div{min-width:0}
  #customerTable td.actions{display:flex!important;min-width:0!important;width:auto!important;max-width:100%!important;white-space:normal!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start}
  #customerTable td.actions form{display:inline-flex;min-width:0}
  #customerTable td.actions .mini-btn{white-space:nowrap!important}

  /* Kategorilerdeki tanımlı özel alan tablosu ve diğer tüm tek-satır tablolar */
  .panel:not(.table-panel) .table-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .panel:not(.table-panel) .table-wrap table{width:100%!important;min-width:100%!important;max-width:100%!important}

  /* Responsive eklentisinin detay satırı da kartın tam genişliğini kullansın */
  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
  table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{padding-left:32px!important}
  table.dataTable>tbody>tr.child>td.child{width:100%!important;padding:10px 12px!important}
  table.dataTable>tbody>tr.child ul.dtr-details{display:block!important;width:100%!important}
}

@media(max-width:520px){
  .content{padding-left:10px!important;padding-right:10px!important}
  .cron-expression{align-items:flex-start;flex-direction:column}
  .copy-box{grid-template-columns:1fr}
  .copy-box code{border-radius:10px 10px 0 0;min-height:42px}
  .copy-box button{width:100%;max-width:none;min-height:40px;border-radius:0 0 10px 10px}
  .table-panel .panel-head{align-items:stretch;flex-direction:column}
  .table-panel .small-search{width:100%!important;max-width:100%!important}
  #customerTable td.actions{display:flex!important}
  .dt-container .dt-layout-row:last-child{align-items:center!important}
}

/* v1.6.38 - Mobil tabloları gerçek kart görünüme dönüştür: müşteri, yenileme, geçmiş, kullanıcı ve özel alanlar */
@media (max-width:760px){
  /* DataTables üst/alt kontrolleri */
  .table-panel .dt-container,
  .table-panel .dataTables_wrapper,
  .panel .dt-container,
  .panel .dataTables_wrapper{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .dt-container .dt-layout-row,
  .dataTables_wrapper .dt-layout-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important}
  .dt-container .dt-layout-cell,
  .dataTables_wrapper .dt-layout-cell{width:100%!important;min-width:0!important;max-width:100%!important;justify-content:flex-start!important}
  .dt-container .dt-search,
  .dataTables_wrapper .dt-search{width:100%!important}
  .dt-container .dt-search input,
  .dataTables_wrapper .dt-search input{width:100%!important;max-width:100%!important;margin:0!important}
  .dt-container .dt-length,
  .dt-container .dt-info,
  .dt-container .dt-paging{max-width:100%!important}
  .dt-container .dt-paging{display:flex!important;justify-content:center!important;margin:0 auto!important}

  /* Mobilde bu tablolar artık klasik dar sütun tablosu değil; her kayıt tam genişlik kart */
  .table-wrap:has(.mobile-card-table){overflow:visible!important;width:100%!important;max-width:100%!important}
  table.mobile-card-table,
  table.mobile-card-table.dataTable{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important}
  table.mobile-card-table colgroup{display:none!important}
  table.mobile-card-table thead{display:none!important}
  table.mobile-card-table tbody{display:grid!important;width:100%!important;max-width:100%!important;gap:12px!important;padding:0!important}
  table.mobile-card-table tbody tr{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:8px 13px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:0 5px 16px rgba(15,18,32,.035)!important;overflow:hidden!important}
  table.mobile-card-table tbody tr:hover{background:var(--surface)!important}
  table.mobile-card-table tbody td{
    display:grid!important;
    grid-template-columns:minmax(86px,30%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    padding:10px 0!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  table.mobile-card-table tbody td:last-child{border-bottom:0!important}
  table.mobile-card-table tbody td::before{
    content:attr(data-label);
    display:block;
    min-width:0;
    color:var(--muted);
    font-size:9px;
    font-weight:850;
    line-height:1.35;
    letter-spacing:.055em;
    text-transform:uppercase;
    padding-top:2px;
  }
  table.mobile-card-table tbody td[data-label="Müşteri"] .entity,
  table.mobile-card-table tbody td[data-label="Kullanıcı"] .entity,
  table.mobile-card-table tbody td[data-label="Hizmet / Kayıt"] .service{width:100%;min-width:0;align-items:flex-start}
  table.mobile-card-table .entity>div,
  table.mobile-card-table .service>div{min-width:0!important;max-width:100%!important}
  table.mobile-card-table .entity b,
  table.mobile-card-table .service b,
  table.mobile-card-table td>b{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
  table.mobile-card-table .entity small,
  table.mobile-card-table .service small,
  table.mobile-card-table .cell-sub{max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.45}
  table.mobile-card-table .channel,
  table.mobile-card-table .status,
  table.mobile-card-table .days,
  table.mobile-card-table .count-pill{justify-self:start;white-space:nowrap!important;word-break:normal!important}

  /* İşlemler: mobilde ikon + metin birlikte görünür */
  table.mobile-card-table td.actions{
    display:grid!important;
    grid-template-columns:minmax(86px,30%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
  }
  table.mobile-card-table td.actions::before{grid-column:1;grid-row:1}
  table.mobile-card-table td.actions>a,
  table.mobile-card-table td.actions>button,
  table.mobile-card-table td.actions>form,
  table.mobile-card-table td.actions>span{grid-column:2;justify-self:start;margin:0 6px 6px 0!important}
  table.mobile-card-table td.actions form{display:inline-flex!important;width:auto!important}
  table.mobile-card-table td.actions .mini-btn{
    width:auto!important;
    min-width:92px!important;
    min-height:38px!important;
    padding:0 12px!important;
    gap:7px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    justify-content:flex-start!important;
  }
  table.mobile-card-table td.actions .mini-btn span{display:inline!important;overflow:visible!important;text-overflow:clip!important}
  table.mobile-card-table td.actions .mini-btn svg{display:block!important;flex:0 0 15px!important;width:15px!important;height:15px!important}

  /* DataTables'in boş tablo satırı kart düzenini bozmasın */
  table.mobile-card-table tbody tr:has(td.dt-empty),
  table.mobile-card-table tbody tr:has(td.dataTables_empty){padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  table.mobile-card-table td.dt-empty,
  table.mobile-card-table td.dataTables_empty{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    padding:34px 14px!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    background:var(--surface)!important;
    text-align:center!important;
    color:var(--muted)!important;
  }
  table.mobile-card-table td.dt-empty::before,
  table.mobile-card-table td.dataTables_empty::before{display:none!important;content:none!important}

  /* Yenilemeler filtre/aksiyon bloğu mobilde tam genişlik */
  .page-actions .filters{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .page-actions .filters input{grid-column:1/-1;width:100%!important;min-width:0!important}
  .page-actions .filters select{width:100%!important;min-width:0!important}
  .page-actions>.btn.primary{width:100%!important}

  /* Geçmiş tablosunda uzun e-posta/telefon/provider değerleri düzgün sarılsın */
  #logTable td[data-label="Alıcı"],
  #logTable td[data-label="Sağlayıcı"]{overflow-wrap:anywhere!important;word-break:break-word!important}

  /* Müşteri ve kullanıcı kartlarında avatar hizası */
  #customerTable .entity>span,
  #userTable .entity>span{flex:0 0 35px}
}

@media (max-width:430px){
  table.mobile-card-table tbody td,
  table.mobile-card-table td.actions{grid-template-columns:82px minmax(0,1fr)!important;gap:9px!important}
  table.mobile-card-table tbody tr{padding:7px 11px!important}
  table.mobile-card-table td.actions .mini-btn{min-width:0!important;width:100%!important;max-width:170px!important}
  .page-actions .filters{grid-template-columns:1fr!important}
  .page-actions .filters input{grid-column:auto}
}

/* v1.6.39 - Mobil kart tablolar her zaman panelin TAM genişliğini kullansın */
@media (max-width:760px){
  /* DataTables tablo satırı / hücresi intrinsik genişliğe düşmesin */
  .dt-container.hp-datatable .dt-layout-row.dt-layout-table,
  .dt-container.hp-datatable .dt-layout-row.dt-layout-table > .dt-layout-cell,
  .dt-container.hp-datatable .dt-layout-row.dt-layout-table > .dt-layout-cell > .table-wrap,
  .dt-container.hp-datatable .dt-layout-row.dt-layout-table .table-wrap{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .dt-container.hp-datatable table.mobile-card-table,
  .dt-container.hp-datatable table.mobile-card-table.dataTable,
  .dt-container.hp-datatable table.mobile-card-table tbody{
    display:block!important;
    box-sizing:border-box!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:100%!important;
    min-width:100%!important;
    max-inline-size:100%!important;
    max-width:100%!important;
  }

  .dt-container.hp-datatable table.mobile-card-table tbody tr{
    display:block!important;
    box-sizing:border-box!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:100%!important;
    min-width:100%!important;
    max-inline-size:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
    align-self:stretch!important;
  }

  /* Müşteri / kullanıcı gibi tek kayıtlı ekranlarda sağda boş kolon kalmasın */
  #customerTable,
  #userTable,
  #renewalTable,
  #logTable,
  #categoryFieldTable{
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:100%!important;
    min-width:100%!important;
    max-inline-size:100%!important;
    max-width:100%!important;
  }

  /* Kart içindeki değer alanı kalan tüm genişliği kullansın */
  table.mobile-card-table tbody td{
    grid-template-columns:minmax(84px,26%) minmax(0,1fr)!important;
  }
  table.mobile-card-table td.actions{
    grid-template-columns:minmax(84px,26%) minmax(0,1fr)!important;
  }
  table.mobile-card-table td.actions > a,
  table.mobile-card-table td.actions > button,
  table.mobile-card-table td.actions > form,
  table.mobile-card-table td.actions > span{
    max-width:100%!important;
  }
}

@media (max-width:430px){
  .dt-container.hp-datatable table.mobile-card-table tbody tr{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }
  table.mobile-card-table tbody td,
  table.mobile-card-table td.actions{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
}


/* v1.6.46 - ödeme alındı / dönem kapatma arayüzü */
.payment-received-btn{display:inline-flex;align-items:center;gap:6px;border-color:color-mix(in srgb,#18a37a 35%,var(--line));background:color-mix(in srgb,#18a37a 10%,var(--surface));color:#168264;font-weight:800}.payment-received-btn span{width:17px;height:17px;border-radius:6px;background:#18a37a;color:#fff;display:grid;place-items:center;font-size:10px}.payment-received-btn:hover{background:color-mix(in srgb,#18a37a 16%,var(--surface));border-color:#18a37a}.payment-modal-card{width:min(760px,100%);padding:0;overflow:auto;border-radius:24px}.payment-modal-hero{position:relative;display:grid;grid-template-columns:54px 1fr 40px;gap:15px;align-items:start;padding:25px 27px 22px;background:linear-gradient(135deg,color-mix(in srgb,#18a37a 16%,var(--surface)),color-mix(in srgb,var(--brand) 9%,var(--surface)));border-bottom:1px solid var(--line)}.payment-modal-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#25c897,#138566);color:#fff;font-size:25px;font-weight:900;box-shadow:0 14px 32px #18a37a35}.payment-modal-hero span{display:block;color:#168264;font-size:9px;font-weight:900;letter-spacing:.14em;margin:3px 0 5px}.payment-modal-hero h3{font-size:21px;margin:0;color:var(--text)}.payment-modal-hero p{font-size:11px;line-height:1.55;color:var(--muted);margin:7px 0 0;max-width:570px}.payment-close{border:1px solid var(--line);background:var(--surface);color:var(--text);width:38px;height:38px;border-radius:12px;font-size:21px;cursor:pointer}.payment-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px;padding:17px 27px 0}.payment-summary>div{padding:13px 14px;background:var(--surface2);border:1px solid var(--line);border-radius:13px;min-width:0}.payment-summary small,.payment-summary b{display:block}.payment-summary small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.payment-summary b{font-size:12px;margin-top:6px;overflow-wrap:anywhere}.payment-form{padding:19px 27px 25px}.payment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.payment-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:var(--text)}.payment-form-grid label>span{display:block}.payment-form-grid input,.payment-form-grid textarea{width:100%}.payment-form-grid .full{grid-column:1/-1}.payment-amount-wrap{position:relative}.payment-amount-wrap input{padding-right:58px}.payment-amount-wrap em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10px;color:var(--muted);font-weight:900}.payment-form-grid label small{font-weight:500;color:var(--muted);font-size:9px;line-height:1.45}.payment-next-option{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:13px 14px;border:1px solid color-mix(in srgb,#18a37a 25%,var(--line));border-radius:14px;background:color-mix(in srgb,#18a37a 7%,var(--surface));cursor:pointer}.payment-next-option input{width:21px!important;height:21px!important;flex:0 0 auto;accent-color:#18a37a}.payment-next-option span{min-width:0}.payment-next-option b,.payment-next-option small{display:block}.payment-next-option b{font-size:11px}.payment-next-option small{margin-top:3px!important}.renewal-payment-help{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--text)}.renewal-payment-help-icon{width:28px;height:28px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:var(--brand);color:var(--brand-contrast);font-weight:900}.renewal-payment-help b{font-size:11px}.renewal-payment-help p{margin:5px 0 0;font-size:10px;line-height:1.55;color:var(--muted)}.renewal-payment-help strong{color:var(--text)}.payment-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:19px;padding-top:18px}.btn.payment-confirm{border:0;color:#fff;background:linear-gradient(145deg,#22b987,#168264);box-shadow:0 5px 0 #0d6a51,0 12px 25px #18a37a30;gap:8px}.btn.payment-confirm:active{transform:translateY(3px);box-shadow:0 2px 0 #0d6a51}.btn.payment-confirm span{font-size:14px}
@media(max-width:760px){.payment-modal-card{width:100%;max-height:94vh;border-radius:19px}.payment-modal-hero{grid-template-columns:46px 1fr 36px;padding:19px 17px 17px;gap:11px}.payment-modal-icon{width:46px;height:46px;border-radius:14px;font-size:21px}.payment-modal-hero h3{font-size:17px}.payment-summary{grid-template-columns:1fr;padding:13px 17px 0}.payment-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-summary b{margin-top:0;text-align:right}.payment-form{padding:16px 17px 20px}.payment-form-grid{grid-template-columns:1fr}.payment-form-grid .full{grid-column:auto}.payment-next-option{order:3}.payment-next-date{order:2}.renewal-payment-help{order:4}.payment-form-grid label.full{order:5}.payment-form-actions{display:grid;grid-template-columns:1fr;margin-top:16px}.payment-form-actions .btn{width:100%}.payment-form-actions .ghost{order:2}.payment-received-btn{justify-content:center}}

/* v1.6.47 - ödeme modalı tema uyumu, sabit tutar ve sağlam aksiyon butonu */
.payment-received-btn{
  min-width:112px!important;
  width:auto!important;
  padding:0 12px!important;
  border-color:color-mix(in srgb,#18a37a 34%,var(--line))!important;
  background:color-mix(in srgb,#18a37a 10%,var(--surface))!important;
  color:#168264!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.payment-received-btn .payment-btn-label{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
[data-theme=dark] .payment-received-btn{color:#65dbba!important;background:rgba(24,163,122,.12)!important}

.payment-form-grid input[type="date"],
.payment-form-grid input[type="text"],
.payment-form-grid input[type="number"],
.payment-form-grid textarea{
  width:100%!important;
  min-height:46px!important;
  padding:11px 13px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--input)!important;
  color:var(--text)!important;
  outline:0!important;
  box-shadow:none!important;
  transition:border-color .18s,box-shadow .18s,background .18s!important;
}
.payment-form-grid textarea{min-height:92px!important;resize:vertical!important;line-height:1.55!important}
.payment-form-grid input:focus,.payment-form-grid textarea:focus{
  border-color:var(--brand)!important;
  box-shadow:0 0 0 4px var(--brand-soft)!important;
}
.payment-form-grid input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78}
[data-theme=dark] .payment-form-grid input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.35)}

.payment-static-field{
  min-height:46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding:10px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface2);
  color:var(--text);
}
.payment-static-field b{font-size:13px;line-height:1.2}
.payment-static-field small{margin:0!important;font-size:8.5px!important;color:var(--muted)!important;font-weight:550!important}
.payment-next-date small{margin-top:-1px!important}

.btn.payment-confirm{
  min-height:46px;
  padding:0 19px;
  border-radius:12px;
  white-space:nowrap;
}

@media(max-width:760px){
  table.mobile-card-table td.actions .payment-received-btn{
    width:100%!important;
    max-width:170px!important;
    justify-content:center!important;
  }
  table.mobile-card-table td.actions .payment-received-btn .payment-btn-label{display:inline!important}
  .payment-form-grid input[type="date"],.payment-form-grid textarea,.payment-static-field{font-size:14px!important}
}

/* v1.6.48 - ödeme alındı aksiyon butonu hizalama düzeltmesi */
.payment-received-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:128px!important;
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  line-height:1!important;
  overflow:hidden!important;
  vertical-align:middle!important;
}
.payment-received-btn .payment-btn-icon{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  display:block!important;
}
.payment-received-btn .payment-btn-label{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.actions .payment-received-btn{flex:0 0 auto!important}
@media(max-width:760px){
  table.mobile-card-table td.actions .payment-received-btn{
    width:100%!important;
    max-width:170px!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    justify-content:flex-start!important;
    padding:0 13px!important;
  }
  table.mobile-card-table td.actions .payment-received-btn .payment-btn-label{font-size:10.5px!important}
}