/* WORKNIC operations: restrained surfaces and readable task controls. */
html,body{background:#F4EFE6!important;color:#1A1815!important}
.app{--side:240px;min-height:100vh;display:block!important}
.sidebar{inset:16px auto 16px 16px!important;width:224px!important;border-radius:22px!important;background:linear-gradient(180deg,#28231d,#1A1815)!important;box-shadow:0 12px 32px rgba(26,24,21,.13),inset 0 1px 0 rgba(244,239,230,.08)!important;backdrop-filter:none!important}
.brand{padding:8px 12px 20px}.brand img{width:150px;opacity:1;filter:invert(1) grayscale(1) brightness(1.5)}.brand small{font-size:11px!important;letter-spacing:0!important;color:#c5bbac!important}
.nav{overflow-y:auto;padding:16px 0!important;flex:1}.nav>button{margin-bottom:5px}.nav details{margin:5px 0}.nav summary{list-style:none;position:relative;padding:13px 14px;font-size:13px;font-weight:500;color:#d6ccbd;cursor:pointer;border-radius:12px;min-height:44px}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:'+';position:absolute;right:14px;font-size:16px;color:#b8aa96}.nav details[open]>summary{color:#F4EFE6;background:rgba(244,239,230,.055)}.nav details[open]>summary:after{content:'−'}.nav details>button{width:calc(100% - 12px);margin:3px 0 3px 12px;padding-left:14px!important}
.nav button,.nav a{font-size:13px!important;min-height:42px;border-radius:12px!important;color:#cfc3b1!important;background:transparent!important;transition:background .16s,color .16s,box-shadow .16s!important}.nav button:hover,.nav a:hover{background:rgba(244,239,230,.07)!important;color:#fff!important}.nav button.active{background:linear-gradient(180deg,#100e0b,#1c1812)!important;color:#F4EFE6!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.45),inset 0 -1px 0 rgba(244,239,230,.08)!important;border:1px solid rgba(191,138,48,.18)!important}
.nav button:focus-visible,.nav summary:focus-visible{outline:2px solid #BF8A30;outline-offset:2px}.badge{font-size:11px!important}.settings-link{font-size:12px!important}.user b{font-size:13px}.user small{font-size:11px}
.main{margin-left:240px!important;padding:16px 16px 16px 16px!important;min-width:0}.shell{border:1px solid #ded7cb!important;border-radius:22px!important;overflow:hidden;background:#faf8f3!important;box-shadow:0 8px 30px rgba(26,24,21,.045)!important}
.topbar{height:auto!important;min-height:78px;padding:16px 24px!important;gap:14px;flex-wrap:wrap;background:#faf8f3!important;border-bottom:1px solid #e4ddd1!important;position:relative}
.routebar{display:flex;align-items:center;gap:10px;flex-shrink:0}.routebar .btn{padding:8px 12px;font-size:12px!important;min-height:38px}.crumb{font-size:12px!important;color:#5f574b!important}.topactions{margin-left:auto;gap:8px;flex-wrap:wrap}.search{order:0!important;width:230px!important;font-size:13px!important;background:#eee8de!important;box-shadow:inset 0 2px 4px rgba(26,24,21,.06)!important;border:1px solid #dcd3c6!important}.account-btn{font-size:12px!important}.live-clock{border:0!important;background:transparent!important;min-width:0!important;box-shadow:none!important}.vintage-clock{display:none!important}.clock-caption{display:block!important}.clock-date{font-size:12px!important}.clock-day{font-size:11px!important}
.content{padding:26px 26px 32px!important}.headline{margin-bottom:22px!important;gap:16px;flex-wrap:wrap}.headline h1{font-size:27px!important;line-height:1.4;font-weight:600!important}.headline p{font-size:13px!important;line-height:1.7;color:#71685b!important}.sub{font-size:12px!important;line-height:1.7!important;color:#756b5c!important}
.syncbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding:11px 14px;background:#eee8dd;border-radius:12px;border:1px solid #e1d8c8;color:#675b49;font-size:12px;line-height:1.6}.syncbar[data-state="ready"]{background:#eef1e8;color:#506040;border-color:#d8dfcd}.syncbar[data-state="error"]{background:#f5e9dc;color:#875d2e;border-color:#e6ceb0}.syncbar .btn{min-height:34px;font-size:12px!important;padding:6px 12px}
.btn{background:linear-gradient(180deg,#f5f1e9,#e9e1d4)!important;border:1px solid #d9cebb!important;border-radius:999px!important;color:#4a4032!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(26,24,21,.045)!important;font-size:13px!important;min-height:40px;padding:9px 16px!important;transition:background .16s,box-shadow .16s,transform .12s!important;text-decoration:none}
.btn:hover{background:linear-gradient(180deg,#eee7db,#dfd3c1)!important;transform:none!important}.btn:not(:disabled):active{transform:translateY(1px)!important;box-shadow:inset 0 2px 5px rgba(26,24,21,.15)!important}.btn.dark,.btn.gold{background:linear-gradient(180deg,#302b23,#1A1815)!important;color:#F4EFE6!important;border-color:#1A1815!important;box-shadow:inset 0 1px 0 rgba(244,239,230,.12),0 2px 5px rgba(26,24,21,.13)!important}.btn.dark:hover,.btn.gold:hover{background:linear-gradient(180deg,#231e17,#100e0b)!important}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #BF8A30;outline-offset:3px}
.card{border:1px solid #e2d9ca!important;border-radius:16px!important;background:#fffdfa!important;box-shadow:0 2px 6px rgba(26,24,21,.025)!important}.kpis{gap:14px!important}.kpi{padding:20px!important;min-height:156px!important}.kpi small{font-size:12px!important;color:#776b59!important}.kpi strong{font-size:27px!important;margin:12px 0;font-weight:600!important;letter-spacing:-.04em}.split{border-color:#eee7db!important}.split div+div{border-color:#eee7db!important}.split b{font-size:13px!important}.delta{font-size:12px!important}.panel{padding:20px!important}.ptitle{margin-bottom:18px!important}.ptitle b{font-size:15px!important;font-weight:600!important}.ptitle a{font-size:12px!important;color:#766342!important}.legend{font-size:12px!important}.grid2{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:16px!important;margin-top:16px!important}.lower{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important}.chartbox{min-height:220px}.seg{background:#eee8dd!important;border-color:#dcd1bf!important;border-radius:999px!important}.seg button{font-size:12px!important;min-height:34px;padding:7px 13px!important;border-radius:999px!important}.seg button.active{background:#282219!important;color:#F4EFE6!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}
.quickbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;padding:16px!important;margin:0 0 18px!important}.quickbar a{font-size:13px!important;color:#4c4233!important;min-height:44px;padding:12px;background:#f0eadf;border-radius:12px;box-shadow:inset 0 1px 3px rgba(26,24,21,.05);text-align:center;text-decoration:none}.quickbar a:hover{background:#e5dac7}
.table th,.table td,.vendor-ledger th,.vendor-ledger td{font-size:13px!important;line-height:1.7!important;padding:13px 12px!important}.table th,.vendor-ledger th{color:#776a57!important;background:#f1ece2!important}.table-scroll{overflow-x:auto}.table{min-width:680px}.field label{font-size:12px!important;color:#6f624e!important}.field input,.field select,.field textarea{font-size:14px!important;background:#f6f2eb!important;border-color:#dcd1c0!important;box-shadow:inset 0 1px 3px rgba(26,24,21,.045);border-radius:10px!important}.field input,.field select{min-height:42px}.notice,.empty{font-size:13px!important;line-height:1.8!important;color:#796c59!important;background:#f5f0e7!important}.activity{font-size:12px!important;line-height:1.7;gap:10px;grid-template-columns:55px 32px minmax(0,1fr)!important}.activity>span:last-child{overflow-wrap:anywhere}.checkitem,.taskitem{font-size:13px!important;line-height:1.7}.projhead b{font-size:14px!important}.vendor-home-row b{font-size:13px!important}.vendor-home-row small{font-size:12px!important}.vendor-home-summary small{font-size:11px!important}.vendor-home-summary strong{font-size:20px!important}.vendor-home-row>span{font-size:12px!important}.vendor-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.vendor-filter input{min-height:44px;flex:1;min-width:220px;padding:10px 13px;font:inherit;font-size:14px;border:1px solid #d8cbb7;border-radius:12px;background:#f4efe6;box-shadow:inset 0 2px 4px rgba(26,24,21,.06)}.vendor-filter label{font-size:13px;color:#665744}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{display:block;padding:22px;text-decoration:none;color:#1A1815;background:#fffdfa;border:1px solid #dfd4c2;border-radius:16px;box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(26,24,21,.04);transition:background .16s,box-shadow .16s}.tool-card b{font-size:16px;font-weight:600;display:block;margin-bottom:9px}.tool-card span{font-size:13px;line-height:1.7;color:#75674f;display:block}.tool-card:hover{background:#f3eddf;box-shadow:inset 0 1px 3px rgba(26,24,21,.06)}.tool-group-title{font-size:16px;margin:25px 0 14px}.tool-group-title:first-of-type{margin-top:0}
.modalbox{background:#fffdfa!important;border:1px solid #ded0bb;border-radius:20px!important}.modalbox p{font-size:13px!important;line-height:1.7}.modalbox h2{font-size:22px!important}footer{font-size:11px!important;color:#95856d!important;margin-top:28px!important}.memo-home[hidden]{display:none!important}
.checkrow{width:100%;text-align:left;border:0;border-bottom:1px solid #eee6d8;background:transparent;font:inherit;min-height:68px;padding:12px 4px;cursor:pointer;border-radius:8px}.checkrow:hover{background:#f2ecdf}.checkrow b{font-size:13px!important;display:block}.checkrow small{font-size:12px!important;line-height:1.7;color:#796b55!important;display:block}.panel{overflow-x:auto}.page h1:focus{outline:none}.checkrow:focus-visible{outline:2px solid #BF8A30;outline-offset:2px}
@media(max-width:1180px){.topactions{width:100%;justify-content:flex-start!important}.search{flex:1!important;width:auto!important}.lower{grid-template-columns:1fr 1fr!important}.vendor-home-card{grid-column:1/-1}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.app{display:block!important}.sidebar{position:relative!important;inset:auto!important;width:auto!important;margin:12px!important;padding:16px!important;border-radius:18px!important}.brand{padding:0 0 14px}.brand img{width:125px}.brand small{margin-top:8px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:12px 0 0!important}.nav details{min-width:0}.nav details>button{margin-left:0;width:100%;font-size:12px!important}.nav summary{font-size:12px!important}.sidefoot{margin-top:10px;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.settings-link{width:auto}.main{margin:0!important;padding:0 12px 12px!important}.topbar{padding:14px 16px!important}.content{padding:20px 16px!important}.headline h1{font-size:24px!important}.grid2,.lower{grid-template-columns:1fr!important}.vendor-home-card{grid-column:auto}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quickbar{grid-template-columns:repeat(2,minmax(0,1fr))}.routebar{width:100%;flex-wrap:wrap}.search{display:block!important}.live-clock{display:none!important}.account-btn{padding:8px 10px!important}.topactions #closeBtn{margin-left:auto}.tools-grid{gap:10px}.tool-card{padding:17px}.card.kpi{padding:16px!important}.kpi strong{font-size:23px!important}.kpi .split{flex-wrap:wrap}.search-results{left:16px!important;right:16px!important;width:auto!important}}
@media(max-width:450px){.kpis{grid-template-columns:1fr!important}.topactions .search{flex-basis:100%!important}.tools-grid{grid-template-columns:1fr}.crumb{flex-basis:100%}.nav summary{padding-right:26px}.headline{gap:8px}.syncbar{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nav button,.btn,.tool-card{transition:none!important;transform:none!important}}