/* A warm, precise application system. Existing brand and login remain authoritative. */
#app{--muted:#6e7565;--line:#dfe2d5;font-size:14px;line-height:1.65}
#app .workspace>header{height:68px;padding:0 30px;background:var(--bg);border-bottom:1px solid var(--line)}
#app main{max-width:1500px;margin:0 auto;padding:30px;min-height:calc(100svh - 125px)}
#app .breadcrumb{font-size:12px;white-space:nowrap}#app .header-right{position:relative;gap:10px}#app .offline{font-size:10px}
#app .page-top{margin-bottom:26px}#app h1{font-size:27px;font-weight:600;letter-spacing:-.5px;line-height:1.4}#app .page-top p{font-size:13px;max-width:65ch;line-height:1.85;margin-top:9px}
#app .button{font-size:12px;min-height:38px;padding:8px 14px;border-radius:7px;font-weight:500;transition:background .15s,border-color .15s}#app .button:disabled{cursor:not-allowed;opacity:.45}
#app .panel{border-radius:12px;padding:23px;margin-bottom:22px}#app .panel-head h2{font-size:16px;color:var(--ink)}#app .panel-head .muted{font-size:12px}#app .muted{color:var(--muted)}
#app .task-row h3{font-size:14px;color:var(--ink);line-height:1.6}#app .task-meta{font-size:12px;line-height:1.8;color:var(--muted)}#app .task-actions .button{min-height:30px;font-size:11px;padding:4px 10px}#app .task-row{padding:16px 0}#app .badge{font-size:11px;padding:3px 8px}
#app .record-card h3{font-size:16px;color:var(--ink)}#app .record-card p{font-size:13px;color:var(--muted)}#app .data-list{font-size:12px;gap:9px;color:var(--ink)}#app .data-list span{color:var(--muted);min-width:85px}#app .cards{gap:18px}#app .record-card{border-radius:12px}
#app input,#app select,#app textarea{font-size:13px;min-height:40px;caret-color:var(--green)}#app label{font-size:13px;color:var(--ink)}#app .notice{font-size:12px;line-height:1.85}#app .section-note{font-size:12px;color:var(--muted);line-height:1.85}
#app .empty{font-size:13px;padding:30px 16px;color:var(--muted)}#app td{font-size:12px;padding:15px 12px}#app th{font-size:11px;padding:12px;background:transparent;border-bottom:1px solid var(--line)}#app .metric-number{font-variant-numeric:tabular-nums}
.product-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:var(--paper);color:var(--muted);font-size:11px;min-height:34px}.product-search svg{width:16px;height:16px}.product-search kbd{font:10px 'Segoe UI',sans-serif;border:1px solid var(--line);border-radius:3px;padding:0 4px;margin-left:12px}.product-search:hover{border-color:var(--green)}
.product-inbox{position:relative;display:grid;place-items:center;width:34px;height:34px;color:var(--muted);border-radius:6px}.product-inbox svg{width:19px;height:19px}.product-inbox:hover{background:var(--sage)}.product-inbox>span{position:absolute;top:-3px;right:-4px;border-radius:9px;min-width:16px;padding:0 3px;background:var(--green);color:var(--paper);font-size:9px;text-align:center}
.product-account-menu{position:absolute;right:0;top:calc(100% + 14px);width:245px;padding:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 35px #17221b1c;z-index:30}.product-account-menu[hidden]{display:none}.account-summary{padding:13px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}.account-summary strong{display:block;font-size:14px;font-weight:500}.account-summary small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.product-account-menu a,.product-account-menu button{display:block;width:100%;padding:10px 12px;text-align:left;font-size:12px;color:var(--ink);border:0;background:transparent;border-radius:5px}.product-account-menu a:hover,.product-account-menu button:hover{background:var(--sage)}
#product-search-dialog{width:580px;padding:24px;background:var(--paper);color:var(--ink)}#product-search-dialog h2{font-size:18px}#product-search-results{max-height:48svh;overflow:auto}.product-search-result{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 8px;border-bottom:1px solid var(--line);font-size:13px}.product-search-result small{color:var(--muted);font-size:11px;flex-shrink:0}.product-search-result:hover{background:var(--sage)}.product-onboarding{background:var(--sage);border:0!important}.product-onboarding h2{font-size:18px}.product-onboarding p{margin:8px 0 18px}.product-onboarding .toolbar{margin:0}
#app[data-theme=moon]{--muted:#b3beaa}html[data-app-theme=moon] #product-search-dialog{--paper:#25312a;--ink:#e3e7d7;--muted:#b3beaa;--line:#3c4a3d;--sage:#354432}
@media(max-width:1200px){.product-search span,.product-search kbd{display:none}.product-search{padding:8px}.product-search svg{width:17px;height:17px}}
@media(max-width:700px){#app main{padding:24px 16px}#app .workspace>header{height:62px;padding:0 14px}#app .header-right{gap:7px}#app h1{font-size:23px}#app .panel{padding:18px}#app .page-top p{font-size:12px}#app .page-top .button{font-size:12px}#app .record-card{padding:20px}.product-search-result{align-items:flex-start;flex-direction:column;gap:5px}.product-search kbd{display:none}#app .product-onboarding .toolbar{gap:8px}#app .task-row{gap:9px}.product-account-menu{max-width:calc(100vw - 90px)}#app .theme-toggle{min-width:34px;padding:7px}#app .theme-toggle span{display:none}}
