.editor{padding:24px}.subscriber-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.subscriber-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.subscriber-form input:not([type=checkbox]){min-width:0;width:100%}.subscriber-form .checkbox{flex-direction:row;align-items:center;font-weight:500}.subscriber-form button{justify-self:start}@media(max-width:800px){.subscriber-form{grid-template-columns:1fr}}

.operational-meter{border-top:1px solid #dce3e9;padding:16px 0;margin:16px 0}.editor details{margin-top:20px}.editor summary{cursor:pointer;font-weight:600}.subscriber-form select{min-width:0;width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;background:white}
.receipt-paper{max-width:980px}.receipt-heading{align-items:flex-start}.receipt-paper tfoot th{font-size:16px;background:#eef6f4;color:#203442}@media print{header,footer,.no-print{display:none!important}body{background:white;color:#111}main{max-width:none;margin:0;padding:0}.panel{border:0;border-radius:0}.receipt-paper{padding:0}.table-scroll{overflow:visible}a{text-decoration:none;color:inherit}th,td{padding:9px 10px}.notice{border:1px solid #d79a31;background:white}}
.auth-panel{max-width:560px;margin:0 auto}.logout-form{display:flex;align-items:center;gap:10px;color:#d8e8ee;font-size:13px}.logout-form button{padding:8px 12px;background:#295363}
.inline-user-form{display:grid;grid-template-columns:minmax(110px,140px) minmax(120px,auto) minmax(150px,1fr) auto;gap:10px;align-items:center}.inline-user-form select,.inline-user-form input{min-width:0;width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:6px}.inline-user-form button{padding:9px 12px}.inline-user-form .checkbox{white-space:nowrap;font-size:13px}@media(max-width:900px){.inline-user-form{grid-template-columns:1fr}}
.workspace-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;max-width:1680px;margin:0 auto}.workspace-shell main{max-width:none;margin:38px 0;padding:0 28px}.public-shell main{grid-column:1 / -1}.sidebar{background:#123746;color:#d8e8ee;padding:24px 16px;min-height:calc(100vh - 76px);border-right:1px solid #315966}.sidebar-title{margin:0 12px 14px;color:#9fc0ca;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav a{color:#e5f1f4;padding:11px 12px;border-radius:6px}.sidebar-nav a:hover{background:#1d5060;text-decoration:none}.sidebar-group{border:1px solid #2d5865;border-radius:8px;padding:8px;margin-bottom:4px}.sidebar-group span{display:block;color:#9fc0ca;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:2px 4px 7px}.sidebar-group a{display:block;padding:9px 10px}.sidebar-action{border-top:1px solid #3b6470;margin:24px 8px 0;padding:18px 4px 0}.sidebar-action p{margin:0 0 5px;font-weight:700;color:white}.sidebar-action span{display:block;color:#a9c4cb;font-size:12px;line-height:1.45;margin-bottom:12px}.sidebar-action button{width:100%;padding:10px 8px;background:#2f8290;font-size:13px}.public-nav{margin-left:auto;display:flex;gap:24px}.kv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kv-grid div{background:#f6f9fa;border:1px solid #e3eaee;border-radius:8px;padding:14px}.kv-grid small{display:block;color:#657988;margin-bottom:6px}.kv-grid strong{font-weight:650;word-break:break-word}@media(max-width:800px){.workspace-shell{display:block}.workspace-shell main,.public-shell main{margin-top:24px;padding:0 14px}.sidebar{min-height:0;padding:14px 12px;border-right:0}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-nav a{padding:9px 10px}.sidebar-group{margin:0}.sidebar-action{margin-top:14px}.public-nav{margin-left:0;gap:12px;flex-wrap:wrap}.kv-grid{grid-template-columns:1fr}}
.guide-page{max-width:1240px;margin:0 auto}.guide-heading{align-items:flex-start}.guide-heading h1{margin-bottom:8px}.guide-heading p:not(.eyebrow){margin:0}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.guide-toc{position:sticky;top:20px;background:#fff;border:1px solid #dfe7ec;border-radius:8px;padding:16px}.guide-toc-title{margin:0 0 10px;color:#657988;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.guide-toc a{display:block;padding:8px 4px;color:#285e6d;font-size:13px;line-height:1.35}.guide-toc a:hover{text-decoration:none;color:#123746}.guide-content{background:#fff;border:1px solid #dfe7ec;border-radius:8px;padding:34px 42px;color:#30444f;line-height:1.65}.guide-content>h1{display:none}.guide-content h2{margin:34px 0 12px;padding-top:12px;border-top:1px solid #e5ecef;color:#123746;font-size:22px}.guide-content h2:first-of-type{margin-top:0;border-top:0;padding-top:0}.guide-content h3{margin:24px 0 8px;color:#176c80}.guide-content p{margin:0 0 16px}.guide-content ul,.guide-content ol{margin:0 0 18px;padding-left:24px}.guide-content li{padding-left:4px;margin:5px 0}.guide-content code{padding:2px 5px;border-radius:4px;background:#edf4f5;color:#176c80;font-size:.92em}.guide-content pre{margin:18px 0 22px;padding:18px;overflow:auto;border-radius:6px;background:#123746;color:#e4f2f4;line-height:1.55}.guide-content pre code{padding:0;background:transparent;color:inherit}.guide-table{overflow:auto;margin:18px 0 24px;border:1px solid #e3eaed;border-radius:6px}.guide-content table{min-width:560px}.guide-content th{background:#f0f6f7;color:#4d6874}.guide-content th,.guide-content td{padding:11px 14px}.guide-content a{font-weight:650;color:#176c80;text-decoration:none;border-bottom:1px solid #8cc5c7;background:#edf7f6;border-radius:4px;padding:1px 4px;white-space:normal}.guide-content a:hover{color:#123746;background:#dcefed;border-bottom-color:#176c80}@media(max-width:800px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}.guide-content{padding:24px 18px}.guide-heading .badge{margin-top:12px}}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.permission-group{border:1px solid #cbd9e3;border-radius:12px;margin:0;padding:0 1rem 1rem;background:#fff}.permission-group legend{padding:0 .5rem}.permission-title{display:flex;gap:.7rem;align-items:center;font-size:1.08rem;font-weight:700;color:#123746;padding:.2rem .25rem}.permission-title input{width:1.1rem;height:1.1rem}.permission-children{margin:.35rem 0 0 1.85rem}.permission-row{display:flex;gap:.7rem;align-items:center;padding:.7rem .75rem;border-top:1px solid #e7eef2}.permission-row input{width:1.05rem;height:1.05rem}
.legal-services{white-space:nowrap}.legal-services .pill{margin:2px 4px 2px 0;padding:4px 7px;font-size:11px}.legal-service-water{background:#e3f1ee;color:#276956}.legal-service-sewerage{background:#fff1d8;color:#8a591c}.legal-service-heat{background:#fff1d8;color:#8a591c}
.permission-hidden{font-style:normal;color:#8a591c;font-size:.78rem;font-weight:600}
.permission-hidden{display:none}
.menu-hidden{display:inline-block;margin-left:5px;color:#f0c58a;font-size:10px;font-weight:600}
.legal-details .form-grid{gap:20px 24px}.legal-details .form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#405762}.legal-details .form-grid input{min-width:0;width:100%}.legal-details .kv-grid{margin-top:26px;gap:16px}.legal-details .kv-grid div{min-height:76px;padding:16px 18px;background:#f5f9fa;border:1px solid #d9e5e9}.legal-details .kv-grid small{font-size:11px;text-transform:uppercase;letter-spacing:.7px}.legal-details .kv-grid strong{display:block;margin-top:5px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.legal-details .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:20px 0 24px}.legal-details .form-grid label{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:#f8fafb;border:1px solid #d8e3e8;border-radius:8px;font-size:13px;font-weight:650;color:#405762}.legal-details .form-grid label.wide{grid-column:1/-1}.legal-details .form-grid input{min-width:0;width:100%;margin-top:2px}.legal-details .edit-form{padding:4px 0}.legal-details .edit-form>button{margin-top:2px}
.legal-details .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:20px 0 24px}.legal-details .form-grid label{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:#f8fafb;border:1px solid #d8e3e8;border-radius:8px;font-size:13px;font-weight:650;color:#405762}.legal-details .form-grid label.wide{grid-column:1/-1}.legal-details .form-grid input{min-width:0;width:100%;margin-top:2px}.legal-details .edit-form{padding:4px 0}.legal-details .edit-form>button{margin-top:2px}@media(max-width:800px){.legal-details .form-grid{grid-template-columns:1fr}.legal-details .form-grid label.wide{grid-column:auto}}
.legal-edit-details{position:relative;margin-top:-48px;margin-bottom:24px}.legal-edit-details summary{position:absolute;right:0;top:0;z-index:2;list-style:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid #cbd9e3;border-radius:7px;background:#f5f9fa;color:#176c80;font-size:20px;line-height:1;cursor:pointer}.legal-edit-details summary::-webkit-details-marker{display:none}.legal-edit-details[open]{margin-top:18px}.legal-edit-details[open] summary{background:#176c80;color:#fff}.legal-edit-details .edit-form{padding-top:48px}
.logout-form{margin-left:auto}
.edit-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:18px 0 22px}.edit-form .form-grid label{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:#f8fafb;border:1px solid #d8e3e8;border-radius:8px;font-size:13px;font-weight:650;color:#405762}.edit-form .form-grid label.wide{grid-column:1/-1}.edit-form .form-grid input,.edit-form .form-grid select{min-width:0;width:100%}@media(max-width:800px){.edit-form .form-grid{grid-template-columns:1fr}.edit-form .form-grid label.wide{grid-column:auto}}