:root{--bg:#0c0d0c;--panel:#131513;--line:#282c27;--text:#f2f0e9;--muted:#92988e;--gold:#d2b477;--green:#82b88a;--red:#db827b;--blue:#8aaaba}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin-bottom:10px;font-weight:500}h2{font-size:18px;font-weight:500;letter-spacing:-.3px;margin-bottom:0}h3{font-size:17px}p{line-height:1.65;color:var(--muted)}strong,b{font-weight:600}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select,textarea{color:var(--text);background:#10120f;border:1px solid #363c32;border-radius:7px;padding:11px 12px;min-width:0;color-scheme:dark}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}select{max-width:100%}textarea{resize:vertical;min-height:100px}small{font-size:11px}.shell{display:flex;min-height:100vh}.sidebar{width:235px;flex:0 0 235px;background:#10120f;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:16px 13px;z-index:30}.brand{display:block;height:144px;margin-bottom:16px;border-bottom:1px solid var(--line);text-align:center}.brand img{width:100%;height:129px;object-fit:contain}.nav-label{font-size:9px;letter-spacing:2px;color:#757e6e;margin:0 13px 10px}nav{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#34382e transparent}nav button{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;color:#a3aa9d;padding:11px 13px;border-radius:7px;margin:2px 0;text-align:left;font-size:12px}nav button:hover{background:#1a1d17;color:var(--text)}nav button.active{background:#28271e;color:#e2c88f;box-shadow:inset 2px 0 var(--gold)}nav button.active svg{color:var(--gold)}.nav-count{margin-left:auto;font-size:10px;border-radius:4px;background:#413621;padding:1px 5px}.sidebar-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:18px 5px 0;margin-top:15px}.sidebar-footer strong{font-size:12px}.sidebar-footer small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.sidebar-footer a{margin-left:auto;color:var(--muted)}.avatar{background:#302e22;color:#e1c791;border:1px solid #51472e;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.avatar.small{width:30px;height:30px}.main{min-width:0;flex:1}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#10120f}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#6f786a}.breadcrumb strong{color:#c0c6b9;font-weight:400}.top-actions{display:flex;align-items:center;gap:16px}.sync{font-size:10px;color:#8f9986;display:flex;align-items:center;gap:6px}.sync i,.gold-dot{color:var(--gold)}.sync i{width:5px;height:5px;background:#8fb482;border-radius:100%}.icon-button{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;padding:7px;color:#9da795;border-radius:5px}.icon-button:hover{background:#24291f;color:#eee}.bell{position:relative}.bell i{width:5px;height:5px;background:var(--gold);position:absolute;right:6px;top:5px;border-radius:50%}.page{padding:32px;max-width:1720px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{font-size:12px;margin:0}.eyebrow{display:block;color:#a9946d;font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:10px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;padding:11px 17px;font-size:12px;min-height:39px;white-space:nowrap}.primary{background:linear-gradient(115deg,#e0c791,#c2a063);color:#221e14;border:1px solid #e0c78f;font-weight:700;box-shadow:0 3px 15px #b99d5612}.primary:hover{filter:brightness(1.08)}.secondary{border:1px solid #363d31;background:#191d16;color:#c3caba}.secondary:hover{border-color:#8f805f}.text-action{background:none;border:0;padding:0;color:#cbb47f;display:inline-flex;align-items:center;gap:8px;font-size:11px}.hero{border:1px solid #3d3726;border-radius:11px;overflow:hidden;height:262px;display:flex;position:relative;background:#12120e;margin-bottom:22px;isolation:isolate}.hero>div{padding:30px 34px;z-index:2;flex:1;background:linear-gradient(90deg,#15160f 80%,transparent);position:relative}.hero h2{font:500 31px/1.18 Georgia,'Times New Roman',serif;color:#f5f0e1;letter-spacing:-.6px}.hero h2 em{color:#d8bd86;font-weight:400}.hero p{font-size:11px;margin:12px 0 15px;color:#a5a693}.hero img{width:47%;height:100%;object-fit:cover;object-position:center;opacity:.94}.hero .eyebrow{font-size:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.metric{padding:20px 17px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(130deg,#181b15,#141711);display:flex;align-items:center;text-align:left;gap:14px}.metric small{display:block;color:#a0aa96;font-size:10px;margin-bottom:5px}.metric strong{font-size:27px;font-weight:500;letter-spacing:-.6px}.metric>.muted-icon{margin-left:auto;align-self:flex-start;margin-top:3px}.metric-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;border:1px solid #51482c;background:#2b281b;flex-shrink:0}.gold{color:#dec083}.green{color:#94c09a}.blue{color:#8eafbd}.red{color:#df8d85}.metric-icon.green{background:#1d2b1c;border-color:#304c2e}.metric-icon.blue{background:#1c272b;border-color:#2c424b}.metric-icon.red{background:#301e1b;border-color:#51302b}.muted-icon{color:#63705b}.panel{border:1px solid var(--line);border-radius:9px;background:var(--panel);min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px;gap:15px}.panel-head .eyebrow{font-size:8px;margin-bottom:7px}.panel-head h2{font-size:16px}.panel-head .tiny{font-size:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;font-weight:400;color:#849079;background:#171b14;padding:12px 18px;white-space:nowrap;font-size:10px}td{padding:17px 18px;border-top:1px solid #252b20;color:#c2c9b9;max-width:230px}tbody tr{cursor:pointer}tbody tr:hover{background:#1b2116}td strong{color:#e0e5d8;font-size:11px}td small{display:block;color:#7f8b74;font-size:9px;margin-top:5px}.badge{border:1px solid #54472d;background:#2c271a;border-radius:20px;padding:5px 9px;display:inline-flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap}.badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.badge.green{border-color:#344d2e;background:#1c2c19}.badge.blue{border-color:#2e4a52;background:#1b2b30}.badge.muted{color:#94998b;background:#24261e;border-color:#3c4033}.date-box{border:1px solid #3d432f;background:#24281b;border-radius:7px;width:44px;min-width:44px;padding:8px;text-align:center;color:#d3bf8e}.date-box b{font-size:18px;display:block}.date-box small{font-size:8px;letter-spacing:1px;text-transform:uppercase}.event-row{display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:16px 20px;border:0;border-top:1px solid var(--line);background:none}.event-row>div:nth-child(2){flex:1;min-width:0}.event-row strong{font-size:11px;display:block}.event-row small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.tiny{font-size:9px;color:#87947b}.event-row .tiny{display:block;margin-top:6px}.panel-bottom{border:0;border-top:1px solid var(--line);width:100%;padding:14px 22px;display:flex;justify-content:space-between;background:#181d13;font-size:10px;color:#b7c2aa}.quiet-empty{text-align:center;padding:32px 15px;color:#77866a;min-height:194px;display:flex;align-items:center;flex-direction:column;justify-content:center}.quiet-empty p{font-size:12px;margin:12px 0 4px}.quiet-empty small{font-size:10px}.bottom-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:18px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px 22px;gap:9px}.quick-actions button{padding:17px 12px;background:#1b2115;border:1px solid #343e29;border-radius:7px;text-align:left;color:#b8c5a8;display:flex;flex-direction:column;gap:18px;position:relative;font-size:10px}.quick-actions button:hover{background:#29301f;border-color:#8c794e}.quick-actions button>svg:first-child{color:#c6b17b}.quick-actions button>svg:last-child{position:absolute;right:11px;top:19px;color:#778467}.finance-card{padding-bottom:18px}.finance-line{display:flex;justify-content:space-between;padding:9px 22px;font-size:11px;color:#939f85}.finance-line b{color:#d1dac6;font-size:12px}.finance-line.result{margin:5px 22px 0;padding:13px 0 9px;border-top:1px solid #323b29;color:#c5d0b7}.finance-line.result b{color:#d8bd83;font-size:20px}.finance-card>small{font-size:8px;color:#718064;padding-left:22px}.empty{text-align:center;padding:46px 24px;color:#788669}.empty>svg{color:#9f946b}.empty h3{font-size:14px;color:#ccd3c1;margin:16px 0 7px;font-weight:500}.empty p{font-size:11px;margin-bottom:20px}.empty .primary{font-size:10px;padding:9px 13px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.toolbar>label{color:var(--muted);display:flex;gap:10px;align-items:center}.toolbar input,.toolbar select{font-size:12px}.search{display:flex;align-items:center;gap:9px;border:1px solid #333b2b;background:#151a10;border-radius:7px;flex:1;min-width:180px;padding-left:12px;color:#859174}.search input{border:0;background:none;outline:0;width:100%}.heading-buttons{display:flex;gap:9px}.stock{display:inline-block;min-width:25px;text-align:center;padding:4px;background:#222d1b;border-radius:4px}.info-note{display:flex;gap:14px;background:#1b2015;border:1px solid #39432c;color:#a9b69b;padding:20px;border-radius:8px;margin-top:18px;font-size:12px;line-height:1.6}.info-note p{font-size:12px;margin:5px 0 0}.info-note strong{color:#d6dfc9}.three{grid-template-columns:repeat(3,1fr)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{border:1px solid #303c26;min-height:135px;padding:11px;border-radius:7px;background:#151a11}.day>b{font-size:17px;margin-right:7px;color:#c1ceaf}.day>small{color:#7b8e6b;font-size:9px}.day.today{border-color:#c0a76b}.day button{display:block;text-align:left;font-size:9px;width:100%;background:#35351f;border:1px solid #555432;padding:7px;border-radius:4px;margin-top:7px;color:#dacb98;overflow:hidden}.day button small{display:block;font-size:8px;margin-top:4px}.message-row{display:flex;align-items:center;width:100%;background:none;border:0;border-top:1px solid #2e3924;text-align:left;padding:18px 22px;gap:17px;color:#c7b587}.message-row>div{flex:1}.message-row p{margin:5px 0 0;font-size:11px}.settings-panel{padding:27px;max-width:850px}.settings-panel h2{margin-bottom:20px}dl{display:grid;grid-template-columns:180px 1fr;gap:15px;margin-bottom:25px;font-size:12px}dt{color:#869779}dd{margin:0;color:#d2ddc4;white-space:pre-wrap;line-height:1.6}.dl-row{display:contents}.muted-copy{font-size:11px;margin-top:18px;margin-bottom:0}.truncate{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancel-reason{padding:0 20px;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;color:#5f6e52;border-top:1px solid #242e1d;margin-top:30px;padding:22px 0 0;font-size:9px}footer i{display:inline-block;width:3px;height:3px;background:#6b785d;border-radius:50%;vertical-align:middle;margin:0 10px}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#000b;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#151a11;border:1px solid #575538;border-radius:12px;width:760px;max-width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 30px 150px #0008;padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.modal-head h2{font-size:22px}.modal-head .eyebrow{font-size:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#a8b899}label input,label textarea,label select{width:100%}.wide{grid-column:1/-1}.check{flex-direction:row;align-items:center}.check input{width:16px;height:16px;accent-color:#c8ad72}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:22px;border-top:1px solid #343e2b;margin-top:24px;flex-wrap:wrap}.form-hint{font-size:10px;color:#849475;margin:0;line-height:1.6}.order-lines{border:1px solid #38452c;padding:16px;border-radius:8px}.line-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #303c25;padding:15px 0}.line-item>div{flex:1;min-width:100px}.line-item strong{font-size:12px}.line-item small{display:block;margin-top:5px;font-size:9px;color:#899d76}.line-item>label{max-width:95px}.line-item input{padding:8px}.line-item .warning-copy{color:#dfbb65}.line-item .red-copy{color:#e18d7e}.order-total{display:flex;align-items:center;justify-content:space-between;padding:18px 0 10px;color:#d9c48c}.order-total b{font-size:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#2c3e22;border:1px solid #72885c;color:#dae6c8;box-shadow:0 6px 40px #0008;border-radius:8px;padding:15px 22px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:90vw}.error{display:flex;align-items:center;gap:10px;line-height:1.5;margin:15px;padding:15px;border:1px solid #6a4633;background:#31231c;color:#f0b09a;border-radius:7px;font-size:12px}.error button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:5px;padding:6px}.modal .error{margin:0 0 20px}.detail-actions{display:flex;gap:5px}.detail-summary{display:flex;justify-content:space-between;margin:20px 0 25px}.detail-summary>strong{font-size:26px;color:#ddc48c}.audit-mini{font-size:9px;color:#7d916b;line-height:1.9;border-top:1px solid #334127;padding-top:17px;margin-top:22px}.history-link{background:none;border:0;padding:8px 0;color:#c0aa6d;display:flex;gap:8px;align-items:center;font-size:10px}.audit-entry{padding:17px 0;border-top:1px solid #35452a}.audit-entry small{display:block;color:#879b75;font-size:10px;margin:7px 0}.audit-entry p{font-size:11px;word-break:break-word;margin:6px 0;color:#b6c3a7}.detail-note{white-space:pre-wrap;font-size:12px;margin-top:20px}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:28px;background:radial-gradient(ellipse at 50% 30%,#262116,transparent 60%);text-align:center}.login img{width:440px;max-width:90vw;margin-bottom:30px;border-radius:15px}.login h1{font-family:Georgia,serif;font-size:28px}.login p{font-size:13px}.mobile-menu{display:none}.print-heading{display:none}
@media(min-width:1500px){.hero{height:300px}.hero h2{font-size:37px}.hero>div{padding:38px 40px}.hero p{font-size:12px}.page{padding:36px 40px}.metric{padding:22px}.sidebar{width:250px;flex-basis:250px}}
@media(max-width:1150px){.sidebar{width:205px;flex-basis:205px}.page{padding:25px 22px}.topbar{padding:0 22px}.metric{gap:10px;padding:17px 12px}.metric-icon{height:33px;width:33px}.metric small{font-size:9px}.metric strong{font-size:23px}.metric>.muted-icon{display:none}.dashboard-grid,.bottom-grid{grid-template-columns:1.6fr 1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:28px}.hero>div{padding:28px}.hero p{max-width:260px}.hero img{width:45%}.metrics{gap:10px}.sync{font-size:9px}.calendar-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.sidebar{width:185px;flex-basis:185px;padding:12px 9px}nav button{font-size:11px;padding:10px;gap:9px}.brand{height:128px}.brand img{height:115px}.nav-label{font-size:8px}.sidebar-footer{gap:7px}.sidebar-footer small{font-size:8px}.page-heading{align-items:flex-start}h1{font-size:28px}.hero{height:245px}.hero>div{padding:25px}.hero h2{font-size:26px}.hero img{width:40%;object-fit:contain}.hero p{font-size:10px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:repeat(4,1fr)}.quiet-empty{min-height:140px}.sync{display:none}.panel-head{padding:18px}.page-heading>.primary{padding:10px;font-size:10px}.page-heading p{font-size:11px}.eyebrow{font-size:8px}.breadcrumb{font-size:10px}.heading-buttons{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){.sidebar{position:fixed;left:-260px;top:0;width:235px;transition:left .2s}.sidebar.show{left:0}.scrim{position:fixed;inset:0;background:#000b;z-index:25}.mobile-menu{display:inline-flex}.topbar{height:59px;padding:0 14px;gap:10px}.top-actions{gap:6px}.breadcrumb{flex:1;gap:5px;font-size:9px}.breadcrumb>strong{max-width:105px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page{padding:25px 16px}.page-heading{gap:10px;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.page-heading>.primary{font-size:0;width:39px;height:39px;min-width:39px}.page-heading>.primary svg{width:18px}.hero{height:auto;min-height:270px}.hero>div{padding:27px 22px;background:linear-gradient(90deg,#15160ff5 0%,#15160fcc 75%,#15160f66);max-width:100%}.hero img{position:absolute;right:0;width:100%;height:100%;object-fit:cover;opacity:.24;z-index:-1}.hero h2{font-size:30px}.hero p{font-size:11px;max-width:280px}.hero .text-action{font-size:10px}.metric{padding:17px 12px;gap:11px}.metric small{font-size:9px}.metric-icon{width:34px;height:34px}.metric strong{font-size:26px}.metrics{gap:10px;margin-bottom:18px}.panel-head h2{font-size:15px}.panel-head .text-action{font-size:9px}.panel-head{padding:18px}.quick-actions{grid-template-columns:1fr 1fr;padding:0 16px 18px}.quick-actions button{font-size:10px}.dashboard-grid{gap:15px;margin-bottom:15px}.bottom-grid{gap:15px}.heading-buttons .secondary{padding:10px;font-size:0}.heading-buttons .primary{font-size:10px;padding:10px}.calendar-grid{grid-template-columns:repeat(2,1fr)}.day{min-height:110px}.toolbar{gap:8px}.toolbar input,.toolbar select{max-width:100%;font-size:11px}.toolbar .secondary{font-size:10px;padding:10px}.search{flex-basis:100%}footer{flex-direction:column;font-size:8px;gap:10px}.modal-backdrop{padding:10px;align-items:flex-start;padding-top:25px}.modal{padding:20px 16px;max-height:92vh}.modal-head h2{font-size:19px}.form-grid{gap:14px;grid-template-columns:1fr}.wide{grid-column:auto}.line-item{flex-wrap:wrap;gap:10px}.line-item>div{width:100%;flex-basis:100%}.line-item>label{max-width:none;width:calc(50% - 27px)}.line-item>button{margin-left:auto}.form-actions .primary,.form-actions .secondary{font-size:11px;padding:10px}dl{grid-template-columns:110px 1fr;font-size:11px;gap:12px}.three{grid-template-columns:1fr}.three .metric strong{font-size:25px}.settings-panel{padding:20px}.info-note{padding:16px;font-size:11px}.toast{width:90%;font-size:11px;bottom:18px}.login h1{font-size:24px}.detail-modal table td,.detail-modal table th{padding:10px 6px}.detail-modal h3{font-size:15px}}
@media print{body{background:white!important;color:#111!important;font-size:10pt}.sidebar,.topbar,.hero,.metrics,.bottom-grid,footer,.toolbar,.heading-buttons,.no-print,.scrim,.toast,.page-heading>button,.panel-bottom{display:none!important}.main{width:100%}.page{padding:0}.print-heading{display:block;font-size:12pt;font-weight:bold;margin-bottom:15px}.panel,table,th,td{background:white!important;color:#111!important;border-color:#ddd!important;box-shadow:none!important}.panel{overflow:visible;border:0}.table-scroll{overflow:visible}th,td{padding:9px;font-size:9pt}td strong,td small,.badge,.panel-head h2,dd,dt{color:#111!important}.page-heading h1{font-size:18pt;color:#111}.page-heading p,.eyebrow{color:#555}.badge{border:1px solid #999;background:white}.modal-backdrop{position:absolute;inset:0;display:block;background:white;backdrop-filter:none;padding:0}.modal{background:white;border:0;box-shadow:none;max-height:none;width:100%;padding:10px;overflow:visible;color:#111}.shell:has(.modal-backdrop)>.main{display:none}.modal-head{display:none}.audit-mini,.detail-note,.detail-summary>strong{color:#333}.detail-summary{margin-top:10px}.settings-panel .secondary{display:none}.cancel-reason{color:#111}.calendar-grid{grid-template-columns:repeat(7,1fr)}.day{background:white;border-color:#aaa;break-inside:avoid}.day button{background:#eee;color:#111}.day b,.day small{color:#111}}
/* Clear start screen: one large button for every work area. */
.start-heading{min-height:110px}.start-heading h1{font-size:36px}.start-heading p{font-size:14px}.start-logo{width:190px;height:126px;object-fit:contain;border-radius:8px}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.home-tile{display:flex;flex-direction:column;text-align:left;min-height:208px;padding:22px 21px;border:1px solid #625332;border-radius:11px;background:linear-gradient(145deg,#242219 0%,#151713 60%);box-shadow:inset 0 1px #e4c9870c;transition:transform .15s,border-color .15s,background .15s}.home-tile:hover{transform:translateY(-3px);border-color:#d6b775;background:linear-gradient(145deg,#353020,#1d2118)}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;width:100%}.tile-icon{color:#d8bc80}.tile-arrow{color:#8e7f59}.home-tile>strong{color:#ead5a7;font-size:14px;letter-spacing:.6px;line-height:1.4}.home-tile>p{font-size:12px;line-height:1.6;margin:9px 0 18px;color:#a6ad9c;flex:1}.tile-open{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#cbb580;width:100%}.tile-count{font-size:10px;padding:5px 7px;background:#493921;border:1px solid #776039;color:#edd299;border-radius:5px}.start-status{margin-top:30px;padding-top:25px;border-top:1px solid #353524}.status-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.status-buttons>button{padding:16px;border:1px solid #343d2b;border-radius:8px;background:#171c13;display:flex;align-items:center;gap:8px;font-size:12px;text-align:left;color:#b7c3aa}.status-buttons>button>svg{margin-left:auto}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.green-dot{background:#8fb788}.yellow-dot{background:#d6b75f}.red-dot{background:#df8a7c}.wizard-progress{display:flex;gap:7px;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #38432d}.wizard-progress>button{display:flex;gap:7px;align-items:center;padding:7px;background:none;border:0;color:#6e7a62;font-size:11px}.wizard-progress>button>b{display:grid;place-items:center;border:1px solid #4b553e;width:25px;height:25px;border-radius:50%;font-weight:500}.wizard-progress>button.current{color:#ecd6a2}.wizard-progress>button.current>b{background:#d0b277;color:#1f2115;border-color:#d0b277}.wizard-progress>button.done{color:#99b58b}.wizard-progress>button:disabled{cursor:default;opacity:1}.step-intro>span{font-size:9px;color:#a18e66;letter-spacing:1.5px}.step-intro h3{margin:10px 0 8px;font-size:22px;font-weight:500;color:#f2eddf}.step-intro p{font-size:12px;margin:0}.customer-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-choice>button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:1px solid #46513a;background:#1a2014;border-radius:8px;color:#abb99b;font-size:12px}.customer-choice>button.selected{border-color:#d0b277;background:#37301e;color:#ead5a0}.helper-box{display:flex;align-items:center;gap:13px;background:#20291a;border:1px solid #405333;border-radius:8px;padding:18px;color:#b8cba5}.helper-box>svg{flex-shrink:0;color:#a8bd83}.helper-box>p{font-size:12px;margin:0;color:#b4c2a4}.review-order section{padding:17px 0;border-top:1px solid #35432a}.review-order section:first-child{border-top:0}.review-order section>div:first-child{display:flex;justify-content:space-between;align-items:center}.review-order section h3{font-size:12px;color:#90a27e;margin-bottom:11px}.review-order section>div>button{background:none;border:0;color:#d4b77d;font-size:10px}.review-order section>strong{font-size:17px;font-weight:500}.review-order section p{color:#cad4be;font-size:12px;margin-bottom:0}.review-line{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.review-line small{display:block;color:#82966c;font-size:10px;margin-top:5px}.review-line b{font-weight:500}.review-order .order-total{margin-top:12px;border-top:1px solid #38462b}.wizard-actions .cancel-action{margin-right:auto}.wizard-actions .primary{min-width:140px}.modal:has(.wizard-progress){width:760px}.modal:has(.wizard-progress) .form-grid{min-height:260px;align-content:start}.modal:has(.wizard-progress) .form-hint{align-self:center}.modal:has(.wizard-progress) .error{margin-top:10px}.wizard-progress+div{scroll-margin-top:10px}
@media(min-width:1600px){.home-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-tile{min-height:220px}}
@media(max-width:1200px){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tile{padding:21px 18px}.home-tile>strong{font-size:13px}.start-logo{width:165px;height:110px}}
@media(max-width:850px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-heading h1{font-size:30px}.start-heading p{font-size:12px}.start-logo{width:140px;height:95px}.status-buttons{grid-template-columns:1fr}.home-tile{min-height:210px}.status-buttons>button{padding:15px}.start-heading{align-items:center}}
@media(max-width:650px){.home-grid{gap:11px}.home-tile{padding:17px 14px;min-height:205px}.home-tile>strong{font-size:12px;letter-spacing:.2px}.home-tile>p{font-size:11px;margin-bottom:17px}.tile-icon svg{width:28px;height:28px}.tile-top{margin-bottom:15px}.tile-open{font-size:10px}.tile-count{font-size:8px;padding:4px}.start-heading{flex-wrap:wrap;position:relative;padding-right:80px;min-height:110px}.start-heading h1{font-size:26px}.start-heading p{font-size:12px;line-height:1.6}.start-heading .eyebrow{font-size:7px;max-width:180px}.start-logo{position:absolute;right:0;top:4px;width:78px;height:78px;object-fit:contain}.wizard-progress{gap:2px}.wizard-progress>button{flex-direction:column;gap:6px;font-size:9px;padding:5px 3px}.wizard-progress>button>b{width:25px;height:25px}.step-intro h3{font-size:20px}.step-intro p{font-size:11px}.customer-choice{gap:8px}.customer-choice>button{font-size:11px;padding:13px 9px;gap:6px}.wizard-actions{gap:8px}.wizard-actions .primary{min-width:115px}.wizard-actions .secondary{padding:10px 9px}.helper-box{padding:14px}.helper-box>p{font-size:11px}}
@media print{.home-grid,.start-status,.start-logo,.wizard-progress,.wizard-actions{display:none!important}}
.duration-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.duration-buttons>span{font-size:11px;color:#9bab8e;margin-right:5px}.duration-buttons>button{background:#282f1e;border:1px solid #4e593b;padding:9px 12px;border-radius:6px;color:#d7c38e;font-size:11px}.duration-buttons>button:hover{border-color:#d2b477}.inline-item-form{border:1px solid #4d5a3b;border-radius:8px;padding:18px;margin-top:14px;background:#1d2517}.inline-item-form>.primary{justify-self:start}.inline-item>.secondary{font-size:11px}
.update-top{display:flex;align-items:center;gap:7px;background:#252719;border:1px solid #5b5436;color:#d9c58d;border-radius:6px;padding:8px 10px;font-size:10px;white-space:nowrap}.update-top.available{background:#4a3920;border-color:#d6b573;color:#f6dfa9}.update-banner,.draft-banner{display:flex;align-items:center;gap:16px;border:1px solid #77603a;background:#2b271a;padding:18px 20px;margin-bottom:23px;border-radius:8px;color:#e0c68e}.update-banner>div,.draft-banner>div{flex:1}.update-banner p,.draft-banner p{font-size:11px;margin:6px 0 0;color:#bcb59b}.draft-banner{background:#202918;border-color:#5b713c;color:#c8d9b1}.update-overlay{z-index:95}.update-dialog{width:650px}.release-notes{margin:20px 0}.release-notes h3{font-size:14px}.release-notes ul{margin:0;padding-left:20px;color:#b7c5a6;font-size:12px;line-height:1.8}.settings-update{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #3d452e}.settings-update h2{font-size:25px;margin-bottom:8px}.settings-update p{font-size:12px;margin-bottom:6px}.settings-update small{font-size:10px;color:#8d9a7c}.settings-audit{margin-bottom:27px;border:1px solid #464c34;background:#202719;border-radius:7px;padding:18px}.settings-audit h3{font-size:15px;margin-bottom:8px}.settings-audit p{font-size:12px}.audit-toolbar{margin-top:22px}.audit-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.audit-card{border:1px solid #3e4932;background:#151c11;border-radius:8px;padding:21px}.audit-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.audit-card .eyebrow{margin:0;font-size:8px}.audit-state{font-size:10px;padding:4px 8px;border:1px solid #635c34;color:#dfca86;background:#302e1b;border-radius:5px}.audit-state.done{border-color:#446137;color:#b2d29d;background:#24321b}.audit-state.missing{border-color:#6c4531;color:#e3ae8e;background:#31231a}.audit-card h3{font-size:15px;margin:16px 0 8px;line-height:1.45;color:#e0ddc7}.audit-card p{font-size:12px;line-height:1.75;margin-bottom:13px}.audit-card>small{color:#8d9e7a;font-size:10px}
@media(max-width:850px){.audit-list{grid-template-columns:1fr}.update-top{font-size:9px}.settings-update{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.update-top{padding:7px;font-size:9px;gap:4px}.top-actions{gap:4px}.topbar>.breadcrumb{max-width:120px}.update-banner,.draft-banner{flex-wrap:wrap;padding:16px;gap:12px}.update-banner>div,.draft-banner>div{flex-basis:80%}.update-banner .primary,.draft-banner .primary{margin-left:32px}.update-dialog dl{grid-template-columns:130px 1fr}.update-dialog .form-actions{align-items:stretch}.update-dialog .form-actions>button{flex:1;font-size:10px;padding:12px 8px}.audit-card{padding:18px}.settings-update .primary{width:100%}.settings-audit .secondary{width:100%}}
@media print{.update-top,.update-banner,.draft-banner,.settings-update,.audit-toolbar{display:none!important}.audit-list{display:block}.audit-card{background:white!important;color:#111;border-color:#ccc;break-inside:avoid;margin-bottom:15px}.audit-card h3,.audit-card p,.audit-card small,.audit-card .eyebrow{color:#111!important}.audit-state{background:white!important;color:#111!important;border-color:#aaa}.release-notes{color:#111}.update-overlay{display:none}}
/* Shared business workflows and device-safe controls. */
.operation-section{border-top:1px solid #39412d;padding-top:22px;margin-top:24px}.operation-section h3{font-size:16px;color:#d5c394}.operation-buttons,.attachment-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.operation-form{border:1px solid #5d623b;background:#1c2316;border-radius:9px;padding:20px;margin:20px 0}.operation-form .panel-head{padding:0 0 20px}.balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.balance-grid>div{padding:14px;border:1px solid #3c492f;border-radius:7px;background:#202919}.balance-grid small{display:block;color:#a0b28d;font-size:10px}.balance-grid b{display:block;font-size:20px;color:#e2c98d;margin-top:7px}.return-line{display:grid;grid-template-columns:1fr 85px 120px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #455439}.return-line strong{font-size:12px}.payment-entry{font-size:12px;white-space:pre-wrap;padding:12px 0;border-bottom:1px solid #343e29;color:#cbd8bd}.payment-entry small{display:block;font-size:10px;margin-top:7px;color:#96aa81}.success-box{padding:14px;border:1px solid #66834a;background:#26351c;border-radius:7px;color:#cce1b9;font-size:12px}.document-list{margin-top:20px}.document-list>div,.document-row{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #35412a}.document-list>div>span,.document-row>div{flex:1;min-width:100px}.document-list small,.document-row small{display:block;margin-top:5px;font-size:10px;color:#93a67d}.document-row{flex-wrap:wrap}.document-row strong{font-size:12px}.attachment-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.attachment-list a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #3c482e;border-radius:7px;font-size:11px;min-width:0}.attachment-list img{width:60px;height:60px;object-fit:cover;border-radius:4px}.attachment-list span{overflow-wrap:anywhere}.attachment-list small{display:block;color:#859b71;margin-top:5px}.attachment-buttons label{flex-direction:row;cursor:pointer}.attachment-buttons input{display:none}.line-options{flex:1 0 100%;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.line-item{flex-wrap:wrap}.service-add{margin:16px 0}.service-add .form-grid{padding:18px;border:1px solid #4c5738;border-radius:7px;margin-top:12px}.component-editor{padding:15px;border:1px solid #465035;border-radius:8px}.component-row{display:flex;align-items:center;gap:12px;margin-top:12px}.component-row span{flex:1;font-size:12px}.component-row label{max-width:100px}.report-summary{display:flex;justify-content:space-between;gap:20px;margin:15px 0;padding:17px;border:1px solid #4d5638;border-radius:7px;background:#252b1c;color:#dbc68e;font-size:12px}.installment-card{padding:22px;border-bottom:1px solid #36432a}.installment-card progress{width:100%;height:10px;margin-bottom:15px;accent-color:#c3aa6b}.restore-preview{margin-top:20px;padding:20px;border:1px solid #9a7b43;border-radius:8px;background:#302b1b}.restore-preview .primary{margin-top:15px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-panel+ .settings-panel{margin-top:20px}fieldset{border:1px solid #4b5639;border-radius:7px;padding:18px}legend{padding:0 7px;color:#c7bb8f;font-size:12px}.business-picker{margin-bottom:20px;max-width:360px}.document-brand{display:none}.simple-review{padding:15px 0}.simple-review h3{font-size:22px;margin:8px 0 20px}.simple-review dd{word-break:break-word}.operation-form .primary:disabled{opacity:.45}
@supports(padding:max(0px)){.main{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:env(safe-area-inset-top)}}
@media(max-width:650px){input,select,textarea{font-size:16px!important}.modal{max-height:92dvh}.operation-section .primary,.operation-section .secondary{font-size:11px;padding:11px 12px;white-space:normal;text-align:center}.operation-form{padding:16px 12px}.return-line{grid-template-columns:1fr 1fr}.return-line strong{grid-column:1/-1}.attachment-list{grid-template-columns:1fr}.balance-grid{gap:9px}.balance-grid b{font-size:19px}.line-options{grid-template-columns:1.2fr .8fr .9fr}.line-options select,.line-options input{padding:9px 6px}.document-row{padding:15px;gap:9px}.document-row>div{flex-basis:80%}.permission-grid{grid-template-columns:1fr 1fr}.report-summary{flex-direction:column;gap:9px}.settings-panel .panel-head{align-items:flex-start;flex-direction:column}.topbar .breadcrumb{font-size:8px;overflow:hidden}.topbar .avatar{display:none}.attachment-buttons{gap:8px}.line-item>div:first-child{width:100%}}
@media(pointer:coarse){button,.secondary,.primary,.icon-button,input,select{min-height:44px}.icon-button{min-width:44px}input[type=checkbox]{min-height:20px;min-width:20px}.top-actions{gap:2px}.update-top{min-width:44px}.form-grid label{line-height:1.5}}
@media print{.document-brand{display:block;margin-bottom:20px}.document-brand img{width:140px;height:auto}.print-heading img{display:block;width:145px;height:auto;margin-bottom:15px}.operation-buttons,.attachment-buttons,.operation-form,.service-add{display:none!important}.balance-grid>div,.restore-preview{background:white;border-color:#aaa}.balance-grid small,.balance-grid b,.payment-entry,.payment-entry small,.operation-section h3{color:#111}.report-summary{background:white;color:#111;border-color:#aaa}.document-list .secondary,.document-list .primary{display:none}.document-list>div{break-inside:avoid}.attachment-list img{max-height:100px}.settings-panel{break-inside:avoid}.line-options{display:none}}
.weekdays,.calendar-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays b{font-size:11px;text-align:center;padding:12px;background:#21271b;color:#cbb987}.month-day{min-height:140px;border:1px solid #35432a;background:#151c10;padding:8px;min-width:0}.month-day.today{border-color:#c1a86c}.month-day.selected{background:#30351f;box-shadow:inset 0 0 0 1px #c5aa6c}.date-select{width:100%;border:0;background:none;color:#d4dbbf;text-align:left;font-weight:600;padding:6px}.date-select small{display:block;font-size:8px;color:#8fa77a;font-weight:400;margin-top:5px}.calendar-event{font-size:9px;text-align:left;background:#3b3820;border:1px solid #655d34;border-radius:4px;padding:6px;margin-top:6px;width:100%;overflow-wrap:anywhere;color:#e0c88f}.calendar-event.done{opacity:.65;background:#21311b;border-color:#3c5a30}.calendar-event small{display:block;font-size:8px;margin-top:4px;color:#a4b68e}.more-events{background:none;border:0;color:#d8bd7f;font-size:9px;padding:8px}.blank-day{background:#10150c;border:1px solid #28351d}.business-calendar{margin-bottom:22px}.document-brand{display:none}
@media(max-width:650px){.month-day{min-height:90px;padding:3px}.date-select{font-size:12px;min-width:0;padding:5px}.date-select small{font-size:7px}.calendar-event{font-size:7px;padding:3px;min-height:25px}.calendar-event small{display:none}.weekdays b{font-size:9px;padding:9px}.more-events{font-size:7px;padding:4px;min-height:25px}.blank-day{min-height:70px}}
@media print{.weekdays b,.month-day,.blank-day{background:white;color:#111;border-color:#aaa}.date-select,.calendar-event{color:#111;background:white;border-color:#aaa}.calendar-event small,.date-select small{color:#333}.month-day{break-inside:avoid;min-height:110px}}
.setup-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px;border:1px solid #5d583b;background:#28291c;border-radius:8px;margin-bottom:23px}.setup-strip>strong{font-size:12px;color:#dec995;margin-right:auto}.setup-strip .secondary{font-size:10px;padding:9px 12px}
@supports(padding:max(0px)){.topbar{height:calc(70px + env(safe-area-inset-top))}.sidebar{padding-top:calc(16px + env(safe-area-inset-top));height:100dvh}}
@media(max-width:650px){.setup-strip{gap:8px}.setup-strip>strong{width:100%;margin-bottom:5px}.setup-strip .secondary{flex:1;font-size:9px;padding:9px 6px}.topbar .breadcrumb{display:none}.top-actions{margin-left:auto}.topbar{height:calc(59px + env(safe-area-inset-top))}}
@media print{.setup-strip,.business-picker{display:none!important}}

/* Immediate branded startup, visible before business data arrives. */
.startup{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 25%,#252016 0,#10100e 48%,#090a09 100%)}
.startup-card{width:min(560px,100%);text-align:center;padding:30px 24px;border:1px solid #57482b;border-radius:24px;background:#121310;box-shadow:0 25px 80px #0007}
.startup-logo{width:min(310px,85%);max-height:260px;object-fit:contain;margin:0 auto 20px;display:block}
.startup-card h1{font-size:clamp(25px,5vw,36px);line-height:1.2;margin:15px 0}
.startup-card>p{color:#c0bdaf;line-height:1.6}.startup-card>.primary{margin:8px auto 20px;min-height:50px;justify-content:center;min-width:210px}.startup-card>small{display:block;color:#a49f90}
.startup-status{min-height:70px;display:grid;place-items:center}.startup-status>p{display:flex;align-items:center;justify-content:center;gap:10px;color:#d9c18b}.startup-status .error{text-align:left;margin:12px 0;line-height:1.5}
.startup-spinner{animation:startup-spin 1.5s linear infinite}@keyframes startup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.startup-spinner{animation:none}}

/* Product images stay uncropped; the original brand asset is unchanged. */
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:22px}
.article-card{overflow:hidden;padding:0;border:1px solid #51452c;border-radius:16px;background:#171713;color:#f3efe5;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.article-card:hover{border-color:#cfb477;transform:translateY(-2px)}.article-card:focus-visible,.gallery-photo:focus-visible{outline:3px solid #e2c68a;outline-offset:3px}
.article-photo{aspect-ratio:4/3;background:radial-gradient(ellipse,#29271e,#10110f);padding:18px;position:relative;display:grid;place-items:center}.article-photo img{width:100%;height:100%;min-height:0;object-fit:contain;max-height:260px}.photo-placeholder{color:#a39a82;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;font-weight:400}.article-info{padding:20px}.article-info>small{color:#b6a17c;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.article-info h2{font-size:21px;line-height:1.25;margin:9px 0 14px}.article-price{font-weight:700;color:#e7cc93;font-size:21px;margin:0 0 16px}.article-price span{font-size:12px;font-weight:400;color:#b1aa9b}.article-stock{display:flex;align-items:center;gap:8px;color:#c3c4b5;font-size:12px}.article-blocked{color:#e6ad8e;font-size:12px}.article-open{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #3b3527;margin-top:18px;font-size:12px;color:#e3c58a}
.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:16px 0}.photo-gallery article{border:1px solid #52462e;border-radius:12px;overflow:hidden;background:#151611}.gallery-photo{width:100%;aspect-ratio:4/3;background:#0e100d;padding:12px;border:0;position:relative;display:grid;place-items:center;cursor:zoom-in}.gallery-photo img{width:100%;height:100%;min-height:0;object-fit:contain}.photo-caption{padding:12px}.photo-caption>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bdb7a7;font-size:11px}.photo-tools{display:flex;align-items:center;gap:3px;margin-top:10px}.photo-tools .secondary{padding:8px;font-size:10px}.photo-tools .icon-button{width:36px;min-width:36px}.photo-label{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;background:#d6bb80;color:#15130f;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700}.photo-optimize{margin-top:18px}.photo-optimize input{width:18px;min-height:18px;height:18px}.photo-viewer{position:fixed;inset:0;width:min(1100px,96vw);height:min(850px,94dvh);max-width:none;max-height:94dvh;padding:0;border:1px solid #81704a;border-radius:14px;background:#11130f;color:#eee8d9;overflow:hidden}.photo-viewer::backdrop{background:#000d}.photo-viewer[open]{display:flex;flex-direction:column}.photo-viewer-head,.photo-viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;flex-shrink:0}.photo-viewer-head>span{font-size:12px;overflow-wrap:anywhere}.photo-viewer-image{flex:1;min-height:0;display:grid;place-items:center;padding:12px;background:#080a07}.photo-viewer-image img{max-width:100%;max-height:100%;width:100%;height:100%;min-height:0;object-fit:contain}.photo-viewer-foot .secondary{padding:10px 12px;font-size:12px}.media-section .attachment-list:empty{display:none}
@media(max-width:650px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-info{padding:13px}.article-info h2{font-size:17px}.article-photo{padding:10px}.article-price{font-size:18px}.article-price span{display:block;margin-top:5px}.article-stock{align-items:flex-start;font-size:11px;line-height:1.5}.article-stock .status-dot{margin-top:4px;flex-shrink:0}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-tools{flex-wrap:wrap}.photo-viewer-head,.photo-viewer-foot{padding:10px}.photo-viewer-foot .secondary{font-size:11px;padding:9px}.photo-viewer{width:96vw;max-height:94dvh}.article-blocked{font-size:11px}}@media(max-width:360px){.article-grid,.photo-gallery{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.article-card{transition:none}.article-card:hover{transform:none}}@media print{.article-grid{grid-template-columns:repeat(3,1fr)}.article-card{break-inside:avoid;color:#111;background:#fff}.article-info h2,.article-info>small,.article-price,.article-stock{color:#111}.photo-viewer,.photo-tools{display:none!important}}

.legal-intro{padding:24px;display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.legal-intro>svg{color:var(--gold);flex-shrink:0}.legal-intro p{margin:12px 0}.legal-state{color:#e3c993!important;font-weight:600}.legal-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.legal-document,.legal-editor{padding:24px}.legal-document .panel-head{padding:0 0 20px}.legal-text{font:14px/1.8 Arial,Helvetica,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#d6d2c7;margin:0}.legal-editor label{display:flex;flex-direction:column;gap:10px;margin-top:25px}.legal-editor textarea{min-height:320px;line-height:1.6}.legal-center .form-actions{margin-top:25px}@media(max-width:650px){.legal-intro,.legal-document,.legal-editor{padding:18px}.legal-tabs>*{flex:1;justify-content:center}.legal-document .panel-head{flex-direction:column;align-items:flex-start}.legal-text{font-size:13px}}@media print{.legal-intro,.legal-tabs,.legal-editor .form-actions{display:none}.legal-document{padding:0;border:0}.legal-text{color:#111;font-size:10pt}.legal-document .panel-head{margin-bottom:16px}}

.logo-start{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#090a09}.logo-start-button{display:block;width:min(620px,90vw);padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}.logo-start-button:hover{background:transparent}.logo-start-button:focus-visible{outline:2px solid var(--gold);outline-offset:10px}.logo-start-button img{display:block;width:100%;height:auto;max-height:80vh;max-height:80dvh;object-fit:contain}

.appearance-preview{display:block;width:220px;height:140px;object-fit:contain;margin:20px 0}.appearance-settings form{margin-top:20px}:root[data-custom-accent="true"] .primary{background:var(--gold);border-color:var(--gold);color:var(--accent-ink)}:root[data-custom-accent="true"] nav button.active{color:var(--gold)}
.traffic-overview{margin:22px 0 28px}.traffic-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.traffic-heading h2{font-size:22px;margin:7px 0 0}.traffic-heading p{font-size:11px;line-height:1.6;margin:0;color:#bbb3a2}.traffic-heading p strong{display:block;color:#f4c56a}.traffic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.traffic-red{--signal:#ff9187;--signal-bg:#3d201e;--signal-border:#80514b}.traffic-yellow{--signal:#ffdc73;--signal-bg:#39301a;--signal-border:#77643b}.traffic-green{--signal:#9fe2ad;--signal-bg:#1c3226;--signal-border:#416d52}.traffic-muted{--signal:#c1c1c1;--signal-bg:#282828;--signal-border:#555}.traffic-card{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;background:linear-gradient(135deg,var(--signal-bg),#141411);border:1px solid var(--signal-border);border-radius:14px;padding:21px 17px;color:#f2eee4;cursor:pointer}.traffic-card:hover,.traffic-card[aria-expanded=true]{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal-border)}.traffic-lamp{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--signal);box-shadow:0 0 16px color-mix(in srgb,var(--signal) 35%,transparent);border:3px solid #ffffff29}.traffic-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.traffic-card-copy small{color:var(--signal);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.traffic-card-copy strong{font-size:17px}.traffic-card-copy>span{font-size:11px;line-height:1.5;color:#d0c9bc}.traffic-card>b{font-size:30px;color:var(--signal)}.traffic-card>svg{flex-shrink:0;color:var(--signal)}.traffic-badges{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.traffic-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--signal-border);background:var(--signal-bg);color:var(--signal);font-size:11px;line-height:1.5;padding:6px 9px;border-radius:7px;text-align:left;white-space:normal}.traffic-badge>i{display:inline-block;width:9px;height:9px;background:var(--signal);border-radius:50%;flex-shrink:0}.traffic-details{margin-top:14px}.traffic-entry{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-top:1px solid #3b352b;background:transparent;text-align:left;color:#eee4d4;padding:16px 22px;cursor:pointer}.traffic-entry:hover{background:#ffffff06}.traffic-entry>span{min-width:0}.traffic-entry strong{font-size:13px;overflow-wrap:anywhere}.traffic-entry .traffic-badges{margin-bottom:0}.traffic-empty,.traffic-footnote{font-size:12px;line-height:1.6;padding:0 22px 18px;color:#bdb5a4}.traffic-footnote{font-size:10px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.traffic-card{gap:10px;padding:17px 13px;flex-wrap:wrap}.traffic-card-copy{flex-basis:65%}.traffic-card>b{margin-left:34px}.traffic-card>svg{margin-left:auto}.traffic-card-copy strong{font-size:15px}.traffic-heading{align-items:start;flex-direction:column;gap:10px}}@media(max-width:650px){.traffic-grid{grid-template-columns:1fr;gap:10px}.traffic-card{flex-wrap:nowrap;padding:16px}.traffic-card-copy{flex-basis:auto}.traffic-card>b{margin-left:0;font-size:29px}.traffic-heading h2{font-size:20px}.traffic-lamp{width:22px;height:22px}.traffic-card-copy>span{font-size:11px}.traffic-entry{padding:14px 16px}.traffic-overview{margin:20px 0}.traffic-badge{font-size:11px}}@media print{.traffic-overview{display:none}.traffic-badge{color:#111;background:white;border-color:#777}}
/* Jens' black/gold theme: stronger signals, original small indicator size. */
@media screen{
 :root{--bg:#000000;--panel:#000000;--line:#a98a4d;--green:#30f070;--red:#ff453a}
 html,body,.shell,.main,.page,.sidebar,.topbar,.startup,.login,.logo-start{background:#000000}
 .home-tile,.home-tile:hover,.article-card,.article-photo,.panel,.modal,.startup-card,.metric,.settings-panel,.audit-card,.settings-audit,.inline-item-form,.day,.customer-choice>button,.status-buttons>button,.traffic-card,.traffic-card:hover{background:#000000;border-color:var(--gold)}
 .sidebar,.topbar,.sidebar-footer,.start-status,.article-open,.panel-head,.panel-bottom,.form-actions,.wizard-progress,.operation-section,.settings-update,footer{border-color:var(--gold)}
 .secondary,.duration-buttons>button,.update-top,.order-lines,label input,label select,label textarea,.toolbar input,.toolbar select,.search,.business-picker select{background:#000000;border-color:#a98a4d}
 .secondary:hover,.home-tile:hover,.article-card:hover{border-color:#ffe0a0}
 .home-tile>p,.status-buttons>button,.secondary,.customer-choice>button{color:#ccc7ba}
 .traffic-red{--signal:#ff453a;--signal-bg:#000000;--signal-border:#ff453a}
 .traffic-yellow{--signal:#ffe000;--signal-bg:#000000;--signal-border:#ffe000}
 .traffic-green{--signal:#30f070;--signal-bg:#000000;--signal-border:#30f070}
 .traffic-card[aria-expanded=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
 .traffic-lamp,.traffic-badge>i{width:7px;height:7px;min-width:7px;border:0;box-shadow:none}
 .green-dot{background:#30f070}.yellow-dot{background:#ffe000}.red-dot{background:#ff453a}
 .badge.green{color:#30f070;background:#000000;border:1px solid #30f070}.badge.gold{color:#ffe000;background:#000000;border:1px solid #ffe000}.badge.red{color:#ff453a;background:#000000;border:1px solid #ff453a}
}

.start-heading+.start-status{margin:0 0 24px;padding:0;border-top:0}

/* Device QR workflow */
.qr-overlay{z-index:300}.qr-modal{width:min(900px,96vw);max-height:92vh;overflow:auto}.qr-device-list,.qr-unit-choices{display:flex;flex-wrap:wrap;gap:12px;max-height:220px;overflow:auto;margin:16px 0}.qr-label-preview{overflow:auto;display:flex;gap:16px;flex-wrap:wrap;padding:20px;background:#252525}.qr-printed-label{display:flex;align-items:center;gap:1mm;padding:2mm;box-sizing:border-box;background:#fff!important;color:#000!important;border:.2mm solid #ccc;overflow:hidden;font-family:Arial,sans-serif}.qr-printed-label img{display:block;flex:none;object-fit:contain}.qr-printed-label>div{min-width:0;display:flex;flex-direction:column;gap:1mm;overflow:hidden;line-height:1.15}.qr-printed-label strong,.qr-printed-label span,.qr-printed-label b{display:block;color:#000;overflow:hidden;overflow-wrap:anywhere;max-height:3.5em}.qr-print-root{display:none}.qr-questions{display:grid;gap:12px;margin:20px 0}.qr-questions fieldset{padding:12px;border:1px solid var(--gold);border-radius:8px}.qr-questions button{min-width:90px;margin-right:12px}.qr-check>img{width:150px;height:120px;object-fit:contain}.qr-check{margin-top:24px}.qr-check>label{display:block;margin:16px 0}.qr-modal input,.qr-modal select,.qr-modal textarea{max-width:100%}@media(max-width:600px){.top-actions{flex-wrap:wrap}.qr-modal{padding:18px}.qr-printed-label{flex-shrink:0}}

.analytics-panel{margin-bottom:28px}.analytics-legend{display:flex;gap:22px;margin-top:20px}.analytics-income{color:#d2b477}.analytics-outgoing{color:#e47b73}.analytics-scroll{overflow-x:auto}.analytics-chart{width:100%;min-width:650px;height:auto;display:block}.analytics-secondary{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:26px}.analytics-rank{position:relative;display:flex;justify-content:space-between;gap:16px;padding:10px 0 15px;margin-bottom:12px}.analytics-rank>div{position:absolute;bottom:0;height:4px;background:#d2b477}.analytics-rank span{color:var(--muted)}.analytics-panel summary{cursor:pointer;margin:12px 0}@media(max-width:650px){.analytics-secondary{grid-template-columns:1fr}.analytics-rank{flex-wrap:wrap}}@media print{.analytics-panel details>div{display:block!important}.analytics-secondary{break-inside:avoid}.analytics-scroll{overflow:visible}.analytics-chart{min-width:0}}