/* Unified desktop and mobile workspace; business data stays the focus. */
:root{--ink:#213d35;--muted:#78887f;--line:#e4eae6;--green:#176849;background:#f5f6f3;color:var(--ink)}
body.signedIn[data-display=desktop]{padding-left:224px}
body.signedIn #navigation{width:224px;padding:30px 16px 22px;background:#173d32;border:0;gap:9px}
#navigation .navBrand{display:flex;align-items:center;gap:12px;margin:0 12px 36px;color:#fff;font-size:23px;letter-spacing:1px}
.brandSeal{display:grid;place-items:center;width:42px;height:44px;border:1px solid #bdc2a477;border-radius:12px;color:#e3d3a4;font-size:25px;background:#ffffff08}
#navigation .navBrand span{font-size:10px;letter-spacing:1px;color:#a7bdb1;font-weight:400;margin-top:5px}
.navCaption{font-size:10px;letter-spacing:2px;color:#83a495;margin:0 18px 10px}
#navigation button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 18px;border-radius:9px;color:#b7cdc1;font-size:14px;font-weight:500;text-align:left;box-shadow:none}
#navigation button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
#navigation button.active{background:#ffffff13;color:#fff;box-shadow:inset 3px 0 #d7c28c}
#navigation button:hover{background:#ffffff0d;filter:none}
#navigation button.active:hover{background:#ffffff18}
.mobileNavLabel{display:none}.navFooter{margin-top:auto;border-top:1px solid #ffffff14;padding:23px 12px 0;display:flex;align-items:center;gap:11px;color:#ccdbd2;font-size:12px}
.footerMark{width:30px;height:30px;border-radius:8px;background:#ffffff0c;display:grid;place-items:center;font-family:Georgia,serif;color:#d6c99e;font-size:19px}
#navigation .navFooter small{display:block;margin:5px 0 0;color:#86a495;font-size:10px;letter-spacing:1px}
body.signedIn header{height:70px;padding:0 32px;background:#ffffffed;border-bottom:1px solid var(--line)}
body.signedIn header .topBrand{display:flex;align-items:center;gap:10px;color:#354f43;font-size:14px;letter-spacing:0;white-space:nowrap}
body.signedIn header .topBrand span{display:inline;margin:0;font-size:12px;color:#8a978e}
body.signedIn header .topBrand #pageBreadcrumb:before{content:'/';margin:0 14px;color:#c2cac4}
body.signedIn header .topBrand .headerGlyph{font-size:21px;color:#176849}
.headerTools{gap:9px}header button{border-radius:7px;font-size:12px;font-weight:500;background:#f3f6f2;padding:8px 13px}
#displayModes{padding:3px;border:1px solid #e4eae4;border-radius:8px;background:#f5f7f4}
#displayModes button{padding:6px 12px;border:0;background:transparent;border-radius:5px;font-size:11px;color:#7a897f}
#displayModes button[aria-pressed=true]{background:#fff;color:#235e45;box-shadow:0 1px 4px #173d3210}
body.signedIn main{max-width:1800px;width:100%;margin:0 auto;padding:30px 32px 56px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 27px}
.hero #identity{font-size:11px;letter-spacing:.5px;margin-bottom:9px;color:#8a978d}
.hero h1{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:0 0 10px;font-weight:700}
.hero #pageDescription{font-size:12px;color:#7a887e;margin:0;font-weight:400;line-height:1.6}
.heroMeta{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:8px;color:#738579;font-size:12px}
.heroMeta #updated{font-size:11px;color:#97a199}.businessIntro{display:none}
.card{border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 8px #193c2904;padding:20px}
.sectionTitle{margin:23px 0 13px}.sectionTitle h2{font-size:16px;font-weight:650}.sectionTitle span{font-size:11px;color:#87968c}
button{transition:background .15s,border-color .15s;border-radius:7px}input,select,textarea{border-color:#dce5de;border-radius:7px;font-size:13px;background:#fff;min-height:40px}
input::placeholder,textarea::placeholder{color:#a0aaa4}input:focus,select:focus,textarea:focus{border-color:#79a88b}.primary{border-radius:7px;background:#176849;font-size:13px;box-shadow:0 2px 4px #173d3209}
.moduleFilters{padding:18px 20px;background:#fff;border-radius:10px;box-shadow:none}.moduleFilters input,.moduleFilters select{background:#fafbf9;font-size:13px}.moduleFilters label{font-size:11px}.moduleMessage{color:#7b8a80;font-size:11px}
.ledgerScroll{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 3px 10px #173d3204}.productLedger{font-size:12px}.productLedger th{background:#f2f5f1;color:#78877b;font-size:11px;font-weight:500;letter-spacing:.2px}.productLedger td{border-color:#edf0eb}.productLedger tbody tr:hover{background:#fafcf9}.ledgerProduct strong{font-size:13px}.ledgerProduct small{color:#93a096}.ledgerActions button{border-radius:5px;font-size:11px}.ledgerDual{font-variant-numeric:tabular-nums}.modulePager button{padding:7px 12px;font-size:12px}
#remotePanel>.sectionTitle{margin-top:0}.remoteKinds{gap:12px;margin-bottom:18px}.remoteKinds button{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 2px 6px #173d3203;padding:18px 20px;text-align:left;color:#456250}.remoteKinds button:after{content:'↗';position:absolute;right:17px;top:16px;font-size:20px;color:#a3b4a7}.remoteKinds button.active{border-color:#85ad93;background:#f0f6ef;box-shadow:inset 0 0 0 1px #85ad931a}.remoteKinds button strong{font-size:15px}.remoteKinds button small{font-size:11px;line-height:1.6;color:#8a988b}
#remoteForm{max-width:none;padding:23px;background:#fff;border:1px solid var(--line);border-radius:11px}#remoteForm label{font-size:12px;color:#617567}#remoteFields{gap:15px}#remoteForm .hint{font-size:12px;color:#859387}#remoteHistory{gap:10px}#remoteHistory .card{padding:17px 20px;border-left:3px solid #cfdfcf}#remoteHistory .card strong{font-size:13px}#remoteHistory .card p{font-size:12px}#remoteHistory .card small{font-size:10px}
.empty{border:1px dashed #dce5dc;border-radius:10px;background:#fafcf9;color:#8c9a8f;font-size:13px;padding:35px 20px!important}.login{box-shadow:0 12px 40px #173d3208;border-radius:15px;padding:30px}.login input{background:#fafcf9}.login .primary{min-height:44px}body:not(.signedIn) .hero{display:block}body:not(.signedIn) .heroMeta{display:none}footer{opacity:.75}
body[data-display=mobile].signedIn{padding-left:0}
body[data-display=mobile].signedIn main{max-width:760px;margin:auto;padding:22px 16px 110px}
body[data-display=mobile].signedIn header{padding:0 16px;height:60px}
body[data-display=mobile] header .topBrand #pageBreadcrumb,body[data-display=mobile] .headerGlyph{display:none!important}
body[data-display=mobile] #displayModes button{padding:5px 8px;font-size:10px}
body[data-display=mobile] header button{padding:7px 9px;font-size:11px}
body[data-display=mobile] .hero{align-items:flex-start;gap:10px;padding-bottom:23px}
body[data-display=mobile] .hero h1{font-size:25px}body[data-display=mobile] .heroMeta #todayLabel{display:none}body[data-display=mobile] .heroMeta{max-width:110px;padding-top:4px;line-height:1.6}body[data-display=mobile] .hero #pageDescription{font-size:11px;max-width:240px}
body[data-display=mobile].signedIn #navigation{inset:auto 0 0;width:100%;height:72px;padding:8px 12px max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:row;gap:5px;background:#fffffff5;border-top:1px solid #e4eae3;box-shadow:0 -4px 22px #173d3206;backdrop-filter:blur(12px)}
body[data-display=mobile] #navigation .navBrand,body[data-display=mobile] .navCaption,body[data-display=mobile] .navFooter,body[data-display=mobile] .desktopNavLabel{display:none}
body[data-display=mobile] .mobileNavLabel{display:block}
body[data-display=mobile] #navigation button{flex:1;flex-direction:column;justify-content:center;gap:5px;padding:4px 0;border-radius:8px;color:#91a092;font-size:10px;background:transparent;box-shadow:none}
body[data-display=mobile] #navigation button.active{color:#176849;background:#eef5ec}body[data-display=mobile] #navigation button svg{width:19px;height:19px}
body[data-display=mobile] .remoteKinds{gap:7px}body[data-display=mobile] .remoteKinds button{padding:14px 10px}body[data-display=mobile] .remoteKinds button:after{display:none}body[data-display=mobile] .remoteKinds button strong{font-size:13px}body[data-display=mobile] .remoteKinds button small{font-size:10px}body[data-display=mobile] #remoteForm{padding:17px}body[data-display=mobile] .card{border-radius:10px}body[data-display=mobile] .sectionTitle h2{font-size:16px}
@media(max-width:650px){body.signedIn[data-display=desktop]{padding-left:0}body.signedIn[data-display=desktop] #navigation{width:100%}body.signedIn main{padding:20px 14px 110px}.heroMeta{display:none}.hero h1{font-size:25px}.headerTools{gap:5px}}
body[data-display=mobile].signedIn #navigation{transform:none;border-radius:0}
body[data-display=desktop] .hero{padding-bottom:26px}body[data-display=desktop] .hero h1{font-size:28px;margin-bottom:10px}
@media(max-width:650px){body.signedIn[data-display=desktop] #navigation{inset:auto 0 0;transform:none;height:72px;padding:8px 12px;flex-direction:row;background:#fff;border-top:1px solid var(--line)}body.signedIn[data-display=desktop] #navigation .navBrand,body.signedIn[data-display=desktop] .navCaption,body.signedIn[data-display=desktop] .navFooter,body.signedIn[data-display=desktop] .desktopNavLabel{display:none}body.signedIn[data-display=desktop] .mobileNavLabel{display:block}body.signedIn[data-display=desktop] #navigation button{flex:1;flex-direction:column;justify-content:center;gap:5px;padding:4px 0;color:#859889;font-size:10px;box-shadow:none}body.signedIn[data-display=desktop] #navigation button.active{background:#edf5eb;color:#176849}body.signedIn header .topBrand #pageBreadcrumb{display:none}body.signedIn header{padding:0 14px}}