/* ========================================================================== CSS PRINCIPALE - DESIGN SYSTEM PREMIUM (SLEEK DARK MODE) ========================================================================== */ :root { /* Tavolozza di Colori HSL Tailored */ --bg-base: #0b0f19; --bg-surface: #151c2c; --bg-surface-elevated: #1e293b; --bg-glass: rgba(21, 28, 44, 0.65); --border-color: #222f47; --border-color-hover: #334464; --border-glass: rgba(255, 255, 255, 0.06); --text-primary: #f8fafc; --text-secondary: #94a3b8; --text-muted: #64748b; /* Colori di Accento */ --color-indigo: #6366f1; --color-indigo-hover: #4f46e5; --color-indigo-glow: rgba(99, 102, 241, 0.15); --color-blue: #0ea5e9; --color-blue-hover: #0284c7; --color-emerald: #10b981; --color-emerald-hover: #059669; --color-emerald-glow: rgba(16, 185, 129, 0.15); --color-amber: #f59e0b; --color-amber-hover: #d97706; --color-amber-glow: rgba(245, 158, 11, 0.15); --color-rose: #f43f5e; --color-rose-hover: #e11d48; --color-rose-glow: rgba(244, 63, 94, 0.15); /* Ombre ed Effetti Visivi */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-indigo: 0 10px 20px -3px rgba(99, 102, 241, 0.25); --radius-sm: 4px; /* Utilizzato per bottoni, tendine (select) e piccoli badge */ --radius-md: 6px; /* Utilizzato per le card standard e campi di input */ --radius-lg: 10px; /* Utilizzato per i modali e contenitori principali */ --radius-xl: 16px; /* Utilizzato per elementi grafici molto grandi */ /* Altezza condivisa: box utente sidebar e barre strumenti sticky delle viste */ --topbar-h: 70px; --transition-fast: 0.15s ease; --transition-normal: 0.25s ease; --transition-slow: 0.4s ease; /* Superfici e testi dipendenti dal tema (valori per il tema scuro) */ --bg-page: linear-gradient(135deg, #090d16 0%, #111827 100%); --input-bg: rgba(15, 23, 42, 0.6); --input-bg-focus: rgba(15, 23, 42, 0.8); --overlay-hover: rgba(255, 255, 255, 0.03); --overlay-inset: rgba(0, 0, 0, 0.12); --divider-soft: rgba(255, 255, 255, 0.06); --lesson-text: #ffffff; --lesson-text-soft: rgba(255, 255, 255, 0.85); --lesson-text-muted: rgba(255, 255, 255, 0.7); } /* ========================================================================== TEMA CHIARO (MODALITÀ GIORNO) Attivato impostando data-theme="light" sull'elemento . ========================================================================== */ :root[data-theme="light"] { --bg-base: #eef2f7; --bg-surface: #ffffff; --bg-surface-elevated: #e6ecf5; --bg-glass: rgba(255, 255, 255, 0.78); --border-color: #d3dcea; --border-color-hover: #aebcd3; --border-glass: rgba(15, 23, 42, 0.08); --text-primary: #0f172a; --text-secondary: #46566e; --text-muted: #7c8aa0; --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.06); --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -1px rgba(15, 23, 42, 0.05); --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.12), 0 4px 6px -2px rgba(15, 23, 42, 0.06); --bg-page: linear-gradient(135deg, #eef2f7 0%, #e2e9f3 100%); --input-bg: #ffffff; --input-bg-focus: #ffffff; --overlay-hover: rgba(15, 23, 42, 0.04); --overlay-inset: rgba(15, 23, 42, 0.05); --divider-soft: rgba(15, 23, 42, 0.09); --lesson-text: #0f172a; --lesson-text-soft: rgba(15, 23, 42, 0.75); --lesson-text-muted: rgba(15, 23, 42, 0.6); } /* Pulsante di cambio tema: mostra l'icona della modalità di arrivo */ .theme-toggle .when-light { display: none; } :root[data-theme="light"] .theme-toggle .when-light { display: block; } :root[data-theme="light"] .theme-toggle .when-dark { display: none; } .theme-icon-button { width: 36px; height: 36px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: transparent; color: var(--text-secondary); cursor: pointer; } .btn.theme-icon-button { padding: 0; } .theme-icon-button:hover { border-color: var(--color-indigo); background-color: var(--color-indigo-glow); color: var(--color-indigo); } .theme-icon { width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .login-theme-control { margin-top: 10px; } /* ========================================================================== RESET & LAYOUT BASE ========================================================================== */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } body { background-color: var(--bg-base); color: var(--text-primary); overflow: hidden; height: 100vh; width: 100vw; } /* Helper per nascondere elementi */ .hide { display: none !important; } .text-indigo { color: var(--color-indigo); } .text-rose { color: var(--color-rose); } .text-emerald { color: var(--color-emerald); } .text-amber { color: var(--color-amber); } .bg-indigo { background-color: var(--color-indigo); } .bg-blue { background-color: var(--color-blue); } .bg-emerald { background-color: var(--color-emerald); } .bg-rose { background-color: var(--color-rose); } .bg-amber { background-color: var(--color-amber); } /* Indicatore di attesa condiviso: 24 px nei controlli, 80 px all'avvio. */ .orario-loader { display: inline-block; width: 24px; height: 24px; flex: 0 0 auto; vertical-align: middle; } .orario-loader-large { width: 80px; height: 80px; } .app-loading { display: grid; place-items: center; height: 100vh; height: 100dvh; padding: 24px; overflow: auto; background: var(--bg-base); } .app-loading-content { display: flex; flex-direction: column; align-items: center; gap: 20px; max-width: 360px; text-align: center; } #app-loading-message { color: var(--text-secondary); font-size: 13px; line-height: 1.6; } .app-loading[aria-busy="false"] .orario-loader { display: none; } /* ========================================================================== INTERFACCIA DI LOGIN ========================================================================== */ .login-wrapper { display: flex; justify-content: center; align-items: center; height: 100vh; background: radial-gradient(circle at 10% 20%, rgba(99, 102, 241, 0.1) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(14, 165, 233, 0.1) 0%, transparent 40%), var(--bg-base); } .login-card { width: 100%; max-width: 420px; padding: 40px; border-radius: var(--radius-lg); border: 1px solid var(--border-glass); box-shadow: var(--shadow-lg); } .glass { background: var(--bg-glass); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .login-header { text-align: center; margin-bottom: 30px; } .login-logo { display: block; width: 72px; height: 64px; margin: 0 auto 15px auto; } .login-header h1 { font-size: 24px; font-weight: 700; margin-bottom: 6px; letter-spacing: -0.5px; } .login-header p { color: var(--text-secondary); font-size: 14px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-secondary); margin-bottom: 8px; } .input-with-icon { position: relative; display: flex; align-items: center; } .input-with-icon i { position: absolute; left: 14px; color: var(--text-muted); font-size: 16px; transition: var(--transition-fast); } .input-with-icon input { width: 100%; padding: 12px 14px 12px 42px; background-color: var(--input-bg); border: 1px solid var(--border-color); border-radius: var(--radius-md); color: var(--text-primary); font-size: 14px; transition: var(--transition-fast); } .input-with-icon input:focus { outline: none; border-color: var(--color-indigo); box-shadow: 0 0 0 3px var(--color-indigo-glow); background-color: var(--input-bg-focus); } .input-with-icon input:focus + i { color: var(--color-indigo); } .error-msg { color: var(--color-rose); background-color: var(--color-rose-glow); border: 1px solid rgba(244, 63, 94, 0.2); border-radius: var(--radius-sm); padding: 10px 14px; font-size: 13px; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; } .login-footer { text-align: center; margin-top: 25px; font-size: 12px; color: var(--text-muted); } .login-footer strong { color: var(--text-secondary); } .auth-link-button { display: block; width: 100%; margin-top: 14px; padding: 5px; border: 0; background: transparent; color: var(--color-indigo); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; } .auth-link-button:hover { color: var(--color-blue); text-decoration: underline; } .auth-secondary-panel { padding-top: 2px; } .auth-panel-heading { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 24px; padding: 14px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--overlay-inset); } .auth-panel-heading > i { margin-top: 2px; color: var(--color-indigo); font-size: 20px; } .auth-panel-heading h2 { margin: 0 0 4px; font-size: 16px; } .auth-panel-heading p { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .auth-form-message { margin-bottom: 16px; padding: 11px 13px; border: 1px solid rgba(16, 185, 129, 0.3); border-radius: var(--radius-md); background: rgba(16, 185, 129, 0.08); color: var(--color-emerald); font-size: 13px; line-height: 1.45; } .auth-form-message.error { border-color: rgba(244, 63, 94, 0.25); background: var(--color-rose-glow); color: var(--color-rose); } /* ========================================================================== PULSANTI ========================================================================== */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; font-size: 14px; font-weight: 500; border-radius: var(--radius-md); border: 1px solid transparent; cursor: pointer; transition: var(--transition-fast); color: white; } .btn-primary { background-color: var(--color-indigo); } .btn-primary:hover { background-color: var(--color-indigo-hover); box-shadow: 0 0 12px var(--color-indigo-glow); } .btn-secondary { background-color: var(--bg-surface-elevated); border-color: var(--border-color); color: var(--text-primary); } .btn-secondary:hover { background-color: var(--border-color-hover); border-color: var(--border-color-hover); } .btn-danger { background-color: var(--color-rose); } .btn-danger:hover { background-color: var(--color-rose-hover); } .btn-block { display: flex; width: 100%; } .btn:active { transform: scale(0.98); } /* ========================================================================== LAYOUT PRINCIPALE DELL'APPLICAZIONE ========================================================================== */ .app-layout { display: grid; grid-template-columns: 210px 1fr; height: 100vh; width: 100vw; min-height: 0; overflow: hidden; } /* Sidebar */ .app-sidebar { background-color: var(--bg-surface); border-right: 1px solid var(--border-color); display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; } .sidebar-brand { height: var(--topbar-h); padding: 0 12px; font-size: 16px; font-weight: 700; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--border-color); flex-shrink: 0; } .user-profile-badge { position: relative; height: var(--topbar-h); padding: 0 24px; display: flex; align-items: center; gap: 12px; background-color: var(--overlay-inset); border-bottom: 1px solid var(--border-color); flex-shrink: 0; } .avatar-button { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; font-size: 32px; color: var(--text-secondary); cursor: pointer; transition: color var(--transition-fast), transform var(--transition-fast); } .avatar-button:hover, .avatar-button[aria-expanded="true"] { color: var(--color-indigo); transform: scale(1.05); } .avatar-button:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 3px; } .user-profile-badge .user-info { display: flex; flex-direction: column; } .user-profile-badge .username { font-size: 14px; font-weight: 600; } .user-profile-badge .role { font-size: 11px; color: var(--text-muted); text-transform: capitalize; } .user-account-menu { position: absolute; z-index: 40; top: calc(100% - 6px); left: 12px; right: 12px; padding: 6px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-surface); box-shadow: var(--shadow-lg); } .user-account-menu-item { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--text-primary); cursor: pointer; font-size: 12px; font-weight: 500; text-align: left; } .user-account-menu-item:hover, .user-account-menu-item:focus-visible { outline: none; background-color: var(--overlay-hover); } .user-account-menu-item.danger { color: var(--color-rose); } .sidebar-menu { padding: 16px 12px; flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; min-height: 0; } .menu-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; color: var(--text-secondary); text-decoration: none; font-size: 14px; font-weight: 500; line-height: 1.4; border-radius: var(--radius-md); transition: var(--transition-fast); } button.menu-item { width: 100%; border: 0; background: transparent; text-align: left; cursor: pointer; } .menu-item:hover { background-color: var(--bg-surface-elevated); color: var(--text-primary); } .menu-item.active { background-color: var(--color-indigo-glow); color: var(--color-indigo); font-weight: 600; box-shadow: inset 3px 0 0 var(--color-indigo); } .sidebar-footer { padding: 16px; border-top: 1px solid var(--border-color); flex-shrink: 0; } /* Main Area */ .app-main { display: flex; flex-direction: column; height: 100vh; overflow: hidden; } .main-header { height: var(--topbar-h); padding: 0 30px; background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .main-header h1 { font-size: 20px; font-weight: 700; letter-spacing: -0.5px; } .header-actions { display: flex; align-items: center; gap: 15px; } .data-refresh-status { color: var(--text-muted); font-size: 12px; font-weight: 600; white-space: nowrap; } .data-refresh-status.is-success { color: var(--color-emerald); } .data-refresh-status.is-loading { color: var(--color-indigo); } .data-refresh-status.is-error { color: var(--color-rose); } .header-actions .btn, .header-actions .badge { height: 36px; padding: 7px 14px; /* Stessa altezza e proporzioni per pulsanti e badge in alto a destra */ font-size: 13px; font-weight: 500; border-radius: var(--radius-md); /* Stesso radius dei pulsanti */ } .header-actions .theme-icon-button { width: 36px; min-width: 36px; height: 36px; padding: 0; } .badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; font-size: 12px; font-weight: 600; border-radius: var(--radius-sm); color: white; } .badge-success { background-color: var(--color-emerald-glow); border: 1px solid rgba(16, 185, 129, 0.2); color: var(--color-emerald); } .badge-success .dot { width: 6px; height: 6px; background-color: var(--color-emerald); border-radius: 50%; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25); } .content-wrapper { padding: 0 30px 30px; flex-grow: 1; overflow-y: auto; height: calc(100vh - 70px); display: flex; flex-direction: column; } /* Viste senza barra sticky (la view-container è il primo elemento): ripristina lo spazio superiore che prima dava il padding del content-wrapper. Nelle viste con .view-toolbar il primo elemento è la barra, che invece resta addossata in alto. */ .app-view > .view-container:first-child { padding-top: 30px; } .app-view { display: flex; flex-direction: column; flex-grow: 1; width: 100%; } .view-container { width: 100%; max-width: 1100px; margin: auto; display: flex; flex-direction: column; gap: 20px; padding: 10px 0; } .view-container-sm { max-width: 680px; } .view-container-lg { max-width: 1400px; } .view-container-full { max-width: 100%; } /* Vista Docenti, Classi, Plessi, Materie, Vincoli, Versioni, Utenti, Orario & Dashboard: layout specifico per far partire la barra di scorrimento sotto alla barra strumenti sticky */ .content-wrapper:has(#view-docenti:not(.hide)), .content-wrapper:has(#view-classi:not(.hide)), .content-wrapper:has(#view-plessi:not(.hide)), .content-wrapper:has(#view-materie:not(.hide)), .content-wrapper:has(#view-vincoli:not(.hide)), .content-wrapper:has(#view-versioni:not(.hide)), .content-wrapper:has(#view-utenti:not(.hide)), .content-wrapper:has(#view-orario:not(.hide)), .content-wrapper:has(#view-dashboard:not(.hide)) { overflow-y: hidden; padding: 0; } #view-docenti, #view-classi, #view-plessi, #view-materie, #view-vincoli, #view-versioni, #view-utenti, #view-orario, #view-dashboard { height: 100%; overflow: hidden; } #view-docenti .view-toolbar, #view-classi .view-toolbar, #view-plessi .view-toolbar, #view-materie .view-toolbar, #view-vincoli .view-toolbar, #view-versioni .view-toolbar, #view-utenti .view-toolbar, #view-orario .view-toolbar, #view-dashboard .view-toolbar { margin: 0; flex-shrink: 0; } .view-scrollable-area { flex-grow: 1; overflow-y: auto; width: 100%; } #view-docenti .view-container, #view-classi .view-container, #view-plessi .view-container, #view-materie .view-container, #view-versioni .view-container, #view-utenti .view-container, #view-dashboard .view-container { max-width: 1160px; padding: 24px 30px 30px 30px; } #view-docenti .view-container { width: 96%; max-width: 1600px; padding-right: 0; padding-left: 0; } #view-classi .view-container { max-width:none; padding:24px; } .classi-table { table-layout:auto; } .data-table.classi-table th, .data-table.classi-table td { padding:12px; vertical-align:middle; } .classi-table th:nth-child(-n+6), .classi-table td:nth-child(-n+6) { width:1%; white-space:nowrap; } .classi-table th:nth-child(1), .classi-table td:nth-child(1), .classi-table th:nth-child(3), .classi-table td:nth-child(3) { text-align:center; } .classi-table td:nth-child(3) .plesso-tag { margin:0; } .classi-table .actions-col { width:1%; white-space:nowrap; text-align:right; } .classi-curricolo-cell { min-width:300px; } .classi-curricolo-list { display:flex; flex-wrap:wrap; align-items:center; gap:5px; } .classi-curricolo-list .plesso-tag { margin:0; white-space:nowrap; } .classi-curricolo-list .classi-subject-tag { font-size:10px; color:var(--text-primary); background:color-mix(in srgb, var(--subject-color) 14%, var(--bg-surface)); border-color:color-mix(in srgb, var(--subject-color) 40%, var(--border-color)); border-left:3px solid var(--subject-color); } #view-vincoli .view-container, #view-orario .view-container { max-width: 1460px; padding: 24px 30px 30px 30px; } /* Primo livello: stato editoriale e azioni che cambiano la bozza. */ .schedule-status-toolbar { flex: 0 0 auto; gap: 16px; height: auto; min-height: var(--topbar-h); padding-top: 8px; padding-bottom: 8px; } /* La regola globale .view-toolbar è dichiarata più avanti e imposta un'altezza fissa: questa specificità garantisce due sezioni autonome e nessun overlap. */ #view-orario .schedule-status-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; height: auto; min-height: var(--topbar-h); padding: 6px 24px; } .schedule-status-section { min-width: 0; padding-top: 0; } .schedule-command-section { align-self: center; justify-self: end; } /* Secondo livello: filtri della griglia e strumenti di modifica/consultazione. */ .schedule-grid-toolbar { flex: 0 0 auto; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; min-height: 46px; padding: 6px 24px; border-bottom: 1px solid var(--divider-soft); background: var(--bg-surface); } #view-orario :is(.schedule-status-toolbar, .schedule-grid-toolbar) .btn { height: 34px; padding: 6px 12px; gap: 6px; font-size: 13px; white-space: nowrap; } #view-orario .schedule-grid-toolbar .control-group { gap: 8px; } #view-orario .schedule-grid-toolbar :is(select, .app-select-trigger) { height: 34px; min-height: 34px; padding: 6px 10px; font-size: 13px; } #view-orario .schedule-grid-toolbar .schedule-meta-info { font-size: 13px; gap: 10px; } #login-public-consultation-link[hidden], #sidebar-public-consultation-link[hidden] { display: none !important; } .schedule-publication-state, .schedule-primary-actions, .schedule-grid-actions { display: flex; align-items: center; gap: 10px; } .schedule-primary-actions { flex: 0 0 auto; margin-left: auto; justify-content: flex-end; } .schedule-grid-actions { flex: 0 0 auto; gap: 8px; } .schedule-publication-state { min-width: 0; flex: 1 1 auto; align-items: flex-start; } .schedule-publication-copy { display: flex; min-width: 0; flex-direction: column; gap: 4px; } .schedule-publication-title-row, .schedule-allocation-summary, .schedule-allocation-gaps, .schedule-missing-summary { display: flex; align-items: center; flex-wrap: wrap; } .schedule-publication-title-row { align-items: baseline; gap: 8px; } .schedule-context-link, .schedule-missing-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 5px; padding: 0; border: 0; color: var(--color-indigo); background: transparent; font: inherit; font-size: 11px; cursor: pointer; } .schedule-context-link:hover, .schedule-context-link:focus-visible, .schedule-missing-link:hover, .schedule-missing-link:focus-visible { text-decoration: underline; outline: none; } .schedule-missing-link span { color: inherit !important; } .schedule-allocation-gaps { gap: 5px 14px; } .schedule-missing-summary { gap: 5px 12px; } .schedule-allocation-gaps .schedule-missing-link { align-self: center; white-space: nowrap; } .schedule-publication-state strong { color: var(--text-primary); font-size: 13px; } .schedule-publication-state span { color: var(--text-secondary); font-size: 11px; } #schedule-publication-detail { font-weight: 400; } .schedule-allocation-summary { gap: 5px 12px; margin-top: 2px; } .schedule-allocation-metric { display: inline-flex; align-items: baseline; gap: 4px; } .schedule-allocation-metric strong { font-size: 12px; } .schedule-allocation-metric.is-ordinary-missing strong { color: var(--color-amber); } .schedule-allocation-metric.is-pluriclass-missing strong, .schedule-allocation-metric.is-excess strong { color: var(--color-rose); } .schedule-missing-events { width: 100%; padding: 8px 10px; border: 1px solid var(--divider-soft); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .missing-events-modal { display: flex; max-width: 560px; max-height: min(560px, calc(100vh - 48px)); flex-direction: column; } .missing-events-modal-body { display: flex; min-height: 0; padding: 16px 18px; flex-direction: column; overflow: hidden; } .missing-events-modal-footer { flex: 0 0 auto; margin-top: 0; padding: 12px 18px; border-top: 1px solid var(--divider-soft); } .missing-events-close-button { min-width: 96px; justify-content: center; } .missing-events-modal-summary { display: flex; margin-bottom: 12px; flex-direction: column; gap: 3px; color: var(--text-secondary); font-size: 12px; } .missing-events-modal-summary strong { color: var(--text-primary); font-size: 13px; } .schedule-missing-events ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; } .missing-events-modal .schedule-missing-events { max-height: 320px; overflow-y: auto; } .schedule-missing-events li { display: grid; grid-template-columns: auto minmax(150px, 1fr) auto; align-items: center; gap: 8px; color: var(--text-secondary); font-size: 11px; } .schedule-missing-events li strong { font-size: 11px; } .schedule-missing-kind { font-size: 10px !important; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--color-amber) !important; } .schedule-missing-kind.is-pluriclass { color: var(--color-rose) !important; } .schedule-missing-impact { font-weight: 700; white-space: nowrap; } .schedule-approval-modal { max-height: calc(100vh - 48px); display: flex; flex-direction: column; } .schedule-approval-modal form { min-height: 0; padding: 0; display: flex; flex: 1 1 auto; flex-direction: column; } .schedule-approval-body { min-height: 0; padding: 22px 24px; overflow-y: auto; } .schedule-approval-modal .modal-footer { flex: 0 0 auto; margin-top: 0; padding: 16px 24px; border-top: 1px solid var(--border-color); } .approval-report-loading { padding: 28px; color: var(--text-secondary); text-align: center; } .approval-report-status { margin-bottom: 16px; padding: 13px 15px; border: 1px solid var(--border-color); border-radius: var(--radius-md); color: var(--text-primary); background: var(--bg-surface-elevated); } .approval-report-status.is-valid { border-color: rgba(16, 185, 129, 0.42); background: rgba(16, 185, 129, 0.09); } .approval-report-status.is-blocked { border-color: rgba(244, 63, 94, 0.42); background: rgba(244, 63, 94, 0.09); } .approval-report-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; } .approval-summary-item { padding: 10px 12px; border: 1px solid var(--divider-soft); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .approval-summary-item span, .approval-summary-item strong { display: block; } .approval-summary-item span { color: var(--text-muted); font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; } .approval-summary-item strong { margin-top: 3px; color: var(--text-primary); font-size: 15px; } .approval-report-details { margin-bottom: 18px; } .approval-report-group { margin-top: 12px; padding: 12px 14px; border-left: 3px solid var(--color-rose); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: rgba(244, 63, 94, 0.07); } .approval-report-group.is-warning { border-left-color: var(--color-amber); background: rgba(245, 158, 11, 0.07); } .approval-report-group h4 { margin: 0 0 7px; color: var(--text-primary); font-size: 12px; } .approval-report-group ul { margin: 0; padding-left: 18px; color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .approval-publication-fields { padding-top: 17px; border-top: 1px solid var(--divider-soft); } .approval-publication-fields textarea { width: 100%; resize: vertical; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-md); color: var(--text-primary); background: var(--bg-surface-elevated); font: inherit; } .approval-warning-consent { display: flex; align-items: flex-start; gap: 9px; margin-top: 12px; padding: 11px 13px; border: 1px solid rgba(245, 158, 11, 0.32); border-radius: var(--radius-md); color: var(--text-secondary); background: rgba(245, 158, 11, 0.08); font-size: 12px; line-height: 1.4; } .approval-warning-consent input { flex: 0 0 auto; width: 16px; height: 16px; accent-color: var(--color-amber); } /* Bottone Torna all'Inizio (Back to Top) */ .btn-back-to-top { position: fixed; bottom: 30px; right: 30px; width: 46px; height: 46px; border-radius: 50%; background-color: var(--color-indigo); color: white; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-lg); z-index: 99; transition: opacity var(--transition-normal), transform var(--transition-normal), background-color var(--transition-fast); opacity: 1; transform: scale(1); } .btn-back-to-top:hover { background-color: var(--color-indigo-hover); transform: scale(1.1); } .btn-back-to-top.hide { opacity: 0; pointer-events: none; transform: scale(0.8); } /* ========================================================================== CARDS & PANNELLI ========================================================================== */ .card { border-radius: var(--radius-lg); border: 1px solid var(--border-color); background-color: var(--bg-surface); margin-bottom: 25px; box-shadow: var(--shadow-sm); overflow: hidden; } .card-header { padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; } .card-header h2 { font-size: 16px; font-weight: 600; } .border-b { border-bottom: 1px solid var(--border-color); } .card-body { padding: 24px; } .card-body.scrollable { max-height: 400px; overflow-y: auto; } /* ========================================================================== STATISTICHE (DASHBOARD) ========================================================================== */ .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 25px; } .stat-card { display: flex; align-items: center; gap: 16px; padding: 20px; border-radius: var(--radius-lg); border: 1px solid var(--border-color); background-color: var(--bg-surface); } .stat-icon { width: 48px; height: 48px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 20px; color: white; } .stat-content { display: flex; flex-direction: column; } .stat-label { font-size: 12px; color: var(--text-secondary); font-weight: 500; } .stat-content h3 { font-size: 24px; font-weight: 700; margin-top: 2px; } /* Barra Progresso */ .progress-section .card-header { padding-bottom: 10px; } .progress-section .card-body { padding-top: 10px; } .percentage-badge { background-color: var(--color-indigo-glow); color: var(--color-indigo); font-weight: 700; font-size: 16px; padding: 6px 12px; border-radius: var(--radius-sm); } .progress-bar-container { height: 12px; background-color: var(--bg-surface-elevated); border-radius: 6px; overflow: hidden; margin-bottom: 12px; border: 1px solid var(--border-color); } .progress-bar { height: 100%; background: linear-gradient(90deg, var(--color-indigo) 0%, var(--color-blue) 100%); border-radius: 6px; transition: width var(--transition-slow); } .progress-labels { display: flex; justify-content: space-between; font-size: 13px; color: var(--text-secondary); } .progress-labels strong { color: var(--text-primary); } /* ========================================================================== CONFLITTI (DASHBOARD) ========================================================================== */ .conflict-items-list { display: flex; flex-direction: column; gap: 12px; } .conflicts-panel .card-header { gap: 16px; flex-wrap: wrap; } .conflicts-header-actions, .conflicts-type-control { display: flex; align-items: center; gap: 10px; } .conflicts-header-actions { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; } .conflicts-type-control label { color: var(--text-secondary); font-size: 12px; font-weight: 600; } .ai-diagnosis-trigger { min-height: 34px; height: 34px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; white-space: nowrap; } .ai-diagnosis-trigger:disabled { cursor: not-allowed; opacity: 0.6; } #conflicts-type-filter { height: 34px; min-width: 230px; max-width: min(340px, 38vw); padding: 7px 32px 7px 10px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-surface-elevated); color: var(--text-primary); font-size: 12px; } #conflicts-type-filter:focus { outline: none; border-color: var(--color-indigo); } #conflicts-type-filter:disabled { cursor: not-allowed; opacity: 0.6; } @media (max-width: 760px) { .conflicts-header-actions, .conflicts-type-control { width: 100%; } .conflicts-header-actions { justify-content: flex-start; } .conflicts-type-control { flex: 1 1 100%; } #conflicts-type-filter { min-width: 0; max-width: none; flex: 1; } .ai-diagnosis-trigger { flex: 0 0 auto; } } .conflict-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 18px; border-radius: var(--radius-md); background-color: rgba(244, 63, 94, 0.03); border: 1px solid rgba(244, 63, 94, 0.15); transition: var(--transition-fast); } .conflict-item:hover { background-color: rgba(244, 63, 94, 0.06); border-color: rgba(244, 63, 94, 0.25); } .conflict-item.warning { background-color: rgba(245, 158, 11, 0.03); border-color: rgba(245, 158, 11, 0.15); } .conflict-item.warning:hover { background-color: rgba(245, 158, 11, 0.06); border-color: rgba(245, 158, 11, 0.25); } .conflict-item .icon { font-size: 16px; margin-top: 2px; } .conflict-item.warning .icon { color: var(--color-amber); } .conflict-item:not(.warning) .icon { color: var(--color-rose); } .conflict-details { flex-grow: 1; } .conflict-title { font-size: 14px; font-weight: 600; margin-bottom: 2px; display: flex; align-items: center; } .conflict-id { display: inline-flex; align-items: center; justify-content: center; background-color: var(--overlay-inset); color: var(--text-secondary); padding: 1px 6px; font-size: 11px; font-weight: 700; border-radius: var(--radius-sm); margin-right: 8px; } .conflict-desc { font-size: 13px; color: var(--text-secondary); } .conflict-action-btn { align-self: center; background: transparent; border: none; color: var(--color-indigo); cursor: pointer; font-size: 16px; padding: 8px; border-radius: var(--radius-sm); transition: var(--transition-fast); } .conflict-action-btn:hover { background-color: var(--color-indigo-glow); } .empty-state { text-align: center; padding: 40px; color: var(--text-secondary); } .empty-state i { font-size: 40px; margin-bottom: 12px; } /* ========================================================================== TABELLE DATI GENERALI ========================================================================== */ .vincoli-list-controls { display: flex; align-items: end; gap: 16px; padding: 14px 18px; border-bottom: 1px solid var(--border-color); background-color: var(--bg-surface-elevated); } .vincoli-toolbar-actions { display: inline-flex; align-items: center; gap: 8px; } .constraints-general-help { flex: 0 0 36px; font-size: 16px; } #view-vincoli .actions-col { width: 210px; white-space: nowrap; } .vincolo-neutral-badge { border: 1px solid var(--border-color-hover); background-color: color-mix(in srgb, var(--text-secondary) 12%, var(--bg-surface)); color: var(--text-primary); } .constraint-parameters-summary { max-width: 255px; color: var(--text-secondary); font-size: 12px; line-height: 1.4; } .btn-icon.help { color: var(--color-indigo); } .btn-icon.help:hover { background-color: var(--color-indigo-glow); color: var(--color-indigo-hover); } .vincoli-sort-control { display: flex; flex-direction: column; gap: 5px; } .vincoli-sort-control label { color: var(--text-secondary); font-size: 11px; font-weight: 600; } .vincoli-sort-control select { min-width: 205px; padding: 7px 10px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-surface); color: var(--text-primary); font-size: 12px; } .vincoli-sort-control select:focus { outline: none; border-color: var(--color-indigo); } .vincoli-active-filter { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; color: var(--text-primary); cursor: pointer; font-size: 12px; font-weight: 600; } .vincoli-active-filter input { accent-color: var(--color-indigo); } .vincoli-filter-count { margin-left: auto; padding-bottom: 8px; color: var(--text-muted); font-size: 12px; font-weight: 600; white-space: nowrap; } .morning-requirements-card { margin-bottom: 26px; padding: 2px 2px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; } .constraints-list-card { border-radius: 0; } .morning-requirements-heading { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 16px; } .morning-requirements-heading h3 { margin: 0 0 4px; color: var(--text-primary); font-size: 17px; font-weight: 650; line-height: 1.3; } .morning-requirements-heading p { max-width: 760px; margin: 0; color: var(--text-secondary); font-size: 12.5px; line-height: 1.5; } .morning-requirements-icon { display: inline-flex; width: 28px; height: 28px; flex: 0 0 28px; align-items: center; justify-content: center; color: var(--color-amber); font-size: 17px; } .morning-requirements-list { border-top: 1px solid var(--divider-soft); border-bottom: 1px solid var(--divider-soft); } .morning-requirement-row { border: 0; border-bottom: 1px solid var(--divider-soft); border-radius: 0; background-color: color-mix(in srgb, var(--text-primary) 2%, var(--bg-surface)); transition: background-color 160ms ease; } .morning-requirement-row:last-child { border-bottom: 0; } .morning-requirement-row summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; min-width: 0; padding: 12px 14px 12px 11px; border-left: 3px solid transparent; list-style: none; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease; } .morning-requirement-row:not([open]) summary:hover { background-color: color-mix(in srgb, var(--color-indigo) 5%, var(--bg-surface)); } .morning-requirement-row[open] { background-color: color-mix(in srgb, var(--color-indigo) 6%, var(--bg-surface)); } .morning-requirement-row[open] summary { border-left-color: var(--color-indigo); background-color: color-mix(in srgb, var(--color-indigo) 10%, var(--bg-surface)); } .morning-requirement-row summary::-webkit-details-marker { display: none; } .morning-requirement-row summary:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 4px; } .morning-requirement-summary-main { display: grid; grid-template-columns: minmax(10rem, 0.65fr) minmax(0, 1.35fr); gap: 22px; align-items: baseline; min-width: 0; } .morning-requirement-name { min-width: 0; color: var(--text-primary); font-size: 13.5px; font-weight: 650; overflow-wrap: anywhere; } .morning-requirement-rule { color: var(--text-secondary); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; } .morning-requirement-summary-status { display: inline-flex; align-items: center; gap: 15px; min-width: 0; } .morning-requirement-coverage { display: inline-flex; align-items: center; gap: 7px; color: var(--text-secondary); font-size: 11.5px; font-weight: 600; white-space: nowrap; } .morning-requirement-coverage::before { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background-color: currentColor; content: ''; } .morning-requirement-coverage.is-complete { color: var(--color-emerald); } .morning-requirement-coverage.is-incomplete { color: var(--color-rose); } .morning-requirement-chevron { color: var(--text-muted); font-size: 10px; transition: transform 160ms ease; } .morning-requirement-row[open] .morning-requirement-chevron { transform: rotate(180deg); } .morning-requirement-body { display: grid; gap: 10px; padding: 2px 14px 13px; border: 0; } .morning-subjects-current { display: grid; grid-template-columns: minmax(10rem, 0.65fr) minmax(0, 1.35fr); gap: 22px; align-items: baseline; } .morning-detail-label { color: var(--text-muted); font-size: 10.5px; font-weight: 700; letter-spacing: 0.045em; text-transform: uppercase; } .morning-subject-list { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--text-primary); font-size: 12px; } .morning-subject-list span:not(:last-child)::after { margin-left: 14px; color: var(--text-muted); content: '·'; } .morning-coverage-details { display: flex; flex-wrap: wrap; gap: 5px 28px; padding-left: calc(35% + 11px); color: var(--text-secondary); font-size: 11.5px; } .morning-coverage-details > span { line-height: 1.4; } .morning-editor-heading span { color: var(--text-muted); font-size: 10.5px; } .morning-coverage-details strong { color: var(--text-primary); font-weight: 650; } .morning-editor-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-top: 2px; } .morning-editor-heading { display: grid; gap: 3px; padding-top: 2px; } .morning-editor-heading strong { color: var(--text-primary); font-size: 12px; font-weight: 650; } .morning-subject-editor { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1px 16px; max-height: 11rem; overflow-y: auto; margin: 0; padding: 6px 0; border-top: 1px solid var(--divider-soft); border-bottom: 1px solid var(--divider-soft); } .morning-subject-editor .checkbox-item { border: 0; border-radius: 0; background: transparent; } .morning-problems { display: grid; gap: 4px; padding: 2px 0 2px 12px; border-left: 2px solid var(--color-rose); color: var(--color-rose); font-size: 11.5px; line-height: 1.45; } .morning-problems strong { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; } .form-label-with-help { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .inline-help-button { width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--color-indigo); cursor: pointer; font-size: 14px; } .inline-help-button:hover, .inline-help-button:focus-visible { outline: none; background-color: var(--color-indigo-glow); color: var(--color-indigo-hover); } .teacher-personal-constraint { display: grid; gap: 12px; } .teacher-personal-choice { display: grid; gap: 8px; } .teacher-feasibility-problems { padding: 12px; border: 1px solid color-mix(in srgb, var(--color-rose) 45%, transparent); border-radius: var(--radius-md); color: var(--color-rose); } @media (max-width: 760px) { .morning-requirement-row summary { grid-template-columns: 1fr; gap: 8px; } .morning-requirement-summary-main, .morning-subjects-current { grid-template-columns: 1fr; gap: 4px; } .morning-requirement-summary-status { justify-content: space-between; } .morning-requirement-coverage { white-space: normal; } .morning-coverage-details { padding-left: 0; } .morning-editor-toolbar { align-items: stretch; flex-direction: column; gap: 8px; } .morning-editor-toolbar .morning-save { align-self: flex-start; } } @media (max-width: 760px) { .vincoli-list-controls { align-items: stretch; flex-direction: column; gap: 10px; } .vincoli-sort-control select { width: 100%; } .vincoli-filter-count { margin-left: 0; padding-bottom: 0; } } .view-actions-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 20px; } /* Barra strumenti della vista: bianca, full-width dell'area contenuti e bloccata in cima (il contenuto scorre sotto). Alta come il box utente della sidebar. I margini negativi annullano il padding del content-wrapper per estenderla a tutta larghezza e agganciarla senza spazio al bordo superiore. */ .view-toolbar { position: sticky; top: 0; z-index: 20; display: flex; justify-content: space-between; align-items: center; gap: 20px; height: var(--topbar-h); padding: 0 30px; /* Margini laterali negativi: la barra copre il padding del content-wrapper e arriva a tutta larghezza. Nessun margine sopra: resta addossata alla testata. */ margin: 0 -30px 24px -30px; background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color); /* Stacco visivo dal contenuto che scorre sotto */ box-shadow: 0 6px 12px -8px rgba(0, 0, 0, 0.3); } /* Stili specifici per la barra delle statistiche nella Dashboard */ .dashboard-toolbar { justify-content: flex-start !important; gap: 32px !important; } .db-stat-item { display: flex; align-items: center; gap: 12px; } .db-stat-item i { font-size: 18px; opacity: 0.85; } .db-stat-info { display: flex; flex-direction: column; justify-content: center; } .db-stat-value-breakdown, .db-stat-breakdown { display: flex; align-items: center; } .db-stat-value-breakdown { gap: 7px; } .db-stat-breakdown { gap: 4px; } .db-stat-breakdown[hidden], .dashboard-class-badge[hidden] { display: none; } .dashboard-class-badge { padding: 2px 5px; border: 1px solid transparent; font-size: 9px; line-height: 1.15; white-space: nowrap; } .dashboard-class-badge.is-ordinary { border-color: color-mix(in srgb, var(--color-emerald) 28%, transparent); color: var(--color-emerald); background: color-mix(in srgb, var(--color-emerald) 12%, var(--bg-surface)); } .dashboard-class-badge.is-multiclass { border-color: color-mix(in srgb, var(--color-indigo) 28%, transparent); color: var(--color-indigo); background: color-mix(in srgb, var(--color-indigo) 12%, var(--bg-surface)); } .dashboard-class-badge.is-articulated { border-color: color-mix(in srgb, var(--color-blue) 28%, transparent); color: var(--color-blue); background: color-mix(in srgb, var(--color-blue) 12%, var(--bg-surface)); } .coverage-item .db-stat-info, .coverage-label-row { position: relative; } .coverage-label-row, .coverage-value-row { display: flex; align-items: center; } .coverage-label-row { gap: 5px; } .coverage-value-row { align-items: baseline; gap: 6px; } .coverage-hours { color: var(--text-secondary); font-size: 11px; } .context-help-button { display: inline-grid; width: 18px; height: 18px; padding: 0; place-items: center; border: 0; border-radius: 50%; color: var(--text-secondary); background: transparent; cursor: pointer; } .context-help-button i { font-size: 13px; } .context-help-button:hover, .context-help-button:focus-visible, .context-help-button[aria-expanded="true"] { color: var(--color-indigo); background: var(--color-indigo-glow); outline: none; } .context-help-popover { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; width: min(330px, calc(100vw - 32px)); padding: 12px 14px; border: 1px solid var(--border-color); border-radius: var(--radius-md); color: var(--text-secondary); background: var(--bg-surface-elevated); box-shadow: var(--shadow-lg); font-size: 12px; line-height: 1.45; text-transform: none; letter-spacing: normal; } .context-help-popover::before { position: absolute; top: -5px; right: 4px; width: 8px; height: 8px; border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); background: var(--bg-surface-elevated); content: ''; transform: rotate(45deg); } .context-help-popover strong { display: block; margin-bottom: 5px; color: var(--text-primary); } .context-help-popover p { margin: 0; } .context-help-popover p + p { margin-top: 7px; } .db-stat-label { font-size: 10px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; } .db-stat-val { font-size: 15px; font-weight: 700; color: var(--text-primary); margin: 0; line-height: 1.2; } .db-stat-divider { width: 1px; height: 24px; background-color: var(--border-color); } .dashboard-toolbar .mini-progress-container { background: rgba(255, 255, 255, 0.08); border-radius: 3px; overflow: hidden; margin-left: 8px; } /* Modalità notte ha colori diversi per le variabili di sfondo progress bar */ [data-theme="light"] .dashboard-toolbar .mini-progress-container { background: rgba(0, 0, 0, 0.08); } .search-box { width: 320px; } #view-classi > .view-toolbar { justify-content: safe center; gap: 8px; flex-wrap: nowrap; height: var(--topbar-h); min-height: var(--topbar-h); padding: 0 20px; overflow-x: auto; } #view-classi > .view-toolbar > * { flex-shrink: 0; } #view-classi > .view-toolbar .search-box { width: 240px; max-width: 100%; } #view-classi > .view-toolbar .input-with-icon input { height: 34px; padding-top: 6px; padding-bottom: 6px; font-size: 13px; } #view-classi > .view-toolbar .btn { height: 34px; padding: 6px 12px; gap: 6px; font-size: 13px; white-space: nowrap; } .data-table { width: 100%; border-collapse: collapse; text-align: left; } .data-table th, .data-table td { padding: 16px 24px; border-bottom: 1px solid var(--border-color); } .data-table th { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-secondary); background-color: var(--overlay-inset); } .data-table tbody tr { transition: var(--transition-fast); } .data-table tbody tr:hover { background-color: var(--overlay-hover); } .teacher-search-tools { display: flex; align-items: center; gap: 14px; } .teacher-filter-count { color: var(--text-secondary); font-size: 12px; white-space: nowrap; } .teachers-list-card { border-radius: 0; } #view-docenti .data-table th, #view-docenti .data-table td { padding: 8px 12px; } #view-docenti .teacher-name-cell, #view-docenti .teacher-contract-cell, #view-docenti .teacher-sites-cell, #view-docenti .teacher-availability-cell, #view-docenti .teacher-free-day-cell, #view-docenti .actions-col { width: 1%; white-space: nowrap; } #view-docenti .teacher-subjects-cell { width: auto; } #view-docenti .teacher-contract-cell { text-align: right; } #view-docenti .teacher-availability-heading, #view-docenti .teacher-availability-cell { padding-right: 8px; padding-left: 8px; text-align: right; } .teacher-availability-summary { display: inline-flex; align-items: center; justify-content: flex-end; gap: 2px; margin: 0; padding: 1px; border: 0; border-radius: var(--radius-sm); background: transparent; cursor: pointer; } .teacher-availability-summary:hover { background: var(--overlay-hover); } .teacher-availability-summary:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 2px; } .teacher-availability-day { display: inline-grid; box-sizing: border-box; flex: 0 0 20px; width: 20px; height: 20px; place-items: center; border: 1px solid transparent; border-radius: 3px; font-size: 10px; font-weight: 700; line-height: 1; } .teacher-availability-day.is-full { border-color: color-mix(in srgb, var(--color-emerald) 42%, transparent); color: var(--color-emerald); background: color-mix(in srgb, var(--color-emerald) 17%, var(--bg-surface)); } .teacher-availability-day.is-partial { border-color: color-mix(in srgb, var(--color-amber) 58%, transparent); color: var(--color-amber); background: color-mix(in srgb, var(--color-amber) 22%, var(--bg-surface)); } .teacher-availability-day.is-unavailable { border-color: color-mix(in srgb, var(--color-rose) 48%, transparent); color: var(--color-rose); background: color-mix(in srgb, var(--color-rose) 18%, var(--bg-surface)); } .teacher-contract-hours { border: 1px solid color-mix(in srgb, var(--color-indigo) 34%, transparent); color: var(--color-indigo); background: var(--color-indigo-glow); } .teacher-contract-hours.is-nonstandard { border-color: color-mix(in srgb, var(--color-amber) 45%, transparent); color: var(--color-amber); background: var(--color-amber-glow); } .actions-col { text-align: right; width: 120px; } /* Versioni: spazio alla tabella, note a richiesta e ripristino sempre riconoscibile. */ .versions-tabs { display:flex; flex:none; gap:6px; padding:12px 16px 0; border-bottom:1px solid var(--border-color); overflow-x:auto; } .versions-tabs [role="tab"] { flex:none; padding:12px 18px; border:1px solid transparent; border-bottom:3px solid transparent; border-radius:8px 8px 0 0; background:transparent; color:var(--text-secondary); font:inherit; font-weight:600; cursor:pointer; } .versions-tabs [role="tab"][aria-selected="true"] { background:var(--bg-surface); border-color:var(--border-color); border-bottom-color:var(--color-indigo); color:var(--text-primary); } .versions-tabs [role="tab"]:hover { color:var(--text-primary); background:var(--bg-surface); } .versions-tabs [role="tab"]:focus-visible { outline:2px solid var(--color-indigo); outline-offset:-4px; } #view-versioni .versions-panel[hidden], .versions-tabs [hidden] { display:none; } .versions-panel { display:flex; flex-direction:column; gap:16px; min-width:0; } .versions-sheet-help { margin:0; color:var(--text-secondary); font-size:13px; line-height:1.6; max-width:100ch; } #view-versioni .view-toolbar { height: auto; min-height: 56px; padding: 10px 16px; gap: 12px; flex-wrap: wrap; } #view-versioni .search-box { width: min(320px, 100%); } #view-versioni .view-toolbar input, #view-versioni .view-toolbar .btn { height: 36px; padding-top: 6px; padding-bottom: 6px; } #view-versioni .view-toolbar .btn { margin-left: auto; } #view-versioni .view-scrollable-area { min-height: 0; } #view-versioni .view-container { max-width: none; padding: 12px 16px 16px; margin: 0; } #view-versioni .card { margin: 0; border-radius: var(--radius-md); } #view-versioni .versions-table-scroll { overflow-x: auto; } #view-versioni .versions-table { table-layout: fixed; min-width: 1000px; font-size: 13px; } #view-versioni .data-table th, #view-versioni .data-table td { padding: 9px 10px; vertical-align: middle; } #view-versioni .version-date-col { width: 146px; } #view-versioni .version-coverage-col { width: 86px; } #view-versioni .version-conflicts-col { width: 100px; } #view-versioni .version-penalty-col { width: 76px; } #view-versioni .version-data-col { width: 88px; } #view-versioni .version-actions-col { width: 202px; } #view-versioni .version-name { overflow-wrap: anywhere; } #view-versioni .version-name > strong { display: block; line-height: 1.35; } #view-versioni .version-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 4px; } #view-versioni .badge { height: 22px; padding: 0 6px; font-size: 11px; line-height: 1.3; } #view-versioni small { display: block; font-size: 11px; line-height: 1.4; color: var(--text-secondary); } #view-versioni .version-date { font-size: 12px; font-variant-numeric: tabular-nums; } #view-versioni .version-coverage { font-variant-numeric: tabular-nums; } #view-versioni .version-conflicts { display: flex; flex-wrap: wrap; gap: 4px; } #view-versioni .version-notes-button { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 6px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--overlay-inset); color: var(--text-primary); font: inherit; font-size: 11px; line-height: 1.3; cursor: pointer; } #view-versioni .version-notes-button:hover { background: var(--overlay-hover); } #view-versioni .version-notes-button:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 2px; } .modal-card.version-notes-modal { max-width: 640px; max-height: calc(100dvh - 40px); display: flex; flex-direction: column; } .version-notes-modal .modal-header { flex-shrink: 0; padding: 12px 16px; gap: 12px; } .version-notes-modal .version-notes-close { height: 30px; padding: 4px 10px; font-size: 12px; flex-shrink: 0; margin-left: auto; } .version-notes-body { padding: 16px; overflow-y: auto; min-height: 0; overflow-wrap: anywhere; } #version-notes-name { display: block; font-size: 13px; color: var(--text-secondary); margin-bottom: 12px; } #version-notes-content { margin: 0; white-space: pre-wrap; font-size: 14px; line-height: 1.6; color: var(--text-primary); } #view-versioni .actions-col { position: sticky; right: 0; background: var(--bg-surface); border-left: 1px solid var(--border-color); } #view-versioni th.actions-col { z-index: 1; } #view-versioni .version-actions { display: flex; justify-content: flex-end; align-items: center; gap: 5px; } #view-versioni .version-actions .btn { height: 32px; padding: 5px 9px; font-size: 12px; white-space: nowrap; } #view-versioni .version-actions .btn-icon { display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0; flex-shrink: 0; background: var(--overlay-inset); } #view-versioni .versions-empty { text-align: center; padding: 18px; color: var(--text-secondary); } .btn-icon { background: transparent; border: none; color: var(--text-secondary); padding: 8px; border-radius: var(--radius-sm); cursor: pointer; transition: var(--transition-fast); font-size: 14px; } .btn-icon:hover { background-color: var(--bg-surface-elevated); color: var(--text-primary); } .btn-icon.edit:hover { color: var(--color-blue); background-color: rgba(14, 165, 233, 0.1); } .btn-icon.delete:hover { color: var(--color-rose); background-color: var(--color-rose-glow); } .subject-tag { display: inline-block; padding: 4px 10px; border-radius: var(--radius-sm); font-size: 11px; font-weight: 600; color: white; margin-right: 6px; margin-bottom: 4px; box-shadow: var(--shadow-sm); } .plesso-tag { display: inline-block; padding: 4px 10px; border-radius: var(--radius-sm); font-size: 11px; font-weight: 600; background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); color: var(--text-secondary); margin-right: 6px; margin-bottom: 4px; } /* ========================================================================== AREA DI LAVORO GRIGLIA ORARIO ========================================================================== */ .schedule-controls { padding: 16px 24px; margin-bottom: 20px; position: relative; z-index: 10; /* Crea un contesto di impilamento sopra l'area di lavoro */ overflow: visible; /* Sovrascrive naturalmente .card essendo definito dopo */ } .controls-row { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; } /* Dropdown Menu per Stampa */ .dropdown { position: relative; display: inline-block; } .dropdown-menu { display: none; position: absolute; right: 0; top: 100%; margin-top: 8px; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); z-index: 1000; min-width: 230px; padding: 6px 0; overflow: hidden; } .dropdown-menu.show { display: block; animation: fadeInDropdown 0.15s ease-out; } @keyframes fadeInDropdown { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .dropdown-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 16px; clear: both; font-weight: 500; color: var(--text-primary); text-align: left; white-space: nowrap; background: none; border: none; cursor: pointer; font-size: 13.5px; transition: background-color var(--transition-fast); } .dropdown-item:hover { background-color: var(--overlay-hover); } .dropdown-item i { width: 16px; text-align: center; color: var(--text-secondary); } /* Cronologia delle modifiche (undo/redo) */ .dropdown-menu-history { min-width: 360px; max-height: 420px; overflow-y: auto; } .history-item { display: flex; align-items: flex-start; gap: 10px; padding: 9px 16px; font-size: 12.5px; color: var(--text-primary); cursor: pointer; transition: background-color var(--transition-fast); } .history-item:hover { background-color: var(--overlay-hover); } .history-item.annullata { opacity: 0.45; text-decoration: line-through; } .history-item .history-icon { width: 16px; text-align: center; color: var(--text-secondary); padding-top: 2px; } .history-item .history-meta { display: block; color: var(--text-muted); font-size: 11px; margin-top: 2px; text-decoration: none; } .history-item.history-barrier { cursor: default; color: var(--text-muted); font-style: italic; border-top: 1px solid var(--border-color); } .history-empty { padding: 14px 16px; color: var(--text-muted); font-size: 12.5px; } /* Flash della cella appena modificata (inserimento, undo, redo) */ @keyframes cellFlash { 0%, 60% { box-shadow: inset 0 0 0 3px var(--color-indigo); } 100% { box-shadow: inset 0 0 0 3px transparent; } } .cell-flash { animation: cellFlash 1.6s ease-out; } /* Modalità spostamento lezione */ .move-mode-banner { display: flex; align-items: center; gap: 12px; padding: 10px 16px; margin-bottom: 14px; border-radius: var(--radius-md); border: 1px solid var(--color-indigo); background: rgba(99, 102, 241, 0.10); font-size: 13px; font-weight: 500; } .move-mode-banner > i { color: var(--color-indigo); } .move-mode-banner button { margin-left: auto; } .assisted-placement-banner { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; margin-bottom: 14px; padding: 10px 14px; border: 1px solid rgba(99, 102, 241, 0.45); border-radius: var(--radius-md); background: rgba(99, 102, 241, 0.08); } .assisted-placement-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; } .assisted-placement-copy strong { color: var(--text-primary); font-size: 13px; } .assisted-placement-copy span { color: var(--text-secondary); font-size: 11px; } .assisted-placement-blockers { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 7px; margin-top: 5px; } .assisted-placement-blockers > span { color: var(--text-primary); font-weight: 600; } .assisted-blocker-action { display: inline-flex; align-items: center; gap: 5px; min-height: 26px; padding: 3px 8px; border: 1px solid rgba(244, 63, 94, 0.42); border-radius: var(--radius-sm); background: rgba(244, 63, 94, 0.08); color: var(--text-primary); font: inherit; font-size: 11px; cursor: pointer; } .assisted-blocker-action:hover, .assisted-blocker-action:focus-visible { border-color: var(--color-rose); background: rgba(244, 63, 94, 0.16); } td.assist-target-focus { box-shadow: inset 0 0 0 3px var(--color-indigo); } .assisted-placement-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 10px; color: var(--text-secondary); font-size: 10px; } .assisted-placement-legend span { display: inline-flex; align-items: center; gap: 4px; } .assisted-placement-legend i { width: 9px; height: 9px; border-radius: 3px; } .assisted-placement-legend .is-available { background: var(--color-emerald); } .assisted-placement-legend .is-warning { background: var(--color-amber); } .assisted-placement-legend .is-blocked { background: var(--color-rose); } .assisted-placement-legend .is-occupied { background: var(--text-muted); } .lesson-move-btn { position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border: none; border-radius: 4px; background: var(--bg-surface-elevated); color: var(--text-secondary); cursor: pointer; display: none; align-items: center; justify-content: center; font-size: 11px; } .placed-lesson:hover .lesson-move-btn { display: flex; } .lesson-move-btn:hover { color: var(--color-indigo); } /* Puntina di blocco: come il bottone sposta, alla sua sinistra. Se la lezione è bloccata la puntina resta sempre visibile. */ .lesson-lock-btn { position: absolute; top: 4px; right: 30px; width: 22px; height: 22px; border: none; border-radius: 4px; background: var(--bg-surface-elevated); color: var(--text-secondary); cursor: pointer; display: none; align-items: center; justify-content: center; font-size: 11px; } .placed-lesson:hover .lesson-lock-btn { display: flex; } .lesson-lock-btn:hover { color: var(--color-indigo); } .lesson-lock-btn.is-locked { display: flex; color: var(--color-indigo); } .placed-lesson.lesson-locked { box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.45), var(--shadow-sm); } /* Nominativi dei docenti di sostegno sull'ora */ .lesson-sostegno { font-size: 0.68rem; font-style: italic; color: var(--text-secondary); display: block; margin-top: 2px; } /* Cella dell'ora di sostegno nella griglia personale del docente */ .placed-lesson.lesson-sostegno-cell { background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(148, 163, 184, 0.10) 6px, rgba(148, 163, 184, 0.10) 12px); } /* Riquadro sostegno nel modale lezione */ .sostegno-list { list-style: none; margin: 0 0 8px; padding: 0; } .sostegno-list li { display: flex; align-items: center; justify-content: space-between; padding: 4px 8px; border-radius: var(--radius-sm); background: var(--bg-surface-elevated); margin-bottom: 4px; font-size: 0.85rem; } .sostegno-list li.sostegno-empty { background: none; color: var(--text-secondary); font-style: italic; } .btn-remove-sostegno { border: none; background: none; color: var(--text-secondary); cursor: pointer; padding: 2px 6px; } .btn-remove-sostegno:hover { color: var(--color-rose, #f43f5e); } .sostegno-add-row { display: flex; gap: 8px; } .sostegno-add-row select { flex: 1; } td.move-origin { box-shadow: inset 0 0 0 2px var(--color-indigo) !important; opacity: 0.7; } td.move-target-ok { background: rgba(16, 185, 129, 0.12) !important; box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.35); cursor: pointer; } td.move-target-warn { background: rgba(245, 158, 11, 0.14) !important; box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.4); cursor: pointer; } td.move-target-blocked { background: repeating-linear-gradient( -45deg, rgba(244, 63, 94, 0.07), rgba(244, 63, 94, 0.07) 6px, rgba(244, 63, 94, 0.18) 6px, rgba(244, 63, 94, 0.18) 12px ) !important; box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.4); cursor: not-allowed; opacity: 0.7; } /* Cella occupata senza impedimenti ulteriori: ovvia, quindi solo attenuata */ td.move-target-occupied { opacity: 0.4; cursor: not-allowed; } td.move-target-swap { background: rgba(99, 102, 241, 0.14) !important; box-shadow: inset 0 0 0 2px rgba(99, 102, 241, 0.5); cursor: pointer; } .control-group { display: flex; align-items: center; gap: 12px; } .control-group label { font-size: 13px; font-weight: 600; color: var(--text-secondary); } .control-group select { padding: 8px 14px; background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); border-radius: var(--radius-md); color: var(--text-primary); font-size: 14px; min-width: 160px; } .control-group select:focus { outline: none; border-color: var(--color-indigo); } #filter-value-container.is-pluriclasse label { color: var(--color-indigo); } #filter-value-container.is-pluriclasse select { border-color: color-mix(in srgb, var(--color-indigo) 32%, var(--border-color)); background-color: color-mix(in srgb, var(--color-indigo) 6%, var(--bg-surface-elevated)); color: color-mix(in srgb, var(--color-indigo) 62%, var(--text-primary)); font-weight: 600; } #filter-value-container.is-pluriclasse select option { background-color: var(--bg-surface-elevated); color: var(--text-primary); font-weight: 400; } .schedule-meta-info { font-size: 14px; color: var(--text-secondary); display: flex; gap: 15px; align-items: center; margin-left: auto; } .schedule-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; height: auto; /* Ogni colonna prende la propria altezza: la card della griglia contorna l'orario invece di stirarsi all'altezza del pannello laterale. */ align-items: start; } /* Vista senza pannello di assegnazione (es. filtro per Docente) */ .schedule-workspace.no-sidebar { grid-template-columns: 1fr; } .schedule-workspace.sidebar-collapsed { grid-template-columns: minmax(0, 1fr) max-content; gap: 12px; } .schedule-grid-container { height: auto; padding: 20px; } .schedule-table { width: 100%; border-collapse: collapse; table-layout: fixed; /* Mantiene le colonne di dimensioni uguali */ } .schedule-table th { padding: 12px 10px; background-color: var(--bg-surface-elevated); font-size: 13px; font-weight: 600; text-align: center; border: 1px solid var(--border-color); } .schedule-table th.hour-label-heading { width: 64px; } .schedule-table td { border: 1px solid var(--border-color); height: 90px; padding: 4px; vertical-align: top; position: relative; transition: var(--transition-fast); } .schedule-table td.hour-label-cell { background-color: var(--bg-surface-elevated); width: 64px; text-align: center; vertical-align: middle; font-weight: 700; font-size: 14px; height: auto; color: var(--text-secondary); } .schedule-table td:not(.hour-label-cell) { cursor: pointer; } .schedule-table td:not(.hour-label-cell):hover { background-color: rgba(99, 102, 241, 0.03); border-color: rgba(99, 102, 241, 0.3); } /* Cella vuota non editabile (vista Docente): niente aspetto cliccabile */ .schedule-table td.cell-readonly { cursor: default; } .schedule-table td.cell-readonly:hover { background-color: transparent; border-color: var(--border-color); } td.assist-target-available, td.assist-block-available { background: rgba(16, 185, 129, 0.14) !important; box-shadow: inset 0 0 0 2px rgba(16, 185, 129, 0.48); color: var(--color-emerald); cursor: pointer; } td.assist-target-warning, td.assist-block-warning { background: rgba(245, 158, 11, 0.16) !important; box-shadow: inset 0 0 0 2px rgba(245, 158, 11, 0.5); color: var(--color-amber); cursor: pointer; } td.assist-target-blocked { background: repeating-linear-gradient( -45deg, rgba(244, 63, 94, 0.06), rgba(244, 63, 94, 0.06) 6px, rgba(244, 63, 94, 0.17) 6px, rgba(244, 63, 94, 0.17) 12px ) !important; box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.45); color: var(--color-rose); cursor: help; } td.assist-target-occupied { box-shadow: inset 0 0 0 1px var(--text-muted); color: var(--text-muted); opacity: 0.56; cursor: help; } td.assist-target-outside { opacity: 0.28; cursor: not-allowed; } .schedule-table th.calendar-day-closed, .schedule-table td.calendar-slot-unavailable { background: rgba(148, 163, 184, 0.08); color: var(--text-muted); } .schedule-table td.calendar-slot-unavailable { cursor: not-allowed; box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08); } .schedule-table td.calendar-slot-unavailable:hover { background: rgba(148, 163, 184, 0.11); border-color: var(--border-color); } .schedule-table td.lesson-stack { display: grid; align-content: stretch; gap: 4px; padding: 4px; } .schedule-table td.lesson-stack .placed-lesson { min-height: 76px; } .import-impact-panel { margin-bottom: 14px; padding: 14px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: rgba(15, 23, 42, 0.22); } .import-impact-panel h4 { margin: 0 0 10px; font-size: 13px; } .import-impact-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: 8px; } .import-impact-metric { padding: 9px 10px; border-radius: var(--radius-sm); background: rgba(148, 163, 184, 0.08); font-size: 12px; } .import-impact-metric strong { display: block; margin-bottom: 2px; font-size: 17px; } .import-impact-examples { margin: 10px 0 0; padding-left: 18px; max-height: 150px; overflow-y: auto; font-size: 12px; } .import-upload-actions { display: flex; align-items: center; gap: 10px; width: 100%; } #btn-import-apri-anteprima { margin-left: auto; } body.import-preview-open { overflow: hidden; } .modal-overlay.import-preview-overlay { align-items: stretch; overflow: hidden; padding: 16px; animation: none; } .import-preview-page { display: flex; flex-direction: column; width: min(1280px, 100%); height: calc(100vh - 32px); margin: auto; overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--bg-surface); box-shadow: var(--shadow-lg); } .import-preview-header { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px 28px; border-bottom: 1px solid var(--border-color); background: var(--bg-surface-elevated); } .import-preview-eyebrow { display: block; margin-bottom: 5px; color: var(--color-indigo); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .import-preview-header h2 { margin: 0; color: var(--text-primary); font-size: 22px; } .import-preview-header p { margin: 6px 0 0; color: var(--text-muted); font-size: 13px; } .import-preview-close { flex: 0 0 auto; } .import-preview-body { min-height: 0; flex: 1 1 auto; overflow-y: auto; padding: 24px 28px 30px; } .import-preview-status { margin-bottom: 16px; padding: 12px 14px; border: 1px solid rgba(34, 197, 94, 0.32); border-radius: var(--radius-md); background: rgba(34, 197, 94, 0.08); color: var(--text-primary); font-size: 13px; line-height: 1.45; } .import-preview-status.has-errors { border-color: rgba(244, 63, 94, 0.36); background: rgba(244, 63, 94, 0.09); } .import-preview-status.is-applied { border-color: rgba(99, 102, 241, 0.38); background: rgba(99, 102, 241, 0.09); } #btn-import-conferma:disabled { cursor: not-allowed; box-shadow: none; } #btn-import-conferma.import-confirm-idle { opacity: 0.52; } #btn-import-conferma.import-confirm-completed { opacity: 1; color: var(--color-emerald); background: var(--color-emerald-glow); border-color: rgba(16, 185, 129, 0.42); } #btn-import-conferma.import-confirm-failed { opacity: 1; color: var(--color-rose); background: var(--color-rose-glow); border-color: rgba(244, 63, 94, 0.42); } .import-preview-summary { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 10px; margin-bottom: 18px; } .import-preview-summary-item { min-width: 0; padding: 12px 14px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--overlay-inset); } .import-preview-summary-item span { display: block; min-height: 30px; color: var(--text-muted); font-size: 11px; line-height: 1.3; } .import-preview-summary-item strong { display: block; margin-top: 3px; color: var(--text-primary); font-size: 22px; } .import-preview-summary-errors.has-errors { border-color: rgba(244, 63, 94, 0.38); background: rgba(244, 63, 94, 0.08); } .import-preview-alerts { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; } .import-preview-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 20px 0 10px; } .import-preview-section-heading h3 { margin: 0; color: var(--text-primary); font-size: 15px; } .import-preview-section-heading p { margin: 5px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.45; } .import-preview-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--border-color); border-radius: var(--radius-md); } .import-preview-table { min-width: 900px; } .import-preview-table th, .import-preview-table td { padding: 12px 16px; vertical-align: middle; } .import-preview-table th:first-child, .import-preview-table td:first-child { width: 28%; min-width: 210px; } .import-preview-section-code { display: block; margin-top: 3px; color: var(--text-muted); font-size: 10px; font-weight: 400; } .import-preview-table th:not(:first-child), .import-preview-table td:not(:first-child) { min-width: 125px; text-align: center; } .import-preview-empty-row { color: var(--text-muted); font-size: 12px; } .import-preview-errors { margin-top: 16px; } .import-preview-footer { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 28px; border-top: 1px solid var(--border-color); background: var(--bg-surface-elevated); } .import-preview-footer p { margin: 0; color: var(--text-muted); font-size: 12px; line-height: 1.4; } .import-preview-footer p i { margin-right: 5px; color: var(--color-indigo); } .import-preview-footer-actions { display: flex; flex: 0 0 auto; gap: 10px; } @media (max-width: 900px) { .import-preview-summary { grid-template-columns: repeat(2, minmax(130px, 1fr)); } } @media (max-width: 640px) { .modal-overlay.import-preview-overlay { padding: 0; } .import-preview-page { width: 100%; height: 100vh; border: 0; border-radius: 0; } .import-preview-header, .import-preview-body, .import-preview-footer { padding-left: 16px; padding-right: 16px; } .import-preview-header h2 { font-size: 19px; } .import-preview-summary { grid-template-columns: 1fr 1fr; } .import-preview-footer { align-items: stretch; flex-direction: column; } .import-preview-footer-actions { width: 100%; } .import-preview-footer-actions .btn { flex: 1 1 0; } .import-upload-actions { align-items: stretch; flex-direction: column; } #btn-import-apri-anteprima { margin-left: 0; } } /* Giorno libero del docente (slot 'preferito_libero'): tinta di sfondo secondo la severità effettiva del vincolo. Sta sotto l'evidenziazione dei conflitti. */ .schedule-table td.pref-libero-soft { background-color: rgba(245, 158, 11, 0.10); box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.22); } .schedule-table td.pref-libero-hard { background-color: rgba(244, 63, 94, 0.10); box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.25); } /* Lezioni collocate */ .placed-lesson { width: 100%; height: 100%; border-radius: var(--radius-sm); padding: 8px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: var(--shadow-sm); border-left: 4px solid transparent; transition: var(--transition-fast); position: relative; } .placed-lesson:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); filter: brightness(1.1); } /* Ora ereditata: aspetto ordinario, ma nessuna reazione da elemento modificabile. */ .placed-lesson.lesson-readonly:hover { transform: none; box-shadow: var(--shadow-sm); filter: none; } .lesson-subject { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--lesson-text); } /* Vista Docente: blocco superiore della cella (classe + materia impilate) */ .lesson-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .lesson-class { font-size: 13px; font-weight: 700; color: var(--lesson-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* La materia è secondaria quando la classe è l'informazione principale */ .lesson-main .lesson-subject { font-size: 12px; font-weight: 500; color: var(--lesson-text-soft); } .lesson-teacher { font-size: 11px; font-weight: 500; color: var(--lesson-text-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; } .lesson-footer { display: flex; justify-content: space-between; align-items: center; font-size: 10px; color: var(--lesson-text-muted); margin-top: auto; } /* Evidenziazioni Conflitti Cell */ .cell-error-highlight { box-shadow: none !important; } .cell-error-highlight .placed-lesson { box-shadow: 0 -2px 0 0 var(--color-rose), 2px 0 0 0 var(--color-rose), 0 2px 0 0 var(--color-rose), var(--shadow-sm) !important; } .cell-warning-highlight { box-shadow: none !important; } .cell-warning-highlight .placed-lesson { box-shadow: 0 -2px 0 0 var(--color-amber), 2px 0 0 0 var(--color-amber), 0 2px 0 0 var(--color-amber), var(--shadow-sm) !important; } .cell-conflict-indicator { position: absolute; top: 6px; right: 6px; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; color: white; z-index: 10; } /* Pannello Laterale di Assegnazione */ .schedule-sidebar { display: flex; flex-direction: column; height: 100%; } .schedule-sidebar .sidebar-header { padding: 16px 20px; } .schedule-sidebar-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .schedule-sidebar-toggle { flex: 0 0 auto; padding: 0; border: 0; background: transparent; color: var(--color-indigo); font: inherit; font-size: 11px; font-weight: 650; cursor: pointer; } .schedule-sidebar-toggle:hover { text-decoration: underline; } .schedule-sidebar-toggle:focus-visible { border-radius: 2px; outline: 2px solid var(--color-indigo); outline-offset: 3px; } .schedule-sidebar h3 { font-size: 15px; font-weight: 600; } .schedule-sidebar p { font-size: 12px; color: var(--text-muted); margin-top: 2px; } .schedule-sidebar.is-collapsed { width: max-content; height: auto; } .schedule-sidebar.is-collapsed .sidebar-header { padding: 10px 12px; border-bottom: 0; } .schedule-sidebar.is-collapsed .schedule-sidebar-heading { justify-content: flex-end; } .schedule-sidebar.is-collapsed .schedule-sidebar-heading h3, .schedule-sidebar.is-collapsed .sidebar-header p, .schedule-sidebar.is-collapsed .sidebar-body { display: none; } .sidebar-body { flex-grow: 1; overflow-y: auto; padding: 0 20px 20px 20px; display: flex; flex-direction: column; gap: 10px; } /* Eventi residui per la collocazione assistita */ .assisted-sidebar-section { display: flex; flex-direction: column; gap: 8px; } .assisted-sidebar-section:first-child { margin-top: 6px; } .assisted-sidebar-section + .assisted-sidebar-section { margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--divider-soft); } .assisted-sidebar-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--text-secondary); font-size: 11px; font-weight: 700; letter-spacing: 0.035em; text-transform: uppercase; } .assisted-task-card { width: 100%; padding: 11px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); color: var(--text-primary); text-align: left; cursor: pointer; transition: var(--transition-fast); } .assisted-task-card:hover, .assisted-task-card:focus-visible { border-color: var(--color-indigo); outline: none; } .assisted-task-card.selected { border-color: var(--color-indigo); background: var(--color-indigo-glow); box-shadow: 0 0 0 2px var(--color-indigo-glow); } .assisted-task-card.is-loading { opacity: 0.68; cursor: progress; } .assisted-task-heading, .assisted-task-meta, .assisted-task-badges { display: flex; align-items: center; gap: 6px; } .assisted-task-heading { justify-content: space-between; font-size: 12px; font-weight: 700; } .assisted-task-meta { margin-top: 5px; color: var(--text-secondary); font-size: 11px; } .assisted-task-badges { flex-wrap: wrap; margin-top: 7px; } .assisted-task-badge { padding: 2px 6px; border-radius: 999px; background: var(--bg-surface); color: var(--text-secondary); font-size: 9px; font-weight: 650; } .assisted-task-result { display: block; margin-top: 7px; color: var(--text-muted); font-size: 10px; } .assisted-task-result.is-empty { color: var(--color-rose); } .curriculum-covered-row { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; color: var(--text-secondary); font-size: 11px; } /* Card Docente Assegnabile: conservata per compatibilità con viste storiche */ .assignable-teacher-card { background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 12px 14px; cursor: grab; transition: var(--transition-fast); margin-bottom: 8px; /* Aggiunge un leggero spazio verticale tra le card */ } .assignable-teacher-card:last-child { margin-bottom: 0; } .assignable-teacher-card:hover { border-color: var(--color-indigo); background-color: rgba(99, 102, 241, 0.05); } .assignable-teacher-card.selected { border-color: var(--color-indigo); background-color: var(--color-indigo-glow); box-shadow: 0 0 10px var(--color-indigo-glow); } .assign-header { display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 600; } .assign-subjects { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; } .assign-stats { display: flex; justify-content: space-between; font-size: 11px; color: var(--text-muted); margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--divider-soft); } /* ========================================================================== RIEPILOGO DOCENTE (pannello laterale, vista per Docente) ========================================================================== */ .text-muted { color: var(--text-muted); } .btn-sm { padding: 6px 10px; font-size: 12px; } .doc-summary { display: flex; flex-direction: column; gap: 16px; } .doc-metric-top { display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; font-weight: 600; margin-bottom: 6px; } .doc-metric-top strong { font-size: 15px; } .doc-bar { height: 8px; border-radius: 4px; background-color: var(--bg-surface-elevated); overflow: hidden; } .doc-bar-fill { height: 100%; background-color: var(--color-amber); border-radius: 4px; transition: width var(--transition-fast); } .doc-bar-fill.full { background-color: var(--color-emerald); } .doc-bar-fill.over { background-color: var(--color-rose); } .doc-metric-note { font-size: 11px; margin-top: 6px; } .doc-info-grid { display: flex; flex-direction: column; gap: 8px; padding: 12px 0; border-top: 1px solid var(--divider-soft); border-bottom: 1px solid var(--divider-soft); } .doc-info { display: flex; justify-content: space-between; align-items: center; font-size: 12px; } .doc-info-label { color: var(--text-muted); } .doc-info-value { font-weight: 600; } .doc-gap-summary { display: block; padding-top: 2px; } .doc-gap-total { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .doc-gap-breakdown { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 3px 10px; margin-top: 5px; color: var(--text-muted); font-size: 10px; line-height: 1.35; } .doc-gap-breakdown strong { color: var(--text-primary); } .doc-gap-breakdown.is-unavailable { font-style: italic; } .doc-warn { font-size: 11px; color: var(--color-rose); background-color: var(--color-rose-glow); border-radius: var(--radius-sm); padding: 8px 10px; } /* Riga giorno libero con radio a iniziali (modifica rapida) */ .doc-giorno-row { align-items: center; } .doc-structural-free-day { display: flex; align-items: flex-end; flex-direction: column; color: var(--text-primary); line-height: 1.15; } .doc-structural-free-day small { margin-top: 2px; color: var(--text-muted); font-size: 9px; font-weight: 500; } .giorno-radios { display: flex; gap: 4px; } .giorno-radio { cursor: pointer; } .giorno-radio input { position: absolute; opacity: 0; pointer-events: none; } .giorno-radio span { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--radius-sm); border: 1px solid var(--border-color); background-color: var(--bg-surface); font-size: 11px; font-weight: 700; color: var(--text-muted); transition: var(--transition-fast); } .giorno-radio:hover span { border-color: var(--color-indigo); } .giorno-radio input:checked + span { background-color: var(--color-indigo); border-color: var(--color-indigo); color: #fff; } .giorno-radio input:focus-visible + span { box-shadow: 0 0 0 2px var(--color-indigo-glow); } .giorno-radio input:disabled + span { opacity: 0.35; cursor: not-allowed; } .giorno-radio:has(input:disabled) { cursor: not-allowed; } /* Sotto-card: regole personalizzabili per il docente */ .vincoli-subcard { margin-top: 4px; display: flex; flex-direction: column; gap: 6px; } .subcard-title { font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 4px; } .vo-item { background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); border-left-width: 3px; border-radius: 0; overflow: hidden; } .vo-item.is-hard { border-left-color: var(--color-rose); } .vo-item.is-soft { border-left-color: var(--color-amber); } .vo-item.is-disabled { border-left-color: var(--text-muted); } .vo-item.vo-readonly { padding: 10px 12px; } .vo-item.vo-readonly .vo-summary-meta { margin-top: 7px; } .vo-item > summary { display: flex; flex-direction: column; gap: 7px; padding: 11px 12px; cursor: pointer; font-size: 12px; list-style: none; } /* Prima riga: titolo a sinistra, valore (badge) allineato a destra */ .vo-riga1 { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; } .vo-item > summary::-webkit-details-marker { display: none; } .vo-item > summary:hover { background-color: var(--overlay-hover); } .vo-nome { font-weight: 600; display: flex; align-items: center; gap: 6px; } .vo-nome i { color: var(--text-muted); width: 14px; text-align: center; } .vo-item.is-hard .vo-nome i { color: var(--color-rose); } .vo-item.is-soft .vo-nome i { color: var(--color-amber); } .vo-summary-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .vo-summary-meta .vo-badge { flex: 0 0 auto; } /* Seconda riga: severità e peso (o "disattivato") */ .vo-stato { font-size: 11px; color: var(--text-muted); display: flex; align-items: center; gap: 4px; min-width: 0; font-weight: 600; } .vo-badge { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; padding: 2px 5px; border-radius: 4px; } .vo-badge.vo-default { background-color: var(--bg-surface); color: var(--text-muted); border: 1px solid var(--border-color); } .vo-badge.vo-custom { background-color: var(--color-indigo-glow); color: var(--color-indigo); } .vo-body { padding: 0 12px 12px 12px; border-top: 1px solid var(--divider-soft); } .vo-controls { display: flex; flex-direction: column; gap: 12px; padding-top: 12px; } .vo-controls label { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--text-muted); } .vo-controls .vo-attivo-row { flex-direction: row; align-items: center; gap: 8px; align-self: flex-start; color: var(--text-primary); font-weight: 600; cursor: pointer; } .vo-controls .vo-attivo-row input { appearance: none; display: grid; width: 16px; height: 16px; margin: 0; place-content: center; border: 1px solid var(--border-color-hover); border-radius: 3px; background: var(--bg-surface); cursor: pointer; } .vo-controls .vo-attivo-row input::before { width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; content: ''; transform: rotate(45deg) scale(0); transform-origin: center; transition: transform var(--transition-fast); } .vo-controls .vo-attivo-row input:checked { border-color: var(--color-indigo); background: var(--color-indigo); } .vo-controls .vo-attivo-row input:checked::before { transform: rotate(45deg) scale(1); } .vo-controls .vo-attivo-row input:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 2px; } .vo-settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) 76px; gap: 8px; } .vo-setting-field { min-width: 0; } .vo-setting-field > label { margin-bottom: 4px; } .vo-controls select, .vo-controls input[type="number"] { padding: 6px 8px; font-size: 12px; } .vo-controls .app-select { width: 100%; } .vo-controls .app-select-trigger { min-height: 31px; padding: 6px 8px; font-size: 12px; } .vo-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; } .vo-readonly { padding-top: 10px; font-size: 11px; color: var(--text-muted); line-height: 1.5; } .vo-item.vo-readonly .open-teacher-constraint { margin-top: 10px; } /* ========================================================================== CATTEDRE: ORGANICO E REVISIONE DELLE PROPOSTE ========================================================================== */ .cattedre-overview { margin-bottom: 14px; padding: 18px 20px; } .cattedre-overview-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; } .cattedre-overview-heading h3 { margin: 0 0 5px; font-size: 17px; } .cattedre-overview-heading p { max-width: 760px; margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.55; } .cattedre-summary { display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)); gap: 10px; margin-top: 16px; } .cattedre-summary-item { display: flex; align-items: baseline; gap: 8px; min-width: 0; padding: 11px 13px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); color: var(--text-primary); text-align: left; cursor: pointer; transition: border-color var(--transition-fast), transform var(--transition-fast); } .cattedre-summary-item:hover { border-color: var(--border-color-hover); transform: translateY(-1px); } .cattedre-summary-item span { font-size: 21px; font-weight: 700; } .cattedre-summary-item small { color: var(--text-secondary); font-size: 11px; } .cattedre-summary-item.is-assigned span { color: var(--color-emerald); } .cattedre-summary-item.is-pending span { color: var(--color-amber); } .cattedre-summary-item.is-empty span { color: var(--text-secondary); } .cattedre-mode-tabs { display: flex; gap: 4px; margin-bottom: 10px; border-bottom: 1px solid var(--border-color); } .cattedre-mode-tab { padding: 10px 15px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--text-secondary); font-size: 13px; font-weight: 600; cursor: pointer; } .cattedre-mode-tab:hover { color: var(--text-primary); } .cattedre-mode-tab.is-active { border-bottom-color: var(--color-indigo); color: var(--text-primary); } .cattedre-mode-tab .badge { margin-left: 5px; padding: 2px 6px; } .cattedre-proposal-actions { display: flex; align-items: center; gap: 16px; margin-bottom: 10px; padding: 10px 12px; border: 1px solid rgba(245, 158, 11, 0.28); border-radius: var(--radius-md); background: var(--color-amber-glow); color: var(--text-secondary); font-size: 12px; } .cattedre-select-all { display: inline-flex; align-items: center; gap: 7px; color: var(--text-primary); cursor: pointer; } .cattedre-select-all input, .cattedre-proposal-checkbox, .cattedre-analysis-proposal input, .cattedre-analysis-list-heading input { width: 16px; height: 16px; accent-color: var(--color-indigo); } .cattedre-proposal-buttons { display: flex; gap: 8px; margin-left: auto; } .cattedre-table .cattedre-proposal-select-column { width: 42px; padding-right: 4px; text-align: center; } .cattedre-table tr.is-proposal td { background: rgba(245, 158, 11, 0.035); } .cattedre-table tr.is-inherited td { background: color-mix(in srgb, var(--color-blue) 4%, transparent); } .cattedre-scope-cell { display: flex; min-width: 150px; flex-direction: column; align-items: flex-start; gap: 3px; } .cattedre-scope-cell > span:not(.badge), .cattedre-scope-cell > small { color: var(--text-secondary); font-size: 10px; line-height: 1.35; } .cattedre-inherited-badge { margin-top: 2px; border: 1px solid color-mix(in srgb, var(--color-blue) 30%, transparent); background: color-mix(in srgb, var(--color-blue) 9%, transparent); color: var(--color-blue); font-size: 9px; } .cattedre-inherited-assignment { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; color: var(--text-secondary); font-size: 11px; } .cattedre-inherited-assignment > strong { color: var(--text-primary); font-size: 12px; } .cattedre-inherited-assignment > small { color: var(--text-muted); font-size: 9px; } .cattedre-manage-scope { padding: 0; border: 0; background: transparent; color: var(--color-indigo); font: inherit; font-size: 10px; font-weight: 600; cursor: pointer; } .cattedre-manage-scope:hover { text-decoration: underline; } .cattedre-availability-button { display:block; margin-top:8px; padding:5px 8px; border:1px solid var(--border-color); border-radius:var(--radius-md); background:var(--bg-surface-elevated); color:var(--color-indigo); font-size:12px; cursor:pointer; } .cattedre-availability-button:hover { border-color:var(--color-indigo); } .cattedre-availability-button:focus-visible { outline:2px solid var(--color-indigo); outline-offset:2px; } .cattedre-availability { position:fixed; inset:0; margin:auto; width:min(880px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); height:fit-content; padding:0; display:flex; flex-direction:column; color:var(--text-primary); background:var(--bg-surface); border:1px solid var(--border-color); border-radius:var(--radius-lg); box-shadow:0 18px 60px rgba(0,0,0,.3); z-index:1500; } .cattedre-availability[hidden] { display:none; } .cattedre-availability::backdrop { background:transparent; } .cattedre-availability-heading { display:flex; flex:none; justify-content:space-between; align-items:flex-start; gap:16px; padding:18px; border-bottom:1px solid var(--border-color); } .cattedre-availability-heading h3 { font-size:16px; margin:0 0 6px; } .cattedre-availability-heading p { color:var(--text-secondary); font-size:13px; overflow-wrap:anywhere; } .cattedre-availability-heading .btn { flex:none; } .cattedre-availability-help { padding:12px 18px; margin:0; color:var(--text-secondary); font-size:12px; line-height:1.6; } .cattedre-availability-body { min-height:0; overflow:auto; overscroll-behavior:contain; padding:0 18px 18px; } .cattedre-availability-body table { min-width:610px; font-size:13px; } .cattedre-availability-body th { position:sticky; top:0; background:var(--bg-surface); } .cattedre-availability-body td:not(:first-child) { font-variant-numeric:tabular-nums; } .cattedre-capacity { display:inline-block; padding:4px 6px; border-radius:4px; } .cattedre-capacity.is-sufficient { color:var(--color-emerald); background:var(--color-emerald-glow); } .cattedre-capacity.is-limited { color:var(--color-amber); background:var(--color-amber-glow); } .cattedre-availability-empty { margin:0; line-height:1.6; font-size:13px; } #view-cattedre .cattedre-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .cattedre-teacher-select { width: 100%; max-width: 280px; padding: 6px 8px; font-size: 12px; } .cattedre-assignment-state { margin-top: 6px; } .cattedre-assignment-state .badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; font-size: 10px; } .cattedre-state-empty { border: 1px solid var(--border-color); background: var(--overlay-inset); color: var(--text-secondary); } .cattedre-hours-comp { background: var(--color-indigo-glow); color: var(--color-indigo); } .modal-card.modal-cattedre-analysis { display: flex; flex-direction: column; max-width: 940px; max-height: calc(100vh - 48px); } #modal-cattedre-analisi { overflow-y: hidden; padding-top: 24px; padding-bottom: 24px; } .modal-cattedre-analysis .modal-header { flex: 0 0 auto; align-items: flex-start; } .modal-header-help { margin: 5px 0 0; color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .cattedre-analysis-body { min-height: 0; padding: 20px 24px; overflow-y: auto; } .modal-cattedre-analysis .modal-footer, .modal-cattedre-confirm .modal-footer { flex: 0 0 auto; margin-top: 0; padding: 15px 24px; border-top: 1px solid var(--border-color); } .cattedre-scope-field { display: grid; grid-template-columns: minmax(160px, 220px) minmax(260px, 1fr); align-items: center; gap: 6px 14px; margin-bottom: 18px; } .cattedre-scope-field label { margin: 0; } .cattedre-scope-field small { grid-column: 2; color: var(--text-secondary); } .cattedre-analysis-intro { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 180px; padding: 28px; border: 1px dashed var(--border-color); border-radius: var(--radius-md); color: var(--text-secondary); text-align: center; } .cattedre-analysis-intro i { color: var(--color-indigo); font-size: 24px; } .cattedre-analysis-intro p { max-width: 540px; margin: 0; line-height: 1.55; } .cattedre-analysis-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; } .cattedre-analysis-summary > div { display: flex; flex-direction: column; gap: 2px; padding: 11px 13px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .cattedre-analysis-summary strong { font-size: 19px; } .cattedre-analysis-summary span { color: var(--text-secondary); font-size: 11px; } .cattedre-analysis-warnings { margin-bottom: 14px; padding: 12px 14px; border: 1px solid rgba(244, 63, 94, 0.24); border-radius: var(--radius-md); background: var(--color-rose-glow); } .cattedre-analysis-warnings h4 { margin: 0 0 7px; font-size: 12px; } .cattedre-analysis-warnings ul { margin: 0; padding-left: 18px; color: var(--text-secondary); font-size: 11px; line-height: 1.55; } .cattedre-analysis-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 8px; color: var(--text-secondary); font-size: 11px; } .cattedre-analysis-list-heading label { display: inline-flex; align-items: center; gap: 7px; color: var(--text-primary); cursor: pointer; } .cattedre-analysis-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .cattedre-analysis-proposal { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); cursor: pointer; } .cattedre-analysis-proposal:hover { border-color: var(--border-color-hover); } .cattedre-analysis-proposal input { flex: 0 0 auto; margin-top: 2px; } .cattedre-analysis-proposal-main { display: flex; min-width: 0; flex-direction: column; gap: 3px; } .cattedre-analysis-proposal-main strong { font-size: 12px; } .cattedre-analysis-proposal-main em { color: var(--color-indigo); font-size: 9px; font-style: normal; font-weight: 600; } .cattedre-analysis-proposal-main > span { color: var(--text-primary); font-size: 12px; } .cattedre-analysis-proposal-main small { color: var(--text-secondary); font-size: 10px; } .cattedre-analysis-proposal-main .cattedre-proposal-reason { margin-top: 2px; color: var(--text-muted); line-height: 1.4; } .cattedre-analysis-no-proposals { min-height: 120px; } .modal-card.modal-cattedre-confirm { max-width: 520px; } .modal-cattedre-confirm .modal-body { padding: 24px; color: var(--text-secondary); font-size: 13px; line-height: 1.6; } @media (max-width: 760px) { .cattedre-overview-heading, .cattedre-proposal-actions { align-items: stretch; flex-direction: column; } .cattedre-summary, .cattedre-analysis-summary, .cattedre-analysis-list { grid-template-columns: 1fr; } .cattedre-proposal-buttons { margin-left: 0; } .cattedre-scope-field { grid-template-columns: 1fr; } .cattedre-scope-field small { grid-column: 1; } } /* ========================================================================== MODALI E SOVAPPOSIZIONI ========================================================================== */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.55); backdrop-filter: none; -webkit-backdrop-filter: none; z-index: 1000; display: flex; justify-content: center; align-items: flex-start; overflow-y: auto; padding: 40px 20px; animation: fadeIn var(--transition-fast) forwards; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .modal-card { width: 100%; max-width: 500px; border: 1px solid var(--border-color); border-radius: 0; box-shadow: var(--shadow-lg); overflow: hidden; animation: scaleIn var(--transition-fast) forwards; margin: 0 auto; } /* Modali opache su un velo scuro: nessun filtro sul contenuto sottostante. */ .modal-card.glass { background: var(--bg-surface); backdrop-filter: none; -webkit-backdrop-filter: none; } .modal-card.modal-large { max-width: 720px; } .modal-card.constraint-help-modal { max-width: 820px; max-height: calc(100vh - 48px); display: flex; flex-direction: column; } .constraint-help-modal .modal-header { flex: 0 0 auto; background-color: var(--bg-surface); } .constraint-help-content { min-height: 0; padding: 24px; overflow-y: auto; background-color: var(--bg-surface); } .constraint-help-footer { flex: 0 0 auto; display: flex; justify-content: flex-end; padding: 16px 24px; border-top: 1px solid var(--border-color); background-color: var(--bg-surface); } .constraint-help-intro, .constraint-help-identity { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border: 1px solid color-mix(in srgb, var(--color-indigo) 32%, var(--border-color)); border-radius: var(--radius-lg); background-color: var(--color-indigo-glow); } .constraint-help-intro > i { margin-top: 2px; color: var(--color-indigo); font-size: 20px; } .constraint-help-intro p, .constraint-help-identity p { margin: 0; color: var(--text-primary); font-size: 14px; line-height: 1.55; } .constraint-help-rule-icon { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--bg-surface); color: var(--color-indigo); font-size: 18px; box-shadow: var(--shadow-sm); } .constraint-help-kicker { display: block; margin-bottom: 4px; color: var(--color-indigo); font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; } .constraint-help-current { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 16px; } .constraint-help-current > div { min-width: 0; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-surface-elevated); } .constraint-help-current span, .constraint-help-current strong { display: block; } .constraint-help-current span { margin-bottom: 3px; color: var(--text-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } .constraint-help-current strong { overflow-wrap: anywhere; color: var(--text-primary); font-size: 12px; line-height: 1.35; } .constraint-help-section { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border-color); } .constraint-help-section-compact { margin-top: 18px; } .constraint-help-section h4 { margin: 0 0 8px; color: var(--text-primary); font-size: 14px; } .constraint-help-section h4 i { margin-right: 6px; color: var(--color-indigo); } .constraint-help-section p { margin: 0 0 9px; color: var(--text-secondary); font-size: 13px; line-height: 1.6; } .constraint-help-section p:last-child { margin-bottom: 0; } .constraint-help-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; padding: 12px 14px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-surface-elevated); } .constraint-help-note > i { margin-top: 2px; color: var(--color-indigo); } .constraint-help-note.is-flexible > i { color: var(--color-amber); } .constraint-help-note.is-rigid > i { color: var(--color-rose); } .constraint-help-note p { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.55; } .constraint-parameter-help-list { display: grid; gap: 8px; } .constraint-parameter-help-item { padding: 12px 14px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-surface-elevated); } .constraint-parameter-help-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 5px; } .constraint-parameter-help-heading strong { color: var(--text-primary); font-size: 12px; } .constraint-parameter-help-heading span { color: var(--color-indigo); font-size: 12px; font-weight: 700; text-align: right; } .constraint-parameter-help-item p { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .constraint-help-group-note { padding: 16px; border: 1px solid color-mix(in srgb, var(--color-amber) 40%, var(--border-color)); border-radius: var(--radius-md); background-color: var(--color-amber-glow); } @media (max-width: 720px) { .modal-card.constraint-help-modal { max-height: calc(100vh - 24px); } .constraint-help-content { padding: 18px; } .constraint-help-current { grid-template-columns: repeat(2, minmax(0, 1fr)); } .constraint-parameter-help-heading { align-items: flex-start; flex-direction: column; gap: 3px; } .constraint-parameter-help-heading span { text-align: left; } } /* Editor docente compatto: dati principali e assegnazioni restano leggibili senza moltiplicare riquadri o aree di scorrimento interne. */ .modal-card.modal-teacher-editor { max-width: 1000px; max-height: calc(100vh - 48px); display: flex; flex-direction: column; border-radius: 0; } .modal-teacher-editor .modal-header { flex: 0 0 auto; padding: 14px 18px; background: var(--bg-surface); } .modal-card.modal-teacher-editor form { min-height: 0; padding: 0; display: flex; flex: 1 1 auto; flex-direction: column; } .modal-teacher-editor .modal-tabs { flex: 0 0 auto; margin: 0; } .modal-teacher-editor .modal-tab-content:not(.hide) { min-height: 0; padding: 14px 18px; overflow-y: auto; } .modal-teacher-editor input[type="text"], .modal-teacher-editor input[type="number"], .modal-teacher-editor select, .modal-teacher-editor .checkbox-list-container { border-radius: var(--radius-sm); } .modal-teacher-editor .modal-tab-btn, .modal-teacher-editor .modal-header button, .modal-teacher-editor .modal-footer .btn { border-radius: 0; } .modal-teacher-editor .modal-tab-content .btn { border-radius: var(--radius-sm); } .teacher-modal-footer { flex: 0 0 auto; margin-top: 0; padding: 12px 18px; border-top: 1px solid var(--border-color); background: var(--bg-surface); } .teacher-field-note { margin: 5px 0 0; line-height: 1.35; } .teacher-identity-row, .teacher-data-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .teacher-editor-divider { margin: 12px 0 14px; border-top: 1px solid var(--border-color); } .teacher-core-fields { display: flex; min-width: 0; flex-direction: column; } .modal-teacher-editor .form-group { margin-bottom: 10px; } .teacher-site-section { margin-top: 2px; } .teacher-section-heading h4 { margin: 0 0 4px; font-size: 13px; } .teacher-section-heading .helper-text { margin: 0 0 8px; line-height: 1.35; } .teacher-subjects-field { min-width: 0; } .teacher-subject-list { padding: 4px 8px; gap: 0; overflow: visible; } .teacher-subject-list .checkbox-item { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; padding: 6px 2px; border-bottom: 1px solid var(--border-color); line-height: 1.3; } .teacher-subject-list .checkbox-item:last-child { border-bottom: 0; } .teacher-subject-list .checkbox-item input[type="checkbox"] { appearance: none; display: grid; width: 16px; height: 16px; margin: 0; place-content: center; border: 1px solid var(--border-color-hover); border-radius: 3px; background: var(--bg-surface); cursor: pointer; } .teacher-subject-list .checkbox-item input[type="checkbox"]::before { width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; content: ''; transform: rotate(45deg) scale(0); transform-origin: center; transition: transform var(--transition-fast); } .teacher-subject-list .checkbox-item input[type="checkbox"]:checked { border-color: var(--color-indigo); background: var(--color-indigo); } .teacher-subject-list .checkbox-item input[type="checkbox"]:checked::before { transform: rotate(45deg) scale(1); } .teacher-subject-list .checkbox-item input[type="checkbox"]:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 2px; } .teacher-editor-section { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border-color); } .teacher-site-matrix { width: 100%; overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-surface-elevated); } .teacher-site-days-table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; } .teacher-site-days-table th, .teacher-site-days-table td { padding: 7px 5px; border-bottom: 1px solid var(--border-color); font-size: 12px; text-align: center; } .teacher-site-days-table th { background: var(--bg-surface); color: var(--text-secondary); font-size: 11px; font-weight: 600; } .teacher-site-days-table th:first-child, .teacher-site-days-table td:first-child { width: 40%; padding-left: 8px; text-align: left; } .teacher-site-days-table tbody tr:last-child td { border-bottom: 0; } .teacher-site-name { display: inline-flex; align-items: center; gap: 7px; color: var(--text-primary); font-weight: 600; cursor: pointer; } .teacher-site-name input { appearance: none; display: grid; width: 16px; height: 16px; margin: 0; place-content: center; border: 1px solid var(--border-color-hover); border-radius: 3px; background: var(--bg-surface); cursor: pointer; } .teacher-site-day-cell input { appearance: none; display: grid; width: 16px; height: 16px; margin: 0 auto; place-content: center; border: 1px solid var(--border-color-hover); border-radius: 3px; background: var(--bg-surface); cursor: pointer; } .teacher-site-days-table input[type="checkbox"]::before { width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; content: ''; transform: rotate(45deg) scale(0); transform-origin: center; transition: transform var(--transition-fast); } .teacher-site-days-table input[type="checkbox"]:checked { border-color: var(--color-indigo); background: var(--color-indigo); } .teacher-site-days-table input[type="checkbox"]:checked::before { transform: rotate(45deg) scale(1); } .teacher-site-days-table input[type="checkbox"]:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 2px; } .teacher-site-days-table input[type="checkbox"]:disabled { opacity: 0.35; cursor: not-allowed; } .teacher-site-day-cell.calendar-closed { background: rgba(148, 163, 184, 0.09); } .teacher-site-day-cell.calendar-closed input { opacity: 0.35; cursor: not-allowed; } .teacher-availability-heading { margin-bottom: 8px; } .teacher-availability-context-tabs { display: flex; width: 100%; overflow-x: auto; border-bottom: 1px solid var(--border-color); background: var(--bg-surface-elevated); } .teacher-availability-context-tab { flex: 0 0 auto; padding: 8px 13px; border: 0; border-right: 1px solid var(--border-color); border-bottom: 3px solid transparent; color: var(--text-secondary); background: transparent; font: inherit; font-size: 12px; cursor: pointer; } .teacher-availability-context-tab:hover { color: var(--text-primary); background: var(--overlay-hover); } .teacher-availability-context-tab.active, .teacher-availability-context-tab[aria-selected="true"] { border-bottom-color: var(--color-indigo); color: var(--color-indigo); background: var(--color-indigo-glow); font-weight: 700; } .teacher-availability-context-tab:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: -3px; } .modal-teacher-editor .teacher-availability-context-help { min-height: 36px; margin: 9px 0 8px; } .teacher-availability-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 14px; color: var(--text-secondary); font-size: 11px; } .teacher-availability-legend > span { display: inline-flex; align-items: center; gap: 6px; } .teacher-state-swatch { width: 15px; height: 15px; border: 1px solid var(--border-color); border-radius: 3px; background: transparent; } .teacher-state-swatch.indisponibile { border-color: var(--color-rose); background: rgba(244, 63, 94, 0.35); } .teacher-state-swatch.site-unavailable { border-color: var(--color-rose); background: rgba(244, 63, 94, 0.35); } .teacher-state-swatch.general-unavailable { border-color: rgba(244, 63, 94, 0.55); background: rgba(244, 63, 94, 0.18); } .teacher-state-swatch.preferito_libero { border-color: var(--color-amber); background: rgba(245, 158, 11, 0.35); } .teacher-state-swatch.presence-excluded, .mini-schedule-table td.presence-excluded { border-color: rgba(99, 102, 241, 0.35); background: rgba(99, 102, 241, 0.1); } .teacher-state-swatch.calendar-closed, .mini-schedule-table td.calendar-closed { border-color: rgba(148, 163, 184, 0.3); background: rgba(148, 163, 184, 0.12); } @keyframes scaleIn { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } } .modal-header { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); } .btn-close-modal { background: transparent; border: none; color: var(--text-secondary); font-size: 18px; cursor: pointer; padding: 4px; transition: var(--transition-fast); } .btn-close-modal:hover { color: var(--text-primary); } .modal-card form { padding: 24px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .modal-card input[type="text"], .modal-card input[type="email"], .modal-card input[type="password"], .modal-card input[type="number"], .modal-card select { width: 100%; padding: 10px 12px; background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); border-radius: var(--radius-md); color: var(--text-primary); font-size: 14px; transition: var(--transition-fast); } .modal-card input[type="text"]:focus, .modal-card input[type="email"]:focus, .modal-card input[type="password"]:focus, .modal-card input[type="number"]:focus, .modal-card select:focus { outline: none; border-color: var(--color-indigo); } .app-select { position: relative; width: 100%; } .app-select > select.app-select-native { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; opacity: 0; pointer-events: none; white-space: nowrap; } .app-select-trigger { display: flex; width: 100%; min-height: 39px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); color: var(--text-primary); background: var(--bg-surface-elevated); font: inherit; font-size: 14px; text-align: left; cursor: pointer; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); } .app-select-trigger:hover { border-color: var(--border-color-hover); } .app-select-trigger:focus-visible, .app-select.is-open .app-select-trigger { border-color: var(--color-indigo); outline: none; box-shadow: 0 0 0 3px var(--color-indigo-glow); } .app-select.is-invalid .app-select-trigger { border-color: var(--color-rose); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-rose) 18%, transparent); } .app-select-trigger:disabled { opacity: 0.5; cursor: not-allowed; } .app-select-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .app-select-chevron { color: var(--text-secondary); font-size: 11px; transition: transform var(--transition-fast); } .app-select.is-open .app-select-chevron { transform: rotate(180deg); } .app-select-popover { position: fixed; z-index: 1500; padding: 4px; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--border-color-hover); border-radius: var(--radius-sm); background: var(--bg-surface-elevated); box-shadow: var(--shadow-lg); } .app-select-popover[hidden] { display: none; } .app-select-option { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) 18px; align-items: center; gap: 10px; padding: 8px 10px; border: 0; border-radius: 3px; color: var(--text-primary); background: transparent; font: inherit; font-size: 13px; line-height: 1.35; text-align: left; cursor: pointer; } .app-select-option:hover, .app-select-option:focus-visible { outline: none; background: var(--overlay-hover); } .app-select-option[aria-selected="true"] { color: var(--color-indigo); background: var(--color-indigo-glow); font-weight: 600; } .app-select-group-label { padding: 8px 10px 4px; color: var(--text-secondary); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } .app-select-option:disabled { opacity: 0.38; cursor: not-allowed; } .app-select-check { color: var(--color-indigo); font-size: 13px; text-align: center; opacity: 0; } .app-select-option[aria-selected="true"] .app-select-check { opacity: 1; } .checkbox-list-container { border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-surface-elevated); padding: 12px; display: flex; flex-direction: column; gap: 10px; } .checkbox-list-container.scrollable-small { max-height: 120px; overflow-y: auto; } .checkbox-item { display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; } .checkbox-item input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--color-indigo); } .modal-footer { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; } .modal-card .modal-header, .modal-card .modal-footer, .modal-card .constraint-help-footer { border-radius: 0; background-color: var(--bg-surface); } .modal-card .modal-header button, .modal-card .modal-footer .btn, .modal-card .constraint-help-footer .btn { border-radius: 0; } .app-dialog-card { max-width: 560px; border-radius: 0; } .app-dialog-card .modal-header { padding: 15px 18px; } .app-dialog-body { padding: 20px 18px; } .app-dialog-body p { margin: 0; color: var(--text-primary); font-size: 14px; line-height: 1.55; white-space: pre-line; } .app-dialog-input-group { display: flex; margin-top: 16px; flex-direction: column; gap: 6px; color: var(--text-secondary); font-size: 12px; } .app-dialog-input-group input { border-radius: var(--radius-sm); } .app-dialog-footer { margin-top: 0; padding: 12px 18px; border-top: 1px solid var(--border-color); } .btn-left { margin-right: auto; } .helper-text { font-size: 12px; color: var(--text-muted); margin-bottom: 12px; margin-top: -6px; } /* Editor classe e curricolo: ampio, leggibile e con comandi sempre visibili. */ .modal-card.modal-class-editor { max-width: 1120px; max-height: calc(100vh - 48px); display: flex; flex-direction: column; } /* Il contenitore esterno non deve scorrere: l'altezza disponibile coincide con quella della modale e l'eventuale overflow resta nel corpo interno. */ #modal-classe { overflow-y: hidden; padding-top: 24px; padding-bottom: 24px; } /* Variante riutilizzabile: testata e barra azioni condividono la stessa superficie. Le altre modali potranno adottarla aggiungendo una sola classe. */ .modal-card.modal-unified-bars .modal-header, .modal-card.modal-unified-bars .modal-footer { background: var(--bg-surface); } /* Editor dei vincoli: stessa struttura ampia, squadrata e a barre unificate usata dalle modali operative più recenti. */ .constraint-editor-overlay { padding: 24px; } .modal-card.constraint-editor-modal { display: flex; width: min(820px, 100%); max-width: 820px; max-height: calc(100vh - 48px); flex-direction: column; border-radius: 0; } .constraint-editor-modal .modal-header { flex: 0 0 auto; gap: 20px; padding: 16px 24px; } .constraint-editor-heading { display: flex; min-width: 0; align-items: center; gap: 14px; } .constraint-editor-icon { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; border: 1px solid rgba(99, 102, 241, 0.42); border-radius: 0; background: var(--color-indigo-glow); color: var(--color-indigo); font-size: 16px; } .constraint-editor-heading h3 { margin: 0 0 3px; font-size: 17px; } .modal-card .constraint-editor-form { display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column; padding: 0; } .constraint-editor-body { display: grid; min-height: 0; gap: 16px; padding: 22px 24px; overflow-y: auto; background: var(--bg-base); } .constraint-editor-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 16px; border: 1px solid var(--border-color); border-left: 3px solid var(--color-indigo); border-radius: 0; background: var(--bg-surface); } .constraint-editor-kicker, .constraint-editor-summary strong, .constraint-editor-summary p { display: block; } .constraint-editor-kicker { margin-bottom: 3px; color: var(--color-indigo); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .constraint-editor-summary strong { color: var(--text-primary); font-size: 14px; } .constraint-editor-summary p { max-width: 620px; margin: 4px 0 0; color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .constraint-editor-help { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--border-color-hover); border-radius: 0; background: var(--overlay-inset); color: var(--color-indigo); font: inherit; font-size: 11px; font-weight: 600; cursor: pointer; } .constraint-editor-help:hover, .constraint-editor-help:focus-visible { border-color: var(--color-indigo); outline: none; background: var(--color-indigo-glow); } .constraint-editor-section { border: 1px solid var(--border-color); border-radius: 0; background: var(--bg-surface); } .constraint-editor-section-heading { display: flex; align-items: flex-start; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--border-color); background: var(--overlay-inset); } .constraint-editor-section-heading > span { flex: 0 0 auto; padding-top: 1px; color: var(--color-indigo); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; } .constraint-editor-section-heading h4, .constraint-editor-section-heading p { margin: 0; } .constraint-editor-section-heading h4 { color: var(--text-primary); font-size: 13px; } .constraint-editor-section-heading p { margin-top: 3px; color: var(--text-muted); font-size: 11px; line-height: 1.4; } .constraint-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; padding: 16px; } .constraint-editor-grid .form-group { min-width: 0; margin: 0; } .constraint-field-wide, .constraint-editor-parameter-group { grid-column: 1 / -1; } .constraint-editor-parameter-group { padding-top: 14px; border-top: 1px solid var(--border-color); } .constraint-editor-parameter-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; } .constraint-editor-parameter-heading strong { color: var(--text-primary); font-size: 12px; } .constraint-editor-parameter-heading span { color: var(--text-muted); font-size: 10px; } .constraint-editor-parameters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; } .constraint-editor-modal input[type="number"], .constraint-editor-modal .app-select-trigger, .constraint-editor-modal .btn, .constraint-editor-modal .btn-close-modal { border-radius: 0; } .constraint-editor-active { display: flex; align-items: flex-start; gap: 11px; padding: 13px 16px; border: 1px solid var(--border-color); border-radius: 0; background: var(--bg-surface); cursor: pointer; } .constraint-editor-active input { width: 17px; height: 17px; flex: 0 0 17px; margin: 1px 0 0; accent-color: var(--color-indigo); } .constraint-editor-active strong, .constraint-editor-active small { display: block; } .constraint-editor-active strong { color: var(--text-primary); font-size: 12px; } .constraint-editor-active small { margin-top: 3px; color: var(--text-muted); font-size: 11px; line-height: 1.4; } .constraint-editor-modal .modal-footer { flex: 0 0 auto; margin-top: 0; padding: 14px 24px; border-top: 1px solid var(--border-color); background: var(--bg-surface); } @media (max-width: 680px) { .constraint-editor-overlay { padding: 12px; } .modal-card.constraint-editor-modal { max-height: calc(100vh - 24px); } .constraint-editor-modal .modal-header, .constraint-editor-body, .constraint-editor-modal .modal-footer { padding-left: 16px; padding-right: 16px; } .constraint-editor-heading .modal-header-help, .constraint-editor-help span, .constraint-editor-parameter-heading span { display: none; } .constraint-editor-summary { align-items: flex-start; } .constraint-editor-grid, .constraint-editor-parameters { grid-template-columns: 1fr; } .constraint-field-wide, .constraint-editor-parameter-group { grid-column: auto; } } /* Un breve gesto della bacchetta soltanto all'interazione, senza effetti continui. */ .btn.generator-launch { background: linear-gradient(115deg, #4338ca, #6d28d9); border: 1px solid #8b5cf6; color: #fff; font-weight: 700; gap: 10px; box-shadow: 0 2px 8px rgba(67, 56, 202, 0.22); transition: none; } .btn.generator-launch:hover { background: #5b21b6; border-color: #c4b5fd; } .btn.generator-launch:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 3px; } .generator-wand { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: #fde68a; } .generator-wand { transform-origin: 25% 80%; } .generator-wand i { display: inline-block; } .generator-launch:is(:hover, :focus-visible) .generator-wand { transform: rotate(-12deg); } .generator-wand::before, .generator-wand::after { content: "✦"; position: absolute; opacity: 0; pointer-events: none; font-size: 10px; line-height: 1; } .generator-wand::before { top: -3px; right: -3px; } .generator-wand::after { top: 9px; right: -7px; font-size: 7px; } .generator-launch:is(:hover, :focus-visible) .generator-wand::before, .generator-launch:is(:hover, :focus-visible) .generator-wand::after { opacity: 1; } @keyframes generator-wand-flick { 0% { transform: rotate(0deg); } 25% { transform: rotate(-35deg); } 55% { transform: rotate(20deg); } 80% { transform: rotate(-20deg); } 100% { transform: rotate(-12deg); } } @keyframes generator-wand-spark { 0%, 100% { opacity: 0; transform: translateY(0) scale(.6); } 45% { opacity: 1; transform: translateY(-3px) scale(1.1); } } @media (prefers-reduced-motion: no-preference) { .generator-launch:is(:hover, :focus-visible) .generator-wand { animation: generator-wand-flick 900ms ease-out 1; } .generator-launch:is(:hover, :focus-visible) .generator-wand::before { animation: generator-wand-spark 900ms ease-out 1; } .generator-launch:is(:hover, :focus-visible) .generator-wand::after { animation: generator-wand-spark 750ms 150ms ease-out 1; } } .generator-dock { position: fixed; bottom: 18px; right: 18px; z-index: 900; display: flex; align-items: center; gap: 12px; max-width: min(380px, calc(100vw - 24px)); padding: 12px 16px; border: 1px solid var(--color-indigo); border-radius: 8px; background: var(--bg-surface); color: var(--text-primary); box-shadow: var(--shadow-lg); text-align: left; cursor: pointer; } .generator-dock > i { color: var(--color-indigo); } .generator-dock > span { min-width: 0; } .generator-dock strong, .generator-dock small { display: block; line-height: 1.4; } .generator-dock strong { font-size: 13px; } .generator-dock small { font-size: 11px; color: var(--text-secondary); } .generator-dock:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 3px; } body:not(.logged-in) .generator-dock { display: none; } /* Generatore: finestra operativa ampia, squadrata e leggibile. Il registro resta visibile anche a ricerca conclusa e mostra soltanto dati reali. */ .generator-overlay { padding: 24px; } .modal-card.generator-modal { display: flex; flex-direction: column; width: min(960px, 100%); max-width: 960px; max-height: calc(100vh - 48px); border-radius: 0; } .generator-modal .modal-header, .generator-modal .modal-footer { flex: 0 0 auto; background: var(--bg-surface); } .generator-modal .modal-header { gap: 20px; padding: 16px 24px; cursor: grab; touch-action: none; user-select: none; } .generator-modal.is-dragging .modal-header { cursor: grabbing; } .generator-modal .modal-header:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: -3px; } .generator-modal-heading { display: flex; min-width: 0; align-items: center; gap: 14px; } .generator-modal-icon { display: inline-flex; flex: 0 0 40px; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid rgba(99, 102, 241, 0.42); border-radius: 0; background: var(--color-indigo-glow); color: var(--color-indigo); font-size: 16px; } .generator-modal-heading h3 { margin: 0 0 3px; font-size: 17px; } .generator-header-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; } .generator-help-toggle, .generator-help-heading button { display: inline-flex; width: 36px; height: 36px; padding: 0; border-radius: 0; font-size: 16px; align-items: center; justify-content: center; border: 1px solid var(--border-color); background: var(--bg-surface-elevated); color: var(--text-secondary); cursor: pointer; } .generator-help-toggle:hover, .generator-help-toggle.is-open, .generator-help-heading button:hover { border-color: var(--color-indigo); background: var(--color-indigo-glow); color: var(--color-indigo); } .modal-card .generator-shell { display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column; padding: 0; } .generator-body { display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column; gap: 18px; padding: 22px 24px 30px; overflow-y: auto; overscroll-behavior: contain; scroll-padding-bottom: 30px; background: var(--bg-base); } .generator-help-panel { padding: 17px 18px 18px; border: 1px solid var(--border-color); border-left: 3px solid var(--color-indigo); border-radius: 0; animation-name: fadeIn; background: var(--bg-surface); } .generator-help-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; } .generator-help-heading strong, .generator-help-heading span { display: block; } .generator-help-heading strong { margin-bottom: 3px; color: var(--text-primary); font-size: 14px; } .generator-help-heading span { color: var(--text-muted); font-size: 11px; } .generator-help-heading button { width: 30px; height: 30px; } .generator-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .generator-process li { display: flex; position: relative; min-width: 0; align-items: center; gap: 10px; padding: 10px 12px; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); background: var(--overlay-inset); } .generator-process li:not(:last-child)::after { position: absolute; z-index: 2; top: 50%; right: -15px; width: 18px; color: var(--color-indigo); content: "›"; font-size: 22px; font-weight: 700; line-height: 1; text-align: center; transform: translateY(-52%); } .generator-process li > span { display: inline-flex; flex: 0 0 25px; width: 25px; height: 25px; align-items: center; justify-content: center; border: 1px solid var(--border-color-hover); border-radius: 0; color: var(--color-indigo); font-size: 11px; font-weight: 700; } .generator-process strong, .generator-process small { display: block; } .generator-process strong { margin-bottom: 2px; color: var(--text-primary); font-size: 12px; } .generator-process small { color: var(--text-muted); font-size: 11px; line-height: 1.35; } .generator-help-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 16px; border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); } .generator-help-sections > div { min-width: 0; padding: 10px 12px; border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } .generator-help-sections strong, .generator-help-sections span { display: block; } .generator-help-sections strong { margin-bottom: 3px; color: var(--text-primary); font-size: 11px; } .generator-help-sections span { color: var(--text-secondary); font-size: 10px; line-height: 1.45; } .generator-mode-section { min-width: 0; margin: 0; padding: 0; border: 0; } .generator-mode-section legend { margin-bottom: 9px; color: var(--text-primary); font-size: 13px; font-weight: 700; } .generator-mode-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .generator-mode-option { display: grid; position: relative; min-width: 0; grid-template-columns: auto 34px minmax(0, 1fr); align-items: start; gap: 10px; padding: 14px; border: 1px solid var(--border-color); border-radius: 0; background: var(--bg-surface); cursor: pointer; transition: border-color var(--transition-fast), background-color var(--transition-fast); } .generator-mode-option:hover, .generator-mode-option:has(input:checked) { border-color: var(--color-indigo); background: var(--color-indigo-glow); } .generator-mode-option input { width: auto; margin: 4px 0 0; } .generator-mode-marker { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 1px solid var(--border-color); border-radius: 0; color: var(--text-secondary); } .generator-mode-option:has(input:checked) .generator-mode-marker { border-color: rgba(99, 102, 241, 0.6); color: var(--color-indigo); } .generator-mode-option strong, .generator-mode-option small { display: block; } .generator-mode-option strong { margin-bottom: 4px; color: var(--text-primary); font-size: 13px; } .generator-mode-option small { color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .generator-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 12px; } .generator-settings { display: flex; min-height: 154px; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 16px; padding: 15px 16px; border: 1px solid var(--border-color); border-left: 3px solid var(--color-indigo); background: var(--bg-surface); } .generator-settings > div strong, .generator-settings > div span { display: block; } .generator-settings > div strong { margin-bottom: 3px; color: var(--text-primary); font-size: 13px; } .generator-settings > div span { color: var(--text-muted); font-size: 11px; line-height: 1.4; } .generator-quality-setting { display: flex; min-height: 154px; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 16px; padding: 15px 16px; border: 1px solid var(--border-color); border-left: 3px solid var(--border-color-hover); background: var(--bg-surface); transition: border-color var(--transition-fast), background-color var(--transition-fast); } .generator-quality-setting:has(#generator-quality-search:checked) { border-left-color: var(--color-emerald); background: var(--color-emerald-glow); } .generator-quality-toggle { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; cursor: pointer; } .generator-quality-toggle input { width: auto; margin: 3px 0 0; } .generator-quality-toggle strong, .generator-quality-toggle small, .generator-quality-budget > span { display: block; } .generator-quality-toggle strong { margin-bottom: 3px; color: var(--text-primary); font-size: 13px; } .generator-quality-toggle small { color: var(--text-secondary); font-size: 11px; line-height: 1.45; } .generator-quality-budget { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; color: var(--text-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } .generator-duration-control { display: grid; width: 100%; grid-template-columns: 36px minmax(82px, 1fr) 36px; align-items: stretch; border: 1px solid var(--border-color-hover); background: var(--overlay-inset); } .generator-duration-control.is-compact { width: min(188px, 100%); grid-template-columns: 32px minmax(88px, 1fr) 32px; } .generator-duration-control button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; border: 0; background: var(--bg-surface-elevated); color: var(--color-indigo); cursor: pointer; } .generator-duration-control button:first-child { border-right: 1px solid var(--border-color); } .generator-duration-control button:nth-of-type(2) { border-left: 1px solid var(--border-color); } .generator-duration-control button:hover:not(:disabled) { background: var(--color-indigo-glow); } .generator-duration-control button:disabled { color: var(--text-muted); cursor: not-allowed; opacity: 0.45; } .generator-duration-control output { display: flex; min-width: 0; align-items: center; justify-content: center; padding: 7px 9px; color: var(--text-primary); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; font-weight: 700; white-space: nowrap; } .generator-run-panel, .generator-results { border: 1px solid var(--border-color); border-radius: 0; background: var(--bg-surface); } .generator-run-header { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--border-color); background: var(--bg-surface-elevated); } .generator-run-icon, .generator-result-icon { display: inline-flex; align-items: center; justify-content: center; border-radius: 0; } .generator-run-icon { width: 34px; height: 34px; border: 1px solid var(--border-color-hover); color: var(--color-indigo); } .generator-run-icon.is-success { color: var(--color-emerald); } .generator-run-icon.is-warning { color: var(--color-amber); } .generator-run-icon.is-error { color: var(--color-rose); } .generator-run-header > div strong, .generator-run-header > div span { display: block; } .generator-run-icon > i { line-height: 1; } .generator-run-header strong { margin-bottom: 2px; color: var(--text-primary); font-size: 13px; } .generator-run-header div > span { color: var(--text-muted); font-size: 11px; line-height: 1.4; } .generator-elapsed { min-width: 54px; padding: 5px 8px; border-left: 2px solid var(--color-indigo); color: var(--text-secondary); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; text-align: right; } .generator-progress-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; border-bottom: 1px solid var(--border-color); background: var(--border-color); } .generator-progress-metrics > div { min-width: 0; padding: 6px 4px; text-align: center; background: var(--bg-surface-elevated); } .generator-progress-metrics > div > span { display: block; min-height: 2.8em; margin-bottom: 3px; color: var(--text-secondary); font-size: 11px; font-weight: 500; line-height: 1.4; } .generator-progress-metrics > div > strong { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 4px; min-height: 32px; color: var(--text-primary); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; font-variant-numeric: tabular-nums; } .generator-metric-step { display: inline-flex; flex-direction: column; align-items: center; min-width: 26px; } .generator-metric-step b { font-size: 13px; line-height: 1.2; } .generator-metric-step small { margin-top: 3px; color: var(--text-secondary); font-family: Inter, sans-serif; font-size: 9px; font-weight: 500; } .generator-metric-step.is-live b { color: var(--color-indigo); } .generator-metric-step.is-live small { color: var(--color-indigo); } .generator-metric-arrow { color: var(--text-muted); font-size: 12px; line-height: 1.6; } .generator-metrics-guide { margin: 0; padding: 7px 12px; color: var(--text-secondary); font-size: 10px; border-bottom: 1px solid var(--border-color); } .generator-log-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 14px; border-bottom: 1px solid var(--border-color); background: var(--bg-surface-elevated); } .generator-log-toolbar strong, .generator-log-toolbar span { display: block; } .generator-log-toolbar strong { margin-bottom: 2px; color: var(--text-primary); font-size: 11px; } .generator-log-toolbar span { color: var(--text-muted); font-size: 10px; } .generator-log-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; } .generator-log-actions button { display: inline-flex; min-height: 30px; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid var(--border-color); background: var(--bg-surface); color: var(--text-secondary); font-size: 10px; font-weight: 700; cursor: pointer; } .generator-log-actions button:hover { border-color: var(--color-indigo); color: var(--color-indigo); } .generator-console-frame { min-height: 0; margin-bottom: 0; background: #07090e; font-family: Consolas, "Courier New", monospace; } .generator-console-columns, .generator-log-entry { display: grid; grid-template-columns: 64px 152px minmax(0, 1fr); gap: 12px; } .generator-console-columns { padding: 7px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.11); background: #0d111a; color: #64748b; font-family: Consolas, "Courier New", monospace; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .generator-console { height: clamp(180px, 28vh, 270px); min-height: 180px; max-height: 270px; padding: 12px 14px; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior: contain; background: #07090e; color: #d1d5db; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; line-height: 1.55; } .generator-console::-webkit-scrollbar { width: 0; height: 0; } .generator-log-entry { padding: 3px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .generator-log-time { color: #64748b; } .generator-log-phase { color: var(--generator-operation-color, #cbd5e1); font-weight: 700; } .generator-log-entry:is([data-operation="Costruzione"], [data-operation="Fine costruzione"], [data-operation="Metodo di ricerca"]) { --generator-operation-color: #60a5fa; } .generator-log-entry:is([data-operation="Scambi"], [data-operation="Spostamenti e scambi"]) { --generator-operation-color: #22d3ee; } .generator-log-entry:is([data-operation="Ricostruzioni"], [data-operation="Esiti ricostruzioni"], [data-operation="Riparazione"], [data-operation="Esito riparazione"]) { --generator-operation-color: #c084fc; } .generator-log-entry:is([data-operation="Intero orario"], [data-operation="Ricerca globale"]) { --generator-operation-color: #f472b6; } .generator-log-entry:is([data-operation="Ore collocate"], [data-operation="Qualità"], [data-operation="Ottimizzazione"], [data-operation="Esito qualità"]) { --generator-operation-color: #34d399; } .generator-log-entry:is([data-operation="Fase"], [data-operation="Esito fase"], [data-operation="Controlli finali"], [data-operation="Controllo dati"], [data-operation="Fine operazione"]) { --generator-operation-color: #a3e635; } .generator-log-entry:is([data-operation="Stato bozza"], [data-operation="Bozza intermedia"]) { --generator-operation-color: #fdba74; } .generator-log-entry:is([data-operation="Pausa"], [data-operation="Interruzione"], [data-operation="Cambio metodo"]) { --generator-operation-color: #fbbf24; } .generator-log-entry:is([data-operation="Ripresa"], [data-operation="Ripristino"], [data-operation="Nuovo tentativo"]) { --generator-operation-color: #2dd4bf; } .generator-log-entry.is-warning .generator-log-phase { color: #fbbf24; } .generator-log-entry.is-error .generator-log-phase { color: #fb7185; } .generator-log-message { min-width: 0; color: #d1d5db; overflow-wrap: anywhere; } .generator-results { padding: 16px 18px 18px; border-left-width: 3px; } .generator-results.is-success { border-left-color: var(--color-emerald); } .generator-results.is-warning { border-left-color: var(--color-amber); } .generator-results.is-error { border-left-color: var(--color-rose); } .generator-result-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .generator-result-icon { width: 38px; height: 38px; background: var(--overlay-inset); font-size: 17px; } .generator-results.is-success .generator-result-icon { color: var(--color-emerald); } .generator-results.is-warning .generator-result-icon { color: var(--color-amber); } .generator-results.is-error .generator-result-icon { color: var(--color-rose); } .generator-result-kicker { display: block; margin-bottom: 2px; color: var(--text-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .generator-result-heading h4 { margin: 0; color: var(--text-primary); font-size: 16px; } .generator-result-lead { margin: 0 0 14px; color: var(--text-secondary); font-size: 13px; line-height: 1.55; } .generator-result-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } .generator-result-metric { padding: 12px; border-right: 1px solid var(--border-color); } .generator-result-metric:last-child { border-right: 0; } .generator-result-metric span, .generator-result-metric strong { display: block; } .generator-result-metric span { margin-bottom: 4px; color: var(--text-muted); font-size: 10px; text-transform: uppercase; } .generator-result-metric strong { color: var(--text-primary); font-size: 15px; } .generator-result-next { margin: 14px 0 0; padding-left: 12px; border-left: 2px solid var(--color-indigo); color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .generator-result-details { margin: 14px 0 0; color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .generator-result-details strong { color: var(--text-primary); } .generator-quality-result { margin: 14px 0 0; padding: 14px; border: 1px solid rgba(16, 185, 129, 0.35); border-left: 3px solid var(--color-emerald); background: var(--color-emerald-glow); color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .generator-quality-result-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .generator-quality-result-heading > strong, .generator-quality-result > strong { color: var(--text-primary); font-size: 13px; } .generator-quality-result-heading > span { color: var(--text-muted); font-size: 10px; text-transform: uppercase; } .generator-quality-score-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 10px 0; background: var(--border-color); } .generator-quality-score-comparison > div { min-width: 0; padding: 9px 10px; background: var(--bg-surface); } .generator-quality-score-comparison span, .generator-quality-score-comparison strong { display: block; } .generator-quality-score-comparison span { margin-bottom: 3px; color: var(--text-muted); font-size: 9px; font-weight: 700; text-transform: uppercase; } .generator-quality-score-comparison strong { color: var(--text-primary); font-family: Consolas, "Courier New", monospace; font-size: 11px; } .generator-quality-score-help { display: block; color: var(--text-muted); font-size: 10px; } .generator-quality-result p { margin: 9px 0 0; } .generator-quality-teachers { display: grid; gap: 5px; margin: 9px 0 0; padding: 0; list-style: none; } .generator-quality-teachers li { display: flex; justify-content: space-between; gap: 12px; padding-top: 5px; border-top: 1px solid rgba(16, 185, 129, 0.22); } .generator-quality-teachers strong { color: var(--text-primary); } .generator-quality-caution { color: var(--color-amber); } .generator-quality-caution .generator-quality-teachers li { border-top-color: rgba(245, 158, 11, 0.28); } .generator-modal .modal-footer { position: relative; z-index: 2; min-height: 68px; margin: 0; padding: 14px 24px; border-top: 1px solid var(--border-color); flex-wrap: wrap; box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.08); } .generator-time-extension { flex-basis: 100%; min-width: 0; border-bottom: 1px solid var(--border-color); padding-bottom: 12px; } .generator-time-extension[hidden] { display: none; } .generator-time-extension p { margin: 0 0 8px; font-weight: 600; } .generator-time-extension-options { display: grid; grid-template-columns: repeat(5, max-content) minmax(0, 1fr) 76px max-content; align-items: center; gap: 6px; width: 100%; min-width: 0; margin-bottom: 8px; } .generator-time-extension-options .btn { white-space: nowrap; padding: 8px 10px; } .generator-time-extension-options input { width: 100%; min-width: 0; field-sizing: fixed; margin: 0; } .generator-time-extension-options select { width: 76px; text-align: right; } .generator-time-extension-options input, .generator-time-extension-options select { padding: 8px; } @media (max-width: 680px) { .generator-time-extension-options { display: flex; flex-wrap: wrap; } .generator-time-extension-options .btn { padding: 8px 4px; font-size: 12px; } .generator-time-extension-options input { flex: 1 1 110px; width: 0; } .generator-time-extension-options select { flex: 0 0 76px; } } .generator-modal .btn, .generator-modal .btn-close-modal, .generator-modal section, .generator-modal fieldset, .generator-modal label { border-radius: 0; } @media (max-width: 760px) { .generator-overlay { padding: 12px; } .modal-card.generator-modal { max-height: calc(100vh - 24px); } .generator-modal .modal-header, .generator-body, .generator-modal .modal-footer { padding-left: 16px; padding-right: 16px; } .generator-modal-heading .modal-header-help { display: none; } .generator-process, .generator-settings-grid, .generator-mode-options { grid-template-columns: 1fr; } .generator-process li:not(:last-child)::after { display: none; } .generator-help-sections { grid-template-columns: 1fr; } .generator-settings, .generator-quality-setting { min-height: 0; } .generator-quality-budget { align-items: stretch; flex-direction: column; } .generator-duration-control.is-compact { width: 100%; } .generator-progress-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .generator-quality-teachers li { display: block; } .generator-result-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .generator-result-metric { border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } .generator-result-metric:nth-child(even) { border-right: 0; } .generator-result-metric:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; } .generator-log-toolbar { align-items: flex-start; } .generator-log-toolbar > div:first-child span { display: none; } .generator-console-columns, .generator-log-entry { grid-template-columns: 52px 110px minmax(0, 1fr); gap: 8px; } } /* Diagnosi AI: modale compatta con testata e comandi fissi, mentre soltanto il contenuto centrale scorre nel viewport. */ .ai-diagnosis-overlay { padding-top: 24px; padding-bottom: 24px; overflow: hidden; } .modal-card.ai-diagnosis-modal { max-width: 720px; max-height: calc(100vh - 48px); display: flex; flex-direction: column; } .ai-diagnosis-modal .modal-header { flex: 0 0 auto; gap: 18px; } .ai-modal-heading { min-width: 0; display: flex; align-items: center; gap: 12px; } .ai-modal-icon { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-indigo-glow); color: var(--color-indigo); } .ai-modal-heading h3 { margin: 0 0 3px; font-size: 16px; } .ai-modal-heading .modal-header-help { margin: 0; } .modal-card .ai-diagnosis-shell { min-height: 0; padding: 0; display: flex; flex: 1 1 auto; flex-direction: column; } .ai-diagnosis-body { min-height: 0; padding: 22px 24px; overflow-y: auto; } .ai-diagnosis-modal .modal-footer { flex: 0 0 auto; min-height: 69px; margin: 0; padding: 16px 24px; flex-wrap: wrap; border-top: 1px solid var(--border-color); } .ai-intro { margin-bottom: 16px; color: var(--text-secondary); font-size: 13px; line-height: 1.6; } .ai-safety-note, .ai-warning-note { display: flex; align-items: flex-start; gap: 9px; padding: 11px 12px; border: 1px solid rgba(99, 102, 241, 0.24); border-radius: var(--radius-md); background: var(--color-indigo-glow); color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .ai-safety-note i { margin-top: 2px; color: var(--color-indigo); } .ai-question-field { margin: 20px 0 0; } .ai-question-field textarea { width: 100%; min-height: 82px; padding: 10px 12px; resize: vertical; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); color: var(--text-primary); font-size: 13px; line-height: 1.5; } .ai-question-field textarea:focus { outline: none; border-color: var(--color-indigo); } .ai-current-progress { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } .ai-current-progress > i { color: var(--color-indigo); font-size: 24px; } .ai-current-progress span, .ai-progress-metrics span { display: block; color: var(--text-muted); font-size: 11px; } .ai-current-progress strong { display: block; margin-top: 2px; color: var(--text-primary); font-size: 15px; } .ai-progress-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 0 0 20px; padding: 0; list-style: none; } .ai-progress-steps li { min-width: 0; padding: 8px 5px; overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--radius-md); color: var(--text-muted); font-size: 10px; font-weight: 600; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .ai-progress-steps li.is-complete { border-color: rgba(16, 185, 129, 0.4); background: var(--color-emerald-glow); color: var(--color-emerald); } .ai-progress-steps li.is-active { border-color: var(--color-indigo); background: var(--color-indigo-glow); color: var(--color-indigo); } .ai-progress-metrics, .ai-snapshot-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .ai-progress-metrics > div, .ai-snapshot-grid > div { padding: 11px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .ai-progress-metrics strong, .ai-snapshot-grid strong { display: block; margin-top: 3px; color: var(--text-primary); font-size: 13px; } .ai-progress-update { min-height: 20px; margin: 15px 0 0; color: var(--text-secondary); font-size: 12px; } .ai-technical-details { margin-top: 16px; color: var(--text-secondary); font-size: 11px; } .ai-technical-details summary { cursor: pointer; color: var(--text-muted); font-weight: 600; } .ai-technical-details > div { margin-top: 8px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--bg-surface-elevated); line-height: 1.6; white-space: pre-wrap; } .ai-result-heading { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; } .ai-status-badge, .ai-verification-badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 999px; background: var(--color-emerald-glow); color: var(--color-emerald); font-size: 10px; font-weight: 700; } .ai-status-badge.is-partial, .ai-verification-badge.is-partial { background: var(--color-amber-glow); color: var(--color-amber); } .ai-status-badge.is-cancelled, .ai-verification-badge.is-unverified { background: rgba(148, 163, 184, 0.15); color: var(--text-secondary); } .ai-result-partial { color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .ai-snapshot-grid { margin-bottom: 16px; } .ai-snapshot-grid span { display: block; color: var(--text-muted); font-size: 10px; } .ai-result-section { margin-top: 16px; } .ai-result-section h4, .ai-view-title h4, #ai-view-apply-confirm h4, #ai-view-close-confirm h4 { margin-bottom: 8px; color: var(--text-primary); font-size: 13px; } .ai-result-section p, .ai-view-title p, #ai-view-apply-confirm > p, #ai-view-close-confirm > p { color: var(--text-secondary); font-size: 12px; line-height: 1.6; } .ai-result-summary { padding: 14px; border: 1px solid rgba(99, 102, 241, 0.24); border-radius: var(--radius-md); background: var(--color-indigo-glow); } .ai-causes { display: grid; gap: 8px; } .ai-cause { padding: 10px 12px; border-left: 3px solid var(--color-indigo); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: var(--bg-surface-elevated); } .ai-cause strong { display: block; margin-bottom: 3px; font-size: 12px; } .ai-cause p, .ai-cause ul, .ai-compact-list { color: var(--text-secondary); font-size: 11px; line-height: 1.5; } .ai-cause ul, .ai-compact-list, .ai-apply-actions { margin: 5px 0 0 18px; } .ai-empty-note { margin-top: 16px; padding: 11px 12px; border-radius: var(--radius-md); background: var(--bg-surface-elevated); color: var(--text-secondary); font-size: 12px; } .ai-view-title { margin-bottom: 14px; } .ai-suggestions { display: grid; gap: 12px; } .ai-suggestion-card { padding: 14px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .ai-suggestion-header, .ai-suggestion-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .ai-suggestion-header strong { color: var(--text-primary); font-size: 13px; } .ai-suggestion-card > p, .ai-suggestion-actions, .ai-suggestion-risk { margin-top: 8px; color: var(--text-secondary); font-size: 11px; line-height: 1.5; } .ai-suggestion-actions { margin-left: 18px; } .ai-suggestion-impact { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--text-muted); font-size: 10px; } .ai-suggestion-footer { align-items: center; margin-top: 12px; } .ai-confirm-icon { width: 42px; height: 42px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-amber-glow); color: var(--color-amber); } .ai-apply-actions { margin-top: 14px; margin-bottom: 16px; color: var(--text-primary); font-size: 12px; line-height: 1.6; } .ai-warning-note { border-color: rgba(245, 158, 11, 0.3); background: var(--color-amber-glow); } @media (max-width: 620px) { .ai-diagnosis-overlay { padding: 12px; } .modal-card.ai-diagnosis-modal { max-height: calc(100vh - 24px); } .ai-diagnosis-modal .modal-header, .ai-diagnosis-body, .ai-diagnosis-modal .modal-footer { padding-left: 16px; padding-right: 16px; } .ai-modal-heading .modal-header-help { display: none; } .ai-progress-steps { grid-template-columns: repeat(3, 1fr); } .ai-progress-metrics, .ai-snapshot-grid { grid-template-columns: 1fr; } .ai-suggestion-header, .ai-suggestion-footer { align-items: stretch; flex-direction: column; } } .modal-card-compact { max-width: 470px; } .user-create-modal { max-width: 720px; border-color: rgba(99, 102, 241, 0.32); } .user-create-header { padding: 24px 28px; background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(14, 165, 233, 0.04)); } .modal-title-with-icon { display: flex; align-items: center; gap: 14px; } .modal-title-with-icon h3, .modal-title-with-icon p { margin: 0; } .modal-title-with-icon p { margin-top: 4px; color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .modal-title-icon { display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; border-radius: 12px; background: var(--color-indigo-glow); color: var(--color-indigo); font-size: 18px; } .user-create-modal .user-create-form { padding: 26px 28px 24px; } .user-create-intro { display: flex; gap: 11px; align-items: flex-start; margin-bottom: 24px; padding: 13px 15px; border: 1px solid rgba(14, 165, 233, 0.22); border-radius: var(--radius-md); background: rgba(14, 165, 233, 0.06); color: var(--text-secondary); } .user-create-intro i { margin-top: 2px; color: var(--color-blue); } .user-create-intro p { margin: 0; font-size: 12px; line-height: 1.55; } .user-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 20px; } .field-note { display: block; margin-top: 7px; color: var(--text-muted); font-size: 11px; line-height: 1.4; } .visible-password-badge { margin-left: 5px; padding: 2px 6px; border-radius: 999px; background: var(--color-amber-glow); color: var(--color-amber); font-size: 9px; letter-spacing: 0.4px; } .visible-password-input { position: relative; } .visible-password-input > i { position: absolute; top: 50%; left: 12px; z-index: 1; color: var(--color-amber); transform: translateY(-50%); } .user-create-modal .visible-password-input input { padding-left: 38px; border-color: rgba(245, 158, 11, 0.32); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: 0.2px; } .user-create-footer { margin: 4px -28px -24px; padding: 18px 28px; border-top: 1px solid var(--border-color); background: var(--overlay-inset); } .user-self-badge, .user-role-badge { padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; } .user-self-badge { margin-left: 5px; background-color: var(--color-emerald); color: white; } .user-email { color: var(--text-secondary); font-size: 13px; } .user-email.missing { color: var(--color-amber); font-style: italic; } @media (max-width: 760px) { .user-create-grid { grid-template-columns: 1fr; } .user-create-modal { max-height: calc(100vh - 24px); overflow-y: auto; } } .toolbar-actions { display: flex; align-items: center; gap: 10px; } .modal-class-editor .modal-header { flex: 0 0 auto; padding: 16px 24px; } .modal-class-editor form { padding: 0; display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; } .modal-class-body { min-height: 0; overflow-y: auto; padding: 24px; } .modal-class-footer { flex: 0 0 auto; margin-top: 0; padding: 12px 24px; border-top: 1px solid var(--border-color); background: var(--bg-surface); } .classe-mode-note { margin: 0 0 18px; padding: 11px 13px; border: 1px solid rgba(99, 102, 241, 0.3); border-radius: var(--radius-md); background: rgba(99, 102, 241, 0.08); color: var(--text-secondary); font-size: 13px; line-height: 1.45; } .classe-anagrafica-grid { grid-template-columns: minmax(170px, 1.15fr) minmax(170px, 1fr) minmax(120px, 0.62fr) minmax(190px, 1.15fr); align-items: start; gap: 14px; } .classe-anagrafica-grid .form-group { min-width: 0; margin-bottom: 0; } .modal-class-editor input[readonly] { color: var(--text-secondary); cursor: default; } .modal-class-editor .form-group .helper-text { margin: 6px 0 0; } #modal-classe .helper-text { color: var(--text-secondary); } .classe-membri-section, .curricolo-editor-section, .classe-profilo-section { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border-color); } .section-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 12px; } .section-heading-row h4 { margin: 0 0 6px; color: var(--text-primary); font-size: 15px; } .section-heading-row .helper-text { margin: 0; } .curricolo-header-actions { display: flex; width: min(610px, 58%); flex: 0 0 auto; align-items: flex-end; gap: 10px; } .curricolo-copy-toolbar { min-width: 0; flex: 1 1 auto; } .curricolo-copy-toolbar > label { display: block; margin-bottom: 6px; color: var(--text-secondary); font-size: 12px; font-weight: 600; } .curricolo-copy-controls { display: flex; align-items: center; gap: 8px; } .curricolo-copy-controls select { min-width: 0; flex: 1 1 auto; } .curricolo-copy-controls .btn { flex: 0 0 auto; white-space: nowrap; } .curricolo-copy-summary { display: block; min-height: 17px; margin: 0 0 6px; color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .btn-reset-curricolo { min-height: 41px; flex: 0 0 auto; border-color: rgba(245, 158, 11, 0.42); background: rgba(245, 158, 11, 0.11); color: var(--text-primary); white-space: nowrap; } .btn-reset-curricolo:hover { border-color: var(--color-amber); background: rgba(245, 158, 11, 0.18); } .curricolo-copy-preview, .curricolo-copy-blocker { margin-bottom: 14px; padding: 14px 16px; border: 1px solid rgba(99, 102, 241, 0.34); border-radius: var(--radius-md); background: rgba(99, 102, 241, 0.08); } .curricolo-copy-preview.is-applied { border-color: rgba(16, 185, 129, 0.38); background: var(--color-emerald-glow); } .curricolo-copy-blocker { border-color: rgba(244, 63, 94, 0.38); background: var(--color-rose-glow); } .curricolo-copy-preview-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .curricolo-copy-preview h5, .curricolo-copy-blocker h5 { margin: 0 0 4px; color: var(--text-primary); font-size: 13px; } .curricolo-copy-preview p, .curricolo-copy-blocker p { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .curricolo-copy-preview-actions { display: flex; flex: 0 0 auto; gap: 8px; } .curricolo-copy-preview-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; } .curricolo-copy-preview-group { padding: 10px 11px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-surface-elevated); } .curricolo-copy-preview-group strong { display: block; margin-bottom: 5px; color: var(--text-primary); font-size: 12px; } .curricolo-copy-preview-group ul, .curricolo-copy-blocker ul { margin: 0; padding-left: 18px; color: var(--text-secondary); font-size: 11px; line-height: 1.5; } .curricolo-copy-preview-empty { color: var(--text-muted); font-size: 11px; } .curricolo-dependency-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(244, 63, 94, 0.25); } .curricolo-dependency-actions p { max-width: 660px; } .curricolo-remove-dependencies-btn { flex: 0 0 auto; border-color: rgba(245, 158, 11, 0.45); background: var(--color-amber-glow); color: var(--text-primary); } .curricolo-remove-dependencies-btn:hover { border-color: var(--color-amber); background: rgba(245, 158, 11, 0.2); } #classe-membri-riepilogo { flex: 0 0 auto; font-size: 12px; font-weight: 600; } .checkbox-list-container.classe-membri-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 190px; overflow-y: auto; gap: 8px 18px; } .classe-membro-option { min-width: 0; padding: 7px 8px; border-radius: var(--radius-sm); } .classe-membro-option:hover { background: rgba(99, 102, 241, 0.08); } .classe-membro-label { display: flex; min-width: 0; flex-direction: column; gap: 2px; } .classe-membro-meta { color: var(--text-muted); font-size: 11px; line-height: 1.35; } .classe-membri-explanation { margin: 9px 0 0; line-height: 1.45; } .curricolo-table-scroll { --curricolo-scrollbar-width: 8px; width: 100%; overflow-x: hidden; overflow-y: hidden; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .curricolo-table { display: block; width: 100%; min-width: 0; table-layout: fixed; border-collapse: separate; border-spacing: 0; } .curricolo-table thead { display: table; width: 100%; border-right: var(--curricolo-scrollbar-width) solid var(--bg-surface); border-bottom: 1px solid var(--border-color); background: var(--bg-surface); table-layout: fixed; } .curricolo-table tbody { display: block; width: 100%; max-height: 340px; overflow-y: auto; scrollbar-gutter: stable; scrollbar-width: thin; } .curricolo-table tbody::-webkit-scrollbar { width: var(--curricolo-scrollbar-width); } .curricolo-table tbody tr { display: table; width: 100%; table-layout: fixed; } .curricolo-table th { padding: 10px 5px; background: var(--bg-surface); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-align: center; line-height: 1.25; white-space: normal; } .curricolo-table th:first-child, .curricolo-table td:first-child { width: 18%; min-width: 0; padding-left: 12px; text-align: left; } .curricolo-table th:nth-child(2), .curricolo-table th:nth-child(3), .curricolo-table th:nth-child(4), .curricolo-table td:nth-child(2), .curricolo-table td:nth-child(3), .curricolo-table td:nth-child(4) { width: 8%; } .curricolo-table th:nth-child(5), .curricolo-table th:nth-child(6), .curricolo-table td:nth-child(5), .curricolo-table td:nth-child(6) { width: 9%; } .curricolo-table th:nth-child(7), .curricolo-table td:nth-child(7) { width: 8%; } .curricolo-table th:nth-child(8), .curricolo-table td:nth-child(8) { width: 14%; } .curricolo-table th:nth-child(9), .curricolo-table td:nth-child(9) { width: 18%; } .curricolo-input-item td { min-width: 0; padding: 8px 5px; border-bottom: 1px solid var(--border-color); text-align: center; transition: background-color var(--transition-fast); } .curricolo-input-item:last-child td { border-bottom: 0; } .curricolo-input-item:hover td, .curricolo-input-item.has-hours td { background: rgba(99, 102, 241, 0.045); } .curricolo-subject { display: flex; align-items: center; min-width: 0; gap: 7px; color: var(--text-primary); font-size: 12px; font-weight: 600; line-height: 1.3; text-align: left; } .curricolo-subject span:last-child { min-width: 0; overflow-wrap: anywhere; } .curricolo-subject-color { width: 4px; min-width: 4px; height: 28px; border-radius: 999px; } .curricolo-input-item input, .curricolo-input-item .curricolo-hour-select { width: min(100%, 58px) !important; min-width: 0; padding: 7px 4px !important; text-align: center; } .curricolo-input-item .curricolo-hour-select { text-align-last: center; } .curricolo-input-item .curricolo-hour-select option { text-align: center; } .curricolo-input-item .curricolo-hour-select.has-value { border-color: rgba(14, 165, 233, 0.72); background-color: rgba(14, 165, 233, 0.16); color: var(--text-primary); box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.12); } .curricolo-input-item .curricolo-hour-select.has-value:focus { border-color: var(--color-blue); } .curricolo-total { display: inline-block; min-width: 44px; color: var(--text-primary); font-size: 13px; font-weight: 700; white-space: nowrap; } .curricolo-shared-total, .curricolo-complete-total { display: block; min-width: 0; color: var(--text-primary); font-size: 13px; white-space: nowrap; } .curricolo-shared-total { color: var(--color-indigo); font-weight: 600; } .curricolo-complete-total { font-weight: 700; } .curricolo-effective-detail, .curricolo-effective-formula { display: block; max-width: none; margin: 4px auto 0; color: var(--text-muted); font-size: 10px; font-weight: 400; line-height: 1.35; white-space: normal; } .curricolo-profile-summary { margin: 0 0 12px; } .pluriclasse-effects { margin-top: 16px; padding: 16px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .pluriclasse-effects-heading { margin-bottom: 13px; } .pluriclasse-effects-heading h5 { margin: 0 0 4px; color: var(--text-primary); font-size: 13px; font-weight: 700; } .pluriclasse-effects-heading p, .pluriclasse-effects-empty { margin: 0; font-size: 11px; line-height: 1.45; } .pluriclasse-effects-list { display: grid; gap: 12px; } .pluriclasse-effect-member { padding-top: 12px; border-top: 1px solid var(--border-color); } .pluriclasse-effect-member.is-incompatible { margin: 0 -10px; padding: 12px 10px 0; border: 1px solid color-mix(in srgb, var(--color-rose) 36%, transparent); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-rose) 7%, transparent); } .pluriclasse-effect-member:first-child { padding-top: 0; border-top: 0; } .pluriclasse-effect-member.is-incompatible:first-child { padding-top: 12px; border-top: 1px solid color-mix(in srgb, var(--color-rose) 36%, transparent); } .pluriclasse-effect-member h6 { margin: 0 0 8px; color: var(--text-primary); font-size: 12px; font-weight: 700; } .pluriclasse-effect-member-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; } .pluriclasse-effect-member-heading h6 { margin: 0; } .pluriclasse-effect-summary { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 10px; align-items: baseline; margin-bottom: 7px; color: var(--text-secondary); font-size: 11px; } .pluriclasse-effect-summary strong { color: var(--text-primary); font-size: 12px; } .pluriclasse-effect-summary small { grid-column: 1 / -1; color: var(--text-muted); font-size: 10px; } .pluriclasse-effect-warning { margin: 0 0 8px; color: var(--color-rose); font-size: 11px; line-height: 1.45; } .pluriclasse-effect-line { display: grid; grid-template-columns: minmax(170px, 1fr) auto; gap: 3px 14px; padding: 6px 0; color: var(--text-secondary); font-size: 12px; line-height: 1.35; } .pluriclasse-effect-line strong { color: var(--text-primary); white-space: nowrap; } .pluriclasse-effect-line small { grid-column: 1 / -1; color: var(--text-muted); font-size: 10px; } .profilo-mode-row { display: grid; grid-template-columns: minmax(240px, 320px) minmax(0, 1fr); align-items: end; gap: 20px; } .profilo-mode-row .form-group { margin-bottom: 0; } .profilo-mode-help { margin: 0 0 9px; line-height: 1.45; } .profilo-editor-panel { margin-top: 16px; } .profilo-rientro-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .profilo-rientro-grid .form-group { margin-bottom: 0; } .profilo-table-scroll { width: 100%; overflow: auto; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .profilo-table { width: 100%; min-width: 720px; border-collapse: separate; border-spacing: 0; } .profilo-table th, .profilo-table td { padding: 9px 12px; border-bottom: 1px solid var(--border-color); color: var(--text-primary); font-size: 12px; text-align: center; } .profilo-table th { background: var(--bg-surface); color: var(--text-secondary); font-size: 11px; font-weight: 600; white-space: nowrap; } .profilo-table th:first-child, .profilo-table td:first-child { padding-left: 16px; font-weight: 600; text-align: left; } .profilo-table tr:last-child td { border-bottom: 0; } .profilo-table input { width: 76px !important; min-width: 76px; padding: 7px 6px !important; text-align: center; } .profilo-summary { margin-top: 16px; padding: 13px 15px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .profilo-summary strong { color: var(--text-primary); } .profilo-summary.is-valid { border-color: rgba(16, 185, 129, 0.35); background: rgba(16, 185, 129, 0.07); } .profilo-summary.is-error { border-color: rgba(244, 63, 94, 0.35); background: rgba(244, 63, 94, 0.07); } .profilo-summary ul { margin: 6px 0 0; padding-left: 18px; } .profilo-day-list { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 7px; } .profilo-day-list span { white-space: nowrap; } /* Editor del calendario: riprende struttura, densità e superfici del curricolo. */ .modal-card.calendar-editor { max-width: 960px; } .calendar-title-note { margin: 5px 0 0; } .calendar-section + .calendar-section { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--border-color); } .calendar-table-scroll { width: 100%; overflow: auto; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); } .calendar-table { width: 100%; min-width: 650px; border-collapse: separate; border-spacing: 0; } .calendar-table th { padding: 11px 12px; border-bottom: 1px solid var(--border-color); background: var(--bg-surface); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-align: center; white-space: nowrap; } .calendar-table th:first-child { padding-left: 16px; text-align: left; } .calendar-table td { padding: 9px 12px; border-bottom: 1px solid var(--border-color); color: var(--text-primary); font-size: 13px; text-align: center; transition: background-color var(--transition-fast); } .calendar-table tr:last-child td { border-bottom: 0; } .calendar-table td:first-child { padding-left: 16px; font-weight: 600; text-align: left; } .calendar-table tbody tr:hover td { background: rgba(99, 102, 241, 0.045); } .calendar-table tbody tr.calendar-closed td { background: rgba(148, 163, 184, 0.055); color: var(--text-muted); } .calendar-active-toggle { width: 17px; height: 17px; accent-color: var(--color-indigo); } .calendar-period-input { width: 72px !important; min-width: 72px; padding: 7px 6px !important; text-align: center; } .calendar-plesso-controls { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(280px, 1fr); align-items: end; gap: 20px; margin-bottom: 14px; } .calendar-plesso-controls .form-group { margin-bottom: 0; } .calendar-inherit-option { display: flex; align-items: center; gap: 9px; min-height: 41px; color: var(--text-primary); font-size: 13px; cursor: pointer; } .calendar-inherit-option input { width: 17px; height: 17px; accent-color: var(--color-indigo); } .calendar-inherit-note { margin: 9px 0 0; } @media (max-width: 760px) { #view-orario .schedule-status-toolbar { grid-template-columns: minmax(0, 1fr); padding: 12px 18px; } .schedule-command-section { width: 100%; justify-self: stretch; } .schedule-primary-actions, .schedule-grid-actions { width: 100%; flex-wrap: wrap; margin-left: 0; } .schedule-grid-toolbar { align-items: flex-start; padding: 12px 18px; } .schedule-grid-toolbar .schedule-meta-info { width: 100%; margin-left: 0; } .schedule-missing-events li { grid-template-columns: 1fr; gap: 3px; } .approval-report-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .modal-overlay { padding: 16px 10px; } .modal-card.modal-class-editor { max-height: calc(100vh - 24px); } #modal-classe { padding-top: 12px; padding-bottom: 12px; } .modal-card.modal-teacher-editor { max-height: calc(100vh - 24px); } .modal-teacher-editor .modal-tab-content:not(.hide) { padding: 12px; } .modal-teacher-editor .modal-tabs { margin: 0; } .teacher-identity-row, .teacher-data-columns { grid-template-columns: 1fr; } .teacher-search-tools { min-width: 0; flex: 1 1 auto; gap: 8px; } .teacher-search-tools .search-box { min-width: 0; width: auto; flex: 1 1 auto; } #view-docenti .view-container { width: 100%; padding-right: 12px; padding-left: 12px; } .modal-class-body { padding: 18px; } .classe-anagrafica-grid, .checkbox-list-container.classe-membri-grid { grid-template-columns: 1fr; } .curricolo-editor-section .section-heading-row, .curricolo-copy-preview-heading { flex-direction: column; } .curricolo-copy-toolbar { width: 100%; } .curricolo-header-actions { width: 100%; flex-direction: column; align-items: stretch; } .btn-reset-curricolo { align-self: flex-start; } .curricolo-copy-controls { flex-wrap: wrap; } .curricolo-copy-controls select { flex-basis: 100%; } .curricolo-copy-preview-groups { grid-template-columns: 1fr; } .curricolo-table-scroll { overflow-x: auto; } .curricolo-table { min-width: 780px; } .view-toolbar { gap: 10px; } .toolbar-actions { flex: 0 0 auto; } .toolbar-actions .btn { padding-inline: 10px; } .calendar-plesso-controls { grid-template-columns: 1fr; gap: 12px; } .profilo-mode-row, .profilo-rientro-grid { grid-template-columns: 1fr; gap: 12px; } .profilo-mode-help { margin-bottom: 0; } .pluriclasse-effect-line { grid-template-columns: 1fr; } .pluriclasse-effect-line small { grid-column: auto; } } /* Modale schede (Tabs) */ .modal-tabs { display: flex; border-bottom: 1px solid var(--border-color); margin-bottom: 20px; margin-top: -10px; } .modal-tab-btn { flex-grow: 1; background: transparent; border: none; padding: 12px; font-size: 13px; font-weight: 600; color: var(--text-secondary); cursor: pointer; border-bottom: 2px solid transparent; transition: var(--transition-fast); } .modal-tab-btn:hover { color: var(--text-primary); } .modal-tab-btn.active { color: var(--color-indigo); border-bottom-color: var(--color-indigo); } .modal-teacher-editor .modal-tabs { width: 100%; margin: 0; background: var(--bg-surface-elevated); } .modal-teacher-editor .modal-tab-btn { min-width: 0; flex: 1 1 0; padding: 11px 14px 10px; border-right: 1px solid var(--border-color); border-bottom-width: 3px; color: var(--text-secondary); background: transparent; } .modal-teacher-editor .modal-tab-btn:last-child { border-right: 0; } .modal-teacher-editor .modal-tab-btn:hover { color: var(--text-primary); background: var(--overlay-hover); } .modal-teacher-editor .modal-tab-btn.active, .modal-teacher-editor .modal-tab-btn[aria-selected="true"] { border-bottom-color: var(--color-indigo); color: var(--color-indigo); background: var(--color-indigo-glow); font-weight: 700; } .modal-teacher-editor .modal-tab-btn:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: -3px; } .modal-teacher-editor .helper-text { position: static; display: block; margin: 6px 0 12px; color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .modal-teacher-editor .teacher-field-note { margin-top: 6px; margin-bottom: 12px; } .modal-teacher-editor .teacher-section-heading .helper-text { margin: 4px 0 10px; } .teacher-personal-section { margin-top: 0; padding-top: 0; border-top: 0; } .teacher-personal-option { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); color: var(--text-primary); background: var(--bg-surface-elevated); cursor: pointer; } .teacher-personal-option:has(input:checked) { border-color: var(--color-indigo); background: var(--color-indigo-glow); } .teacher-personal-option input { margin-top: 3px; accent-color: var(--color-indigo); } .teacher-personal-option span, .teacher-personal-option small { display: block; } .teacher-personal-option strong { font-size: 13px; } .teacher-personal-option small { margin-top: 3px; color: var(--text-secondary); font-size: 12px; line-height: 1.4; } .teacher-feasibility-problems { border-radius: var(--radius-sm); line-height: 1.45; } .teacher-feasibility-problems > div { margin-top: 5px; } .teacher-feasibility-ok { margin: 0; color: var(--color-emerald); font-size: 12px; line-height: 1.45; } .teacher-personal-actions { justify-content: space-between; margin-top: 2px; } .modal-teacher-editor .btn:disabled { opacity: 0.42; cursor: not-allowed; box-shadow: none; transform: none; } /* Griglia Disponibilità Docenti in Modale */ .mini-schedule-table { width: 100%; border-collapse: collapse; } .mini-schedule-table th, .mini-schedule-table td { border: 1px solid var(--border-color); padding: 6px; text-align: center; font-size: 12px; } .mini-schedule-table th { background-color: var(--bg-surface-elevated); font-weight: 600; } .mini-schedule-table td.hour-label { background-color: var(--bg-surface-elevated); font-weight: 700; } .mini-schedule-table td.cell-clickable { cursor: pointer; height: 30px; transition: var(--transition-fast); } .mini-schedule-table td.cell-clickable:hover { background-color: var(--overlay-hover); } .mini-schedule-table td.cell-structural { height: 30px; color: var(--text-muted); cursor: not-allowed; } .mini-schedule-table td.cell-readonly { height: 30px; cursor: not-allowed; } .mini-schedule-table td.cell-structural::after { content: '—'; opacity: 0.55; } .mini-schedule-table td.disponibile { background-color: transparent; } .mini-schedule-table td.indisponibile { background-color: rgba(244, 63, 94, 0.35); box-shadow: inset 0 0 0 1px var(--color-rose); } .mini-schedule-table td.site-unavailable { background-color: rgba(244, 63, 94, 0.35); box-shadow: inset 0 0 0 1px var(--color-rose); } .mini-schedule-table td.general-unavailable { background-color: rgba(244, 63, 94, 0.18); box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.55); } .mini-schedule-table td.cell-clickable.indisponibile:hover, .mini-schedule-table td.cell-clickable.site-unavailable:hover { background-color: rgba(244, 63, 94, 0.46); } .mini-schedule-table td.preferito_libero { background-color: rgba(245, 158, 11, 0.35); box-shadow: inset 0 0 0 1px var(--color-amber); } /* Info Cella in Modale Assegnazione */ .cell-info-box { background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 14px; font-weight: 600; } .modal-conflicts { background-color: rgba(244, 63, 94, 0.04); border: 1px solid rgba(244, 63, 94, 0.2); border-radius: var(--radius-md); padding: 12px 16px; margin-top: 15px; } .modal-conflicts h4 { font-size: 12px; font-weight: 700; color: var(--color-rose); margin-bottom: 8px; text-transform: uppercase; } .modal-conflicts ul { list-style: none; padding-left: 0; display: flex; flex-direction: column; gap: 6px; } .modal-conflicts li { font-size: 12px; color: var(--text-secondary); position: relative; padding-left: 14px; } .modal-conflicts li::before { content: "•"; color: var(--color-rose); font-size: 16px; position: absolute; left: 2px; top: -2px; } .modal-conflicts li.warning::before { color: var(--color-amber); } /* ========================================================================== SCROLLBARS E UTILITIES ========================================================================== */ .scrollable-small { max-height: 160px; overflow-y: auto; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: var(--overlay-inset); } ::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--border-color-hover); } /* ========================================================================== STILI PER LA CONSULTAZIONE PUBBLICA ========================================================================== */ .public-view { background: var(--bg-page); } .public-layout { display: grid; grid-template-columns: 256px 1fr; height: 100vh; width: 100vw; } .public-sidebar { background-color: var(--bg-surface); border-right: 1px solid var(--border-color); display: flex; flex-direction: column; height: 100%; overflow: hidden; } .public-search-box { padding: 16px 20px; } .public-tabs { display: flex; padding: 0 20px 10px 20px; border-bottom: 1px solid var(--border-color); gap: 10px; } .public-tab-btn { flex: 1; background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); color: var(--text-secondary); padding: 8px 12px; font-size: 13px; font-weight: 600; border-radius: var(--radius-sm); cursor: pointer; transition: var(--transition-fast); } .public-tab-btn.active { background-color: var(--color-indigo-glow); border-color: var(--color-indigo); color: var(--color-indigo); } .public-list { flex-grow: 1; overflow-y: auto; padding: 15px 20px; display: flex; flex-direction: column; gap: 8px; } .public-list-item { background-color: var(--bg-surface-elevated); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 12px 16px; cursor: pointer; transition: var(--transition-fast); } .public-list-item:hover { border-color: var(--color-indigo); background-color: rgba(99, 102, 241, 0.03); } .public-list-item.selected { border-color: var(--color-indigo); background-color: var(--color-indigo-glow); } .public-list-item .item-title { font-size: 14px; font-weight: 600; color: var(--text-primary); } .public-list-item .item-subtitle { font-size: 12px; color: var(--text-muted); margin-top: 4px; } .public-sidebar-footer { padding: 16px 20px; border-top: 1px solid var(--border-color); } .public-main { display: flex; flex-direction: column; height: 100vh; overflow: hidden; } .public-header { height: 70px; padding: 0 30px; background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .selected-entity-details h1 { font-size: 18px; font-weight: 700; } .selected-entity-details span { font-size: 12px; } .public-content { padding: 30px; flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; } .print-only-header { display: none; } /* ========================================================================== STILI DI STAMPA (@media print) ========================================================================== */ @media print { /* Nascondi elementi non stampabili */ .app-sidebar, .main-header, .schedule-controls, .schedule-sidebar, .public-sidebar, .public-header, .view-actions-bar, .modal-overlay, .hide-on-print, .sidebar-footer, button, .btn, #connection-status { display: none !important; } /* Reset Body e layout per stampa a tutta pagina */ body, html { background: #ffffff !important; color: #000000 !important; width: 100% !important; height: auto !important; overflow: visible !important; font-size: 11pt !important; } .app-layout, .public-layout { display: block !important; background: #ffffff !important; } .app-main, .content-wrapper, .public-main, .public-content, .schedule-workspace, .view-container { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; height: auto !important; } /* Rimuovi effetti vetro e bordi scuri */ .card, .glass, .schedule-grid-container { background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } /* Intestazione di stampa */ .print-only-header { display: flex !important; justify-content: space-between; align-items: center; border-bottom: 2px solid #111 !important; padding-bottom: 12px; margin-bottom: 20px; } .print-header-main { display: flex; align-items: center; gap: 15px; } .print-icon { font-size: 26pt; color: #000; } .print-title-group h1 { font-size: 16pt !important; font-weight: 700; text-transform: uppercase; margin: 0; letter-spacing: 0.5px; color: #000 !important; } .print-subtitle { font-size: 9pt; color: #555; } .print-header-meta { display: flex; gap: 20px; border-left: 1.5px solid #bbb; padding-left: 20px; } .print-meta-item { display: flex; flex-direction: column; text-align: right; } .meta-label { font-size: 7pt; font-weight: 600; color: #666; letter-spacing: 1px; } .meta-value { font-size: 9.5pt; font-weight: 700; color: #000; margin-top: 2px; } /* Griglia Oraria ottimizzata per stampa */ .schedule-table { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; page-break-inside: avoid !important; } .schedule-table th, .schedule-table td { border: 1px solid #444444 !important; color: #000000 !important; background: #ffffff !important; } .schedule-table th { font-size: 10pt !important; padding: 8px 4px !important; background-color: #f0f0f0 !important; } .schedule-table td { height: 38pt !important; /* Ridotto da 65pt per far entrare l'intero orario in un'unica pagina */ padding: 2px !important; } .schedule-table th.hour-label-heading, .schedule-table td.hour-label-cell { background-color: #f0f0f0 !important; font-size: 10pt !important; font-weight: bold !important; width: 45pt !important; vertical-align: middle !important; } /* Lezioni collocate per stampa in bianco e nero / contrasto */ .placed-lesson { border: 1px solid #aaaaaa !important; border-left: 5px solid #000000 !important; /* Forza bordo sinistro scuro per evidenziare */ background: #fafafa !important; color: #000000 !important; box-shadow: none !important; transform: none !important; padding: 4px !important; height: 100% !important; } .lesson-subject { color: #000000 !important; font-weight: bold !important; font-size: 10pt !important; } .lesson-teacher, .lesson-footer { color: #444444 !important; font-size: 8pt !important; } /* Nascondi badge di conflitti in stampa */ .cell-conflict-indicator { display: none !important; } /* Controllo delle interruzioni di pagina per la stampa cumulativa */ .page-break { page-break-after: always !important; break-after: page !important; } } /* Campi delle distanze e filtri di verifica, coerenti con gli altri form. */ .distance-hours-select, .compatibility-toolbar select { padding: 8px 12px; background-color: var(--bg-surface-elevated); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: var(--radius-md); font-size: 14px; line-height: 1.4; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; } .sidebar-brand > img { display:block; width:28px; height:28px; flex:none; } .sidebar-brand > img.brand-logo-grid { width:32px; height:28px; object-fit:contain; } .sidebar-brand > span { display:block; min-width:0; white-space:nowrap; line-height:28px; letter-spacing:-.35px; } .distance-hours-select:hover:not(:disabled), .compatibility-toolbar select:hover:not(:disabled) { border-color: var(--color-indigo); } .distance-hours-select:focus-visible, .compatibility-toolbar select:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 2px; border-color: var(--color-indigo); box-shadow: 0 0 0 3px var(--color-indigo-glow); } .distance-hours-select:disabled, .compatibility-toolbar select:disabled { opacity: .6; cursor: default; } /* Matrice plessi: il dominio ammette soltanto ore intere da 0 a 3. */ .distance-hours-select { width: 5rem; min-height: 2.125rem; margin-inline: auto; text-align: center; } /* Configurazione: una sezione compatta, comandi sempre raggiungibili. */ .configuration-modal { width: min(640px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; } .configuration-modal form { min-height: 0; display: flex; flex-direction: column; } .configuration-fields { margin: 0; padding: 16px 20px; border: 0; overflow-y: auto; display: grid; gap: 10px; } .configuration-fields legend { padding-top: 12px; font-weight: 600; } .configuration-fields select { width: 100%; min-height: 38px; } .configuration-fields p { margin: 0; line-height: 1.45; } .configuration-check { display: flex; align-items: center; gap: 10px; min-height: 36px; } .configuration-check input { width: 18px; height: 18px; flex: 0 0 auto; } .configuration-modal .modal-footer { flex-shrink: 0; flex-wrap: wrap; } /* Curricolo: un solo corpo scorrevole, con testata e comandi stabili. */ .modal-card.modal-class-editor { width: calc(100vw - 32px); max-width: 1480px; max-height: calc(100dvh - 32px); } #modal-classe { padding: 16px; } .modal-class-editor .modal-header { padding: 12px 16px; gap: 12px; flex-wrap: wrap; } .modal-class-body { padding: 16px; overflow: auto; } .modal-class-footer { padding: 10px 16px; flex-wrap: wrap; } .curricolo-editor-section, .classe-profilo-section { margin-top: 14px; padding-top: 12px; } .curricolo-table-scroll { overflow: visible; } .curricolo-table { display: table; min-width: 1120px; table-layout: auto; } .curricolo-table thead { display: table-header-group; border-right: 0; } .curricolo-table tbody { display: table-row-group; max-height: none; overflow: visible; } .curricolo-table tbody tr { display: table-row; } .curricolo-table th, .curricolo-table td { width: auto !important; padding: 6px; font-size: 13px; } .curricolo-table th { position: sticky; top: 0; z-index: 3; } .curricolo-table th:first-child, .curricolo-table td:first-child { min-width: 155px; max-width: 220px; position: sticky; left: 0; background: var(--bg-surface); z-index: 2; } .curricolo-table th:first-child { z-index: 4; } .curricolo-table td:nth-child(8) { min-width: 135px; } .curricolo-table td:nth-child(12) { min-width: 118px; } .curricolo-table td:nth-child(7), .curricolo-table td:nth-child(11) { border-left: 1px solid var(--border-color); } .curricolo-input-item .curricolo-hour-select { min-width: 48px; min-height: 34px; width: 100%; font-size: 13px; } .curricolo-limit-warning { display: block; white-space: normal; line-height: 1.35; } .curricolo-limit-warning:empty { display: none; } .curricolo-effective-formula { display: none; } /* Gli addendi sono già nelle due colonne precedenti. */ .curricolo-effective-detail { font-size: 12px; white-space: normal; } .compatibility-view { height: 100%; min-height: 0; display: flex; flex-direction: column; gap: 10px; } .compatibility-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; } .compatibility-toolbar label { display: grid; gap: 6px; flex: 1 1 130px; max-width: 250px; color: var(--text-secondary); font-size: 12px; font-weight: 600; } .compatibility-toolbar select { min-width: 0; width: 100%; min-height: 36px; } .compatibility-view p { margin: 0; } .compatibility-scroll { min-height: 0; overflow: auto; flex: 1; } .compatibility-table { width: 100%; min-width: 1120px; border-collapse: separate; border-spacing: 0; font-size: 14px; } .compatibility-table th { position: sticky; top: 0; background: var(--bg-surface); z-index: 1; } .compatibility-table th, .compatibility-table td { text-align: left; padding: 10px 9px; border-bottom: 1px solid var(--border-color); vertical-align: middle; } .compatibility-sheet-header { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; padding-top:16px; border-bottom:1px solid var(--border-color); } .compatibility-sheet-header > .btn { flex:none; margin:4px 0; font-size:13px; } #btn-verifica-compatibilita { color:var(--text-primary); background:color-mix(in srgb, var(--color-emerald) 15%, var(--bg-surface)); border-color:color-mix(in srgb, var(--color-emerald) 40%, var(--border-color)); } #btn-verifica-compatibilita:hover:not(:disabled) { background:color-mix(in srgb, var(--color-emerald) 24%, var(--bg-surface)); border-color:var(--color-emerald); } .compatibility-sheet { display:flex; flex-direction:column; flex:1; min-height:0; gap:12px; padding:16px; margin-top:-10px; background:var(--bg-surface); border:1px solid var(--border-color); border-top:0; border-radius:0 0 var(--radius-lg) var(--radius-lg); } .compatibility-summary { display: flex; flex-wrap: wrap; gap: 6px 20px; align-items: baseline; } .compatibility-summary p { color: var(--text-secondary); font-size: 12px; } .compatibility-table { table-layout: auto; } .compatibility-table th:nth-child(-n+4) { width: 1%; white-space: nowrap; } .compatibility-table td:nth-child(-n+4), .compatibility-problem-title { white-space: nowrap; } .compatibility-table th:last-child { width: 280px; } .compatibility-table td { overflow-wrap: anywhere; } .compatibility-table .btn { font-size: 12px; padding: 6px 10px; } .compatibility-context { color: var(--text-secondary); font-size: 12px; } .compatibility-description { min-width:280px; line-height: 1.5; } .compatibility-row-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; } .compatibility-row-actions .btn { white-space: nowrap; margin: 0; } .compatibility-badge { display: inline-block; font-size: 11px; padding: 3px 6px; border-radius: 4px; } .compatibility-badge.is-error { color: var(--color-rose); background: var(--color-rose-glow); } .compatibility-badge.is-warning { color: var(--color-amber); background: var(--color-amber-glow); } .compatibility-note { font-size: 12px; } @media (max-width: 700px) { .modal-card.modal-class-editor { width: calc(100vw - 12px); max-height: calc(100dvh - 12px); } #modal-classe { padding: 6px; } .modal-class-body { padding: 10px; } .modal-class-editor .modal-header h3 { flex-basis: 100%; } .compatibility-toolbar label { flex-basis: 40%; } } /* The page owns scrolling; the table keeps its full height and sticky headings. */ .matrix-view { --matrix-teacher-width: clamp(140px, 16vw, 190px); flex: 0 0 auto; min-height: auto; } .matrix-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 18px 0 12px; } .matrix-toolbar label { display: flex; align-items: center; gap: 6px; font-size: 12px; } .matrix-toolbar input, .matrix-toolbar select { width: 200px; max-width: 100%; padding: 6px 10px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--bg-surface-elevated); color: var(--text-primary); font-family: inherit; transition: border-color .15s ease, box-shadow .15s ease; } .matrix-toolbar input::placeholder { color: var(--text-muted); } .matrix-toolbar :is(input, select):hover { border-color: var(--border-color-hover); } .matrix-toolbar :is(input, select):focus-visible { outline: none; border-color: var(--color-indigo); box-shadow: 0 0 0 3px var(--color-indigo-glow); } .matrix-toolbar input, .matrix-toolbar select, .matrix-toolbar .btn { height: 34px; font-size: 12px; line-height: 1.25; } #matrice-aggiorna { margin-left: auto; padding: 0 14px; flex-shrink: 0; } #matrice-stato { flex: 1 1 200px; font-size: 12px; color: var(--text-secondary); } .matrix-scroll { overflow: visible; width: 100%; min-width: calc(var(--matrix-teacher-width) + var(--matrix-hours-min-width, 0px) + 2px); flex-shrink: 0; border: 1px solid var(--border-color); border-radius: 6px; } .matrix-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 12px; } .matrix-table .matrix-teacher-column { width: var(--matrix-teacher-width); } .matrix-table th, .matrix-table td { height: 29px; padding: 4px; text-align: center; overflow-wrap: anywhere; border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } .matrix-table td { white-space: nowrap; overflow-wrap: normal; } .matrix-table thead th { position: sticky; top: 0; z-index: 2; background: var(--bg-surface); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .matrix-table thead tr:nth-child(2) th { top: 29px; } .matrix-table .matrix-teacher { position: sticky; left: 0; z-index: 1; text-align: left; white-space: nowrap; background: var(--bg-surface); padding-left: 8px; } .matrix-table thead .matrix-teacher { z-index: 3; } .matrix-table .matrix-day-start, .matrix-table .matrix-day { border-left: 2px solid var(--text-muted); } .matrix-table tbody tr:hover td { background: var(--overlay-inset); } .compatibility-case { padding: 8px 0; border-top: 1px solid var(--border-color); } .compatibility-case a { display: inline-block; margin-right: 10px; } .generator-console-columns, .generator-log-entry { grid-template-columns: 8ch 19ch minmax(0, 1fr); font-size: 11px; letter-spacing: normal; } .generator-console-frame, .generator-console-frame * { font-family: Consolas, 'Courier New', monospace; font-variant-numeric: tabular-nums; } .generator-log-message { white-space: pre-wrap; } /* Compact generation stages and continuous hour/minute wheels. */ #generator-pipeline { border:1px solid var(--border-color, #334155); border-radius:10px; padding:8px 10px; margin:12px 0; } .generator-pipeline-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:8px; font-size:12px; } .generator-pipeline-heading span, .generator-pipeline-note { color:var(--text-secondary); font-size:12px; } #generator-pipeline { --pipeline-time-width: 112px; } .generator-pipeline-row { display:grid; grid-template-columns:24px minmax(0, 1fr) 68px var(--pipeline-time-width); align-items:center; column-gap:12px; position:relative; padding:7px 6px; border:1px solid var(--border-color-hover); border-radius:6px; background:var(--bg-surface); } .generator-pipeline-row:has(+ .generator-pipeline-row) { margin-bottom:16px; } /* The connector occupies only the gap between complete stages, never a time control. */ .generator-pipeline-row:has(+ .generator-pipeline-row)::before { content:""; position:absolute; left:17px; bottom:-13px; height:11px; width:2px; background:var(--text-secondary); opacity:.65; pointer-events:none; } .generator-pipeline-row:has(+ .generator-pipeline-row)::after { content:""; position:absolute; left:15px; bottom:-13px; width:6px; height:6px; border-right:2px solid var(--text-secondary); border-bottom:2px solid var(--text-secondary); transform:rotate(45deg); opacity:.65; pointer-events:none; } .generator-stage-budget { min-width:0; padding-left:6px; border-left:1px solid var(--border-color); } .generator-stage-budget > span { display:block; margin-bottom:3px; text-align:center; color:var(--text-primary); font-size:10px; font-weight:600; } .generator-pipeline-toggle { display:flex; justify-content:center; position:relative; } .generator-pipeline-toggle input { width:16px; height:16px; margin:0; cursor:pointer; } .generator-pipeline-description { min-width:0; cursor:pointer; } .generator-pipeline-row strong { display:block; font-size:14px; color:var(--text-primary); } .generator-pipeline-row small { display:block; font-size:12px; color:var(--text-secondary); line-height:1.4; } .generator-duration-control.time-wheel-control { display:flex; justify-content:flex-end; gap:8px; width:auto; min-width:0; padding:0 4px; border:0; background:transparent; height:auto; flex-shrink:0; } .generator-pipeline-row .time-wheel { min-width:0; flex:1; } .generator-pipeline-row .time-wheel input { max-width:100%; box-sizing:border-box; } .time-wheel { display:flex; flex-direction:column; align-items:center; touch-action:none; cursor:ns-resize; } .time-wheel > span { font-size:10px; color:var(--text-secondary); line-height:12px; } .time-wheel-control .time-wheel button { min-width:40px; width:100%; height:13px; min-height:0; padding:0; border:0; border-radius:3px; font-size:12px; line-height:11px; background:transparent; color:var(--text-secondary); } .time-wheel-control .time-wheel input { padding:0 3px; min-width:40px; height:22px; min-height:0; border:1px solid var(--border-color-hover); border-radius:4px; text-align:center; font-size:15px; font-weight:600; font-variant-numeric:tabular-nums; background:var(--bg-surface-elevated); color:var(--text-primary); } .time-wheel input:focus-visible, .time-wheel button:focus-visible { outline:2px solid var(--accent-color, #818cf8); } .time-wheel-control.is-disabled { opacity:1; } .time-wheel-control .time-wheel input:disabled { opacity:1; -webkit-text-fill-color:var(--text-primary); cursor:default; } .generator-pause-between { display:flex; gap:8px; align-items:center; margin-top:9px; font-size:12px; flex-wrap:wrap; } .generator-pause-between input { width:15px; height:15px; margin:0; } .generator-pause-between small { color:var(--text-secondary); font-size:12px; } .generator-pipeline-note { margin:8px 0 0; line-height:1.4; } .generator-global-options, .generator-guided-options { grid-column:2 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin-top:7px; padding:6px 8px; border-radius:4px; background:var(--overlay-inset); font-size:12px; color:var(--text-secondary); } .generator-global-options label, .generator-guided-options label { display:inline-flex; align-items:center; gap:6px; } .generator-global-options input[type="checkbox"], .generator-guided-options input[type="checkbox"] { width:15px; height:15px; margin:0; } .generator-global-options .generator-duration-control, .generator-guided-options .generator-duration-control { width:104px; } .generator-global-options select, .generator-guided-options select { width:54px; height:28px; min-height:0; padding:2px 5px; font-size:12px; } .generator-guided-options select { width:auto; max-width:100%; } .generator-global-options small, .generator-guided-options small { flex-basis:100%; } .generator-guided-options, .generator-guided-categories { display:grid; gap:5px; } .generator-guided-options [hidden] { display:none; } .generator-guided-category { display:grid; grid-template-columns:130px minmax(0,1fr) auto; align-items:center; gap:8px; padding:4px 0; } .generator-guided-category + .generator-guided-category { border-top:1px solid var(--border-color); } .generator-guided-category.generator-priority-row { grid-template-columns:130px minmax(0,1fr); padding:10px 0; } .generator-priority-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; min-width:0; } .generator-priority-fields .generator-category-budget { display:flex; flex-direction:column; align-items:stretch; gap:6px; min-width:0; } .generator-priority-fields .generator-category-budget > span { overflow-wrap:anywhere; } .generator-priority-fields .generator-category-budget input[type="number"] { width:100%; min-width:0; box-sizing:border-box; } @media (max-width:600px) { .generator-guided-category.generator-priority-row { grid-template-columns:minmax(0,1fr); } .generator-priority-fields { gap:8px; } } .generator-guided-category > label:first-child { color:var(--text-primary); font-weight:600; } .generator-guided-category small { color:var(--text-secondary); font-size:12px; } .generator-guided-category input[type="number"] { width:65px; min-height:28px; height:28px; padding:2px 5px; font-size:13px; color:var(--text-primary); } .generator-guided-category--deep { display:block; min-width:0; padding:12px 0; } .generator-deep-heading { display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; margin-bottom:12px; } .generator-deep-heading > label { color:var(--text-primary); font-weight:600; } .generator-guided-options .generator-deep-heading > small { flex:1 1 220px; min-width:0; } .generator-deep-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:12px; min-width:0; } .generator-guided-options .generator-deep-field { display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:6px; min-width:0; margin:0; font-weight:400; } .generator-deep-field > span:first-child { color:var(--text-secondary); line-height:1.4; overflow-wrap:anywhere; } .generator-deep-value { display:flex; align-items:center; gap:8px; min-width:0; } .generator-deep-value input[type="number"] { flex:1; width:100%; min-width:0; max-width:100%; height:34px; padding:5px 8px; box-sizing:border-box; } .generator-deep-value > span { flex:none; color:var(--text-secondary); } .generator-guided-category--deep > small { margin-top:10px; overflow-wrap:anywhere; } .generator-guided-options .generator-deep-adaptive { display:flex; gap:8px; margin-top:12px; color:var(--text-primary); } @media (max-width:700px) { .generator-guided-category { grid-template-columns:minmax(0,1fr) auto; } .generator-guided-category > small { grid-column:1 / -1; grid-row:2; } } @media(max-width:600px) { .generator-pipeline-heading { align-items:flex-start; flex-direction:column; gap:2px; } .generator-pipeline-row { column-gap:8px; } #generator-pipeline { padding:8px; --pipeline-time-width:104px; } } /* La fase attiva resta riconoscibile senza animazioni. */ .generator-pipeline-row[data-stage-state="active"] { background: var(--color-indigo-glow); box-shadow: inset 3px 0 var(--color-indigo); } .generator-pipeline-row.is-unavailable { background: var(--overlay-inset); border-color: var(--border-color); } .generator-pipeline-row.is-unavailable > * { opacity: .5; } .generator-pipeline-row.is-unavailable .generator-pipeline-description { cursor: default; } .generator-pipeline-row[data-stage-state="paused"] { background: var(--color-amber-glow); box-shadow: inset 3px 0 var(--color-amber); } .generator-pipeline-row .generator-pipeline-description > strong { display: inline; } .generator-stage-status { display: inline-block; margin-left: 7px; font-size: 10px; color: var(--text-muted); } .generator-pipeline-row[data-stage-state="active"] .generator-stage-status { color: var(--color-indigo); font-weight: 700; } .generator-pipeline-row[data-stage-state="completed"] .generator-stage-status { color: var(--color-emerald); } .generator-stage-time { visibility: hidden; text-align: right; font-variant-numeric: tabular-nums; } .generator-stage-time.has-time { visibility: visible; } .generator-stage-time small { font-size: 9px; } .generator-stage-time strong { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; white-space: nowrap; color: var(--text-secondary); } .generator-final-check { margin: 10px 0; color: var(--text-secondary); font-size: 11px; } .generator-final-check summary { cursor: pointer; } .generator-final-check p { margin: 6px 0; line-height: 1.5; } @media (max-width: 600px) { .generator-pipeline-row { grid-template-columns: 24px minmax(0, 1fr) 54px var(--pipeline-time-width); column-gap: 6px; } .generator-progress-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 420px) { .generator-progress-metrics { grid-template-columns: minmax(0, 1fr); } } /* Cattedre: selezioni condivise e percorso di conferma leggibile. */ #view-cattedre .view-container { width: 96%; max-width: 1600px; } #view-cattedre .view-toolbar { align-items: center; flex-wrap: wrap; gap: 14px; } :is(.cattedre-sheet-tabs, .compatibility-sheet-tabs) { display:flex; gap:6px; border-bottom:1px solid var(--border-color); overflow-x:auto; } :is(.cattedre-sheet-tabs, .compatibility-sheet-tabs) button { display:flex; flex:none; align-items:center; gap:10px; padding:12px 16px; border:1px solid transparent; border-bottom:3px solid transparent; border-radius:8px 8px 0 0; background:transparent; color:var(--text-secondary); font-size:16px; font-weight:600; cursor:pointer; } :is(.cattedre-sheet-tabs, .compatibility-sheet-tabs) button[aria-selected="true"] { border-color:var(--border-color); border-bottom-color:var(--color-emerald); background:var(--bg-surface); color:var(--text-primary); } :is(.cattedre-sheet-tabs, .compatibility-sheet-tabs) button:focus-visible { outline:2px solid var(--color-emerald); outline-offset:-4px; } :is(.cattedre-sheet-tabs, .compatibility-sheet-tabs) button span { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:21px; padding:0 5px; border-radius:5px; background:var(--overlay-inset); font-size:12px; font-weight:500; font-variant-numeric:tabular-nums; } .compatibility-sheet-tabs { min-width:0; border-bottom:0; } #view-cattedre #cattedre-sheet { margin-top:-20px; border-top-left-radius:0; border-top-right-radius:0; } #view-cattedre .search-box { flex: 1 1 240px; } .cattedre-toolbar-field { flex: 0 1 260px; min-width: 200px; } .cattedre-toolbar-field .app-select { width: 100%; } .cattedre-mode-help { margin: 0 0 12px; color: var(--text-secondary); font-size: 12px; line-height: 1.6; } .cattedre-workflow { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-bottom: 18px; padding: 12px 0; border-bottom: 1px solid var(--border-color); } .cattedre-workflow span { flex: 1 1 280px; color: var(--text-secondary); font-size: 12px; line-height: 1.5; } .cattedre-workflow strong { display: block; color: var(--text-primary); font-size: 12px; margin-bottom: 3px; } .cattedre-table { --chair-control-height:30px; table-layout:fixed; min-width:1080px; } .cattedre-table td { vertical-align: top; } .cattedre-table tr.is-unassigned .cattedre-titolare-cell .app-select-trigger, .cattedre-table tr.is-unassigned .cattedre-titolare-cell .cattedre-inherited-assignment > strong { background:color-mix(in srgb,var(--color-rose) 10%,var(--bg-surface)); border-color:color-mix(in srgb,var(--color-rose) 30%,var(--border-color)); } .cattedre-table th:nth-child(1) { width:10%; } .cattedre-table th:nth-child(2) { width:14%; } .cattedre-table th:nth-child(3) { width:23%; } .cattedre-table th:nth-child(4) { width:9%; } .cattedre-table .cattedre-titolare-cell, .cattedre-table .cattedre-compresente-cell { width:22%; } .cattedre-class-name { display:flex; align-items:center; min-height:var(--chair-control-height); overflow-wrap:anywhere; color:var(--text-primary); font-weight:600; text-decoration:underline; text-decoration-color:var(--border-color-hover); text-underline-offset:3px; } .cattedre-class-name:hover { color:var(--color-indigo); text-decoration-color:currentColor; } .cattedre-class-name:focus-visible { outline:2px solid var(--color-indigo); outline-offset:2px; border-radius:3px; } .cattedre-list-summary { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 18px; padding:12px 16px; border-bottom:1px solid var(--border-color); } #cattedre-visible-hours { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; font-size:12px; } #cattedre-visible-hours > span { display:inline-flex; align-items:center; gap:7px; } .cattedre-total-badge { display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:22px; padding:0 6px; border-radius:5px; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; } .cattedre-total-badge.is-count { background:var(--overlay-inset); color:var(--text-secondary); } .cattedre-total-badge.is-assigned { background:var(--color-emerald-glow); color:var(--color-emerald); } .cattedre-total-badge.is-hours { background:var(--color-sky-glow,rgba(14,165,233,.14)); color:var(--color-sky,#0ea5e9); } .cattedre-total-badge.is-compresenza { background:var(--color-amber-glow); color:var(--color-amber); } .cattedre-list-summary small { color:var(--text-secondary); font-size:11px; } .cattedre-table .app-select { width: 100%; } .cattedre-table .app-select-trigger { height:var(--chair-control-height); min-height:var(--chair-control-height); padding:4px 9px; border-radius:6px; font-size:12px; } .cattedre-subject-badge { display:block; width:100%; height:var(--chair-control-height); line-height:28px; padding:0 10px; border:1px solid color-mix(in srgb,var(--subject-color) 35%,var(--border-color)); border-left:3px solid var(--subject-color); border-radius:6px; background:color-mix(in srgb,var(--subject-color) 12%,var(--bg-surface)); color:var(--text-primary); font-size:12px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .cattedre-hours-stack { display:flex; flex-direction:column; align-items:flex-start; gap:6px; } .cattedre-hours-item { display:flex; flex-direction:column; align-items:center; gap:2px; } .cattedre-hours-item > small { font-size:10px; color:var(--text-secondary); } .cattedre-hours-badge { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:5px; width:64px; height:var(--chair-control-height); border:1px solid color-mix(in srgb,var(--hours-color) 40%,var(--border-color)); border-radius:6px; background:color-mix(in srgb,var(--hours-color) 14%,var(--bg-surface)); color:var(--text-primary); font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; } .cattedre-hours-badge > span { font-size:11px; font-weight:400; color:var(--text-secondary); } .cattedre-table .cattedre-inherited-assignment > strong { display:block; height:var(--chair-control-height); width:100%; padding:4px 9px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid var(--border-color); border-radius:6px; background:var(--bg-surface-elevated); } .cattedre-table .badge { display:inline-flex; align-items:center; height:var(--chair-control-height); border-radius:6px; } .cattedre-table .cattedre-inherited-assignment { width:100%; } .cattedre-table .cattedre-availability-button { display:flex; align-items:center; justify-content:center; height:var(--chair-control-height); width:100%; margin-top:6px; padding:0 9px; line-height:1.2; border-radius:6px; color:var(--text-secondary); } #cattedre-sheet[data-foglio="confermate"] .cattedre-availability-button { display:none; } .cattedre-field-note { display: block; margin-top: 6px; max-width: 320px; color: var(--text-secondary); font-size: 11px; line-height: 1.5; } .cattedre-field-note.is-warning { color: var(--color-amber); } .cattedre-compresenza-warning { padding:7px 9px; border-radius:6px; border:1px solid color-mix(in srgb,var(--color-rose) 25%,transparent); background:var(--color-rose-glow); color:var(--text-primary); } .cattedre-compresenza-warning[hidden] { display:none; } .cattedre-proposed-teacher { font-size: 13px; padding: 8px 0; } .app-select-search { position: sticky; top: 0; width: 100%; min-height: 36px; margin: 0 0 6px; background: var(--bg-surface-elevated); z-index: 1; } .app-select-popover[id^="cattedra-"] { padding:6px; border-radius:8px; } .app-select-popover[id^="cattedra-"] .app-select-search { appearance:none; height:30px; min-height:30px; padding:5px 10px; margin-bottom:6px; border:1px solid var(--border-color); border-radius:6px; background:var(--bg-surface); color:var(--text-primary); font:inherit; font-size:12px; outline:none; box-shadow:none; } .app-select-popover[id^="cattedra-"] .app-select-search::placeholder { color:var(--text-secondary); opacity:.8; } .app-select-popover[id^="cattedra-"] .app-select-search:focus { border-color:var(--text-secondary); box-shadow:0 0 0 2px var(--border-color); } .app-select-popover[id^="cattedra-"] .app-select-group-label[data-tone="eligible"] { color:var(--color-emerald); background:var(--color-emerald-glow); border-radius:4px; } .app-select-popover[id^="cattedra-"] .app-select-group-label[data-tone="other"] { color:var(--color-amber); background:var(--color-amber-glow); border-radius:4px; } .app-select-empty { margin: 0; padding: 12px; color: var(--text-secondary); font-size: 12px; } .app-select-option[hidden], .app-select-group-label[hidden], .app-select-empty[hidden] { display: none !important; } @media (max-width: 768px) { .cattedre-toolbar-field { flex: 1 1 180px; min-width: 0; } .cattedre-overview-heading > .btn { white-space: normal; } } .generation-history-help { margin-bottom: 18px; line-height: 1.6; } .generation-history-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px; } .generation-history-toolbar h3 { margin-right: auto; } #generation-history { margin-bottom: 24px; } #generation-history[hidden] { display: none; } .generation-history-message { display: block; max-width: 640px; margin-top: 6px; } #modal-saved-log { padding:16px; height:100dvh; align-items:center; overflow:hidden; box-sizing:border-box; } .modal-card.saved-log-modal { display:flex; flex-direction:column; width:100%; max-width:1500px; height:calc(100vh - 32px); height:calc(100dvh - 32px); max-height:calc(100dvh - 32px); min-height:0; } .saved-log-modal > .modal-header, .saved-log-modal > .modal-footer { flex:none; margin:0; padding:12px 16px; } .saved-log-modal > .modal-header { min-width:0; gap:12px; } .saved-log-modal > .modal-header h3 { min-width:0; overflow-wrap:anywhere; } #saved-log-content { flex:1 1 0; min-height:0; min-width:0; margin:0; white-space:pre; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:12px 16px; font-size:12px; line-height:1.4; } #saved-log-content, #saved-log-content * { font-family:ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace; } /* Riordino personale della tabella vincoli. */ .constraint-order-help { margin: 0; padding: 10px 18px; color: var(--text-secondary); font-size: 12px; } .constraint-order-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } #table-vincoli-body .constraint-drag-handle { cursor: grab; margin-right: 8px; color: var(--text-secondary); } #table-vincoli-body .constraint-drag-handle:active { cursor: grabbing; } #table-vincoli-body .constraint-drag-handle:focus-visible { outline: 2px solid var(--color-indigo); outline-offset: 2px; } #table-vincoli-body .constraint-dragging { opacity: 0.45; } #table-vincoli-body .constraint-drop-before > td { box-shadow: inset 0 3px var(--color-indigo); } #table-vincoli-body .constraint-drop-after > td { box-shadow: inset 0 -3px var(--color-indigo); } /* Etichette dei tre approcci, nel log corrente e nei registri salvati. */ .generator-log-entry[data-operation="Rapida"] { --generator-operation-color: #22d3ee; } .generator-log-entry[data-operation="Approfondita"] { --generator-operation-color: #c084fc; } .generator-log-entry[data-operation="Ampia"] { --generator-operation-color: #fb923c; } .saved-log-entry { display:inline; white-space:inherit; font-size:inherit; line-height:inherit; padding:0; border:0; }