/* Approved prototype styling; these overrides adapt it to live, bounded data. */
.brand img,.brand-inline img{border-radius:8px}
.account-header{display:flex;align-items:center;gap:8px;max-width:100%}
.auth-top .product{margin-left:12px}
.language-control{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:12px}
.language-control select{width:94px;min-height:34px;padding:5px;border:1px solid #dde2ec;border-radius:4px;background:#fff;color:#253044}
.dialog-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.dialog-top h2{overflow-wrap:anywhere;min-width:0}
html[lang=en-US] .auth-form{width:460px;max-width:100%}
html[lang=en-US] .definition-row dt{overflow-wrap:anywhere}
@media(max-width:700px){.auth-top{flex-wrap:wrap;height:auto;min-height:64px;gap:8px;padding-block:10px}.auth-top .account-header{max-width:100%}.topbar .account-header{flex-wrap:wrap;justify-content:flex-end}.language-control>svg{display:none}.topbar .account-email{max-width:160px}.account-menu{min-width:0}}
:root{--blue:#1765b5;--muted:#596579;color:#253044;background:#f7f8fb}
body{min-width:320px}button,input,select,textarea{letter-spacing:0}
button:disabled{opacity:.6}p{line-height:1.7}.boot-state{padding:48px;color:#596579}
.brand{flex-shrink:0}.brand small{background:none;padding:0;color:#596579}
.brand-inline{white-space:nowrap}.nav-item{border:0;width:calc(100% - 26px);text-align:left;background:transparent}
.nav-item.active{background:#e9f2fb;color:#155fa9}.nav-item.active:before{background:#1765b5}
.company-block .nav-label,.identity .nav-label{overflow:hidden}.nav-label strong,.nav-label small{overflow-wrap:anywhere}
.nav-label small,.subtitle,.hint,.time,.company-name,.auth-footer,.form-field small{color:#596579}
.identity{height:auto;min-height:76px}.topbar .product{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .scope-select{max-width:280px}.mobile-nav{display:none}.topbar{gap:12px}
.auth-layout{padding:32px 20px;min-height:calc(100vh - 140px);grid-template-columns:minmax(0,1fr)}.auth-form{padding:28px 32px;width:420px;min-width:0}
.auth-form input,.auth-form form{min-width:0}.auth-form .subtitle{overflow-wrap:anywhere}
.auth-form h1{font-size:24px}.auth-form .btn.primary{margin-top:4px}.auth-form .auth-icon{background:#e9f2fb;color:#1765b5}
.auth-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}
.field-error,.error{color:#a4262c;background:#fdf0ef}.error{overflow-wrap:anywhere}.error:focus{outline:2px solid #a4262c}
.status-message{padding:12px 16px;margin:16px 0;border-left:3px solid #1765b5;background:#edf4fb;font-size:13px;overflow-wrap:anywhere}
.status-message.warning{background:#fff6e5;border-color:#a4650c;color:#784900}
.unavailable{padding:28px 0;border-block:1px solid var(--line);margin-top:18px;max-width:850px}
.unavailable h2{display:flex;align-items:center;gap:10px;font-size:15px}.unavailable p{color:#596579;font-size:13px;margin-bottom:0}
.page-content[aria-busy=true]{min-height:180px}.page-heading h1{font-size:25px}
.definition-list{margin:0;max-width:900px}.definition-list .definition-row{grid-template-columns:170px minmax(0,1fr);margin:0}
.definition-row dt{color:#596579}.definition-row dd{margin:0;overflow-wrap:anywhere}
.table-wrap{border-radius:0;border-inline:0}.table-wrap table{table-layout:auto}
th{font-size:12px;color:#596579}td{font-size:13px;max-width:330px;white-space:normal;overflow-wrap:anywhere}
.table-wrap .actions-cell{width:68px;text-align:right}.cell-sub{display:block;font-size:11px;color:#596579;margin-top:4px}
.table-wrap div.actions-cell{width:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.table-wrap div.actions-cell>.btn{flex-shrink:0;white-space:nowrap}
.badge{display:inline-block;border-radius:3px;font-size:12px;padding:3px 7px;background:#edf5f1;color:#216e50}
.badge.disabled{background:#f1f1f1;color:#666}.permission-block{border:0;border-block:1px solid var(--line);padding:12px 0}
.permission-block legend{font-size:13px;font-weight:600;padding:0 4px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.check-row{color:#435168;overflow-wrap:anywhere;min-width:0}.check-row span{min-width:0}
.check-row.all{font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--line)}
.scope-list{max-height:200px;overflow:auto}.form-error{margin-top:12px}.tenant-options{display:grid;gap:0;margin:20px 0}
.tenant-option{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}
.tenant-option input{accent-color:#1765b5}.tenant-option strong{display:block;overflow-wrap:anywhere}.tenant-option small{display:block;color:#596579;margin-top:4px}
dialog{max-height:calc(100dvh - 32px);overflow:auto}dialog .form-footer{position:sticky;bottom:-26px;background:#fff;padding:14px 0;margin-top:8px}
dialog .dialog-top{gap:16px}dialog h2{font-size:18px}dialog fieldset:disabled{opacity:.65}
.code-display strong{letter-spacing:0;color:#155fa9}.code-display{gap:12px}.delivery-status{font-size:13px}
.rule-editor{max-width:1100px}.rule-editor textarea{font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;min-height:250px;font-size:13px}
.rule-editor textarea.notes{min-height:130px}.rule-editor textarea.json-editor{font-family:Consolas,monospace;min-height:360px;tab-size:2}
.rule-meta{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0 18px;font-size:12px;color:#596579}
.business-map-scroll{max-width:100%;overflow-x:auto}.business-map{width:100%;table-layout:fixed;min-width:640px}.business-map th,.business-map td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.business-map th{text-align:left;color:var(--muted);font-weight:600}.business-check{min-width:0;border:1px solid var(--line);margin:18px 0;padding:16px}.business-check .form-field{min-width:0}.business-check input,.business-check select{max-width:100%;width:100%;box-sizing:border-box}.business-check legend{font-size:13px;font-weight:600}.rule-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.rule-editor .form-grid{grid-template-columns:minmax(0,1fr)}}
.rule-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rule-editor details{border-block:1px solid var(--line);padding:16px 0;margin:20px 0}
.rule-editor summary{cursor:pointer;font-size:13px;font-weight:600}.rule-editor details .form-field{margin-top:18px}
.inline-empty{font-size:13px;color:#596579;padding:22px 0}.icon-btn{width:34px;height:34px}.btn{white-space:normal;min-height:36px}
.connection{color:#596579}.status-bar{font-size:11px;color:#596579}.empty{color:#596579}
.password-wrap input{padding-right:44px}.password-wrap button{top:4px}.auth-form .password-wrap input{margin-top:8px}
.page-heading .heading-actions{flex-shrink:0}.mobile-nav{scrollbar-width:thin}
.unsaved{color:#945c08}.success-text{color:#216e50}.rule-conflict{border-left:3px solid #a4650c;padding:12px 16px;background:#fff6e5;margin:16px 0}
.management-form{max-width:560px;margin-top:20px}.management-form .form-field{max-width:100%}.settings-section h2{font-size:16px}
@media(max-width:1000px) and (min-width:701px){.sidebar .brand{padding:20px}.sidebar .company-block{padding:16px 20px}.sidebar .identity{padding:15px 20px}.sidebar .identity .logout-btn{display:none}}
@media(max-width:700px){.topbar{flex-wrap:wrap;height:auto;min-height:60px;padding:12px;position:static}.topbar .scope-select{max-width:180px}.mobile-nav{display:flex;overflow-x:auto;background:white;border-bottom:1px solid var(--line);padding:0 10px;gap:4px}.mobile-nav button{flex-shrink:0;background:transparent;border:0;padding:12px 10px;font-size:13px;border-bottom:2px solid transparent}.mobile-nav button.active{color:#155fa9;border-bottom-color:#1765b5}.mobile-nav svg{width:16px;height:16px;vertical-align:middle;margin-right:5px}.page-heading h1{font-size:23px}.page-heading{gap:16px}.check-list{grid-template-columns:1fr}.definition-list .definition-row{grid-template-columns:1fr;gap:4px}.auth-form{padding:25px 22px}.auth-top{padding:0 20px}.rule-editor textarea{min-height:220px}.table-wrap td{min-width:130px}.table-wrap td.actions-cell{min-width:52px}.topbar .top-divider{display:none}dialog{padding:22px}.rule-meta{gap:8px 16px}}
@media(max-width:700px){.page-heading{flex-direction:row;align-items:center}.page-heading .heading-actions{max-width:55%}}
