:root { color-scheme: dark; --bg:#090b0d; --panel:#101418; --panel-soft:#151b20; --line:#34404a; --text:#f7f3ea; --muted:#c5cbd0; --warm:#e6c987; --warm-soft:rgba(230,201,135,.10); --ok:#b8e2ca; --radius:20px; --shadow:0 22px 60px rgba(0,0,0,.28); }
*{box-sizing:border-box} html{font-size:20px} html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} body{min-height:100vh;font-size:1rem;line-height:1.6} a{color:inherit} button,a{-webkit-tap-highlight-color:transparent} button,input,select,textarea{font:inherit} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(230,201,135,.62);outline-offset:3px}
.base-badge{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(230,201,135,.40);background:var(--warm-soft);color:var(--warm);padding:9px 14px;border-radius:999px;font-size:.92rem;font-weight:760}.account-signout{font:inherit;cursor:pointer}
.main{width:min(1100px,100%);margin:0 auto;padding:30px 20px 48px;outline:none}.hero{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(180deg,rgba(10,12,14,.18),rgba(10,12,14,.88)),radial-gradient(circle at 75% 12%,rgba(230,201,135,.18),transparent 18rem),#12171b;box-shadow:var(--shadow);overflow:hidden}.kicker{color:var(--warm);text-transform:uppercase;letter-spacing:.11em;font-size:.9rem;font-weight:820}h1{margin:9px 0 10px;font-size:clamp(2.25rem,7vw,3.7rem);line-height:1.03;letter-spacing:-.04em}h2{margin:0;font-size:1.4rem;line-height:1.2;letter-spacing:-.018em}h3{line-height:1.3}p{line-height:1.65}.hero p{max-width:720px;margin:0;color:#d4d8db;font-size:1rem}
.grid{display:grid;gap:16px;margin-top:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:rgba(16,20,24,.96);border-radius:var(--radius);padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.count{color:var(--muted);font-size:.92rem}.empty{border:1px dashed #46535e;border-radius:14px;padding:20px;color:var(--muted);background:rgba(255,255,255,.02);font-size:.98rem;line-height:1.6}.section-title{margin:30px 2px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.space-list{display:grid;gap:12px}.space-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:86px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel-soft);text-decoration:none}.space-row strong{display:block;margin-bottom:4px;font-size:1.02rem}.space-row small{color:var(--muted);font-size:.92rem;line-height:1.45}.status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:36px;color:var(--ok);border:1px solid rgba(184,226,202,.34);background:rgba(158,214,183,.08);padding:6px 10px;border-radius:999px;font-size:.88rem;font-weight:780}.space-hero{padding:10px 2px 18px}.space-hero h1{font-size:clamp(2.35rem,8vw,4.4rem)}.space-hero p{max-width:700px;color:var(--muted);margin:0;font-size:1rem}.notice{margin-top:18px;border-left:4px solid var(--warm);background:var(--warm-soft)}
@media(max-width:720px){html{font-size:19px}.hero{min-height:270px;padding:24px;border-radius:24px}.grid.two{grid-template-columns:1fr}.circle-profile{position:relative!important;top:auto!important;z-index:auto!important}} @media(min-width:900px){.main{padding-top:38px}.hero{min-height:310px}}

/* Mobile Circle viewport content. Shared app chrome is owned by app-shell.css. */
@media(max-width:720px){body .circle-tabs{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;overflow:visible!important;gap:0 10px!important;padding:5px 0 7px!important}body .circle-tabs button{flex:0 0 auto!important;width:auto!important;min-height:46px!important;padding:8px 2px!important;white-space:nowrap!important}}

/* Compact operational Circle: the first mobile screen is for today's support, not description. */
@media(max-width:720px){
  .back-link{min-height:34px!important;margin:0 0 2px!important;font-size:.82rem!important}
  body .circle-profile{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;justify-content:stretch!important;gap:10px!important;margin:0 0 4px!important;padding:4px 0 7px!important;text-align:left!important;max-width:none!important}
  body .circle-profile>div:last-child{align-items:flex-start!important;min-width:0!important}.circle-profile .kicker{display:none!important}.circle-avatar.large{width:52px!important;height:52px!important;font-size:20px!important;box-shadow:none!important}.circle-profile h1{margin:0!important;font-size:1.7rem!important;line-height:1!important}.circle-profile .profile-meta{justify-content:flex-start!important;margin-top:3px!important;gap:2px 6px!important;white-space:normal!important}.circle-profile .profile-meta>span{min-height:24px!important;padding:1px 2px!important;font-size:.72rem!important}.circle-profile .profile-meta>span+span::before{margin-right:6px!important}
  body .circle-tabs{margin:0 0 5px!important;padding:2px 0 4px!important;gap:0 9px!important;border-top:0!important}.circle-tabs button{min-height:40px!important;padding:4px 1px!important;font-size:.8rem!important;line-height:1.15!important}.circle-tabs button[data-panel="overview"],.circle-tabs button[data-panel="diary"]{min-height:40px!important;font-size:.86rem!important}
  .circle-live{padding:6px 0 0!important}.circle-live-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px 10px!important;padding:0 0 9px!important}.circle-live-main .kicker{display:none!important}.circle-live-main h2{margin:0 0 2px!important;font-size:1.42rem!important;line-height:1.08!important}.circle-live-main p{font-size:.86rem!important;line-height:1.32!important;-webkit-line-clamp:1!important}.circle-live-main .circle-action{width:auto!important;min-height:44px!important;margin:0!important;padding:7px 11px!important;font-size:.84rem!important}.circle-live-main::after{content:"Today → Shift → Notes + photos → Medication → Report → Invoice";grid-column:1/-1;display:block;padding-top:7px;border-top:1px solid rgba(230,201,135,.18);color:var(--warm);font-size:.79rem;font-weight:780;line-height:1.35;letter-spacing:.01em}
  .circle-live-grid article{padding:10px 0!important}.circle-live-grid h3{margin:1px 0 3px!important;font-size:.96rem!important}.circle-live-grid p{font-size:.84rem!important;line-height:1.35!important;-webkit-line-clamp:1!important}.circle-live-grid small{margin-top:4px!important;font-size:.76rem!important;line-height:1.3!important}.circle-update-item{padding:6px 0!important}.circle-update-item:nth-child(n+2){display:none!important}.circle-live-matters{padding:10px 0!important}.circle-live-matters h3{margin:2px 0!important;font-size:.98rem!important}.circle-live-matters p{display:none!important}.circle-live-matters .circle-link-button{min-height:38px!important;font-size:.82rem!important}
  #circle-panel{padding-bottom:calc(126px + env(safe-area-inset-bottom))!important}
}

/* Show the work: mobile screens lead with actions and state, not explanatory copy. */
@media(max-width:720px){
  body:has(.office-status-hero) .main{display:flex!important;flex-direction:column!important;gap:8px!important}.office-status-hero{order:0!important;min-height:64px!important;margin:0 0 2px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;border-radius:14px!important;background:rgba(16,20,24,.86)!important;box-shadow:none!important}.office-status-hero .kicker{display:none!important}.office-status-hero h1{margin:0!important;font-size:1.12rem!important;line-height:1.15!important}.office-weather{margin:0!important;text-align:right!important;font-size:.78rem!important;line-height:1.2!important}.office-weather small{display:none!important}
  .office-now-section{order:1!important;margin:0!important;padding:10px!important}.office-now-section .card-head{display:none!important}.office-now-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.office-now-card{position:relative!important;min-height:106px!important;padding:10px 8px!important;border-radius:12px!important;align-items:flex-start!important;justify-content:flex-end!important}.office-now-card::before{display:block!important;margin-bottom:auto!important;color:var(--warm)!important;font-size:1.45rem!important;line-height:1!important}.office-now-card:nth-child(1)::before{content:"●"}.office-now-card:nth-child(2)::before{content:"→"}.office-now-card:nth-child(3)::before{content:"✓"}.office-now-card .kicker{margin:0 0 2px!important;font-size:.64rem!important}.office-now-card strong{font-size:.76rem!important;line-height:1.22!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.office-now-card small{display:none!important}.office-now-card .office-next-action{margin-top:5px!important;font-size:.68rem!important;color:var(--warm)!important}
  .office-attention-card{order:2!important;margin:0!important;padding:11px!important}.office-attention-card .card-head{margin-bottom:7px!important}.office-attention-card .card-head .kicker{display:none!important}.office-attention-card h2{margin:0!important;font-size:1.08rem!important}.office-attention-note{display:none!important}.office-attention-card .office-work-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.office-attention-card .office-work-row{position:relative!important;display:grid!important;grid-template-rows:auto auto 1fr auto!important;align-items:start!important;gap:4px!important;min-height:138px!important;padding:10px!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important}.office-attention-card .office-work-row::before{display:block!important;color:var(--warm)!important;font-size:1.35rem!important;line-height:1!important}.office-attention-card .office-work-row[href*="shift-report-builder"]::before{content:"▶"}.office-attention-card .office-work-row[href*="invoice-generator"]::before{content:"$"}.office-attention-card .office-work-row strong{font-size:.8rem!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.office-attention-card .office-work-row small{font-size:.68rem!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.office-attention-card .office-next-action{align-self:end!important;width:100%!important;min-height:36px!important;padding:5px 6px!important;font-size:.7rem!important}
  .office-people-card{order:3!important;margin:0!important;padding:11px!important}.office-people-card .card-head{margin-bottom:7px!important}.office-people-card .kicker{display:none!important}.office-people-card .office-work-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.office-people-card .office-work-row{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important;min-height:84px!important;padding:9px!important}.office-people-card .office-work-row::before{content:"○";display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid rgba(230,201,135,.35)!important;border-radius:50%!important;color:var(--warm)!important;font-weight:820!important}.office-people-card .office-work-row small{display:none!important}.office-people-card .office-next-action{grid-column:1/-1!important;min-height:34px!important;font-size:.7rem!important;padding:4px 6px!important}
  .office-shortcuts-title{order:4!important;margin:3px 0!important}.office-shortcuts-title .count{display:none!important}.office-shortcuts{order:5!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.office-shortcuts .office-tile{min-height:88px!important;padding:8px!important;border-radius:12px!important}.office-shortcuts .office-tile-icon{width:30px!important;height:30px!important;margin-bottom:5px!important;font-size:16px!important}.office-shortcuts .kicker,.office-shortcuts .office-tile p,.office-shortcuts .office-tile-foot span{display:none!important}.office-shortcuts .office-tile h2{margin:0!important;font-size:.78rem!important}.office-shortcuts .office-tile-foot{padding-top:4px!important;font-size:.66rem!important}

  .circle-heading{min-height:0!important;padding:5px 1px 7px!important;margin:0 0 5px!important;border:0!important;background:transparent!important;box-shadow:none!important}.circle-heading h1,.circle-heading>p{display:none!important}.circle-heading .kicker{font-size:.8rem!important}.circle-heading-actions{margin-top:3px!important;font-size:.72rem!important}.circle-heading-actions button{display:none!important}.circle-overview{margin-top:0!important}.circle-primary{padding:8px!important;border-radius:14px!important}.circle-primary .card-head{margin-bottom:7px!important}.circle-primary .card-head .kicker{display:none!important}.circle-primary .card-head h2{font-size:1.08rem!important}.circle-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.circle-person{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:142px!important;padding:10px!important;text-align:center!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(230,201,135,.07),rgba(255,255,255,.018))!important}.circle-person .circle-avatar{width:56px!important;height:56px!important;font-size:1.25rem!important}.circle-person-copy strong{font-size:.95rem!important}.circle-person-copy small{font-size:.7rem!important;line-height:1.2!important}.circle-person-copy p{display:none!important}.circle-open{grid-column:auto!important;min-height:28px!important;margin-top:3px!important;padding:2px 9px!important;border:1px solid rgba(230,201,135,.28)!important;border-radius:999px!important;background:var(--warm-soft)!important;font-size:.7rem!important}.circle-structure{margin-top:6px!important}.circle-overview+.notice{display:none!important}

  body .circle-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin:0 0 8px!important;padding:5px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.circle-tabs button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:100%!important;min-height:54px!important;padding:4px 2px!important;border:0!important;border-radius:10px!important;white-space:normal!important;font-size:.68rem!important;line-height:1.05!important;text-decoration:none!important}.circle-tabs button::before{display:block!important;color:var(--warm)!important;font-size:1rem!important;line-height:1!important}.circle-tabs button[data-panel="overview"]::before{content:"●"!important}.circle-tabs button[data-panel="diary"]::before{content:"☀"!important}.circle-tabs button[data-panel="plan"]::before{content:"◎"!important}.circle-tabs button[data-panel="risks"]::before{content:"△"!important}.circle-tabs button[data-panel="shifts"]::before{content:"▶"!important}.circle-tabs button[data-panel="evidence"]::before{content:"✎"!important}.circle-tabs button[data-panel="documents"]::before{content:"○"!important}.circle-tabs button.active{background:var(--warm-soft)!important;color:var(--warm)!important}.circle-tabs button[data-panel="overview"],.circle-tabs button[data-panel="diary"]{min-height:54px!important;font-size:.72rem!important;margin:0!important}
  .circle-live{padding:5px 0 0!important}.circle-live-main{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px 8px!important;padding:7px 0 10px!important}.circle-live-main h2{font-size:1.28rem!important}.circle-live-main p{display:none!important}.circle-live-main .circle-action{min-height:46px!important;padding:8px 11px!important;border-radius:12px!important}.circle-live-main::after{content:"▶ SHIFT   ✎ NOTES   ◉ PHOTOS\A+ MEDS   ✓ REPORT   $ INVOICE"!important;white-space:pre-wrap!important;grid-column:1/-1!important;padding:9px 10px 1px!important;border-top:1px solid rgba(230,201,135,.18)!important;color:var(--warm)!important;font-size:.72rem!important;font-weight:820!important;line-height:1.55!important;letter-spacing:.01em!important;text-align:center!important}
  .circle-live-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:0!important}.circle-live-grid article{position:relative!important;min-height:96px!important;padding:9px 7px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important;text-align:left!important}.circle-live-grid article::before{display:block!important;position:static!important;margin-bottom:7px!important;color:var(--warm)!important;font-size:1.25rem!important}.circle-recent-activity::before{content:"✓"!important}.circle-next-card::before{content:"→"!important}.circle-live-grid article:last-child::before{content:"!"!important}.circle-live-grid .kicker{font-size:.58rem!important}.circle-live-grid h3{margin:1px 0!important;font-size:.76rem!important;line-height:1.16!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.circle-live-grid p{display:none!important}.circle-live-grid small{display:-webkit-box!important;margin-top:3px!important;font-size:.62rem!important;line-height:1.15!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.circle-update-item{padding:0!important;border:0!important}.circle-update-item:nth-child(n+2){display:none!important}.circle-live-grid ul{display:none!important}.circle-live-matters{display:none!important}

  .diary-now-head p{display:none!important}.diary-now-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:9px!important}.diary-now-actions .circle-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;min-height:76px!important;padding:7px 4px!important;border-radius:12px!important;font-size:.7rem!important;line-height:1.1!important;text-align:center!important}.diary-now-actions .circle-action::before{display:block!important;font-size:1.35rem!important;line-height:1!important}.diary-now-actions [data-action^="start-shift"]::before{content:"▶"}.diary-now-actions [data-office-tool="shift-note-builder"]::before{content:"✎"}.diary-now-actions [data-office-tool="shift-report-builder"]::before{content:"◉"}.diary-now-actions [data-office-tool="medication-register"]::before{content:"+"}.diary-now-actions [data-diary-jump="plan"]::before{content:"◎"}.diary-now-context{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.diary-now-context>div{min-height:50px!important;padding:7px!important}.diary-now-context p,.diary-now-context small{display:none!important}.diary-now-context strong{font-size:.7rem!important;line-height:1.15!important}.diary-task-summary{min-height:44px!important;padding:7px 8px!important}
}

/* Consolidated from chrome-redesign.css; global presentation. */
.quick-access{border-color:rgba(139,177,211,.14)!important;border-radius:14px!important;background:rgba(7,24,39,.95)!important;box-shadow:0 10px 26px rgba(0,0,0,.24)!important}.quick-access a{color:#8fa3b8!important}.quick-access a:hover,.quick-access a:focus-visible{background:#0d2940!important;color:#dff5ff!important}.quick-access a.active{background:rgba(102,198,255,.10)!important;color:#9edcff!important}.quick-office-menu>summary{border-color:rgba(139,177,211,.14)!important;background:rgba(7,24,39,.96)!important;color:#9edcff!important}.quick-office-menu>div{border-color:rgba(139,177,211,.16)!important;background:#0b2033!important;box-shadow:0 16px 36px rgba(0,0,0,.38)!important}.quick-office-menu a{color:#dce6ed!important}.quick-office-menu a:hover,.quick-office-menu a:focus-visible{background:#0d2940!important;color:#9edcff!important}.quick-index-title>span,.quick-index-head>a,.quick-document-list>button b,.quick-circle-head>a{color:#9edcff!important}.quick-index-group{border-color:rgba(139,177,211,.13)!important;border-radius:16px!important;background:linear-gradient(180deg,#102640,#0c2033)!important}.quick-chip-list span{background:rgba(255,255,255,.04)!important;color:#b8c5d0!important}.quick-person-list>div,.quick-document-list>button{border-color:rgba(139,177,211,.10)!important;background:#091d30!important}.bottom-more-menu{border-color:rgba(139,177,211,.16)!important;background:#0b2033!important;box-shadow:0 18px 38px rgba(0,0,0,.38)!important}.bottom-more-menu a{color:#dce6ed!important}.bottom-more-menu a:hover,.bottom-more-menu a:focus-visible{background:#0d2940!important;color:#9edcff!important}.bottom-more-divider{background:rgba(139,177,211,.10)!important}
.kimi-launch{min-height:50px!important;padding:10px 14px!important;border-color:rgba(102,198,255,.22)!important;border-radius:999px!important;background:linear-gradient(180deg,#102640,#0b2033)!important;color:#f7fbff!important;box-shadow:0 14px 32px rgba(0,0,0,.30)!important}.kimi-launch:hover,.kimi-launch:focus-visible{border-color:rgba(102,198,255,.38)!important;background:#0d2940!important}.kimi-panel{border-color:rgba(139,177,211,.18)!important;border-radius:21px!important;background:linear-gradient(180deg,#0f2942,#0a1d30)!important;color:#f7fbff!important;box-shadow:0 26px 66px rgba(0,0,0,.45)!important}.kimi-head{padding:14px 16px!important;border-bottom-color:rgba(139,177,211,.12)!important}.kimi-head small{color:#8fa4b9!important;font-size:.76rem!important}.kimi-head strong{font-family:Georgia,"Times New Roman",serif!important;font-size:1.15rem!important}.kimi-close{color:#dff5ff!important}.kimi-close:hover,.kimi-close:focus-visible{background:#0d2940!important}.kimi-messages{padding:14px!important;gap:10px!important}.kimi-message{padding:10px 12px!important;border-radius:13px!important;font-size:.86rem!important;line-height:1.5!important}.kimi-message.assistant{background:#102b45!important}.kimi-message.user{background:rgba(102,198,255,.13)!important}.kimi-message strong{color:#9edcff!important;font-size:.66rem!important}.kimi-form{padding:10px 12px!important;border-top-color:rgba(139,177,211,.12)!important}.kimi-form textarea{min-height:50px!important;border-color:rgba(139,177,211,.18)!important;border-radius:12px!important;background:#081b2c!important;color:#f7fbff!important;font-size:.86rem!important}.kimi-form textarea:focus{outline:2px solid rgba(102,198,255,.25)!important;outline-offset:1px!important}.kimi-form textarea::placeholder{color:#7890a5!important}.kimi-form button{min-width:72px!important;border-radius:12px!important;background:#9edcff!important;color:#071827!important;font-size:.8rem!important;font-weight:850!important}.kimi-status{color:#8196aa!important;font-size:.72rem!important}
@media(max-width:620px){.kimi-launch{width:52px!important;height:52px!important;min-height:52px!important;padding:0!important}.kimi-panel{left:8px!important;right:8px!important;border-radius:18px!important}.kimi-messages{padding:12px!important}.kimi-form{gap:7px!important}.kimi-form button{min-height:46px!important}}

/* Consolidated from design-consistency.css; global presentation. */
/* Final presentation consistency layer for the redesigned app.
   Presentation only: no routes, records, permissions or write paths are changed here. */
:root{
  --sm-shell:#071827;
  --sm-shell-2:#0a1c2e;
  --sm-panel:#0d2034;
  --sm-panel-2:#102640;
  --sm-panel-deep:#091d30;
  --sm-line:rgba(139,177,211,.18);
  --sm-line-soft:rgba(139,177,211,.12);
  --sm-text:#f7fbff;
  --sm-muted:#9fb0c4;
  --sm-blue:#2da8df;
  --sm-purple:#7b4ed3;
  --sm-pink:#e94482;
  --sm-green:#67c94b;
  --sm-orange:#efa53a;
  --sm-radius:20px;
  --sm-card-radius:16px;
  --sm-shadow:0 16px 34px rgba(0,0,0,.21);
}

/* One shared canvas for the operational secondary screens. */
body.monad-circle-risks-active,
body.monad-circle-reports-active,
body.monad-circle-people-active,
body.monad-circle-goals-active,
body.monad-circle-documents-active,
body.monad-office-tools-mode,
body.monad-office-life-mode,
body.monad-worker-office-mode{
  background:var(--sm-shell)!important;
  color:var(--sm-text);
}

.monad-risks-page,
.monad-reports-page,
.monad-people-page,
.monad-goals-page,
.monad-docs-page{
  width:min(100%,800px)!important;
  max-width:800px!important;
  min-height:100dvh;
  margin:0 auto!important;
  padding:12px 12px 104px!important;
  gap:12px!important;
  background:linear-gradient(180deg,var(--sm-shell-2),var(--sm-shell))!important;
  box-sizing:border-box;
}

/* Shared hierarchy: page header first, then calm grouped cards. */
.monad-risks-head,
.monad-reports-head,
.monad-people-head,
.monad-goals-head,
.monad-docs-head{
  min-height:88px;
  padding:15px 16px!important;
  border-color:var(--sm-line)!important;
  border-radius:var(--sm-radius)!important;
  box-shadow:var(--sm-shadow)!important;
}
.monad-risks-head h1,
.monad-reports-head h1,
.monad-people-head h1,
.monad-goals-head h1,
.monad-docs-head h1{
  margin-top:3px!important;
  font-size:1.7rem!important;
  line-height:1.08!important;
  font-weight:600!important;
}
.monad-risks-head p,
.monad-reports-head p,
.monad-people-head p,
.monad-goals-head p,
.monad-docs-head p{
  max-width:620px;
  color:var(--sm-muted)!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}
.monad-risks-icon,
.monad-reports-icon,
.monad-people-avatar,
.monad-goals-icon,
.monad-docs-icon{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px;
}

.monad-risk-section,
.monad-reports-section,
.monad-people-section,
.monad-goal-section,
.monad-doc-section{
  padding:15px!important;
  border:1px solid var(--sm-line)!important;
  border-radius:var(--sm-radius)!important;
  background:linear-gradient(180deg,var(--sm-panel-2),#0c2033)!important;
  box-shadow:var(--sm-shadow)!important;
}
.monad-risk-section h2,
.monad-reports-section h2,
.monad-people-section h2,
.monad-goal-section h2,
.monad-doc-section h2{
  font-size:1.34rem!important;
  line-height:1.15!important;
}

/* Same card depth and text rhythm throughout Circle secondary pages. */
.monad-risk-card,
.monad-record-card,
.monad-person-card,
.monad-goal-card,
.monad-doc-card{
  border-color:var(--sm-line-soft)!important;
  border-radius:var(--sm-card-radius)!important;
  background:var(--sm-shell-2)!important;
}
.monad-risk-card p,
.monad-record-card p,
.monad-person-card p,
.monad-goal-card p,
.monad-doc-card p{
  line-height:1.48!important;
}

/* Buttons and links are consistently sized and obviously actionable. */
.monad-risk-actions button,
.monad-reports-actions a,
.monad-reports-actions button,
.monad-people-actions button,
.monad-goal-actions button,
.monad-plan-action,
.monad-doc-actions button,
.monad-risk-form>button,
.monad-people-form button,
.monad-goal-form button,
.monad-doc-upload button{
  min-height:44px!important;
  border-radius:12px!important;
  font-weight:850!important;
  cursor:pointer;
}
.monad-reports-actions a,
.monad-reports-actions button{
  min-height:86px!important;
  padding:12px 13px!important;
}

/* Form controls share the same size, contrast and focus treatment. */
.monad-risk-form input,.monad-risk-form textarea,.monad-risk-form select,
.monad-people-form input,.monad-people-form textarea,.monad-people-form select,
.monad-goal-form input,.monad-goal-form textarea,.monad-goal-form select,
.monad-doc-upload input,.monad-doc-upload textarea,.monad-doc-upload select,
body.monad-office-tools-mode input,body.monad-office-tools-mode textarea,body.monad-office-tools-mode select,
body.monad-office-life-mode input,body.monad-office-life-mode textarea,body.monad-office-life-mode select{
  min-height:44px;
  border-color:var(--sm-line)!important;
  border-radius:12px!important;
  background:#081a2a!important;
  color:var(--sm-text)!important;
  box-sizing:border-box;
}

/* Keep the Circle quickbar visually identical on Home and every subpage. */
.monad-circle-quickbar{
  height:78px!important;
  border-top-color:var(--sm-line)!important;
  background:rgba(7,24,39,.985)!important;
}
.monad-circle-quickbar button{
  min-height:48px;
  border-radius:12px;
}
.monad-circle-quickbar button:focus-visible,
.monad-circle-more-sheet button:focus-visible,
.monad-circle-more-sheet a:focus-visible,
.monad-risks-page button:focus-visible,.monad-risks-page a:focus-visible,
.monad-reports-page button:focus-visible,.monad-reports-page a:focus-visible,
.monad-people-page button:focus-visible,.monad-people-page a:focus-visible,
.monad-goals-page button:focus-visible,.monad-goals-page a:focus-visible,
.monad-docs-page button:focus-visible,.monad-docs-page a:focus-visible,
.quick-index button:focus-visible,.quick-index a:focus-visible{
  outline:3px solid rgba(142,220,255,.8)!important;
  outline-offset:2px!important;
}

/* More reads as part of the Circle, not a separate popup application. */
.monad-circle-more-sheet.monad-more-redesigned{
  width:min(calc(100% - 24px),620px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%);
  bottom:88px!important;
  padding:11px!important;
  border-color:var(--sm-line)!important;
  border-radius:var(--sm-radius)!important;
  background:rgba(9,28,46,.985)!important;
}
.monad-more-grid{gap:8px!important}
.monad-more-item{
  min-height:66px!important;
  border-color:var(--sm-line-soft)!important;
  border-radius:var(--sm-card-radius)!important;
  background:var(--sm-panel)!important;
}

/* Office secondary pages use the same shell, card radius and controls as Circle. */
body.monad-office-tools-mode .main,
body.monad-office-life-mode .main{
  width:min(100%,800px)!important;
  max-width:800px!important;
  padding:12px 12px 104px!important;
  background:linear-gradient(180deg,var(--sm-shell-2),var(--sm-shell))!important;
}
body.monad-office-tools-mode .office-heading,
body.monad-office-life-mode .office-heading,
body.monad-office-tools-mode .main>.card,
body.monad-office-life-mode .main>.card{
  border-color:var(--sm-line)!important;
  border-radius:var(--sm-radius)!important;
  box-shadow:var(--sm-shadow)!important;
}
body.monad-office-tools-mode .office-heading h1,
body.monad-office-life-mode .office-heading h1{
  font-size:1.7rem!important;
  line-height:1.08!important;
}
body.monad-office-tools-mode .office-heading p,
body.monad-office-life-mode .office-heading p{
  font-size:.82rem!important;
  line-height:1.45!important;
}
body.monad-office-tools-mode .office-tool-card,
body.monad-office-life-mode .office-profile-row,
.mot-group{
  border-radius:var(--sm-card-radius)!important;
}

/* Office People/Documents indexes no longer look like the older chrome. */
.quick-index,.quick-index-loading{width:min(100%,800px);margin:0 auto;color:var(--sm-text)}
.quick-index-title{
  padding:14px 15px!important;
  border:1px solid var(--sm-line);
  border-radius:var(--sm-radius);
  background:linear-gradient(180deg,var(--sm-panel-2),var(--sm-panel));
  box-shadow:var(--sm-shadow);
}
.quick-index-title>span{color:#8edcff!important}
.quick-index-title h1,.quick-index-title h2{font-family:Georgia,"Times New Roman",serif;color:#fff}
.quick-index-title p{color:var(--sm-muted)!important}
.quick-index-group{
  padding:14px!important;
  border-color:var(--sm-line)!important;
  border-radius:var(--sm-radius)!important;
  background:linear-gradient(180deg,var(--sm-panel-2),#0c2033)!important;
  box-shadow:var(--sm-shadow);
}
.quick-person-list>div,.quick-document-list>button{
  min-height:52px;
  border-color:var(--sm-line-soft)!important;
  border-radius:13px!important;
  background:var(--sm-shell-2)!important;
}
.quick-document-list>button{color:var(--sm-text)!important}

/* Phone-size lock: no hidden horizontal navigation, readable labels, full touch targets. */
@media(max-width:520px){
  .monad-risks-page,.monad-reports-page,.monad-people-page,.monad-goals-page,.monad-docs-page,
  body.monad-office-tools-mode .main,body.monad-office-life-mode .main{
    width:100%!important;
    padding:8px 9px calc(94px + env(safe-area-inset-bottom))!important;
    gap:9px!important;
    overflow-x:hidden;
  }
  .monad-risks-head,.monad-reports-head,.monad-people-head,.monad-goals-head,.monad-docs-head,
  body.monad-office-tools-mode .office-heading,body.monad-office-life-mode .office-heading{
    min-height:0;
    padding:12px!important;
    border-radius:18px!important;
  }
  .monad-risks-icon,.monad-reports-icon,.monad-people-avatar,.monad-goals-icon,.monad-docs-icon{
    width:44px!important;height:44px!important;flex-basis:44px;
  }
  .monad-risks-head h1,.monad-reports-head h1,.monad-people-head h1,.monad-goals-head h1,.monad-docs-head h1,
  body.monad-office-tools-mode .office-heading h1,body.monad-office-life-mode .office-heading h1{
    font-size:1.4rem!important;
  }
  .monad-risks-head p,.monad-reports-head p,.monad-people-head p,.monad-goals-head p,.monad-docs-head p,
  body.monad-office-tools-mode .office-heading p,body.monad-office-life-mode .office-heading p{
    font-size:.77rem!important;
  }
  .monad-risk-section,.monad-reports-section,.monad-people-section,.monad-goal-section,.monad-doc-section,
  body.monad-office-tools-mode .main>.card,body.monad-office-life-mode .main>.card{
    padding:12px!important;
    border-radius:18px!important;
  }
  .monad-reports-actions{grid-template-columns:1fr!important}
  .monad-reports-actions a,.monad-reports-actions button{min-height:70px!important}
  .monad-risk-actions,.monad-people-actions,.monad-goal-actions,.monad-doc-actions{display:grid!important;grid-template-columns:1fr!important}
  .monad-risk-actions button,.monad-people-actions button,.monad-goal-actions button,.monad-doc-actions button{width:100%}
  .monad-risk-form input,.monad-risk-form textarea,.monad-risk-form select,
  .monad-people-form input,.monad-people-form textarea,.monad-people-form select,
  .monad-goal-form input,.monad-goal-form textarea,.monad-goal-form select,
  .monad-doc-upload input,.monad-doc-upload textarea,.monad-doc-upload select{
    font-size:16px!important;
  }
  .monad-risk-summary{gap:6px!important}.monad-risk-summary article{padding:10px 6px!important}.monad-risk-summary strong{font-size:1.25rem!important}
  .monad-circle-quickbar{height:76px!important}
  .monad-circle-more-sheet.monad-more-redesigned{width:calc(100% - 16px)!important;bottom:84px!important;padding:8px!important;border-radius:18px!important}
  .monad-more-grid{grid-template-columns:1fr!important}
  .monad-more-item{min-height:58px!important}
  .quick-access{position:static!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;top:auto!important}
  .quick-access a{min-height:44px!important;font-size:.66rem!important;padding:5px 2px!important}
  .quick-index-title{padding:12px!important;border-radius:18px}.quick-index-title h1{font-size:1.45rem!important}.quick-index-group{padding:12px!important;border-radius:18px!important}
  .mot-group-grid,body.monad-office-life-mode .office-profile-list{grid-template-columns:1fr!important}
}

@media(max-width:360px){
  .monad-risk-summary{grid-template-columns:1fr!important}
  .quick-access{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Live Circle people communication bar */
.monad-person-communication{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--sm-line-soft)}
.monad-person-status{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;border:1px solid var(--sm-line);border-radius:999px;color:var(--sm-muted);font-size:.76rem;font-weight:850;white-space:nowrap}
.monad-person-status.active{border-color:rgba(145,220,123,.45);background:rgba(145,220,123,.1);color:#bcecae}
.monad-person-status.invited{border-color:rgba(230,201,135,.48);background:rgba(230,201,135,.1);color:#ead8a8}
.monad-person-status.not-member{background:rgba(255,255,255,.025)}
.monad-contact-links{display:flex;flex:1 1 280px;gap:7px;flex-wrap:wrap;min-width:0}
.monad-membership-action{display:flex;align-items:center;flex:0 0 auto}
.monad-contact-link,.monad-membership-action button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;border:1px solid var(--sm-line);border-radius:11px;background:#0a1f33;color:#8edcff;font:inherit;font-size:.8rem;font-weight:820;text-decoration:none;padding:8px 10px;overflow-wrap:anywhere}
.monad-membership-action button{cursor:pointer}
.monad-member-link{color:#bcecae}
.monad-contact-missing{display:inline-flex;align-items:center;min-height:38px;color:var(--sm-muted);font-size:.76rem;padding:4px 2px}
@media(max-width:720px){.monad-person-communication{display:grid;grid-template-columns:1fr}.monad-person-status{justify-self:start}.monad-contact-links,.monad-membership-action{width:100%}.monad-contact-links .monad-contact-link{flex:1 1 100%}.monad-membership-action>*{width:100%}}

/* Exact live Circle People communication controls */
.quick-circle-people-list{display:grid;gap:10px}
.quick-circle-person{display:grid!important;gap:10px!important;min-height:0!important;padding:13px!important}
.quick-circle-person-main strong,.quick-circle-person-main small{display:block}
.quick-circle-person-main strong{font-size:1rem}
.quick-circle-person-main small{margin-top:3px;color:var(--sm-muted);line-height:1.4}
.quick-contact-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--sm-line-soft)}
.quick-member-status{display:inline-flex;align-items:center;min-height:32px;border:1px solid var(--sm-line);border-radius:999px;padding:5px 9px;color:var(--sm-muted);font-size:.74rem;font-weight:850;white-space:nowrap}
.quick-member-status.active{border-color:rgba(145,220,123,.45);background:rgba(145,220,123,.1);color:#bcecae}
.quick-member-status.pending{border-color:rgba(230,201,135,.48);background:rgba(230,201,135,.1);color:#ead8a8}
.quick-member-status.not-member{background:rgba(255,255,255,.025)}
.quick-contact-links{display:flex;flex:1 1 280px;gap:7px;flex-wrap:wrap;min-width:0}
.quick-membership-action{display:flex;align-items:center;flex:0 0 auto}
.quick-contact-link,.quick-membership-action button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;border:1px solid var(--sm-line);border-radius:11px;background:#0a1f33;color:#8edcff;font:inherit;font-size:.8rem;font-weight:820;text-decoration:none;padding:8px 10px;overflow-wrap:anywhere}
.quick-membership-action button{cursor:pointer}
.quick-contact-link.member{color:#bcecae}
.quick-contact-missing{display:inline-flex;align-items:center;min-height:38px;color:var(--sm-muted);font-size:.76rem;padding:4px 2px}
.quick-people-status{min-height:20px;margin:8px 0 0;color:var(--sm-muted);font-size:.76rem}
@media(max-width:720px){.quick-contact-bar{display:grid;grid-template-columns:1fr}.quick-member-status{justify-self:start}.quick-contact-links,.quick-membership-action{width:100%}.quick-contact-links .quick-contact-link{flex:1 1 100%}.quick-membership-action>*{width:100%}}