/* Two-level workspace navigation and the neutral / warm orange console theme. */
:root{color:#292d33;background:#f8f8f7;--accent:#eb7954;--accent-soft:#fff1ea;--line:#eae8e5;--muted:#91959b}
body{background:#f8f8f7}a{color:#d96d48}button,.button{color:#42464d;border-color:#e5e3e0;font-size:13px;border-radius:7px;padding:10px 15px;box-shadow:0 1px 1px #22222202}button:hover,.button:hover{background:#f7f5f2}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#d96b47;border-color:#d96b47}.quiet{box-shadow:none}.small{padding:6px 10px;font-size:12px}button:disabled{cursor:not-allowed}input,select,textarea{color:#343940;border-color:#e4e3e0;border-radius:6px;font-size:13px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #eb795412}input[readonly]{background:#f6f5f3;color:#95989e}label{color:#5f646c;font-size:12px}input[type=checkbox]{accent-color:var(--accent)}p{color:#8a8f96;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#a1a4aa;margin-bottom:9px}h1{font-size:25px;letter-spacing:-.5px;color:#24282e;font-weight:650}h2{font-size:16px;color:#343940}h3{color:#40454c}.help,.muted{color:#93979d;line-height:1.8}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{display:grid;grid-template-columns:288px minmax(0,1fr)}.sidebar{padding:0;background:#fff;border-right:1px solid var(--line);height:100dvh;position:sticky;top:0;display:block}.brand{height:77px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);letter-spacing:0}.brand .brand-mark{display:grid;place-items:center;width:36px;height:36px;margin:0;flex:0 0 36px;color:#fff;background:var(--accent);border-radius:9px;font-size:26px;font-weight:750;letter-spacing:-1px}.brand .brand-copy{color:#272b32;font-size:21px;font-weight:700;letter-spacing:-.8px;margin:0;line-height:1.2}.brand-copy small{display:block;font-size:10px;color:#a0a2a7;font-weight:400;letter-spacing:1.6px;margin-top:5px}.sidebar-body{height:calc(100dvh - 77px);display:grid;grid-template-columns:72px minmax(0,1fr)}.sidebar .module-rail{padding:16px 8px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px;background:#fdfcfb}.sidebar .module-rail button{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:11px 3px;border-radius:8px;color:#9ca0a6;min-height:62px}.sidebar .module-rail button span{font-size:11px;color:inherit;margin:0}.sidebar .module-rail .ui-icon{width:21px;height:21px}.sidebar .module-rail button:hover{background:#f2efeb}.sidebar .module-rail button.active{background:var(--accent-soft);color:#e2714c}.nav-secondary{display:flex;flex-direction:column;padding:24px 13px 0;overflow-y:auto;min-width:0}.nav-secondary h2{font-size:15px;font-weight:650;margin:0 10px 7px}.nav-subtitle{display:block;color:#afb1b6;font-size:10px;margin:0 10px 26px;letter-spacing:.4px}.nav-secondary nav{display:grid;gap:6px}.sidebar .nav-secondary nav button{padding:11px 10px;gap:9px;border-radius:7px;color:#969ba3;font-size:13px}.sidebar .nav-secondary nav button span{margin:0;font-size:12px;color:#757b84}.sidebar .nav-secondary nav button i{margin-left:auto;font-size:17px;font-style:normal;opacity:0}.sidebar .nav-secondary nav button:hover{background:#f8f7f5}.sidebar .nav-secondary nav button.active{background:var(--accent-soft);color:#e77752}.sidebar .nav-secondary nav button.active span{color:#db704c;font-weight:550}.sidebar .nav-secondary nav button.active i{opacity:1}.sidebar-bottom{padding:20px 10px;line-height:1.9;margin-top:auto}.sidebar-bottom span{font-size:10px;color:#b0b3b8;max-width:none;text-wrap:wrap}.sidebar-status{padding-bottom:12px;font-size:10px!important}.status-dot{width:5px;height:5px;background:#b1c8bc;margin-right:5px}
.topbar{height:77px;background:#fff;padding:0 32px;color:#9fa3aa;border-color:var(--line)}.topbar-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px}.topbar-breadcrumb i{font-style:normal;color:#d0d2d6}.topbar-breadcrumb strong{color:#505660;font-weight:500}.topbar-actions{gap:13px!important;font-size:11px}.topbar-actions a{color:#828893}.topbar-actions .quiet{font-size:11px;color:#9399a2;padding:6px}.topbar-divider{height:18px;border-left:1px solid #ebe9e6;margin:0 3px}.account-avatar{width:28px;height:28px;display:grid;place-items:center;background:#fff1e9;border:1px solid #f4e0d5;border-radius:50%;color:#d98765;font-weight:600;font-size:11px}
main{padding:30px 32px 55px;max-width:1720px}.page-head{margin:3px 0 27px;gap:20px}.page-head p{margin-top:8px;line-height:1.8}.page-head .actions{flex-shrink:0}.metrics{gap:16px;margin-bottom:24px}.metric{padding:21px 22px;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 4px #252b3302}.metric span{font-size:11px;color:#9398a1}.metric strong{font-size:29px;margin-top:13px;color:#2d3239;font-weight:600;letter-spacing:-1px}.metric::before{content:'';display:block;float:right;width:7px;height:7px;border:1px solid #e5bbab;border-radius:2px;margin-top:3px}.panel{border-color:var(--line);border-radius:9px;box-shadow:0 2px 4px #252b3302}.panel-head{padding:19px 22px;border-color:#f0eeeb}.panel-head h2{font-size:14px}.panel-head>input{background:#fafaf9;max-width:250px}.tabs button{font-size:12px;color:#9499a2;padding:8px 12px}.tabs button.active{background:var(--accent-soft);color:#d67652}th{background:#fbfbfa;color:#aaaeb5;font-size:11px;padding:13px 22px}td{padding:17px 22px;border-color:#f2f1ef;color:#9298a2;font-size:12px}td h3{font-size:13px;color:#4b515b}td h3 a{color:#4b515b}td h3 a:hover{color:#dd7955}td small{font-size:10px;color:#b0b3ba}.badge{font-size:10px;border-radius:4px;padding:4px 7px}.badge.blue{background:#fff0e8;color:#c67b59}.badge.green{background:#eef7f0;color:#69a981}.badge.red{background:#fff0ed;color:#c67d70}.badge.orange{background:#fff5e7;color:#b59367}.form-panel{padding:25px}.form-panel>p{margin-bottom:17px}.settings-grid{gap:20px}.release-current{padding:23px}.release-current h2{font-size:21px;font-weight:550;letter-spacing:.4px}.release-current p{font-size:11px;color:#a5aab2}.release-row{padding:17px 22px;border-color:#efedea}.release-row p{font-size:11px}.workspace-footer{padding:0 32px 26px;font-size:10px;color:#b8bbc1}.notice{background:#fff6ee;color:#b38a71;font-size:12px;border:1px solid #f5e9df;padding:12px 15px}.empty{font-size:13px;color:#9fa5ae}.error,.dialog-error{color:#c57968}.dialog-error{border-color:#f0d9d1;background:#fff5ef}
.media-item{border-color:var(--line);border-radius:9px}.media-item img,.media-item .pdf{background:#f1efeb}.meta-panel{background:#faf9f7;border:1px solid #f0eeeb}.editor-top,.editor-bottom{border-color:var(--line)}dialog{border-color:var(--line);color:#424850;border-radius:13px;box-shadow:0 24px 100px #29262224}dialog::backdrop{background:#22252b45;backdrop-filter:blur(2px)}.editor-main input[name=title]{font-size:20px}.editor-bottom{font-size:11px}.upload-zone{background:#fdfbf8;border-color:#e2ccbb;color:#c58c70}.upload-zone strong{color:#8c796d}.upload-zone span,.upload-zone small{color:#b3a79e}.upload-zone:hover,.upload-zone.is-dragging{background:#fff5ec;border-color:#db9c79;box-shadow:none}.upload-zone:focus-visible{outline-color:var(--accent)}.upload-cover-preview{background:#f4ede6}.category-row{border-color:var(--line);border-radius:9px}.category-row-head strong{color:#9ca1a9;font-size:12px}.category-row input[readonly]{background:#f9f8f6;color:#a3a7ae}.category-row-footer small{color:#a5aab1;font-size:10px}.category-form-footer,.cover-settings-footer{border-color:var(--line);border-radius:9px}.category-form-footer>span,.cover-settings-footer>span{color:#a5aab1;font-size:11px}.cover-reference img{border-color:var(--line)}.job-progress-head{color:#959ba6;font-size:11px}.job-progress-head strong{color:#d68160;font-size:11px}.job-progress-track{height:5px;background:#f3efeb}.job-progress-track>span{background:linear-gradient(90deg,#efba99,#e7825e)}.job-progress-detail,.job-version{font-size:10px;color:#b2b6bd}.job-result{font-size:11px}.job-activity{font-size:11px;color:#a88874}.job-spinner{border-color:#f9e5d9;border-top-color:#e7825e;border-right-color:#e7825e}.danger{border-color:#f0ded5;color:#c79381}.danger:hover{background:#fff5ef}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title h2{margin-bottom:6px}.section-title p{font-size:12px}.section-icon{width:40px;height:40px;border:1px solid #f0e3d9;border-radius:9px;background:#fff8f1;color:#d19b79;display:grid;place-items:center}.generation-rules{margin-top:22px}.rule-invariants{border-top:1px solid var(--line);padding-top:20px}.rule-invariants strong{font-size:12px;font-weight:500;color:#9a8b80}.rule-invariants p{font-size:11px;margin-top:7px;line-height:1.9;color:#b0a49a}.console-form-footer{position:sticky;bottom:0;padding:16px 20px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0;z-index:3}.console-form-footer>span{font-size:11px;color:#a0a5ad}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.role-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px}.role-card-header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.role-card-header>span{width:43px;height:43px;border:1px solid #f2e4d9;background:#fff6ef;color:#d99c7a;border-radius:11px;display:grid;place-items:center}.role-card-header h2{margin-bottom:5px}.role-card-header p{font-size:11px}.role-card .role-meta{display:flex;gap:22px;font-size:11px;color:#9b9fa8;margin:0 0 24px}.role-card .actions{justify-content:space-between}.role-card .error{font-size:11px;margin-top:12px}.role-card textarea{min-height:110px}.permission-toolbar{display:flex;gap:25px;align-items:center}.permission-toolbar label{width:230px;margin:0}.permission-toolbar p{margin:0;font-size:12px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.permission-group{padding:24px;border:1px solid var(--line);border-radius:9px;background:#fff}.permission-group h2{font-size:14px;margin-bottom:21px}.permission-option{display:flex;align-items:flex-start;gap:10px;margin:0;padding:13px 0;border-top:1px solid #f2f0ed}.permission-option input{width:auto;margin-top:3px}.permission-option strong{font-size:12px;font-weight:500;color:#686f79;display:block;margin-bottom:4px}.permission-option small{display:block;font-size:10px;color:#acb0b7;line-height:1.7}.permission-option.locked strong{color:#a0a5ad}.permission-option.locked input{opacity:.45}.permission-option em{font-style:normal;font-size:9px;color:#c1a697;margin-left:6px}.user-avatar{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:8px;background:#fff0e5;color:#b78666;font-weight:600;font-size:12px}.user-cell{display:flex;gap:12px;align-items:center}.user-cell h3{margin:0 0 4px}.user-cell small{color:#b0b5bd}.user-table td:first-child{width:30%}#user-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#user-dialog input[name=username][readonly]{background:#f8f7f5}#toast{background:#42403d;font-size:13px;box-shadow:0 5px 25px #29231e22}
.login{background:radial-gradient(ellipse at 15% 20%,#faecdf,transparent 55%),radial-gradient(ellipse at 80% 85%,#f4eeea,transparent 50%),#fbfaf8}.login-brand{color:#373a3f}.login-brand span{color:#bca799}.login-card{background:#ffffffed;border-color:#eeebe7;box-shadow:0 20px 80px #aa795415}.login-card .eyebrow{color:#c0997e}.login-card h1{color:#3a3e44}.login-card>p{color:#aaa199}
@media(max-width:1200px){.shell{grid-template-columns:260px minmax(0,1fr)}.sidebar-body{grid-template-columns:64px minmax(0,1fr)}main{padding:28px 24px}.topbar{padding:0 24px}.topbar-actions{gap:9px!important}.metrics{gap:12px}.metric{padding:19px 18px}.page-head{flex-direction:row;align-items:center}.permission-grid{grid-template-columns:1fr}}
@media(max-width:950px){.page-head{align-items:flex-start;flex-direction:column}.role-grid{grid-template-columns:1fr}.console-form-footer{align-items:flex-start;flex-direction:column}.console-form-footer .actions{flex-wrap:wrap}.topbar-breadcrumb>span:first-child,.topbar-breadcrumb>i:first-of-type{display:none}#account{font-size:10px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:720px){.shell{display:block}.sidebar{height:auto;position:static}.brand{height:65px;padding:0 18px}.sidebar-body{display:block;height:auto}.sidebar .module-rail{flex-direction:row;display:flex;padding:7px 14px;gap:8px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .module-rail button{flex:1;padding:8px 3px;min-height:54px;gap:4px}.sidebar .module-rail .ui-icon{width:18px;height:18px}.nav-secondary{padding:10px 14px}.nav-secondary h2,.nav-subtitle{display:none}.sidebar .nav-secondary nav{display:flex;overflow-x:auto;gap:4px;padding-bottom:2px}.sidebar .nav-secondary nav button{flex:0 0 auto;padding:9px 11px;font-size:11px;gap:6px}.sidebar .nav-secondary nav button span{font-size:11px}.sidebar .nav-secondary nav button .ui-icon{width:14px;height:14px}.sidebar .nav-secondary nav button i{display:none}.sidebar-bottom{display:none}.topbar{height:55px;padding:0 16px}.topbar-breadcrumb{display:none}.topbar-actions{width:100%;justify-content:flex-start!important}.topbar-actions #logout{margin-left:auto}main{padding:24px 16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:17px}.metric strong{font-size:25px}h1{font-size:22px}.page-head p{font-size:12px}.panel-head{padding:15px}.category-row,.permission-group{padding:20px}.role-card{padding:23px}.permission-toolbar{display:block}.permission-toolbar label{width:100%;margin-bottom:12px}.form-grid{grid-template-columns:1fr;gap:0}.console-form-footer{padding:16px}.console-form-footer .actions{width:100%;gap:7px}.console-form-footer button{font-size:11px;padding:9px 11px}.user-table{min-width:680px}#user-metrics{gap:8px}.user-avatar{width:26px;height:26px;flex-basis:26px}.metric span{font-size:10px}.editor-grid .form-grid{display:grid;grid-template-columns:1fr}.editor-bottom .actions{justify-content:flex-start}.workspace-footer{padding:0 16px 25px}.section-title{align-items:flex-start;gap:12px}.generation-rules textarea{min-height:135px}}
.sidebar .module-rail button.active span{color:var(--accent)}.permission-toolbar{margin-bottom:22px}.topbar-breadcrumb,.help,td small{color:#90969f}.console-form-footer{box-shadow:0 -5px 20px #29262203}
.login-brand{width:min(320px,calc(100vw - 50px));display:flex;flex-direction:row;align-items:center;gap:12px;letter-spacing:0}.login-brand>img{display:block;flex:0 0 150px;width:150px;height:auto}.login-brand .brand-copy,.brand .brand-copy{align-self:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:auto;min-width:0;margin:0;font-size:inherit;font-weight:400;line-height:1.15;letter-spacing:0;text-align:left;color:#272b32}.login-brand .brand-name,.brand .brand-name{font-size:12px;font-weight:650;line-height:1.25;color:#373a3f;white-space:nowrap;margin:0}.login-brand .brand-copy small,.brand .brand-copy small{font-size:10px;font-weight:400;line-height:1.25;letter-spacing:0;color:#a0a2a7;margin:0;white-space:nowrap}.login-brand .brand-copy .brand-name{font-size:13px}.login-brand .brand-copy small{font-size:11px;color:#a79b90}.brand{height:77px;padding:6px 20px 6px 23px;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;letter-spacing:0}.brand .brand-logo{display:block;flex:0 0 128px;width:128px;height:auto;max-height:none;object-fit:contain}.brand .brand-mark{display:none}@media(max-width:720px){.brand{height:65px;padding:4px 18px;gap:8px}.brand .brand-logo{flex-basis:128px;width:128px}}
