/* Scenes V3 uses the dashboard card language and shared semantic tokens. */
#app-view .scenes-view {display:grid;gap:var(--v3-space-4);padding-top:var(--v3-space-3);min-width:0}
.scenes-view-header {display:flex;align-items:center;justify-content:space-between;gap:var(--v3-space-3);margin-bottom:var(--v3-space-4)}
.scenes-view-header h3,.scene-detail-top h3 {margin:0;font-size:1.8rem;letter-spacing:-.035em;color:var(--v3-text);overflow-wrap:anywhere}
.scenes-view-header p,.scene-detail-top p {margin:var(--v3-space-1) 0 0;color:var(--v3-muted);font-size:.85rem}
.scenes-page-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v3-space-4)}
.scene-card {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:0;background:var(--v3-card);color:var(--v3-text);border:1px solid var(--v3-border);border-radius:var(--v3-radius-md);padding:var(--v3-space-4);gap:var(--v3-space-2)}
.scene-card-main {display:grid;align-content:start;grid-template-columns:minmax(0,1fr) auto;gap:var(--v3-space-3);min-width:0;min-height:var(--v3-touch);border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:inherit}
.scene-page-icon {grid-column:1/-1;width:var(--v3-touch);height:var(--v3-touch);border-radius:var(--v3-radius-sm);display:grid;place-items:center;background:var(--v3-secondary);color:var(--v3-primary);font-size:1.6rem}
.scene-page-copy {display:grid;gap:var(--v3-space-1);min-width:0}
.scene-page-copy strong {font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.scene-page-copy small,.scene-page-copy>span {color:var(--v3-muted);font-size:.78rem;line-height:1.4;overflow-wrap:anywhere}
.scene-chevron {align-self:center;font-size:1.4rem;color:var(--v3-muted)}
.scene-run,.scene-back,#scene-edit-open,.scene-detail-run {min-width:var(--v3-touch);min-height:var(--v3-touch);border:1px solid var(--v3-border);border-radius:var(--v3-radius-sm);padding:var(--v3-space-2) var(--v3-space-3);background:var(--v3-secondary);color:var(--v3-primary);cursor:pointer;font-weight:650}
.scene-run {display:grid;place-items:center;gap:var(--v3-space-1);align-self:start}
.scene-run small {font-size:.75rem}
.scene-detail-run {background:var(--v3-primary);color:var(--v3-primary-contrast);border-color:var(--v3-primary)}
.scene-back,#scene-edit-open {background:var(--v3-card);color:var(--v3-text);flex-shrink:0;font-size:1.2rem}
.scenes-view button:disabled {cursor:not-allowed;opacity:.65}
.scenes-view button[aria-busy='true'] {opacity:1;background:var(--v3-secondary);color:var(--v3-text)}
.scene-pending {font-size:.78rem;white-space:normal}
.scenes-empty {grid-column:1/-1;min-height:190px;display:grid;place-items:center;text-align:center;align-content:center;gap:var(--v3-space-2);background:var(--v3-card);border:1px solid var(--v3-border);border-radius:var(--v3-radius-md);padding:var(--v3-space-5)}
.scenes-empty-icon {font-size:1.8rem;color:var(--v3-primary)}
.scenes-empty p {margin:0;max-width:440px;color:var(--v3-muted);font-size:.85rem}
.scene-detail {display:grid;gap:var(--v3-space-4);min-width:0}
.scene-detail-top {display:flex;align-items:center;flex-wrap:wrap;gap:var(--v3-space-3)}
.scene-detail-top-copy {flex:1 1 200px;min-width:0}
.scene-action-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v3-space-3)}
.scene-action-row {display:grid;grid-template-columns:var(--v3-touch) minmax(0,1fr);align-items:start;gap:var(--v3-space-3);padding:var(--v3-space-4);background:var(--v3-card);border:1px solid var(--v3-border);border-radius:var(--v3-radius-md);min-width:0}
.scene-action-position {width:var(--v3-touch);height:var(--v3-touch);border-radius:var(--v3-radius-sm);display:grid;place-items:center;background:var(--v3-secondary);color:var(--v3-primary);font-size:.85rem;font-weight:650}
.scene-action-row div {display:grid;gap:var(--v3-space-1);min-width:0}
.scene-action-row strong {font-size:.95rem;line-height:1.4;overflow-wrap:anywhere}
.scene-action-row small {font-size:.78rem;color:var(--v3-muted);line-height:1.4;overflow-wrap:anywhere}
#app-view .scenes-view button:focus-visible {outline:3px solid var(--v3-primary);outline-offset:3px}
@media(hover:hover){.scene-card:hover {border-color:var(--v3-primary)} .scene-run:hover,.scene-back:hover {background:var(--v3-page)}}
/* Match the dashboard's existing icon tones without overriding dark theme tokens. */
:root:not([data-theme='dark']) .scene-card.night .scene-page-icon {background:#f1eaff;color:#7928d8}
:root:not([data-theme='dark']) .scene-card.morning .scene-page-icon {background:#fff5e4;color:#ad6800}
:root:not([data-theme='dark']) .scene-card.off .scene-page-icon {background:#fff0ed;color:#c63c25}
:root:not([data-theme='dark']) .scene-card.movie .scene-page-icon {background:#edf3ff;color:#0868db}
:root:not([data-theme='dark']) .scene-card.home .scene-page-icon {background:#eaf8ee;color:#178141}
#management-editor[data-editor-type='scene-edit'] .management-editor-panel {background:var(--v3-card);color:var(--v3-text);border:1px solid var(--v3-border);border-radius:var(--v3-radius-lg);max-height:calc(100dvh - var(--v3-space-5) * 2);overflow:auto}
#management-editor[data-editor-type='scene-edit'] .management-editor-field input {background:var(--v3-page);color:var(--v3-text);border:1px solid var(--v3-border);border-radius:var(--v3-radius-sm);min-height:var(--v3-touch);min-width:0;width:100%}
#management-editor[data-editor-type='scene-edit'] button {min-height:var(--v3-touch);border-radius:var(--v3-radius-sm)}
#management-editor[data-editor-type='scene-edit'] .management-editor-primary {background:var(--v3-primary);color:var(--v3-primary-contrast)}
#management-editor[data-editor-type='scene-edit'] :focus-visible {outline:3px solid var(--v3-primary);outline-offset:2px}
@media(max-width:1180px){.scenes-page-list {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.scenes-page-list,.scene-action-list {grid-template-columns:1fr} .scenes-view-header h3,.scene-detail-top h3 {font-size:1.5rem} .scene-detail-top-copy {flex-basis:calc(100% - 60px)}}