/* Sylva 0.999 beta 1: working surfaces share the current theme tokens. */
.ui-section-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin:0 0 22px;padding:0 0 8px}
.ui-section-tabs button{min-height:44px;padding:9px 16px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:.9375rem;cursor:pointer}
.ui-section-tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 -2px var(--accent);font-weight:600}
.ui-section-tabs button:hover{color:var(--text);background:var(--surface-2)}
.ui-section-tabs button:focus-visible,.ui-disclosure>summary:focus-visible,.ui-filter-disclosure>summary:focus-visible,.home-export-disclosure>summary:focus-visible,.book-export-menu>summary:focus-visible,.home-info-section>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-section-panel][hidden],#calendarEditor[hidden],#calendarReading[hidden],#calendarEdit[hidden],#calendarFinish[hidden],#relationshipShowAll[hidden],#relationshipActiveFilters[hidden]{display:none!important}
.ui-disclosure{border-top:1px solid var(--line);padding:0;min-width:0}
.ui-disclosure>summary{display:flex;gap:12px;align-items:center;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;color:var(--text);font-size:.9375rem}
.ui-disclosure>summary::-webkit-details-marker{display:none}
.ui-disclosure>summary::after{content:'+';margin-left:auto;flex:0 0 auto;font-size:1.2rem;color:var(--muted)}
.ui-disclosure[open]>summary::after{content:'−'}
.ui-disclosure>summary>span{display:grid;gap:4px;min-width:0}
.ui-disclosure>summary small{font-size:.875rem;font-weight:400;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.ui-disclosure-body{padding:4px 0 18px;min-width:0}

/* Planning: the scene's narrative stays visible; context opens in place. */
#planningView .planning-heading{margin-bottom:16px}
#planningView .planning-stats{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 16px;padding:0;background:none;border:0;box-shadow:none}
#planningView .planning-stats>div{display:flex;align-items:baseline;gap:6px;background:none;border:0;padding:0;box-shadow:none}
#planningView .planning-stats b{font-size:1rem}
#planningView .planning-stats span{font-size:.875rem!important}
#planningView .planning-modebar{display:flex;background:none!important;box-shadow:none;border:0;border-bottom:1px solid var(--line);padding:0 0 10px!important;gap:8px!important;margin-bottom:18px;flex-wrap:wrap}
#planningView .planning-mode-tab,#planningView .planning-status-entry{min-height:44px!important;padding:9px 14px!important;font-size:.9375rem!important}
#planningView .planning-mode-tab b,#planningView .planning-status-entry b{font-size:.9375rem}
#planningView .planning-workspace{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:24px;align-items:start}
#planningView .planning-scenes-panel{box-shadow:none;min-width:0}
#planningView .planning-detail{min-width:0;padding:22px;box-shadow:none}
#planningView .planning-detail-head{gap:16px;align-items:start;margin-bottom:18px}
#planningView .planning-detail-head h2{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.3;overflow-wrap:anywhere}
#planningView .planning-detail-head p{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
#planningView .planning-detail-head small,#planningView #planningSaveState{font-size:.8125rem}
#planningView .planning-detail-grid{display:flex;flex-direction:column;gap:0}
#planningView .planning-card-block{border:0;background:none!important;box-shadow:none;padding:0;min-width:0}
#planningView .planning-quick-fields{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) auto;align-items:end;gap:14px;margin-bottom:22px}
#planningView .planning-quick-fields .planning-word-box{background:none;border:0;box-shadow:none;padding:0 0 8px;min-width:0}
#planningView .planning-quick-fields .planning-word-box b{font-size:1.15rem}
#planningView .planning-quick-fields .planning-word-box small{font-size:.8125rem}
#planningView .planning-story-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
#planningView .planning-story-fields textarea{min-height:180px;font-size:1rem;line-height:1.65;resize:vertical;width:100%;max-width:100%}
#planningView .planning-story-fields label,#planningView .planning-field-grid label,#planningView .planning-quick-fields label{font-size:.9375rem}
#planningView .planning-detail input:not([type="checkbox"]),#planningView .planning-detail select{min-height:44px;min-width:0;font-size:.9375rem}
#planningView .planning-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#planningView .planning-picker-block{border:0;padding:10px 0;background:none}
#planningView .planning-check-list .narrative-check{min-height:44px;font-size:.9375rem}
#planningView .planning-context .planning-block-head,#planningView .planning-connections .planning-block-head{display:none}
#planningView .planning-connections .ui-disclosure-body>.planning-card-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#planningView #planningQuickPopup{margin-top:16px;min-height:44px;font-size:.875rem}

/* Analysis: every original chart has one home, without duplicate containers. */
#analysisView .view-heading{margin-bottom:20px}
.analysis-topic{min-width:0}
.analysis-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.analysis-topic-grid>.span-2,.analysis-topic-grid>.session-analysis-card,.analysis-topic-grid>.heatmap-card,.analysis-topic-grid>.narrative-plotline-card{grid-column:1/-1}
#analysisView .analysis-topic-grid>.analysis-card{min-width:0;margin:0;padding:20px;box-shadow:none}
#analysisView .analysis-card h3{font-size:1.05rem;line-height:1.4}
#analysisView .metric-note{font-size:.8125rem}
#analysisView #statsGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:20px;gap:12px}
#analysisView .stat-card{padding:14px 16px;box-shadow:none}
#analysisView .stat-card b{font-size:1.4rem}
#analysisView .stat-card span{font-size:.875rem!important}
.analysis-secondary-stats{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.9375rem;color:var(--muted)}
.analysis-secondary-stats b{color:var(--text);margin-right:6px}

/* Settings: labels distinguish the current book from device preferences. */
.modal.settings-modal{width:min(920px,calc(100vw - 32px));max-width:920px;padding:24px}
.settings-title{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}
.settings-title h2{margin:0;font-size:1.5rem}
.settings-title p{margin:8px 0 0;color:var(--muted);font-size:.9375rem;overflow-wrap:anywhere}
.settings-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.settings-panel .form-row{min-width:0;margin:0;gap:8px}
.settings-panel .form-row>label{font-size:.9375rem}
.settings-panel .form-row>small,.settings-panel .settings-scope{font-size:.875rem;line-height:1.55;color:var(--muted)}
.settings-panel input:not([type="checkbox"]),.settings-panel select,.settings-panel button{min-height:44px;font-size:.9375rem}
.settings-panel .settings-wide{grid-column:1/-1}
.settings-panel .settings-scope{margin:0 0 20px}
.settings-panel .sync-settings{margin:0;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-panel .sync-settings b{font-size:.9375rem;overflow-wrap:anywhere}
.settings-panel .sync-settings small{font-size:.8125rem}
.settings-panel .mmbook-info{font-size:.9375rem;line-height:1.65}
.settings-panel .danger-zone{border-top:1px solid var(--line);padding-top:20px}

/* Calendar: reading uses rows and typography; the complete editor stays intact. */
#calendarView .calendar-heading{margin-bottom:18px}
#calendarView .calendar-heading .heading-actions button{min-height:44px;font-size:.9375rem}
#calendarBookName{overflow-wrap:anywhere}
.calendar-reading{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);gap:28px 40px;margin-top:24px}
.calendar-reading>section{min-width:0}
.calendar-reading h2{font-size:1.15rem;margin:0 0 16px}
.calendar-read-week{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;padding:0;list-style:none}
.calendar-read-week li{font-size:1rem;padding:8px 12px;background:var(--surface-2);border-radius:6px;overflow-wrap:anywhere}
.calendar-read-eras{margin:0;padding-left:22px}
.calendar-read-eras li{padding:0 0 20px 6px;line-height:1.6}
.calendar-read-eras b{display:block;overflow-wrap:anywhere}
.calendar-read-eras small{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
.calendar-read-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.calendar-read-months>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}
.calendar-read-months dt{font-size:1rem;overflow-wrap:anywhere}
.calendar-read-months dd{margin:0;font-size:.9375rem;flex-shrink:0;color:var(--muted)}
.calendar-edit-notice{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:18px 0;color:var(--muted);font-size:.875rem;line-height:1.5}
#calendarEditor input,#calendarEditor select,#calendarEditor button{min-height:44px;font-size:.9375rem!important}
#calendarEditor label,#calendarEditor label>span{font-size:.875rem!important}
#calendarView .calendar-summary span{font-size:.875rem!important}

/* Home: exports identify their book; secondary information unfolds in place. */
#homeView .home-export-section{padding-top:24px}
#homeExportBook{font-size:1rem;overflow-wrap:anywhere}
.home-transfer-actions{display:flex;flex-wrap:wrap;align-items:start;gap:14px}
.home-export-disclosure{flex:1 1 360px;min-width:0}
.home-export-disclosure>summary,.book-export-menu>summary,.home-info-section>summary,.ui-filter-disclosure>summary{min-height:44px;padding:11px 14px;cursor:pointer;color:var(--text);font-size:.9375rem;line-height:1.45}
.home-export-disclosure>summary{border:1px solid var(--line);border-radius:8px;background:var(--surface)}
#homeView .home-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;padding:12px 0 0;margin:0}
#homeView .home-export-actions .big-action{min-height:78px!important;padding:14px!important;box-shadow:none!important;border-radius:8px!important}
#homeView .home-export-actions .action-icon{display:none}
#homeView .home-export-actions .big-action b{font-size:1rem!important}
#homeView .home-export-actions .big-action small{font-size:.875rem!important}
#homeView .home-transfer-actions>#cloudHomeBtn{flex:0 1 230px;min-height:44px;padding:11px 16px;border-radius:8px;box-shadow:none}
#homeView #cloudHomeBtn .action-icon{display:none}
#homeView #cloudHomeBtn b{font-size:.9375rem}
#homeView #cloudHomeBtn small{font-size:.8125rem}
.book-export-menu{display:block;margin-top:12px;border-top:1px solid var(--line)}
.book-export-menu>summary{padding-left:0}
.book-export-caption{font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere;margin:0 0 10px}
.book-export-menu .book-export-options{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}
.book-export-options button{min-height:44px;font-size:.875rem}
#homeView .home-info-section>summary{padding:8px 0;font-size:1.1rem;font-weight:600}
#homeView .home-info-section .home-info-grid{margin-top:18px}
.home-import-row button{min-height:44px}

/* Relationships: selected filters remain visible when their controls close. */
#relationshipsView .relationships-heading{margin-bottom:14px}
#relationshipsView .relationship-page-stats{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 16px;padding:0;background:none;border:0;box-shadow:none}
#relationshipsView .relationship-page-stats>div{display:flex;align-items:baseline;gap:6px;padding:0;background:none;border:0;box-shadow:none}
#relationshipsView .relationship-page-stats b{font-size:1rem}
#relationshipsView .relationship-page-stats span{font-size:.875rem!important}
#relationshipsView .relationship-page-toolbar{display:flex;flex-wrap:wrap;align-items:start!important;gap:12px;padding:0!important;margin-bottom:12px;background:none;border:0;box-shadow:none}
#relationshipsView .relationship-page-toolbar>*{width:auto!important}
#relationshipsView .relationship-page-toolbar>.search-wrap{flex:1 1 260px;margin:0}
#relationshipsView .relationship-page-toolbar>label{flex:1 1 200px;max-width:320px}
#relationshipsView .relationship-page-toolbar>label>span{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
#relationshipsView .relationship-page-toolbar input,#relationshipsView .relationship-page-toolbar select,#relationshipsView .relationship-page-toolbar button{min-height:44px;font-size:.9375rem!important;width:100%}
#relationshipsView .relationship-page-toolbar>#relationshipShowAll{width:auto}
.ui-filter-disclosure{flex:0 1 230px;min-width:180px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.ui-filter-fields{display:grid;gap:14px;padding:4px 14px 16px}
.ui-filter-fields label{display:grid;gap:6px;min-width:0;font-size:.875rem}
.ui-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.ui-active-filters button{display:flex;gap:12px;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--accent-soft);color:var(--text);font-size:.875rem;max-width:100%;overflow-wrap:anywhere;text-align:left;cursor:pointer}
#relationshipsView .rt-tabs{margin-top:8px}

@media(max-width:1100px){
 #planningView .planning-workspace{grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:16px}
 #planningView .planning-story-fields{grid-template-columns:1fr;gap:18px}
 #planningView .planning-story-fields textarea{min-height:120px}
 #planningView .planning-connections .ui-disclosure-body>.planning-card-block{grid-template-columns:1fr}
 #planningView .planning-quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #planningView .planning-quick-fields .planning-word-box{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;padding:0}
 .calendar-reading{grid-template-columns:1fr}
}
@media(max-width:820px){
 #planningView .planning-workspace{grid-template-columns:1fr}
 #planningView .planning-scenes-panel .planning-scene-list{max-height:230px;overflow:auto;overscroll-behavior:contain}
 #planningView .planning-detail{padding:18px}
 #planningView .planning-detail-head{flex-direction:column;gap:8px}
 #planningView .planning-field-grid{grid-template-columns:1fr}
 #planningView .planning-mode-spacer{display:none}
 .analysis-topic-grid{grid-template-columns:1fr}
 #analysisView .analysis-topic-grid>.analysis-card{padding:18px}
 #analysisView #statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .settings-panel .form-grid{grid-template-columns:1fr}
 .modal.settings-modal{padding:18px}
 .ui-section-tabs{gap:4px;margin-bottom:18px}
 .ui-section-tabs button{padding:9px 12px}
 .home-transfer-actions{flex-direction:column;align-items:stretch}
 .home-export-disclosure,#homeView .home-transfer-actions>#cloudHomeBtn{flex-basis:auto}
 #relationshipsView .relationship-page-toolbar>label{max-width:none}
 .ui-filter-disclosure{flex:1 1 200px}
}
@media(max-width:540px){
 .calendar-read-months{grid-template-columns:1fr}
 #planningView .planning-quick-fields{grid-template-columns:1fr}
 #homeView .home-export-actions{grid-template-columns:1fr!important}
 .settings-panel .sync-settings{grid-template-columns:1fr}
}