/* Daily work compositions. Load after experience.css and v1-ui.css.
   The authoring pilot, charts, document cells and learning-level colors remain
   controlled by their existing renderers. Ordinary collections reflow. */
.experience-shell .v1-daily-view { min-width: 0; color: var(--text-dark, #172d3a); }
.v1-daily-view :is(.experience-page-heading, .experience-attendance-heading,
 .experience-groups-heading, .experience-framework-heading, .experience-communication-heading) {
    margin-bottom: 2rem;
}
.experience-shell .v1-daily-view :is(h1, .experience-learning-table-heading h2, #micro-skill-title) {
    font-size: 2.25rem !important; line-height: 1.2; font-weight: 700;
    font-style: normal; letter-spacing: -.03em; overflow-wrap: anywhere;
}
.experience-shell .v1-daily-view :is(.experience-page-heading, .experience-attendance-heading,
 .experience-groups-heading, .experience-framework-heading, .experience-communication-heading) p:not(.role-home-eyebrow):not(.experience-eyebrow) {
    font-size: 1rem; line-height: 1.6; letter-spacing: normal; text-transform: none;
}
.v1-daily-view :is(.experience-collection-toolbar, .lesson-toolbar,
 .experience-learning-table-actions, .experience-framework-actions) { gap: .75rem; }
.experience-shell .v1-daily-view .experience-collection-toolbar {
    justify-content: flex-start; padding: 1.25rem; border: 1px solid var(--experience-line, #d6e0e3);
    background: var(--bg-surface, #fff); border-radius: .75rem;
}
.experience-shell .v1-daily-view .experience-collection-toolbar label { flex: 1 1 15rem; min-width: 0; }
.v1-daily-view :is(.experience-collection-toolbar, .experience-group-search,
 .experience-attendance-class, .experience-attendance-controls, .experience-calendar-navigation,
 .lesson-toolbar, .experience-framework-browse, .experience-learning-row) :is(input, select) {
    min-width: 0; max-width: 100%; min-height: 48px; box-sizing: border-box;
    border: 1px solid var(--v1-control-border, #819399); border-radius: .5rem;
    padding: .625rem .75rem; background: var(--bg-surface, #fff);
    color: var(--text-dark, #172d3a); font-family: var(--app-font-family, inherit);
    font-size: 1rem; line-height: 1.5;
}
.experience-shell .v1-daily-view .experience-collection-toolbar :is(input, select) { width: 100%; min-width: 0; }
.v1-daily-view :is(input, select):disabled { opacity: .62; }
.v1-daily-view :is([role="status"], [role="alert"]):not(:empty) {
    font-size: .875rem; line-height: 1.6; overflow-wrap: anywhere; margin-block: .75rem;
}
.v1-daily-view :is(#experience-students-list, #experience-journey-list, #groups-list) > p {
    margin: 0; padding: 1.5rem; border-radius: .75rem; box-shadow: none;
    background: var(--bg-surface, #fff); color: var(--heading-ink-soft, #52636d);
    font-size: 1rem; font-style: normal; line-height: 1.6; overflow-wrap: anywhere;
}
.experience-shell .v1-daily-view .experience-student-row { width: 100%; min-width: 0; gap: 1rem; }
.experience-shell .v1-daily-view .experience-student-copy { min-width: 0; overflow-wrap: anywhere; }
.experience-shell .v1-daily-view .experience-student-copy strong { font-size: 1.125rem; line-height: 1.4; }
.experience-shell .v1-daily-view .experience-student-copy > span { font-size: .875rem; line-height: 1.5; }
.experience-shell .v1-daily-view .experience-home-list button { padding: 1.25rem 0; }
.experience-shell .v1-daily-view .experience-home-list strong { font-size: 1.125rem; line-height: 1.4; }
.experience-shell .v1-daily-view .experience-home-list span { font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
.v1-daily-view :is(.experience-student-row, .experience-home-list button):hover { background: var(--bg-primary, #f4f7f7); }

/* Staff Home keeps frequent destinations visible beside the actual next step. */
.experience-shell .experience-home-quick-links { width: 100%; min-width: 0; margin-top: 1.25rem; }
.experience-shell .experience-home-quick-links h3 { margin: 0 0 .625rem; color: var(--heading-ink, #5A3822); font-size: 1rem; line-height: 1.4; font-weight: 700; }
.experience-shell .experience-home-quick-link-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr)); gap: .625rem; width: 100%; max-width: 56rem; }
.experience-shell .experience-home-quick-link { display: flex; align-items: center; justify-content: flex-start; min-width: 0; min-height: 48px; padding-inline: .5rem; text-align: left; white-space: normal; overflow-wrap: normal; word-break: normal; }
.experience-shell .experience-home-quick-link[hidden] { display: none !important; }
.experience-shell .experience-home-quick-links .experience-students-shortcut { width: 100%; min-width: 0; margin: 0; color: var(--text-dark, #172d3a); }
#school-home-shortcuts .experience-home-quick-links { flex: 1 1 100%; }
#school-home-shortcuts .experience-home-quick-link-grid { margin-left: auto; }

/* Give the identity its own row. A desktop action group must not reserve its
   max-content width beside the name, especially with all admin actions shown. */
#student-detail-view.v1-daily-view > div > div:first-child {
    display: grid; grid-template-columns: minmax(0, 1fr); align-items: start;
    gap: 1rem; margin-bottom: 1rem;
}
#student-detail-view.v1-daily-view > div > div:first-child > div { min-width: 0; }
#student-detail-view.v1-daily-view > div > div:first-child > div:last-child { width: 100%; flex-wrap: wrap; }
.v1-daily-view :is(#student-class-switcher, #student-gender-wrap) { gap: .5rem; flex-wrap: wrap; }
.v1-daily-view :is(#student-class-select, #student-gender-select) { max-width: 100%; min-width: 0; min-height: 44px; font-size: 1rem; }
.v1-daily-view .experience-learning-moments > p { font-size: 1rem; }
.v1-daily-view #experience-progress-skills { background: var(--bg-surface, #fff); }
.v1-daily-view #experience-progress-skills { margin: 0 0 .75rem; max-width: 48rem; padding: .75rem; }
.v1-daily-view #experience-progress-skills > summary { min-height: 44px; display: list-item; width: fit-content; cursor: pointer; font-weight: 700; color: var(--heading-ink, #5A3822); }
.v1-daily-view #experience-progress-skills > summary::marker { color: var(--heading-accent, #B54A32); font-size: 1rem; }
.v1-daily-view #experience-progress-skills[open] #student-overview-section { margin-top: 0; }
.v1-daily-view #teacher-notes-section { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "heading heading" "note edit"; align-items: start; gap: .5rem 1rem; background: var(--bg-surface, #fff); border: 1px solid var(--experience-line, #d6e0e3); border-radius: .5rem; padding: .75rem 1rem; margin-bottom: 1rem; }
.v1-daily-view #teacher-notes-section > .flex.items-center.justify-between { grid-area: heading; }
.v1-daily-view #teacher-notes-section .flex.items-center.justify-between { min-height: 1.5rem; }
.v1-daily-view #teacher-notes-display { grid-area: note; min-width: 0; min-height: 2.25rem; margin-top: 0; padding: .625rem .75rem; overflow-wrap: anywhere; line-height: 1.5; }
.v1-daily-view #teacher-notes-section > .mt-2.flex.items-center.justify-end { grid-area: edit; margin: 0; align-self: start; }
.v1-daily-view #teacher-notes-section #teacher-notes-edit-btn { min-height: 44px; white-space: normal; }
.v1-daily-view #teacher-notes-meta { max-width: 100%; overflow-wrap: anywhere; text-align: right; }
#student-detail-view.v1-daily-view .retro-header-container { position: relative; min-height: 0; width: 100%; max-width: none; margin-bottom: .75rem; padding: 0 0 .75rem; display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; row-gap: .5rem; }
#student-detail-view.v1-daily-view .retro-header-container > :not(#student-anecdote-summary) { grid-column: 1; min-width: 0; }
#student-detail-view.v1-daily-view #student-anecdote-summary { position: static; grid-column: 1; grid-row: auto; width: 100%; max-height: none; min-width: 0; overflow: visible; margin: 0; padding: .75rem 1rem; border: 1px solid var(--experience-line, #d6e0e3); border-radius: .75rem; background: var(--bg-surface, #fff); }
#student-detail-view.v1-daily-view #student-anecdote-summary-bars { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); column-gap: 1.25rem; row-gap: .125rem; }
.v1-daily-view #student-anecdote-summary-title { font-size: .875rem; line-height: 1.3; color: var(--heading-ink, #5A3822); }
.v1-daily-view #student-anecdote-summary-status { font-size: .75rem; line-height: 1.45; }
.v1-daily-view .student-summary-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(2.5rem, 1fr) 1.75rem; align-items: center; gap: .375rem; margin-top: .5rem; }
.v1-daily-view .student-summary-label { min-width: 0; font-size: .8125rem; font-weight: 650; overflow-wrap: break-word; }
.v1-daily-view .student-summary-track { display: block; height: .625rem; overflow: hidden; border-radius: 999px; background: var(--experience-line, #d6e0e3); }
.v1-daily-view .student-summary-fill { display: block; height: 100%; border-radius: inherit; }
.v1-daily-view .student-summary-count { text-align: right; font-size: .875rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.v1-daily-view .experience-moment-category { border-bottom: 2px solid var(--moment-accent, transparent); padding-bottom: .1rem; }
.v1-daily-view .experience-moments-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.v1-daily-view #experience-moment-add { flex: 0 0 auto; }

/* Groups are a responsive collection, with secondary actions per record. */
#groups-view.v1-daily-view #groups-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 1.25rem; }
#groups-view.v1-daily-view #groups-list > p { grid-column: 1 / -1; }
#groups-view.v1-daily-view #groups-list > :is(.group-folder-card, .group-observation-card) { min-width: 0; background: var(--bg-surface, #fff); }
.v1-daily-view :is(.group-folder-open-btn, #groups-list h3) { font-size: 1.25rem; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; white-space: normal; }
.v1-daily-view :is(.group-location, #groups-scope-note, #group-folder-nav) { overflow-wrap: anywhere; }
.v1-daily-view .experience-group-management select { width: 100%; min-width: 0; max-width: 100%; font-size: 1rem; }

/* Session / display choices retain aria-pressed and are not primary actions. */
.v1-daily-view .v1-daily-choice {
    min-height: 44px; min-width: 44px; padding: .625rem .875rem;
    border: 1px solid var(--v1-control-border, #819399); border-radius: .5rem;
    background: var(--bg-surface, #fff) !important; color: var(--text-dark, #172d3a) !important;
    font-size: .875rem; line-height: 1.5; font-weight: 650; white-space: normal;
}
.v1-daily-view .v1-daily-choice[aria-pressed="true"] {
    background: var(--v1-selected-surface, #e7f0ed) !important;
    box-shadow: none;
    font-weight: 700;
}
.v1-daily-view .v1-daily-choice:disabled { opacity: .62; cursor: default; }
#experience-attendance-view.v1-daily-view #attendance-widget { background: var(--bg-surface, #fff) !important; border-radius: .75rem; box-shadow: none; }
.v1-daily-view .experience-attendance-session > div { gap: .5rem; }
.v1-daily-view .attendance-row { min-width: 0; font-size: 1rem; line-height: 1.5; }
.v1-daily-view .attendance-row > span:last-child { font-size: .875rem; letter-spacing: normal; text-transform: none; }
.v1-daily-view .experience-attendance-export summary { min-height: 44px; }

/* Calendar categories and lesson block colors remain renderer-owned. */
.experience-shell .v1-daily-view :is(.experience-calendar-card, .experience-week-planner,
 .experience-framework-browse, .experience-framework-tools) { background: var(--bg-surface, #fff); border-radius: .75rem; }
.v1-daily-view :is(.experience-week-planner > h2, .experience-calendar-card h2, .experience-framework-browse h2) { font-size: 1.5rem; line-height: 1.3; }
.v1-daily-view :is(.calendar-list-content, .calendar-event-notes, #lesson-week-label) { min-width: 0; overflow-wrap: anywhere; }
.v1-daily-view :is(#school-calendar-hint, .calendar-event-meta, .experience-learning-context, .experience-learning-hint) { font-size: .875rem; line-height: 1.6; }
.v1-daily-view .lesson-toolbar { flex-wrap: wrap; }
.v1-daily-view .lesson-toolbar label { min-width: 0; }
.v1-daily-view .lesson-toolbar select { max-width: 100%; }
.v1-daily-view .experience-learning-table-heading > * { min-width: 0; }
.v1-daily-view.experience-learning-table > div:first-child { min-width: 0; border-radius: .75rem; background: var(--bg-surface, #fff); }
.v1-daily-view .experience-learning-comparison { overflow-x: auto; }
#skills-view.v1-daily-view .core-skill-header { background: var(--bg-surface, #fff); }
#skills-view.v1-daily-view :is(.core-skill-header strong, .aligned-skill-row h4) { font-size: 1.25rem; line-height: 1.4; }
.v1-daily-view :is(.experience-framework-tools, .experience-framework-browse) { min-width: 0; }
.v1-daily-view :is(button, summary, input, select, textarea, [tabindex="0"]):focus-visible {
    outline: 3px solid var(--v1-focus-ring, var(--text-dark, #172d3a)); outline-offset: 3px;
}

@media (max-width: 640px) {
    .experience-shell .v1-daily-view :is(h1, .experience-learning-table-heading h2, #micro-skill-title) { font-size: 1.875rem !important; }
    .experience-shell .v1-daily-view .experience-collection-toolbar { padding: 1rem; }
    .experience-shell .v1-daily-view .experience-student-row { display: grid; grid-template-columns: 44px minmax(0, 1fr); }
    .experience-shell .v1-daily-view .experience-student-row .experience-link { grid-column: 2; padding: 0; }
    .experience-shell .v1-daily-view .experience-student-initial { align-self: start; }
    #student-detail-view.v1-daily-view > div > div:first-child > div:last-child > button:not(#delete-student-data-btn) { flex: 1 1 12rem; }
    #student-detail-view.v1-daily-view .retro-header-container { grid-template-columns: minmax(0, 1fr); row-gap: .5rem; }
    #student-detail-view.v1-daily-view .retro-header-container > :not(#student-anecdote-summary) { grid-column: 1; }
    #student-detail-view.v1-daily-view #student-anecdote-summary { grid-column: 1; grid-row: auto; width: 100%; max-height: none; margin: 0; }
    .v1-daily-view #teacher-notes-section { grid-template-columns: minmax(0, 1fr); grid-template-areas: "heading" "note" "edit"; }
    .v1-daily-view #teacher-notes-section > .mt-2.flex.items-center.justify-end { justify-self: end; }
    .v1-daily-view .experience-moments-heading-row { align-items: stretch; flex-direction: column; }
    .v1-daily-view #experience-moment-add { width: 100%; }
    .v1-daily-view .student-summary-row { grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 1fr) 1.75rem; gap: .5rem; }
    .experience-shell .experience-home-quick-link-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); }
    .v1-daily-view .experience-learning-micro-heading > div:last-child { display: flex; flex-wrap: wrap; gap: .75rem; flex-shrink: 1; }
    .v1-daily-view .experience-learning-micro-heading > div:last-child > * { margin-left: 0; }
    .v1-daily-view :is(.experience-framework-actions, .experience-learning-table-actions) > button { flex: 1 1 10rem; }
    .v1-daily-view .experience-learning-display { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}