/* Opus notebook visual system on the existing authenticated, account-scoped workspace. */
.notebook-page{--opus-orange:#ff7828;--opus-accent:#a33d00;--opus-ink:#292522;--opus-line:#d7d3ce;--opus-soft:#f0eeea;--opus-display:"DynaPuff","Trebuchet MS",sans-serif;max-width:1160px}
.notebook-page .page-intro{padding:26px 0 8px}
.notebook-page .page-intro h1{font:600 clamp(1.7rem,3vw,2.25rem)/1.15 var(--opus-display)}
.notebook-page .notebook-top{margin:6px 0 16px}
.notebook-page .notebook-top>div>p{font-size:.85rem;color:var(--muted)}
.notebook-page .notebook-stats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.notebook-page .notebook-stats span{padding:5px 10px;border:1px solid var(--opus-line);border-radius:99px;background:white;font-size:.82rem}
.notebook-page .workspace-tabs,.notebook-page .notebook-section-select{display:none!important}
.opus-notebook-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:-45px 0 32px;position:relative;z-index:4}
.opus-notebook-nav>button,.opus-notebook-more>summary{border:0;border-radius:99px;background:transparent;color:#55514d;min-height:48px;padding:10px 16px;font-weight:700;cursor:pointer;list-style:none}
.opus-notebook-nav>button[aria-current=page],.opus-notebook-more>summary[aria-current=page]{background:#fff0e5;color:#8b3600}
.opus-notebook-more{position:relative}
.opus-notebook-more>summary::-webkit-details-marker{display:none}
.opus-notebook-more>div{position:absolute;right:0;top:54px;width:min(300px,calc(100vw - 32px));padding:8px;border:1px solid var(--opus-line);border-radius:16px;background:white;box-shadow:0 12px 28px #29252224;display:grid;z-index:5}
.opus-notebook-more>div button,.opus-notebook-more>div a{display:block;text-align:left;min-height:44px;padding:9px 12px;border:0;border-radius:8px;background:white;color:var(--opus-ink);text-decoration:none;font-weight:600}
.opus-notebook-more>div button:hover,.opus-notebook-more>div a:hover,.opus-notebook-more>div button[aria-current=page]{background:#fff0e5}
.notebook-page .today-heading{align-items:end;margin:8px 0 22px}
.notebook-page .today-heading .eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.notebook-page .today-heading h2{font:600 clamp(2rem,4vw,2.65rem)/1.1 var(--opus-display);margin:4px 0 10px}
.notebook-page .today-heading h2 em{font:400 1.2em/.9 "Sacramento",cursive;color:var(--opus-accent)}
.notebook-page .today-heading p:not(.eyebrow){color:#625d58;margin:0}
.notebook-page .today-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px}
.notebook-page .today-grid>aside{border:0;padding:0}
.notebook-page .today-grid h3,.notebook-page .section-heading h2{font:600 1.55rem/1.2 var(--opus-display);margin:0}
.notebook-page .today-grid .section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.notebook-page .today-grid .section-heading h3{flex-basis:100%}
.notebook-page .task-group{margin:14px 0 22px}
.notebook-page .task-group>h4{font:700 .8rem/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;border:0;color:#625d58}
.notebook-page .task-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;background:white;border:1px solid var(--opus-line);border-radius:16px;margin:8px 0;padding:14px 16px;box-shadow:none}
.notebook-page .task-avatar{width:48px;height:48px;border-radius:12px;background:#d98626;color:#fff;display:grid;place-items:center;font:600 1.25rem var(--opus-display)}
.notebook-page .task-info{min-width:0}
.notebook-page .task-due{display:inline-block;border-radius:99px;background:#ffe9dc;color:#8b3600!important;padding:2px 9px;font-size:.8rem!important;font-weight:700}
.notebook-page .task-row h4{font:700 1rem/1.3 var(--sans);margin:0 0 4px}
.notebook-page .task-row p{margin:2px 0;color:#625d58}
.notebook-page .task-row .record-actions{flex-direction:row;align-items:center;gap:7px}
.notebook-page .task-row .button{border-radius:99px;min-height:44px}
.notebook-page .resident-row{padding:14px 16px;margin:8px 0;background:white;border:1px solid var(--opus-line);border-radius:16px}
.notebook-page .resident-row h4{font:600 1.05rem/1.3 var(--opus-display);margin:0}
.notebook-page .resident-row .record-actions{margin-top:10px}
.notebook-page .record-card,.notebook-page .work-panel,.notebook-page .signin,.notebook-page .start-keeping{border:1px solid var(--opus-line);border-radius:16px;background:white;padding:20px}
.notebook-page .record-card h3,.notebook-page .work-panel h2,.notebook-page .start-keeping h3{font:600 1.35rem/1.25 var(--opus-display)}
.notebook-page .record-grid{gap:14px}
.notebook-page .record-card .record-actions{gap:8px 14px}
.notebook-page .plain-button{min-height:40px;display:inline-flex;align-items:center}
.notebook-page .button{border-radius:99px}
.notebook-page .start-keeping{margin:16px 0 24px;background:#fff0e5}
.notebook-page .loading-message{border-radius:16px}
@media(max-width:760px){
  .notebook-page{padding-bottom:110px}
  .notebook-page .page-intro{padding:20px 0 8px}
  .notebook-page .notebook-top{margin:4px 0 14px}
  .opus-notebook-nav{position:fixed;bottom:0;left:0;right:0;margin:0;padding:4px 4px calc(5px + env(safe-area-inset-bottom,0px));background:white;border-top:1px solid var(--opus-line);box-shadow:0 -4px 20px #29252212;display:grid;grid-template-columns:repeat(4,1fr);z-index:20}
  .opus-notebook-nav>button,.opus-notebook-more>summary{width:100%;min-height:56px;padding:8px 4px;text-align:center;font-size:.82rem}
  .opus-notebook-more>div{top:auto;bottom:calc(62px + env(safe-area-inset-bottom,0px));right:0}
  .notebook-page .today-heading{align-items:start}
  .notebook-page .today-grid{grid-template-columns:1fr;gap:20px}
  .notebook-page .today-grid>aside{border-top:1px solid var(--opus-line);padding-top:24px}
  .notebook-page .task-row{grid-template-columns:44px minmax(0,1fr)}
  .notebook-page .task-row .record-actions{grid-column:2}
  .notebook-page .task-row .record-actions{justify-content:space-between}
}
@media print{.opus-notebook-nav{display:none!important}.notebook-page{padding-bottom:0}}