@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0d1b2a;--navy2:#12263a;--panel:#fff;--bg:#f3f6f9;--text:#162232;--muted:#718096;--line:#e3e9ef;--orange:#f5a623;--orange2:#ffb735;--green:#1f9d68;--red:#dc4c4c;--blue:#3b78d8;--shadow:0 12px 32px rgba(18,38,58,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:270px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,var(--navy),#0a1622);color:#d8e2ec;padding:0 18px 22px;display:flex;flex-direction:column;z-index:30;box-shadow:8px 0 28px rgba(13,27,42,.12)}.sidebar-brand{height:86px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px;padding:0 8px}.brand-mark,.login-logo span,.login-mobile-brand span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--orange2),var(--orange));display:grid;place-items:center;color:#fff;font-size:23px;font-weight:800;box-shadow:0 8px 20px rgba(245,166,35,.28)}.sidebar-brand strong{display:block;color:#fff;font-size:17px;letter-spacing:-.2px}.sidebar-brand span{display:block;color:#8295a8;font-size:11px;margin-top:3px}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#5f7387;font-weight:700;padding:6px 12px 10px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-item{min-height:46px;border-radius:11px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#aebdca;font-size:14px;font-weight:500;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(245,166,35,.2),rgba(245,166,35,.08));color:#fff;box-shadow:inset 3px 0 var(--orange)}.nav-icon{width:20px;height:20px;display:grid;place-items:center}.nav-icon svg{width:19px;height:19px;fill:currentColor}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:18px 11px 0;color:#7890a4}.secure-state{display:flex;align-items:center;gap:8px;color:#a7bbc9;font-size:12px;margin-bottom:5px}.secure-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c57a;box-shadow:0 0 0 4px rgba(34,197,122,.12)}.sidebar-footer small{font-size:10px}.workspace{margin-left:270px;width:calc(100% - 270px);min-height:100vh}.topbar{height:86px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.topbar-left,.topbar-right,.user-block{display:flex;align-items:center}.topbar-left{gap:14px}.breadcrumb{font-size:11px;color:#95a1ad;margin-bottom:4px}.top-title{font-weight:700;font-size:19px;letter-spacing:-.3px}.topbar-right{gap:20px}.user-block{gap:10px;padding-right:18px;border-right:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:11px;background:#eef2f6;color:#33475b;display:grid;place-items:center;font-size:13px;font-weight:800}.user-copy strong,.user-copy span{display:block}.user-copy strong{font-size:13px}.user-copy span{font-size:11px;color:var(--muted);margin-top:3px}.logout-btn{border:1px solid var(--line);background:#fff;color:#586777;border-radius:9px;padding:9px 13px;cursor:pointer;font-size:12px;font-weight:600}.logout-btn:hover{border-color:#cbd5df;background:#f8fafc}.mobile-menu{display:none;border:0;background:transparent;font-size:23px}.main{padding:30px 32px 46px;max-width:1650px;margin:0 auto}.main>h1,.customer-head h1{font-size:25px;letter-spacing:-.6px;margin:0 0 6px}.customer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 4px 18px rgba(18,38,58,.035)}.grid-4>.card{position:relative;overflow:hidden;min-height:130px;padding:22px 22px 18px}.grid-4>.card:before{content:"";position:absolute;right:-25px;top:-25px;width:92px;height:92px;border-radius:50%;background:rgba(245,166,35,.08)}.grid-4>.card:nth-child(2):before{background:rgba(59,120,216,.08)}.grid-4>.card:nth-child(3):before{background:rgba(31,157,104,.09)}.grid-4>.card:nth-child(4):before{background:rgba(220,76,76,.07)}.metric{font-size:34px;font-weight:800;letter-spacing:-1px;margin-top:13px}.muted{color:var(--muted)}.small{font-size:12px}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}th,td{text-align:left;border-bottom:1px solid #edf1f4;padding:14px 13px;font-size:13px;vertical-align:middle}th{background:#f8fafc;color:#788697;text-transform:uppercase;font-size:10px;letter-spacing:.7px;font-weight:700;position:sticky;top:85px}tbody tr{transition:.15s}tbody tr:hover{background:#fbfcfd}tbody tr:last-child td{border-bottom:0}.card>table{margin:-21px;width:calc(100% + 42px);border-radius:15px;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:10px 15px;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#fff;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 6px 14px rgba(245,166,35,.18);transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,166,35,.26)}.btn.secondary{background:#52657a;box-shadow:none}.btn.danger{background:var(--red);box-shadow:none}.btn.ok{background:var(--green);box-shadow:none}label{display:block;margin-bottom:7px;color:#536273;font-size:12px;font-weight:600}input,select,textarea{width:100%;border:1px solid #d8e0e8;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#eaaa3e;box-shadow:0 0 0 3px rgba(245,166,35,.11)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.3px;background:#edf2f6;color:#526273}.badge.renew{background:#fff2d8;color:#a56700}.badge.sale{background:#dcf5e8;color:#157247}.alert{padding:15px 17px;border-radius:11px;margin:0 0 18px;border:1px solid;font-size:13px;line-height:1.55}.alert.warning{background:#fff8e9;border-color:#f4d18c;color:#7e5a15}.alert.error{background:#fff0ef;border-color:#f0b7b3;color:#9e342f}.actions{display:flex;gap:8px;flex-wrap:wrap}.timeline{border-left:2px solid #e6ebf0;padding-left:22px;margin-left:7px}.timeline-item{position:relative;margin-bottom:22px;font-size:13px;line-height:1.6}.timeline-item:before{content:"";position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--orange)}h3{margin:0 0 18px;font-size:15px;letter-spacing:-.2px}.field{margin:20px 0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{background:radial-gradient(circle at 80% 20%,rgba(245,166,35,.19),transparent 36%),linear-gradient(145deg,#10283d,#081522);color:#fff;display:flex;align-items:center;justify-content:center;padding:70px}.visual-content{max-width:580px}.login-logo{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:700;margin-bottom:75px}.login-logo span{display:inline-grid}.visual-content h1{font-size:48px;line-height:1.12;letter-spacing:-2px;margin:0 0 24px}.visual-content>p{color:#aabac7;font-size:17px;line-height:1.7;max-width:520px;margin-bottom:40px}.login-feature{display:flex;align-items:center;gap:12px;color:#d8e4ed;margin:15px 0;font-size:14px}.login-feature b{width:25px;height:25px;border-radius:50%;background:rgba(34,197,122,.13);color:#42d592;display:grid;place-items:center}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-card{width:430px;max-width:100%}.login-mobile-brand{display:none}.eyebrow{color:#d88c0e;font-size:11px;font-weight:800;letter-spacing:1.4px;margin-bottom:13px}.login-card h2{font-size:30px;letter-spacing:-.8px;margin:0 0 9px}.login-submit{width:100%;height:48px;justify-content:space-between;padding:0 17px;margin-top:4px}.login-submit span{font-size:20px}.login-meta{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;color:#8693a0;font-size:11px;display:flex;align-items:center;justify-content:center;gap:9px}
@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.login-visual{padding:45px}.visual-content h1{font-size:39px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:translateX(0)}.workspace{margin-left:0;width:100%}.mobile-menu{display:block}.topbar{padding:0 18px;height:74px}.user-copy{display:none}.main{padding:22px 15px}.grid-4,.form-row{grid-template-columns:1fr}.card{overflow-x:auto}.card>table{min-width:760px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:25px}.login-mobile-brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:55px}.top-title{font-size:16px}.breadcrumb{display:none}}
.raw-import{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;min-height:460px;resize:vertical;background:#fbfcfe}.feature-list{display:grid;gap:9px}.feature-list span{padding:10px 12px;border:1px solid #e3e8ef;border-radius:10px;background:#f8fafc}.form-submit{display:flex;align-items:flex-end}.alert.info{background:#eef6ff;border-color:#b8d8ff;color:#174f86}details summary{cursor:pointer}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}

/* v4 customer list refinement */
.page-title h1{margin:0 0 7px;font-size:26px;letter-spacing:-.65px}.page-title p{margin:0}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 14px}.search-form{display:flex;gap:9px;max-width:680px;width:100%}.search-form input{height:44px}.search-form .btn{min-width:92px}.list-count{font-size:11px;color:var(--muted);white-space:nowrap}.table-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow:auto}.customer-table{min-width:1120px}.customer-table th{top:85px;z-index:2;padding:13px 16px;background:#f7f9fb}.customer-table td{padding:16px;line-height:1.45}.customer-table tbody tr:hover{background:#f9fbfd}.customer-name{font-weight:700;margin-bottom:4px}.actions-col{width:150px}.row-actions{display:flex;align-items:center;gap:7px}.row-actions form{margin:0}.icon-btn{border:1px solid #dce4eb;background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.16s}.icon-btn.view{color:#315f94}.icon-btn.view:hover{background:#eef6ff;border-color:#bfd8ef}.icon-btn.delete{color:#b23a3a}.icon-btn.delete:hover{background:#fff0ef;border-color:#efb9b5}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;margin-bottom:6px;background:#eef2f6;color:#536273;font-size:10px;font-weight:800}.status-sale,.status-renewed{background:#dcf5e8;color:#157247}.status-callback{background:#fff2d8;color:#9b6400}.status-not_reached,.status-not_interested{background:#fff0ef;color:#a23e38}.status-reached,.status-offer_sent{background:#eaf3ff;color:#275f9e}.empty-state{padding:48px 20px;text-align:center;display:grid;gap:7px;color:var(--muted)}.empty-state strong{color:var(--text);font-size:15px}.alert.info{background:#eef6ff;border-color:#b8d8ff;color:#174f86}
@media(max-width:820px){.page-title{align-items:stretch;gap:14px;flex-direction:column}.page-title .btn{width:100%}.list-toolbar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.list-count{white-space:normal}.table-panel{border-radius:12px}.customer-table th{top:74px}}

/* v5 professional workflow */
.customer-table th{position:static!important;top:auto!important}.customer-table thead{display:table-header-group}.customer-table tbody{display:table-row-group}.metric-note{display:block;margin-top:7px;color:var(--muted);font-size:11px}.performance-row{margin-top:18px}.result-card{display:flex;align-items:center;justify-content:space-between}.result-card span{font-size:27px;font-weight:800}.get-customer-btn{min-width:185px;height:46px;font-size:14px}.agent-queue-head{padding:22px 24px;background:linear-gradient(135deg,#fff,#f8fbfd);border:1px solid var(--line);border-radius:16px}.contract-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.7px;background:#eef2f6;color:#42566a}.contract-badge.strom{background:#fff2d7;color:#946000}.contract-badge.gas{background:#e4f1ff;color:#1f609a}.contract-badge.dual{background:linear-gradient(90deg,#fff2d7 0 50%,#e4f1ff 50%);color:#31475d}.contract-stack{display:flex;gap:7px;margin-bottom:10px}.contract-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:#f8fafc;border:1px solid var(--line);border-radius:13px;padding:16px 18px;margin-bottom:18px}.contract-overview>div{display:flex;gap:8px;flex-wrap:wrap}.mini-contract{background:#fff;border:1px solid #dfe7ee;border-radius:8px;padding:8px 10px;font-size:11px}.customer-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.customer-main{min-width:0}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-card dl{display:grid;grid-template-columns:145px minmax(0,1fr);margin:0}.info-card dt,.info-card dd{padding:10px 0;border-bottom:1px solid #edf1f4;margin:0;font-size:12px}.info-card dt{color:var(--muted);font-weight:700}.info-card dd{font-weight:600;overflow-wrap:anywhere}.action-card{position:sticky;top:105px;padding:0;overflow:hidden}.action-card-head{padding:22px;background:linear-gradient(145deg,#10283d,#173a57);color:#fff}.action-card-head span{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#f5b84d}.action-card-head h3{font-size:18px;margin:7px 0}.action-card-head p{font-size:11px;color:#b8c9d6;line-height:1.5;margin:0}.action-card form{padding:20px}.action-card label{margin-top:13px}.action-save{width:100%;height:46px;margin-top:15px}.log-card{margin-top:18px}.table-panel{isolation:isolate}.customer-table td{background:#fff}.customer-table tbody tr:hover td{background:#f9fbfd}
@media(max-width:1100px){.customer-layout{grid-template-columns:1fr}.action-card{position:static}.info-grid{grid-template-columns:1fr}}
@media(max-width:820px){.customer-table{min-width:0}.customer-table thead{display:none}.customer-table,.customer-table tbody,.customer-table tr,.customer-table td{display:block;width:100%}.customer-table tr{padding:14px 15px;border-bottom:1px solid var(--line)}.customer-table td{border:0;padding:7px 0;display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px}.customer-table td:before{content:attr(data-label);font-size:9px;font-weight:900;letter-spacing:.7px;color:#8b99a7;text-transform:uppercase}.row-actions{justify-content:flex-start}.contract-overview{flex-direction:column}.info-card dl{grid-template-columns:115px minmax(0,1fr)}}

/* v6 management screens */
.metric-grid.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric-card{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px rgba(26,43,64,.05)}.metric-card span{display:block;color:#78889d;font-size:13px;margin-bottom:6px}.metric-card strong{font-size:26px;color:#152236}.management-card{margin-top:18px;overflow:visible}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-heading h3{margin:0 0 4px}.card-heading p{margin:0;color:#7d8ca0;font-size:14px}.management-form{background:#f8fafc;border:1px solid #e9edf3;border-radius:14px;padding:18px}.form-grid{display:grid;gap:14px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.three{grid-template-columns:1.2fr 1.5fr .8fr}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.align-end{align-items:end;margin-top:14px}.btn.wide{width:100%}.responsive-table{width:100%;overflow-x:auto;border:1px solid #e8edf3;border-radius:14px}.management-table{width:100%;border-collapse:collapse;min-width:980px}.management-table thead th{background:#f5f7fa;color:#748399;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:14px;text-align:left;border-bottom:1px solid #e7ebf0}.management-table tbody td{padding:15px 14px;border-bottom:1px solid #edf0f4;vertical-align:middle}.management-table tbody tr:last-child td{border-bottom:0}.identity-cell{display:flex;align-items:center;gap:12px}.identity-cell span{display:block;color:#8592a4;font-size:12px;margin-top:3px}.mini-avatar,.team-icon{display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ffb229,#ed8f0e);color:#fff;font-weight:800}.mini-avatar{width:38px;height:38px}.role-chip,.state-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.role-admin{background:#fff1df;color:#b86400}.role-team_leader{background:#eaf2ff;color:#285da8}.role-agent{background:#edf8f2;color:#28734d}.state-chip.active{background:#e9f8ef;color:#217344}.state-chip.passive{background:#f3f4f6;color:#7b8390}.action-stack,.team-actions{display:flex;gap:7px;flex-wrap:wrap}.action-stack form,.team-actions form{margin:0}.btn-small{border:1px solid #dbe2ea;background:#fff;color:#29435f;border-radius:8px;padding:8px 10px;font-weight:700;font-size:12px;cursor:pointer}.btn-small:hover{background:#f5f8fb}.btn-small.secondary{color:#5d6c80}.btn-small.danger{color:#c73535;border-color:#f0caca;background:#fffafa}.edit-dialog{border:0;border-radius:18px;width:min(540px,calc(100% - 30px));padding:0;box-shadow:0 30px 80px rgba(18,32,50,.25)}.edit-dialog::backdrop{background:rgba(15,25,40,.52);backdrop-filter:blur(2px)}.edit-dialog form{padding:24px}.edit-dialog label{display:block;margin:14px 0 6px;font-weight:700;color:#34455c}.edit-dialog input,.edit-dialog select{width:100%}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f4;padding-bottom:14px}.dialog-head h3{margin:0}.dialog-head p{margin:4px 0 0;color:#7c899a}.dialog-head button{border:0;background:#f1f4f7;border-radius:10px;width:36px;height:36px;font-size:24px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.team-card{background:#fff;border:1px solid #e4eaf1;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(24,42,64,.06)}.team-card.is-passive{opacity:.72}.team-card-top{display:flex;align-items:center;gap:12px}.team-icon{width:46px;height:46px;font-size:20px}.team-card-top h3{margin:0 0 7px}.team-leader{background:#f7f9fc;border-radius:12px;padding:13px;margin:16px 0}.team-leader span,.team-leader small{display:block;color:#8491a2;font-size:12px}.team-leader strong{display:block;margin:4px 0}.team-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.team-stats div{border:1px solid #e8edf2;border-radius:12px;padding:12px}.team-stats strong{display:block;font-size:20px}.team-stats span{font-size:12px;color:#8190a2}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #ccd5df;border-radius:16px;padding:34px;text-align:center}.empty-state span{display:block;color:#7f8d9e;margin-top:6px}
@media(max-width:1100px){.metric-grid.compact{grid-template-columns:repeat(2,1fr)}.form-grid.four,.form-grid.three{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.metric-grid.compact,.form-grid.four,.form-grid.three,.form-grid.two,.team-grid{grid-template-columns:1fr}.management-form{padding:14px}.action-stack{min-width:210px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}

/* v7 multi-contract customer presentation */
.contract-cell{display:grid;gap:7px}.contract-count{font-weight:800;font-size:12px;color:#233a52}.contract-stack.compact{margin:0;gap:5px;flex-wrap:wrap}.contract-stack.compact .contract-badge{padding:5px 7px;font-size:9px}.contract-summary-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.contract-total{display:inline-flex;align-items:center;border-radius:999px;background:#172f48;color:#fff;padding:7px 11px;font-size:11px;font-weight:900}.contracts-section{margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 12px}.section-heading h2{margin:5px 0 0;font-size:20px}.contracts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contract-detail-card{background:#fff;border:1px solid #e2e8ef;border-top:4px solid #7b8da1;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(24,42,64,.055)}.contract-detail-card.strom-card{border-top-color:#efa923}.contract-detail-card.gas-card{border-top-color:#4e96d5}.contract-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.contract-card-head h3{margin:4px 0 0;font-size:17px}.contract-index{font-size:10px;letter-spacing:.9px;font-weight:900;color:#8795a5;text-transform:uppercase}.contract-provider{display:grid;gap:3px;background:#f7f9fb;border-radius:10px;padding:11px 13px;margin:14px 0}.contract-provider span{color:#758397;font-size:12px}.contract-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}.contract-data-grid>div{padding:10px 0;border-bottom:1px solid #edf1f4;min-width:0}.contract-data-grid dt{font-size:10px;color:#8492a3;font-weight:800;text-transform:uppercase;letter-spacing:.35px;margin-bottom:4px}.contract-data-grid dd{margin:0;font-size:12px;font-weight:700;color:#26384d;overflow-wrap:anywhere}
@media(max-width:1100px){.contracts-grid{grid-template-columns:1fr}}
@media(max-width:700px){.contract-data-grid{grid-template-columns:1fr}.contract-summary-line{align-items:flex-start;flex-direction:column}.contract-card-head{align-items:center}}

/* v9 - Agent phone lookup */
.phone-lookup-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 22px;padding:20px 22px;border:1px solid #dbe7f1;background:linear-gradient(135deg,#fff,#f6fbff)}
.phone-lookup-copy{display:flex;align-items:center;gap:14px}.phone-lookup-copy strong{display:block;font-size:16px;color:#10243a}.phone-lookup-copy p{margin:4px 0 0;color:#6c7e91}.phone-lookup-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#e8f4ff;color:#125c99;font-size:21px}
.phone-lookup-form{display:flex;gap:10px;min-width:min(100%,520px)}.phone-lookup-form input{flex:1;min-width:240px}
.phone-search-panel{padding:24px}.phone-search-main{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:14px}.phone-search-main label{display:block;margin-bottom:8px}.privacy-note{margin-top:16px;padding-top:14px;border-top:1px solid #e9eef3;color:#718196;font-size:13px}
.search-results-head{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.search-results-head h2{margin:0}.search-results-head p{margin:4px 0 0;color:#75869a}
.phone-results{display:grid;gap:12px}.phone-result-card{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:20px;background:#fff;border:1px solid #e2e9ef;border-radius:16px;padding:18px 20px;box-shadow:0 8px 25px rgba(21,42,66,.05)}
.phone-result-main{display:flex;align-items:center;gap:14px}.phone-result-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf3f8;color:#173c5d;font-weight:800}.phone-result-main h3{margin:0 0 5px}.phone-result-main p{margin:0 0 8px;color:#66788b}.phone-result-meta{display:flex;flex-direction:column;gap:5px;color:#66788b;font-size:13px}.inbound-access{margin-bottom:18px}.view-only-card{border-top:4px solid #4b91c6}.wide{width:100%}
@media(max-width:900px){.phone-lookup-card{align-items:stretch;flex-direction:column}.phone-lookup-form{min-width:0;width:100%}.phone-result-card{grid-template-columns:1fr}.phone-result-meta{border-top:1px solid #edf1f4;padding-top:12px}.phone-result-card form .btn{width:100%}}
@media(max-width:620px){.phone-lookup-form,.phone-search-main{display:flex;flex-direction:column;align-items:stretch}.phone-lookup-form input{min-width:0}.phone-search-panel{padding:18px}.phone-result-card{padding:16px}.phone-result-main{align-items:flex-start}}

/* v10 - prominent contract end warning */
.contract-end-alert{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start;margin:0 0 22px;padding:22px 24px;border:1px solid #efb8b8;border-left:7px solid #c93434;border-radius:18px;background:linear-gradient(135deg,#fff7f7,#ffeaea);box-shadow:0 14px 34px rgba(154,32,32,.12)}
.contract-end-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#c93434;color:#fff;font-size:31px;font-weight:900;box-shadow:0 8px 18px rgba(201,52,52,.25)}
.contract-end-kicker{display:block;color:#a62929;font-size:11px;font-weight:900;letter-spacing:1.1px;margin-bottom:5px}.contract-end-content h2{margin:0 0 12px;color:#8f2020;font-size:24px}.contract-end-content p{margin:13px 0 0;color:#7b3434;font-weight:600}.contract-end-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;margin-top:8px;border-radius:11px;background:rgba(255,255,255,.75);border:1px solid #f1cccc;color:#502525}.contract-end-row span b{font-size:17px;color:#b32323}.contract-end-field{background:#fff5f5;padding-left:10px!important;padding-right:10px!important;border-radius:9px}.contract-end-field dd strong{color:#b32323;font-size:14px}
@media(max-width:700px){.contract-end-alert{grid-template-columns:1fr;padding:18px}.contract-end-icon{width:48px;height:48px}.contract-end-row{align-items:flex-start;flex-direction:column;gap:4px}.contract-end-content h2{font-size:21px}}

/* v12 - Termine und IP-Verwaltung */
.appointment-cell{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.appointment-cell strong{font-size:13px;color:#17263a}.appointment-cell small{font-size:12px;color:#6f7f94}.ip-warning{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;margin:18px 0;background:#fff8e8;border:1px solid #f6d58a;border-radius:16px;color:#674d12}.ip-warning-icon{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#ffb020;color:#fff;font-weight:800;font-size:20px}.ip-warning p{margin:4px 0 0;color:#806b3d}.ip-control-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(480px,1.7fr);gap:18px;align-items:stretch}.ip-status-card,.ip-add-card{padding:24px}.ip-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.ip-card-head h3{margin:5px 0 0}.filter-state{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.filter-state.on{background:#e5f8ef;color:#16734a}.filter-state.off{background:#eef2f6;color:#627286}.ip-status-card>p{min-height:48px;margin:0 0 20px;color:#718096}.ip-add-form{margin-top:8px}.ip-form-bottom{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:16px;align-items:end;margin-top:16px}.ip-form-bottom .btn{height:46px}.ip-list-card{margin-top:18px;padding:0;overflow:hidden}.ip-list-card .section-head{padding:22px 24px;border-bottom:1px solid #e8edf3}.ip-list-card h3{margin:0 0 3px}.ip-table{width:100%;border-collapse:collapse}.ip-table th{padding:14px 18px;background:#f7f9fc;text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#718096}.ip-table td{padding:16px 18px;border-top:1px solid #edf1f5;vertical-align:middle}.ip-table td strong,.ip-table td small{display:block}.ip-table td small{margin-top:4px;color:#8b98aa}.ip-code{display:inline-flex;padding:7px 10px;background:#f1f5f9;border:1px solid #dde5ee;border-radius:8px;color:#27415f;font-size:13px}.scope-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#315f91;font-size:12px;font-weight:700}.empty-state{padding:30px;text-align:center;display:flex;flex-direction:column;gap:6px;color:#718096}.empty-state strong{color:#24364b}.ip-table .action-stack{justify-content:flex-end}@media(max-width:900px){.ip-control-grid{grid-template-columns:1fr}.ip-form-bottom{grid-template-columns:1fr}.ip-form-bottom .btn{width:100%}.ip-table{min-width:760px}}

/* v13 - layout, management tables and advanced reports */
.workspace,.main,.card,.management-card,.report-table-card{min-width:0}.main{width:100%;max-width:none;overflow-x:hidden}.responsive-table,.table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.management-table,.ip-table,.report-table{width:100%;border-collapse:separate;border-spacing:0}.management-table th,.management-table td,.ip-table th,.ip-table td,.report-table th,.report-table td{position:static!important;top:auto!important}.management-table thead,.ip-table thead,.report-table thead{display:table-header-group}.management-table tbody,.ip-table tbody,.report-table tbody{display:table-row-group}.management-table tr,.ip-table tr,.report-table tr{display:table-row}.management-table th,.management-table td,.ip-table th,.ip-table td,.report-table th,.report-table td{display:table-cell}.management-card{overflow:hidden}.management-card .responsive-table{border-top:1px solid #e8edf3}.management-table{min-width:980px}.management-table th{white-space:nowrap}.management-table td{height:72px}.management-table .action-stack,.ip-table .action-stack{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap}.management-table .action-stack form,.ip-table .action-stack form{margin:0}.ip-list-card{overflow:hidden}.ip-list-card .table-scroll{overflow-x:auto}.ip-table{min-width:820px}.ip-table td:last-child,.ip-table th:last-child{text-align:right}.ip-table td small,.report-table td small{display:block;margin-top:4px;color:#8492a3}.ip-control-grid{grid-template-columns:minmax(300px,.75fr) minmax(0,1.6fr)}.ip-add-card,.ip-status-card{min-width:0}.ip-form-bottom{grid-template-columns:minmax(0,1fr) auto}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-page-title{margin-bottom:18px}.report-filter-card{padding:22px;margin-bottom:18px}.report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.report-filter-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.report-metric{position:relative;overflow:hidden;background:#fff;border:1px solid #e3e9ef;border-radius:15px;padding:18px 20px;box-shadow:0 7px 24px rgba(18,38,58,.045)}.report-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#8492a3}.report-metric.success:before{background:#1f9d68}.report-metric.warning:before{background:#f5a623}.report-metric.danger:before{background:#dc4c4c}.report-metric.blue:before{background:#3b78d8}.report-metric span{display:block;color:#76869a;font-size:12px;font-weight:600}.report-metric strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.8px}.report-table-card{padding:0;overflow:hidden;margin-bottom:18px}.report-table-card .section-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #e8edf3}.report-table-card .section-head h3{margin:0 0 4px}.report-table{min-width:1050px}.detail-report-table{min-width:1350px}.report-table th{background:#f7f9fc;white-space:nowrap;padding:13px 15px}.report-table td{padding:14px 15px}.report-number{display:inline-flex;min-width:30px;height:28px;align-items:center;justify-content:center;border-radius:8px;font-weight:800}.report-number.success{background:#e4f7ee;color:#16734a}.report-number.blue{background:#eaf2ff;color:#315f91}.result-chip{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.result-chip.sold{background:#e3f7ed;color:#16734a}.result-chip.unsold{background:#fff0ef;color:#a23c37}
@media(max-width:1200px){.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-control-grid{grid-template-columns:1fr}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.report-filter-grid,.report-metrics,.form-grid.four,.form-grid.three,.form-grid.two{grid-template-columns:1fr}.report-filter-actions{flex-direction:column-reverse}.report-filter-actions .btn{width:100%}.management-card,.ip-list-card,.report-table-card{border-radius:12px}.main{padding-left:12px;padding-right:12px}.ip-form-bottom{grid-template-columns:1fr}}

/* v14 - admin canlı havuz göstergesi ve 5 saniyelik kart açılış bildirimi */
.admin-pool-widget{position:fixed;left:278px;bottom:20px;z-index:1500;width:250px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:linear-gradient(145deg,#10283d,#173b58);color:#fff;box-shadow:0 18px 45px rgba(13,32,49,.26);backdrop-filter:blur(12px)}
.pool-live-head{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:1.15px;color:#b9d3e7}.pool-live-dot{width:9px;height:9px;border-radius:50%;background:#31d182;box-shadow:0 0 0 5px rgba(49,209,130,.13);animation:poolPulse 1.8s infinite}.pool-live-count{margin-top:11px;font-size:37px;line-height:1;font-weight:900;letter-spacing:-1.4px}.pool-live-label{margin-top:5px;color:#e4eef6;font-size:13px;font-weight:700}.pool-live-meta{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);color:#a9c0d2;font-size:11px}.pool-live-meta span:first-child{color:#fff;font-weight:800}
.admin-live-toasts{position:fixed;right:22px;top:82px;z-index:2100;display:flex;flex-direction:column;gap:10px;width:min(410px,calc(100vw - 28px));pointer-events:none}.admin-live-toast{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;padding:15px 17px;border:1px solid #cde8da;border-left:5px solid #24a868;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(18,53,39,.18);transform:translateX(24px);opacity:0;transition:opacity .25s ease,transform .25s ease}.admin-live-toast.show{transform:translateX(0);opacity:1}.live-toast-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e3f7ed;color:#178653;font-size:21px;font-weight:900}.admin-live-toast strong{display:block;color:#16283a;font-size:13px}.admin-live-toast p{margin:4px 0;color:#52677b;font-size:12px;line-height:1.4}.admin-live-toast small{display:block;color:#8493a2;font-size:10px}
@keyframes poolPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
@media(max-width:1100px){.admin-pool-widget{left:18px;bottom:18px;width:230px}}
@media(max-width:700px){.admin-pool-widget{left:12px;right:12px;bottom:10px;width:auto;padding:13px 15px}.pool-live-count{font-size:29px}.admin-live-toasts{right:12px;top:70px;width:calc(100vw - 24px)}}

/* v15 - full mobile hardening: login, shell, forms and safe-area support */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
.login-page,.login-page *{box-sizing:border-box}
.login-page{width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden}
.login-visual,.login-panel,.login-card{min-width:0}

@media(max-width:820px){
  html,body{min-height:100%;background:#fff}
  body.menu-open{overflow:hidden;touch-action:none}
  .login-page{display:block!important;min-height:100vh;min-height:100dvh;background:#fff;overflow-x:hidden;overflow-y:auto}
  .login-visual{display:none!important}
  .login-panel{display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;max-width:100vw!important;min-height:100vh;min-height:100dvh;padding-top:max(24px,env(safe-area-inset-top))!important;padding-right:max(18px,env(safe-area-inset-right))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;padding-left:max(18px,env(safe-area-inset-left))!important;overflow:visible}
  .login-card{width:min(100%,430px)!important;max-width:430px!important;margin:0 auto!important;padding:clamp(18px,6dvh,58px) 0 20px!important}
  .login-mobile-brand{display:flex!important;align-items:center;gap:11px;margin:0 0 clamp(28px,7dvh,52px)!important;font-size:18px;font-weight:800;color:#17283a}
  .login-mobile-brand span{flex:0 0 42px}
  .login-card h2{font-size:clamp(26px,7vw,30px)!important;line-height:1.12;margin-bottom:8px}
  .login-card .muted{font-size:14px;line-height:1.55;margin-top:0}
  .login-card .field{margin:17px 0!important}
  .login-card label{font-size:12px;margin-bottom:7px}
  .login-card input[type=email],.login-card input[type=password]{min-height:52px!important;font-size:16px!important;padding:13px 14px!important;border-radius:11px!important}
  .login-submit{height:52px!important;min-height:52px;width:100%!important;margin-top:6px!important;border-radius:11px!important}
  .login-meta{flex-wrap:wrap;text-align:center;line-height:1.45;margin-top:22px!important;padding-top:16px!important;overflow-wrap:anywhere}
  .alert{max-width:100%;overflow-wrap:anywhere}

  .sidebar{width:min(86vw,310px)!important;max-width:310px;padding-left:max(14px,env(safe-area-inset-left));padding-bottom:max(20px,env(safe-area-inset-bottom));will-change:transform}
  .workspace{margin-left:0!important;width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden}
  .topbar{width:100%!important;max-width:100vw!important;height:68px!important;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))!important;gap:8px}
  .topbar-left{min-width:0;gap:8px!important}.topbar-right{min-width:0;gap:7px!important;flex:0 0 auto}
  .mobile-menu{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#f3f6f9;color:#233c54;cursor:pointer}
  .top-title{max-width:43vw;font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .user-block{padding-right:7px!important;border-right:0!important}.avatar{width:35px;height:35px}.user-copy{display:none!important}
  .logout-btn{min-height:38px;padding:8px 10px!important;font-size:11px!important;white-space:nowrap}
  .main{width:100%!important;max-width:100vw!important;min-width:0!important;padding:18px 12px 34px!important;overflow-x:hidden}
  .main>*{max-width:100%}
  .card{max-width:100%;min-width:0}
  .grid,.grid-4,.grid-3,.form-row{min-width:0}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .grid-3,.form-row{grid-template-columns:1fr!important}
  .page-title,.customer-head{align-items:stretch!important;flex-direction:column!important;gap:13px!important}
  .page-title .btn,.get-customer-btn{width:100%}
  .phone-lookup-card,.phone-lookup-form,.phone-search-main{min-width:0}
  .phone-lookup-form,.phone-search-main{width:100%}
  input,select,textarea{max-width:100%;font-size:16px}
  .actions{width:100%}
  .responsive-table,.table-scroll{max-width:100vw;overscroll-behavior-x:contain}
  .admin-pool-widget{max-width:calc(100vw - 24px)}
}

@media(max-width:480px){
  .login-panel{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
  .login-card{padding-top:clamp(14px,4dvh,38px)!important}
  .login-mobile-brand{margin-bottom:30px!important}
  .eyebrow{font-size:10px;letter-spacing:1.2px}
  .grid-4{grid-template-columns:1fr 1fr!important}
  .grid-4>.card{min-height:105px;padding:16px 14px}.metric{font-size:27px}
  .top-title{max-width:36vw}
  .logout-btn{padding:8px!important}
}

@media(max-width:360px){
  .login-panel{padding-left:12px!important;padding-right:12px!important}
  .login-mobile-brand span{width:38px;height:38px;font-size:20px;flex-basis:38px}
  .login-card h2{font-size:25px!important}
  .top-title{max-width:31vw}
  .avatar{display:none}
  .grid-4{grid-template-columns:1fr!important}
}

@media(max-width:820px) and (orientation:landscape) and (max-height:520px){
  .login-card{padding-top:10px!important;padding-bottom:10px!important}
  .login-mobile-brand{margin-bottom:18px!important}
  .login-card .field{margin:11px 0!important}
  .login-meta{margin-top:13px!important;padding-top:11px!important}
}


/* v15.1 shared language selector */
.root-language-switch{display:flex;align-items:center;padding:3px;border:1px solid #dbe5ed;border-radius:10px;background:#f7fafc;gap:2px}.root-language-switch button{border:0;background:transparent;color:#75879a;min-width:32px;height:28px;border-radius:7px;font-size:10px;font-weight:900;cursor:pointer}.root-language-switch button.active{background:#173c5d;color:#fff}
@media(max-width:680px){.root-language-switch button{min-width:29px}.topbar-right{gap:6px}.topbar-right .user-copy{display:none}}

/* v1.29.2 - isolated live announcement center (safe hotfix) */
.root-announcement-pill{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 10px;border:1px solid #dce6ed;border-radius:11px;background:#fff;color:#24445d;text-decoration:none;font-size:11px;font-weight:800;transition:.18s ease;box-shadow:0 2px 8px rgba(28,57,80,.035)}
.root-announcement-pill:hover{background:#f7fafc;border-color:#cbdce7}.root-announcement-pill b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#edf2f6;color:#718397;font-size:10px;transition:.18s ease}.root-announcement-pill.has-unread{border-color:#efc875;background:#fffdf7;box-shadow:0 7px 22px rgba(208,144,24,.12)}.root-announcement-pill.has-unread b{background:#e54b4b;color:#fff}.root-announcement-pill b[hidden]{display:none!important}.root-announcement-icon{width:18px;height:18px;display:grid;place-items:center;color:#c9830d}.root-announcement-icon svg{width:18px;height:18px;fill:currentColor}
.root-announcement-notify-root{position:fixed;right:22px;top:78px;z-index:7000;width:min(430px,calc(100vw - 28px));pointer-events:none}.root-announcement-live{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 16px;border:1px solid #d8e5ee;border-radius:16px;background:rgba(255,255,255,.985);box-shadow:0 22px 60px rgba(14,40,60,.22);color:#16334c;text-decoration:none;animation:rootAnnounceIn .24s ease-out;backdrop-filter:blur(16px)}.root-announcement-live.important{border-color:#f0d297;background:#fffdf8}.root-announcement-live.urgent{border-color:#efb8b8;background:#fffafa}.root-announcement-live-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf5fb;color:#1b5f90;font-weight:900}.root-announcement-live.important .root-announcement-live-icon{background:#fff2d8;color:#ad6e00}.root-announcement-live.urgent .root-announcement-live-icon{background:#ffeded;color:#be2e2e}.root-announcement-live small{display:block;color:#d68d0b;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.13em}.root-announcement-live strong{display:block;margin-top:3px;font-size:14px;line-height:1.35}.root-announcement-live em{display:block;margin-top:4px;color:#71859a;font-size:11px;font-style:normal}.root-announcement-live>b{font-size:11px;color:#1b5d8d;white-space:nowrap}@keyframes rootAnnounceIn{from{opacity:0;transform:translateY(-9px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:820px){.root-announcement-notify-root{right:10px;top:68px}.root-announcement-label{display:none}.root-announcement-pill{padding:0 8px}.topbar-right{gap:7px}}
@media(max-width:520px){.root-announcement-live{grid-template-columns:auto minmax(0,1fr)}.root-announcement-live>b{grid-column:2}.root-announcement-notify-root{width:calc(100vw - 20px)}}


/* v15.3 - Admin external IP access control */
.admin-external-access-card{margin:0 0 18px;padding:22px 24px;overflow:hidden}
.admin-external-access-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.admin-external-access-copy>div{min-width:0}
.admin-external-access-copy h3{margin:4px 0 7px;color:#17283b}
.admin-external-access-copy p{margin:0;color:#6f7f92;line-height:1.55;max-width:980px}
.admin-external-access-copy .filter-state{flex:0 0 auto}
.admin-external-access-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:17px;border-top:1px solid #e8edf3}
.admin-external-note{display:grid;gap:4px;min-width:0}
.admin-external-note strong{font-size:13px;color:#26384b}
.admin-external-note span{font-size:12px;color:#76869a;line-height:1.45}
.admin-external-access-actions form{flex:0 0 auto;margin:0}
@media(max-width:760px){
  .admin-external-access-copy,.admin-external-access-actions{flex-direction:column;align-items:stretch}
  .admin-external-access-copy .filter-state{align-self:flex-start}
  .admin-external-access-actions .btn{width:100%}
}
/* Shared management dialogs: consistent NexLink spacing and readable form width. */
.edit-dialog{width:min(640px,calc(100vw - 32px));max-height:min(88vh,820px);overflow:auto;border-radius:14px;background:#fff}.edit-dialog.nxl-create-dialog{width:min(720px,calc(100vw - 32px))}.edit-dialog .dialog-head{box-sizing:border-box;padding:20px 24px 18px;margin:0;gap:20px;background:#fff;border-bottom:1px solid #e7eaf1}.edit-dialog .dialog-head>div{min-width:0}.edit-dialog .dialog-head h3{margin:0 0 5px;font-size:19px;line-height:1.3;font-weight:600;color:#263248}.edit-dialog .dialog-head p{margin:0;font-size:13px;line-height:1.45;color:#7b8496}.edit-dialog .dialog-head button{flex:0 0 36px;display:grid;place-items:center;margin:0;border:1px solid #e4e7ee;background:#f7f8fb;color:#596477;font-size:21px;line-height:1}.edit-dialog .dialog-head button:hover{background:#eeeff5;color:#252c39}.edit-dialog>form,.edit-dialog form.management-form{box-sizing:border-box;margin:0;padding:22px 24px 26px;border:0;border-radius:0;background:#fafbfe}.edit-dialog .management-form .form-grid{gap:14px 16px}.edit-dialog .management-form label{margin:0 0 7px;font-size:13px;font-weight:600}.edit-dialog .management-form input,.edit-dialog .management-form select{min-height:44px}.edit-dialog .management-form .form-grid+.form-grid{margin-top:16px}.edit-dialog .management-form .form-grid.align-end{margin-top:18px}.edit-dialog .management-form .btn.wide{min-height:44px}
@media(max-width:760px){.edit-dialog,.edit-dialog.nxl-create-dialog{width:calc(100vw - 20px);max-height:92vh}.edit-dialog .dialog-head{padding:17px 18px 15px}.edit-dialog>form,.edit-dialog form.management-form{padding:18px}.edit-dialog .management-form .form-grid.three,.edit-dialog .management-form .form-grid.two{grid-template-columns:1fr}.edit-dialog .management-form .form-grid+.form-grid{margin-top:12px}}
