/* HelloChair Hub — brand guidelines, July 2025. Presentation only. */
:root{--sage:#94A18E;--green:#5D6D53;--ink:#121C0C;--yellow:#FFEE99;--beige:#E3DBD1;--silver:#ECEDEB;--border:#dce1d7;background:#f5f3ef;color:var(--ink)}
body{background:#f5f3ef}
.header{background:var(--ink);border-bottom:1px solid #293623;height:64px;gap:18px}
.brand img{filter:brightness(0) invert(1)}
.brand strong{border-color:#ffffff40;color:#fff}
.who{color:#e1e8db}
.headtabs .tab{background:#ffffff14;border-color:transparent;color:#fff;border-radius:9px}
.headtabs .tab:hover{background:#ffffff26}
.headtabs .tab.active,.headtabs .tab.active:hover{background:var(--sage);border-color:var(--sage);color:var(--ink);box-shadow:0 2px 5px #121c0c0a}
.headeractions>.light,.headeractions .light{background:#ffffff14;color:#fff}
#settingsBtn{background:transparent;color:#fff}
.headeractions .light:hover,#settingsBtn:hover{background:#ffffff26;filter:none}
.header .menupop{background:#fff;border-color:var(--border)}
.header .menupop button{background:transparent;color:var(--ink)}
.header .menupop button:hover{background:#ecefe8}
.content{background:#f5f3ef}
.content.full{background:#fff}
.heading{margin-bottom:18px}
.heading h1{font-size:21px;font-weight:700;letter-spacing:-.35px;color:var(--ink)}
.heading>.light,.dashboard-layout-toolbar .light{background:#e8e7df;color:#34452c}
.heading>.light:hover{background:#dce2d5}
button{border-radius:9px}
button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.light{background:#ecefe7;color:#31432a}
.panel,.hub-panel,.task-detail,.task-item,.dialog{border-color:var(--border);box-shadow:0 2px 8px #121c0c03}
.panel,.hub-panel{border-radius:16px}
.hub-panel{padding:21px 23px}
.hub-section-head h2{font-size:16px;font-weight:700;letter-spacing:-.2px;color:#24351d}
.hub-section-head .small,.hub-panel>.small{color:#5a6655}
.hub-panel .textbtn{color:#475b3c}
#hubGlobalSearch{background:#fafbf8;border-color:#d7ded1!important}
#hubGlobalSearch:focus{background:white}
#hubInsightsMetrics .card{background:#f1f3ed;border-color:transparent;border-radius:11px;box-shadow:none}
#hubInsightsMetrics .metric{color:var(--ink);font-size:28px;font-weight:700;padding:4px 10px 0;font-variant-numeric:tabular-nums}
.hub-columns{margin-top:18px}
.hub-entry{border-color:#e3e7dd}
.hub-label{color:#475c3b}
.hub-blank{color:#5c6955}
#appCards.cards>.app-tile{border:1px solid #d7ded1;border-radius:16px;background:#fff;box-shadow:0 2px 7px #121c0c04;transition:border-color .15s,box-shadow .15s}
#appCards.cards>.app-tile:hover{border-color:#94a18e;box-shadow:0 5px 14px #121c0c09}
#appCards .appcard{background:#fff;border-color:transparent;box-shadow:none;transform:none}
#appCards .appcard:hover{background:#f9faf7;filter:none}
#appCards .appicon{background:#e8ede3;color:#4c6042;border-radius:14px}
#appCards .appdetails strong{color:var(--ink);font-weight:700}
#appCards .card-arrow{color:#5d6d53}
.app-tile.appmetric-card .appmetric-number{color:#263b1c;font-weight:700}
.app-tile.appmetric-card .appmetric-label{color:#4f6045}
.appmetrics .appmetric{border-color:#e1e7da}
.appmetric-settings{color:#475c3b}
.appmetric-status{color:#62715a}
.dashboard-layout-toolbar{background:#e8ede2;border-color:#cad5c2}
.notice{background:#fff8d8;border-color:#d9c987;color:#463f22}
.notice.error{background:#fff0e8;border-color:#efc3ad;color:#8a371c}
.login-screen{background:var(--sage)}
.login-panel{border:0;border-radius:20px;background:#fff;box-shadow:0 12px 38px #121c0c12}
.login-panel h1{color:var(--ink);font-weight:700}
.login-rule{background:var(--yellow);width:50px;height:4px;border-radius:2px}
.login-brand span{color:#475c3b}
@media(min-width:1800px){#dashboard{padding-left:48px;padding-right:48px}}
@media(max-width:850px){.header{gap:10px;padding-left:16px;padding-right:16px}.who{display:none}.headeractions{gap:7px}}
@media(max-width:650px){.header{height:auto;min-height:64px;flex-wrap:wrap;padding:9px 12px;gap:8px}.brand{flex:none;order:0;gap:8px}.brand img{width:115px;max-width:none;height:32px}.brand strong{font-size:14px;padding-left:8px}.headeractions{order:1;gap:5px;margin-left:auto}.headeractions .iconbtn{font-size:11px;padding:7px}.headtabs{order:2;flex:1 0 100%;padding-bottom:1px}.headtabs .tab{padding:7px 10px}.headeractions .small{padding:7px}.content{padding:20px 16px}.heading{gap:8px}.heading h1{font-size:19px}.heading>.small{font-size:11px;padding:8px}.hub-panel{padding:17px}.hub-section-head{align-items:flex-start;flex-wrap:wrap}.notice{top:112px}.dialoghead h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){button,#appCards.cards>.app-tile{transition:none}}

.header button:focus-visible{outline-color:#FFEE99}