.dashboard-wide{grid-column:1/-1}
.chat-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:16px}
.chat-full{min-height:620px;display:grid;grid-template-rows:auto 1fr auto}
.chat-full .messages{height:430px;padding:8px 4px}
.chat-full .messages p,.chat-full .messages span{font-size:1rem;padding:14px 16px}
.chat-full form{grid-template-columns:1fr auto}
.chat-full textarea{resize:none;border-color:#416057;background:#102922;color:#fff;min-height:62px}
.chat-full form button{min-width:110px}
.chat-reset{background:transparent!important;color:#c8d8d3!important;border:1px solid #4b6860!important;padding:9px 12px!important}
.chat-help{align-self:start}
.chat-help h2{margin:6px 0 24px}
.chat-help h3{font-size:.86rem;margin:22px 0 8px}
.chat-help code{display:block;background:#edf2ef;border-radius:10px;padding:13px;white-space:normal;color:#244137}
.chat-help p,.chat-help small{color:var(--muted);line-height:1.5}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:940px}
.profile-grid .panel{align-content:start}
.profile-grid h2{margin:6px 0 5px}
.password-notice{max-width:940px;background:#fff3cd;border:1px solid #ead28a;border-radius:14px;padding:16px 18px;margin-bottom:16px;display:grid;gap:4px;color:#654f12}
.logout-button{margin-top:20px;border:0;background:transparent;color:#a13f2b;font-weight:800;padding:10px 0}
.install-button{white-space:nowrap;padding:9px 12px}
.sidebar-backdrop{display:none;border:0;padding:0;background:#071b15a8;backdrop-filter:blur(2px)}
.nav-item:disabled{opacity:.35;cursor:not-allowed}
.employee-accordion summary>span{display:grid;gap:3px}.employee-accordion summary small{font-weight:500;color:var(--muted)}
.payroll-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;background:#f5f8f6;border-top:1px solid var(--line)}
.payroll-summary span{display:grid;gap:3px;font-size:.72rem;color:var(--muted)}.payroll-summary strong{font-size:.82rem;color:#253931}.payroll-summary .debt strong{color:#b8432d}.payroll-summary .credit strong{color:#18794f}
@media(max-width:900px){.chat-layout,.profile-grid{grid-template-columns:1fr}.chat-full{min-height:540px}.chat-full .messages{height:350px}.chat-help{order:2}}
@media(max-width:760px){
  body.menu-open{overflow:hidden}.sidebar{height:100dvh;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));box-shadow:18px 0 50px #071b1550}.sidebar-backdrop.show{display:block;position:fixed;inset:0;z-index:14}.workspace{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(34px,env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:8;margin:-18px -16px 20px;padding:18px 16px 12px;background:#eef2eff2;backdrop-filter:blur(10px)}.install-button{font-size:.78rem;padding:8px 9px}.panel{padding:18px}.panel-heading,.section-head{align-items:flex-start}.section-head{flex-wrap:wrap}.section-head .primary{width:100%}.monthly-chart{height:210px;gap:7px;padding-inline:2px}.rank-row{grid-template-columns:minmax(82px,1fr) 1.2fr auto;gap:8px}.employee-accordion summary{gap:12px;align-items:flex-start}.employee-accordion summary>strong{text-align:right;font-size:.78rem}.toast{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));text-align:center}dialog{max-height:calc(100dvh - 24px);overflow:auto}.dialog-form{padding:22px}}
@media(max-width:680px){
  .table-panel{background:transparent;border:0;overflow:visible}.table-wrap{overflow:visible}table{min-width:0}thead{display:none}tbody{display:grid;gap:12px}tbody tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:15px;padding:8px 14px;box-shadow:0 5px 18px #1029220a}tbody td{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #edf1ef;font-size:.82rem;min-width:0;overflow-wrap:anywhere}tbody td:nth-child(odd){padding-right:10px}tbody td::before{content:attr(data-label);color:#77847f;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}tbody td:nth-child(2){grid-column:1/-1;order:-1}tbody td.table-action{display:block;grid-column:1/-1;border:0;padding:10px 0 5px}.table-action::before{display:none}.edit-button{width:100%;min-height:42px}.empty-state{background:#fff;border-radius:15px}.filters{grid-template-columns:1fr 1fr}.filters button{min-height:44px}}
@media(max-width:520px){
  .filters{grid-template-columns:1fr}.filters label,.filters button{width:100%}.topbar h1{font-size:1.35rem}.topbar .eyebrow{font-size:.62rem}.user-menu{gap:7px}.profile,.icon-button{width:40px;height:40px;flex:0 0 40px}.cards{gap:10px}.metric{padding:18px}.metric strong{font-size:1.45rem}.panel-heading{flex-wrap:wrap}.legend{width:100%}.rank-row{grid-template-columns:1fr auto}.rank-track{grid-column:1/-1;grid-row:2}.payment-line{grid-template-columns:1fr auto}.payment-line strong{grid-column:auto}.payroll-summary{grid-template-columns:1fr}.chat-full{min-height:calc(100dvh - 150px)}.chat-full .messages{height:auto;min-height:260px}.chat-full form{grid-template-columns:1fr}.chat-full form button{min-height:46px;padding:13px}.chat-help{display:none}.auth-view{padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.auth-card{padding:25px 20px;border-radius:19px}.auth-card h1{font-size:1.7rem}.form-row,.permission-grid{grid-template-columns:1fr}}
@media(max-width:370px){.install-button{display:none}.workspace{padding-inline:12px}.topbar{margin-inline:-12px;padding-inline:12px}.month-label{font-size:.66rem}.panel{padding:15px}}