/* Original workspace inspired by the agenda-first organization of ZenOffice.
   Shared by the staff workspace and client portal; no external assets. */
:root:not([data-theme=dark]){--bg:#f4f7f8;--line:#e0e8eb;--soft:#eaf3f3;--text:#223d46;--muted:#536b75;--green:#185361}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.app-shell h1{font:650 32px/1.2 system-ui,sans-serif;letter-spacing:-1px}
.app-shell h2{letter-spacing:-.4px}
.card,.metrics article{box-shadow:0 4px 20px #183e4805}
.resource-section{margin-top:30px}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.resource-link,.portal-shortcuts a{display:flex;align-items:center;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--text);min-width:0;transition:border-color .15s,background .15s}
.resource-link:hover,.portal-shortcuts a:hover{background:var(--soft);border-color:var(--green);text-decoration:none}
.resource-link>.nav-icon,.portal-shortcuts .nav-icon{flex-shrink:0;width:24px;height:24px;color:var(--green)}
.resource-link>span:not(.resource-arrow){min-width:0;flex:1}
.resource-link strong{font-size:13px;font-weight:650}
.resource-link small,.portal-shortcuts small{font-size:11px;margin-top:3px;line-height:1.5}
.resource-arrow{color:var(--muted);font-size:19px}
.portal-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.portal-shortcuts a{margin:0;font-size:14px;font-weight:600}
@media(min-width:761px) and (pointer:fine),(min-width:1101px){
  .app-shell #sidebar{padding:28px 16px;background:var(--surface)}
  #sidebar .brand-name{font-size:14px;font-weight:700;letter-spacing:-.2px}
  #sidebar .brand-icon{flex-shrink:0;width:40px;height:40px}
  #sidebar nav a{padding:11px 13px;border-radius:10px;font-size:13px}
  #sidebar nav a.active{box-shadow:inset 3px 0 var(--green)}
  .app-shell header{height:76px;padding:0 36px}
  .app-shell main{padding:30px 36px}
  .home-welcome{background:linear-gradient(115deg,#123e49,#226573);color:#fff;padding:30px 34px;border:0;border-radius:20px}
  .home-welcome .eyebrow{color:#e6d6b8}
  .home-welcome h2{font:600 30px/1.25 system-ui,sans-serif;letter-spacing:-.7px}
  .home-welcome p{color:#e0edef}
  .home-welcome .button{background:#fff;border-color:#fff;color:#185361}
  .home-welcome .button.secondary{background:transparent;color:#fff;border-color:#8baeb5}
  .home-welcome .welcome-art{width:115px;height:115px;opacity:.8;margin:0 10px 0 24px}
  .metrics{gap:14px;margin:22px 0}
  .metrics article{padding:20px 22px;border-radius:14px}
  .metrics strong{font-size:30px;letter-spacing:-.8px;overflow-wrap:anywhere}
  .card{border-radius:16px}
  .client-welcome{background:var(--soft);padding:28px;border-radius:20px;border:1px solid var(--line)}
}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px),(max-width:1100px) and (pointer:coarse){
  .app-shell h1{font-size:28px}
  .resource-section{margin-top:24px}
  .resource-grid{gap:10px}
  .resource-link{padding:16px 12px;gap:10px;align-items:flex-start;border-radius:16px}
  .resource-link strong{font-size:11px}
  .resource-link small{font-size:10px}
  .resource-arrow{display:none}
  .resource-link>.nav-icon{width:20px;height:20px}
  .portal-shortcuts{grid-template-columns:1fr;gap:10px;margin-bottom:20px}
  .portal-shortcuts a{padding:16px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.resource-link,.portal-shortcuts a{transition:none}}
@media print{.resource-section,.portal-shortcuts{display:none}}