/* Compact PPPoE workspace. Color communicates categories; motion stays finite. */
body[data-workspace="billing"]{background:radial-gradient(ellipse at 95% 10%,#e7f4ff70,transparent 50%),#f5f6fc}
body[data-workspace="billing"] .panel{background:#ffffffed;border:1px solid #e9edf6;box-shadow:0 4px 15px #27396705;border-radius:16px}
.period25{display:flex;flex-direction:column;gap:5px;font-size:12px}.period25 input{min-height:40px;max-width:210px;background:#fff}
.summary-grid25{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 28px}
.summary-card25,.metric25{color:#fff!important;border:0;box-shadow:0 6px 14px #25345315;background:var(--card25);text-decoration:none;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.green{--card25:linear-gradient(115deg,#13ad83,#27b66d)}.pink{--card25:linear-gradient(115deg,#dd507f,#bd3478)}.blue{--card25:linear-gradient(115deg,#2563eb,#6676ef)}.orange{--card25:linear-gradient(115deg,#c5780b,#da7b20)}.purple{--card25:linear-gradient(115deg,#776be0,#6950ad)}.teal{--card25:linear-gradient(115deg,#009aa8,#00a87e)}.slate{--card25:linear-gradient(115deg,#68758b,#4b586b)}.red{--card25:linear-gradient(115deg,#eb4d58,#d42c40)}
.summary-card25{min-height:154px;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.summary-card25>div{min-width:0}.summary-card25 span{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.summary-card25 strong{display:block;font-size:26px;margin-top:10px;line-height:1.2;overflow-wrap:anywhere}.summary-card25 small{display:block;font-size:11px;color:#fff;margin-top:10px;opacity:.93}.summary-card25>svg{width:38px;height:38px;flex:none;opacity:.9}
.client-summary25{padding-bottom:76px}.client-segments25{display:flex;position:absolute;bottom:0;left:0;right:0;min-height:58px;background:#24395625}.client-segments25>a{flex:1;text-align:center;color:#fff;padding:8px 3px;text-decoration:none;border-right:1px solid #ffffff30}.client-segments25 strong{font-size:19px;margin:0}.client-segments25 small{font-size:9px;margin:3px 0 0}.client-segments25>a:nth-child(2){background:#0c886540}.client-segments25>a:nth-child(3){background:#9e5a184d}.client-segments25>a:nth-child(4){background:#b7284f50}.client-segments25>a:nth-child(5){background:#6658c570}
.dashboard-bottom25{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-bottom25>.panel+.panel{margin-top:0}
.router-status25{display:flex;align-items:center;gap:12px;padding:15px 0;text-decoration:none;color:inherit;border-bottom:1px solid #eef0f6}.router-status25>div{flex:1;min-width:0}.router-status25 small{display:block;font-size:11px}.dot25{width:9px;height:9px;border-radius:50%;flex:none;background:#b2b9ca}.dot25.up{background:#10ac82}.dot25.down{background:#dc933c}
.followups25 a{display:flex;justify-content:space-between;gap:14px;padding:17px 0;color:inherit;text-decoration:none;border-bottom:1px solid #eef0f6}.followups25 svg{width:20px;height:20px}
.onboard25{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #d8def7;border-radius:13px;background:#eef1ff;margin:16px 0 22px}.onboard25 small{display:block;color:#5e6b88;font-size:12px;margin-top:5px}.onboard25.enabled{background:#eef9f5;border-color:#d4e9e0}
.difference-banner25{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #f5cdd3;border-radius:13px;background:#fff0f2;color:#a62a42;margin:16px 0 22px}.difference-banner25 p{font-size:12px;margin:6px 0 0;color:#964157}
.pppoe-stats25{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:23px 0}.metric25{text-align:left;min-height:100px;padding:18px 15px;border-radius:15px;cursor:pointer}.metric25 span{display:block;font-size:10px;text-transform:uppercase;font-weight:800;line-height:1.5}.metric25 strong{display:block;font-size:29px;line-height:1.3;margin-top:6px}.metric25.selected{outline:3px solid #394b7f;outline-offset:3px}
.group-summary25{background:#f0f3fa;border:1px solid #e8edf6;border-radius:14px;margin:14px 0;overflow:hidden}.group-summary25>summary{cursor:pointer;display:flex;align-items:center;gap:15px;padding:17px 20px;font-weight:700;font-size:13px;list-style:none}.group-summary25>summary span{margin-left:auto;font-weight:500;font-size:11px;color:#63718b}.group-summary25>summary:after{content:'⌄';display:grid;place-items:center;background:#7161cf;color:white;width:28px;height:28px;border-radius:8px;font-size:19px}.group-summary25[open]>summary:after{transform:rotate(180deg)}.group-summary25 .table{margin:0}
.table-tools25{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}.table-tools25 .actions{max-width:none;flex-wrap:wrap}.filters25{justify-content:space-between;gap:10px;margin-bottom:18px}.filters25 label{display:flex;align-items:center;gap:10px;font-size:12px}.filters25 label select{min-width:70px;width:80px}.filters25 input#search{flex:1;max-width:340px;min-width:180px}.filters25>select{width:auto;max-width:220px;min-width:140px}.pagination25{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;font-size:12px}.customer-panel25 .table td:last-child{min-width:150px}.customer-panel25 .table th{background:#edf0f6}.customer-panel25 .table td{vertical-align:middle;padding:16px 12px}.customer-panel25 .table small{margin-top:4px}
.activation-steps25{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:10px;margin:0 0 20px;counter-reset:step}.activation-steps25 li{font-size:11px;background:#eef1fa;padding:12px;border-radius:10px;font-weight:700;counter-increment:step}.activation-steps25 li:before{content:counter(step);display:block;margin-bottom:5px;color:#6a5bc4}.activation-steps25 li.done{background:#e1f4eb}.activation-list25{max-height:42dvh;overflow:auto;border:1px solid #e5eaf3;border-radius:12px;margin:16px 0}.activation-list25 thead th{position:sticky;top:0;background:#eef2fa;z-index:1}.activation-list25 input[type=date]{min-width:145px}.activation-list25 input[type=checkbox]{width:19px;height:19px}.activation-list25 .table td{min-width:0}.activation-list25 .actions{flex-wrap:wrap;max-width:none}.activation-list25 pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(hover:hover){.summary-card25:hover,.metric25:hover{transform:translateY(-3px);box-shadow:0 10px 20px #25345323}}
@media(min-width:1000px){body[data-workspace="billing"] .layout{gap:24px;grid-template-columns:230px minmax(0,1fr);padding:18px;max-width:1800px}body[data-workspace="billing"] .sidebar{border-radius:16px;padding:18px 12px;background:#ffffffec;backdrop-filter:none}body[data-workspace="billing"] .topbar{border-radius:14px;background:#ffffffeb}body[data-workspace="billing"] .nav a.active{background:#594fae;color:#fff}body[data-workspace="billing"] .router-nav24[open]{background:#f2f0fb;border-radius:10px;border-left:0;margin-left:0;padding:5px 8px 10px}.nav .router-nav24 a.active{background:#514596!important;color:#fff!important}.customer-panel25{overflow:auto}}
@media(min-width:761px) and (max-width:1150px){.summary-grid25{grid-template-columns:repeat(2,minmax(0,1fr))}.pppoe-stats25{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.summary-grid25{grid-template-columns:1fr;gap:14px}.summary-card25{min-height:130px;padding:20px}.client-summary25{padding-bottom:75px}.summary-card25 strong{font-size:25px}.dashboard-bottom25{grid-template-columns:1fr;gap:14px}.pppoe-stats25{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric25{min-height:90px;padding:15px}.metric25 strong{font-size:26px}.onboard25,.difference-banner25{align-items:flex-start;flex-direction:column;padding:16px}.onboard25>.btn,.difference-banner25>.btn{width:100%}.filters25>select,.filters25 input#search{max-width:none;width:100%}.pagination25{flex-wrap:wrap}.pagination25>.actions{width:100%}.pagination25 .btn{flex:1}.activation-steps25{grid-template-columns:repeat(2,1fr)}.group-summary25>summary{padding:15px;font-size:12px}.group-summary25 .table{padding:12px}.group-summary25>summary span{display:none}.table-tools25 .actions{width:100%}.table-tools25 .btn{flex:1 1 130px}.customer-panel25 .table td:last-child{min-width:0}.customer-panel25 .table td{padding:6px 0}.period25{width:100%}.period25 input{max-width:none}.activation-list25{padding:9px}.activation-list25 .table td:last-child{min-width:0}.router-status25 .badge{font-size:10px}}
@media(prefers-reduced-motion:reduce){.summary-card25,.metric25{transition:none}}

/* R2.6 financial import review */
.history-preview26{max-height:48vh;overflow:auto;margin-block:16px}.history-preview26 thead{position:sticky;top:0;background:#f3f6ff;z-index:1}#sales-filter26{flex-wrap:wrap}#sales-filter26>input{flex:1;min-width:180px}.facts24 small{display:block;color:var(--muted)}#router-result{margin-top:18px;overflow:auto}#sales-apply26 .facts24{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#sales-apply26 .facts24>div{padding:12px;background:#f2f6ff;border-radius:12px;overflow-wrap:anywhere}
@media(max-width:700px){#sales-apply26 .facts24{grid-template-columns:repeat(2,minmax(0,1fr))}.history-preview26{max-height:44vh}#sales-filter26>*{max-width:100%}}

/* R2.6.1 retirement confirmation */
.retirement-impact261{padding:18px;border:1px solid var(--line,#dce4ef);border-radius:18px;background:rgba(255,255,255,.6);overflow-wrap:anywhere}.retirement-impact261>strong,.retirement-impact261>small{display:block;margin-bottom:8px}.retirement-impact261 p{margin:10px 0}.btn.danger{color:#a32640;border-color:rgba(165,38,64,.2)}