/* Shared paper surfaces; loaded after each phone page's layout stylesheet. */
:root { --journal-paper:#fffaf0; --journal-soft:#f1e7d5; --journal-ink:#493e30; --journal-muted:#73654f; --journal-line:#dfd2b8; }
html:not([data-bg]) { --page-base:#ede5d7; --page-ink:#73654f; }
html[data-theme="dark"] { --journal-paper:#252b26; --journal-soft:#303930; --journal-ink:#eee6d5; --journal-muted:#c5bda9; --journal-line:#505447; --page-base:#151b17; }
body { color:var(--journal-ink); }
html body :is(.detailValue,.detailValue a,.detailLabel,.leadNotesHeading,#historyEntries li) { color:var(--journal-ink); }
.wsBand { background-color:#29473b; background-image:radial-gradient(80% 110% at 6% -10%,#6e8d72,transparent 65%); animation:none; }
.wsHeader h1, h1, h2, .dailyStory, .historyCard summary { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.3px; }
.wsHeader h1 { font-size:clamp(30px,8vw,39px); line-height:1.15; }
.wsHeader .encLine { font-family:Georgia,serif; font-style:italic; line-height:1.6; }
.wsBody { gap:18px; }
html body :is(.workspace .leadCard,.workspace .bridgeSetup,.workspace .appointmentPicker,.workspace .historyCard,.workspace .controls,.calmCard,.settingsCard,.statsSummary > div,.dailyReflection,.leadCard,.historyCard) { background:var(--journal-paper); color:var(--journal-ink); border:1px solid var(--journal-line); border-radius:5px 18px 18px 5px; box-shadow:0 2px 4px #3025150a,0 12px 28px #30251514; }
html body :is(.leadCard h2,.calCard h2,.statsCard h2,.settingsCard h2,.settingText strong,.dailyCard h2,.dailyReflection h2,.resultHeading h2,.historyCard summary) { color:var(--journal-ink); }
html body :is(.settingText small,.historyHint,.calEmpty,.calLegend,.statsSummary span,.statsNote,.trendCaption,.trendLegend,.trendAxis,.homeAccount,.dailyCard p,.dailyReflection p) { color:var(--journal-muted); }
.workspace .leadCard { padding:25px 22px 26px 27px; border-left:3px solid #bba17a; }
html body .workspace .leadCard h2 { font-size:29px; line-height:1.22; }
html:not([data-lead-paper="beige"]):not([data-theme="dark"]) .workspace .leadCard { background:#fffdf8; }
html[data-lead-paper="beige"]:not([data-theme="dark"]) .workspace .leadCard { background:#f7eedc; }
html[data-theme="dark"][data-lead-paper="beige"] .workspace .leadCard { background:#332c22; }
html body :is(.workspace .leadNotes,.timingInsight,.timingInsight.learning,.calEvent,.dailyMetrics div,.statsNote,.segmented,.statsLabel i) { background:var(--journal-soft); color:var(--journal-ink); border-color:var(--journal-line); }
html body :is(.calTime strong,.calBody strong,.statsRow,.statsRow strong,.statsSummary strong,.dailyMetrics strong,.dailyMetrics span,.calDayLabel,.settingText small,.leadNotes strong,.leadNotes p,.leadDetails,.leadDetails a) { color:var(--journal-ink); }
html body :is(.workspace .navControls button,.workspace .controls button,.calmCard button,.settingsReset button,.settingSelect,.statsCardTitle select,.trendCompareLabel select) { background:var(--journal-paper); color:var(--journal-ink); border-color:var(--journal-line); }
html body .workspace #nextLead:not(:disabled), html body .calDay.selected { background:var(--journal-soft); color:var(--journal-ink); }
html body .workspace .controls button:disabled, html body .workspace .navControls button:disabled { background:var(--journal-soft); color:var(--journal-muted); opacity:.55; }
.workspace .callLink { border-radius:13px; background:linear-gradient(135deg,#58745d,#26483d); }
.workspace .navControls { gap:8px; }
.workspace .navControls button { font-size:13px; min-height:52px; }
.swipeHint { margin:-5px 8px 0; color:var(--page-ink); font:italic 12px/1.5 Georgia,serif; text-align:center; }
html[data-no-swipe] .swipeHint { display:none; }
.workspace .leadCard { touch-action:pan-y pinch-zoom; }
.workspace:has(#callResults:not([hidden])) .swipeHint { visibility:hidden; }
.statsSummary strong,.dailyMetrics strong { font-family:Georgia,serif; font-weight:400; }
.dailyStory { line-height:1.8; padding:28px; }
html body .trendChart { background:var(--journal-soft); }
html body .calCard .calDay { color:var(--journal-ink); }
html body .calCard .calDay.outside { opacity:.45; }
.settingRow,.statsRow + .statsRow,.calLegend { border-color:var(--journal-line); }
html[data-theme="dark"] :is(.headsUpTitle,.headsUpDetail,.leadMeta,.metaValue,.calKind,.calBody,.calTime small,.statsLabel,.segment,.bgName) { color:var(--journal-ink); }
html[data-theme="dark"] .workspace .requestBadge { background:#394d3d; color:#e2ead9; }
html[data-theme="dark"] .segment:has(input:checked) { background:var(--journal-soft); color:var(--journal-ink); }
/* Account, setup and privacy use simpler layouts, with the same paper feel. */
body > main:not(.app) { background:var(--journal-paper); color:var(--journal-ink); border-color:var(--journal-line); border-radius:6px 18px 18px 6px; }
html[data-theme="dark"] body > main:not(.app) :is(p,label,h1,h2,a) { color:var(--journal-ink); }
html[data-theme="dark"] :is(.member,.summary div) { background:var(--journal-soft); color:var(--journal-ink); }
@media (max-width:360px) { .workspace .leadCard { padding:21px 17px; } .dailyStory { padding:23px 20px; } }
@media (prefers-reduced-motion:reduce) { .wsBand { animation:none; } }