/* Pixel alignment to the approved 1672 × 940 composition. */
.sidebar-brand .brand-mark.small{background:transparent;overflow:visible;width:40px;height:44px}
.form>label{display:grid;gap:8px;font-size:14px;color:#486b60}.form>label:has(input[type=checkbox]){display:flex;gap:8px;align-items:center}.form input:not([type=checkbox]):not([type=radio]),.form select{width:100%;min-width:0;min-height:42px;border:1px solid #d7e5de;border-radius:9px;background:white;color:#12382d;padding:9px 12px;font:inherit}.form input[type=checkbox],.form input[type=radio]{width:16px;height:16px;min-height:0;accent-color:#078774}.section-note{font-size:13px;line-height:1.7;color:#5c7b6c;margin:12px 0 18px}.toolbar{padding:12px;border-radius:14px;background:#ffffff8c}
.feedback-bell{position:relative;display:flex;align-items:center;justify-content:center}.feedback-bell span{position:absolute;right:5px;top:4px;width:6px;height:6px;background:#dc4659;border-radius:50%}.topbar-actions{gap:10px}
.lake-chart-scroll{overflow-x:auto;max-width:100%}
@media(max-width:767px){.lake-chart-scroll .lake-bars{min-width:640px;width:640px;height:222px;margin:0}.lake-chart-scroll .lake-bars text{font-size:13px}.lake-chart-scroll:after{content:"左右滑动查看完整 7 日";display:block;color:#6b887a;font-size:11px;text-align:center}.lake-charts>.lake-card:has(.lake-chart-scroll){height:330px}}
.console{padding-bottom:18px}
.lake-heading h2{font-size:38px}
.nav-item{font-size:16px}
.lake-kpi p{left:96px;bottom:18px;white-space:normal;max-height:36px}
.lake-kpi:nth-child(2){background:linear-gradient(110deg,#f5faff,#fff)}
.lake-kpi:nth-child(2) .kpi-icon{background:#e5effb;color:#286eaf}
.lake-kpi:nth-child(3){background:linear-gradient(110deg,#fffaf4,#fff)}
.lake-kpi:nth-child(3) .kpi-icon{background:#fff0dd;color:#ad5e11}
.lake-kpi:nth-child(4) .kpi-icon{background:#e0f4ee;color:#087b67}
.lake-donut{grid-template-columns:50% 50%}
.lake-legend{padding-left:6px}
.lake-legend>div{position:relative}
.lake-legend small{position:absolute;left:154px;top:29px;white-space:nowrap}
.lake-legend strong{font-size:24px}
.lake-resource strong{font-size:28px}
.business-toolbar{padding:18px;background:#ffffffc4;border-radius:16px;margin-bottom:18px}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}
.filter-grid label{display:grid;gap:7px;color:#496a60;font-size:13px}
.filter-grid input,.filter-grid select{width:100%;min-width:0}
.filter-grid input,.filter-grid select,.filter-grid button{min-height:42px;border:1px solid #d7e5de;border-radius:9px;padding:9px 12px;font:inherit}
.filter-grid input,.filter-grid select{background:#fff;color:#12382d}
.modal:has([id*="license"]) label{display:grid;gap:7px;margin:12px 0;color:#496a60;font-size:14px}
.modal:has([id*="license"]) input:not([type="checkbox"]),.modal:has([id*="license"]) select,.modal:has([id*="license"]) textarea{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:9px 12px;border:1px solid #d7e5de;border-radius:9px;font:inherit;color:#12382d;background:#fff}
.modal:has([id*="license"]) textarea{min-height:80px;resize:vertical}
.modal:has([id*="license"]) .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.drawer:has([data-local-license-id]),.drawer:has(#issue-local-license){width:min(880px,calc(100vw - 24px));max-width:880px}
.drawer .drawer-head{min-width:0}.drawer .drawer-head>div{min-width:0}.drawer .mono,.license-identifier{overflow-wrap:anywhere;word-break:break-all;white-space:normal}
.drawer .drawer-actions{display:flex;flex-wrap:wrap;gap:8px}.drawer .detail-grid{min-width:0}
.modal:has([id*="license"]) label:has(input[type="checkbox"]){display:flex;align-items:center;gap:9px}
.modal:has([id*="license"]) input[type="checkbox"]{width:18px;height:18px;min-height:18px;padding:0;flex:0 0 18px;accent-color:#078774}
.modal .checkbox-row{display:flex;align-items:center;gap:9px;align-self:end;min-height:42px}.modal .checkbox-row input[type="checkbox"]{width:18px;height:18px;min-height:18px;padding:0;flex:0 0 18px;accent-color:#078774}
.modal:has([id*="license"]) .modal-actions{display:flex;flex-wrap:wrap;gap:10px}
.modal:has([id*="license"]) .modal-actions button{flex:0 0 auto;white-space:nowrap;min-height:40px}
.drawer:has(.license-identifier){width:min(880px,calc(100vw - 24px));max-width:880px}
.drawer .drawer-body{min-width:0;grid-template-columns:minmax(0,1fr)}
.drawer .drawer-body>*{min-width:0;max-width:100%}
.drawer .table-wrap{overflow-x:auto;width:100%}
.drawer .kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.drawer .kv-item b{overflow-wrap:anywhere}
.data-table:has([data-local-license-customer]){min-width:780px}
.dialog-notice{position:sticky;top:0;z-index:2;flex-shrink:0;border:1px solid #a9d9c7;border-left:4px solid #07856f;border-radius:10px;background:#effaf5;color:#145b49;padding:12px 14px;margin:0 0 16px;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.dialog-notice.error{background:#fff1f2;border-color:#f1bcc3;border-left-color:#bc2943;color:#8c1730}
.drawer>.dialog-notice{margin:16px 16px 0}
.data-table [data-local-license-customer],.data-table [data-customer-id]{white-space:nowrap;min-width:76px}
.metric-strip,.metric-grid{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}
.metric-card{background:#ffffffdf;padding:18px 24px;border-radius:15px;flex:1;min-width:160px;display:grid;gap:9px;color:#4a6b60}
.metric-card strong{font-size:26px;color:#123b30}
.detail-card-grid{display:grid;gap:14px}.detail-card,.service-line,.plan-line{padding:16px;background:#f6faf7;border:1px solid #e1ece5;border-radius:12px;margin-bottom:10px}
.detail-card h4{margin:0 0 12px}.detail-card p,.service-line p,.plan-line p{line-height:1.7}.segmented-tabs{display:flex;gap:8px;margin-bottom:16px}.segmented-tabs button{background:#fff;border:1px solid #dbe9e0;padding:10px 18px;color:#326252;border-radius:10px}.segmented-tabs button.active{background:#087e6b;color:white}.pagination{display:flex;gap:14px;justify-content:flex-end;align-items:center;padding:16px;color:#597b6b}.code-chip{font-size:12px;overflow-wrap:anywhere;padding:8px;background:#e9f3ed;border-radius:6px}.danger-link{color:#b92c3d}.business-form label{display:grid;gap:6px;margin:12px 0}.business-form input,.business-form select{width:100%;min-width:0}
@media(max-width:1439px){.lake-legend small{position:static;display:block}.lake-legend strong{font-size:22px}}
@media(max-width:767px){.lake-heading h2{font-size:30px}.lake-kpi p{left:96px}.lake-legend{padding-left:0}.lake-legend strong{font-size:20px}.metric-strip,.metric-grid{display:grid;grid-template-columns:1fr}.pagination{flex-wrap:wrap}.filter-grid{grid-template-columns:1fr}.lake-footer{padding-bottom:12px}}