/* Prenotazioni: stessi controlli e spazi del resto del portale. */
.booking-fields{border:0;padding:0;margin:0;min-width:0}.booking-fields:disabled{opacity:.85}
.booking-form{margin-top:24px}.booking-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.booking-filters label{flex:1 1 150px;margin:0}.booking-filters label:has([name=q]){flex:2 1 260px}
.booking-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.booking-detail{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding:16px 0}
.booking-detail:last-child{margin-bottom:16px}.booking-lookup{position:relative;margin-bottom:16px;min-width:0}.booking-lookup label{margin-bottom:4px}
.lookup-results{max-height:280px;overflow-y:auto;display:grid;gap:4px}.lookup-result{text-align:left;justify-content:start;font-weight:400;white-space:normal;width:100%}.bookings-table td{min-width:130px}.bookings-table td:nth-child(3){min-width:220px}
.booking-form fieldset:disabled .lookup-results{display:none}
@media(max-width:700px){.booking-detail{grid-template-columns:1fr}.booking-detail .check{margin:0}.booking-filters>button{width:100%}}
/* Century Gothic caricata dal server: funziona anche senza installazione sul dispositivo. */
@font-face {
  font-family: "Century Gothic";
  src: url("GOTHIC.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Century Gothic";
  src: url("GOTHICB.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Century Gothic";
  src: url("GOTHICI.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Century Gothic";
  src: url("GOTHICBI.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

:root{color-scheme:light;--red:#b52432;--red-dark:#891c27;--ink:#202c3c;--muted:#617084;--line:#dce2e9;--surface:#fff;--bg:#f3f5f8;--radius:12px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}header{background:var(--surface);border-bottom:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:var(--red);text-underline-offset:3px}.brand{text-decoration:none;font-size:1.5rem;font-weight:800;white-space:nowrap}.brand span{color:var(--ink);font-size:1rem;font-weight:650;margin-left:10px}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav form{margin:0}nav span{color:var(--muted);font-size:.88rem}main{max-width:1400px;padding:24px;margin:0 auto}h1{font-size:1.8rem;letter-spacing:-.035em;margin:4px 0 20px}h2{font-size:1.2rem;margin:0 0 12px}p{margin:0 0 16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:24px}.notice,.error{padding:14px 18px;border-radius:8px;border:1px solid #cbdbe9;background:#edf5fb;margin-bottom:20px}.error{background:#fff0f1;border-color:#e7bbc1;color:#861a27}.muted,small{color:var(--muted);font-size:.88rem}small{display:block}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.88rem;margin-bottom:16px;min-width:0}input,select,textarea{font:inherit;font-size:1rem;font-weight:400;max-width:100%;width:100%;border:1px solid #aebaca;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;min-height:44px}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2c78be;outline-offset:3px}input[readonly],select:disabled{background:#f0f2f5;color:#536174}button,.button{font:inherit;font-weight:650;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:7px;text-decoration:none;cursor:pointer;gap:8px}button:hover,.button:hover{background:var(--red-dark)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.secondary:hover{background:#f0f2f5}.danger{background:#8a1422}.inline,.toolbar,.actions{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.inline label{margin-bottom:0}.inline{margin-bottom:16px}.toolbar{justify-content:space-between}.toolbar form{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.edit-form{max-width:880px}.login{max-width:460px;margin:40px auto}.login button{width:100%}.check{flex-direction:row;align-items:center;font-weight:400;min-height:44px}.check input{width:20px;min-height:20px;height:20px;flex:none}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}thead th{background:#edf0f5;font-size:.82rem;letter-spacing:.03em}tbody tr:last-child>td,tbody tr:last-child>th{border-bottom:0}.calendar>tbody>tr>th{width:120px;background:#fafbfc}.calendar th strong,.calendar th span{display:block}.sunday>th strong{color:var(--red)}.shift{display:grid;grid-template-columns:minmax(120px,1.2fr) 120px minmax(150px,1.5fr) 150px;gap:18px;padding:12px 0;align-items:center;border-bottom:1px solid #edf0f5}.shift:last-child{border-bottom:0}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#edf0f5;color:var(--muted);font-size:.78rem}.small-link{display:block;font-size:.82rem;padding-top:10px}.small{font-size:.85rem;padding:7px 14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px}.rule{border:1px solid var(--line);padding:18px;border-radius:8px}.rule p{margin:10px 0 16px}.user-list{margin-top:24px}.user-row{border-top:1px solid var(--line);padding-top:16px;align-items:center}.user-row strong{min-width:180px}.actions{align-items:center;margin-top:24px}details{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}summary{cursor:pointer;padding:8px 0;color:var(--red);min-height:44px}footer{padding:24px;text-align:center;color:var(--muted);font-size:.8rem}
@media(max-width:900px){header{padding:16px 20px;align-items:flex-start}.shift{grid-template-columns:1fr 1fr}.shift>div:last-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.small-link{padding:8px 0}nav{gap:12px}nav span{display:none}}
@media(max-width:600px){header{flex-direction:column;gap:12px;padding:14px 16px}nav{width:100%;justify-content:space-between;font-size:.9rem}.brand{font-size:1.3rem}main{padding:16px}h1{font-size:1.5rem}.panel{padding:18px;margin-bottom:18px}.form-grid{grid-template-columns:1fr}.toolbar,.toolbar form,.inline{align-items:stretch}.toolbar form{width:100%}.toolbar label{flex:1 1 100%}.toolbar button,.toolbar>.button{width:100%}.calendar,.calendar tbody,.calendar tr,.calendar td,.calendar th{display:block;width:100%}.calendar thead{display:none}.calendar>tbody>tr>th{width:100%;display:flex;gap:10px;padding:12px 14px;background:#eaf0f5;border-bottom:1px solid var(--line)}.calendar td{padding:0 14px 10px}.calendar td>.muted{display:block;padding-top:12px}.calendar>tbody>tr{border-bottom:2px solid var(--line)}.shift{gap:10px;padding:16px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shift>div{overflow-wrap:anywhere}.shift>div:nth-child(3){grid-column:1/-1}.shift>div:last-child{grid-column:1/-1}.shift .button{flex:1}.shift .small-link{padding:12px}.cards{grid-template-columns:1fr}.user-row{gap:12px}.user-row strong{width:100%}.login{margin:20px auto}.actions>button{flex:1}.check{font-size:.9rem}}

/* Griglia desktop: una fascia per riga e una colonna per ruolo. */
.roster-wrap { max-height: 72vh; overflow: auto; }
.roster { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .81rem; }
.roster th, .roster td { padding: 7px 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); vertical-align: middle; }
.roster thead th { position: sticky; top: 0; z-index: 3; padding: 10px; background: #e9eef4; white-space: nowrap; font-size: .76rem; }
.roster .roster-date { position: sticky; left: 0; min-width: 102px; width: 102px; background: #f5f7fa; z-index: 2; white-space: nowrap; }
.roster thead .roster-date { z-index: 4; background: #e9eef4; }
.roster .weekday { background: #f5f7fa; font-size: .72rem; font-weight: 650; }
.roster .activity-code, .roster .time-cell { background: #fffcec; white-space: nowrap; }
.roster .role-column { min-width: 165px; white-space: normal; }
.roster .person-cell { min-width: 165px; padding: 3px 6px; }
.roster .time-cell small { font-size: .7rem; }
.roster-day + .roster-day tr:first-child > * { border-top: 2px solid #bdc8d5; }
.roster-sunday .roster-date, .roster-sunday .weekday { color: var(--red); }
.roster tbody tr:hover td { background-color: #f0f5fb; }
.person-entry { display: block; padding: 5px 6px; overflow-wrap: anywhere; }
.person-entry + .person-entry { border-top: 1px dashed var(--line); }
.person-edit { color: #225887; text-decoration: none; border-radius: 4px; }
.person-edit:hover { background: #e2eefb; text-decoration: underline; }
.unassigned { color: #8a5b10; background: #fff8e7; }
.not-applicable { display: block; padding: 5px 6px; color: #a7b0bc; }
.roster-add { display: inline-block; padding: 5px 2px; white-space: nowrap; font-size: .76rem; }
.mobile-roster { display: none; }

/* Telefono: gli stessi turni diventano riquadri, senza scorrimento laterale. */
@media (max-width: 700px) {
    .roster-wrap { display: none; }
    .mobile-roster { display: block; }
    .mobile-day { margin-bottom: 22px; }
    .mobile-day-heading { display:flex; align-items:center; gap:12px; margin:0 0 5px; padding:9px 14px; background:#fff; border:1px solid var(--line); border-left:5px solid var(--red); border-radius:8px; color:var(--ink); font-size:1.16rem; font-weight:700; font-variant-numeric:tabular-nums; }
    .mobile-day-heading:not(:has([data-column]:not([hidden]))) { display:none; }
    .mobile-day-heading span { color:#435366; font-size:.86rem; }
    .sunday-heading, .sunday-heading span { color: var(--red); }
    .mobile-empty { padding: 10px 0; color: var(--muted); font-size: .85rem; }
    .mobile-shift { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 14px; margin-bottom: 10px; }
    .mobile-shift-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
    .mobile-shift-heading strong { color: var(--red); }
    .mobile-shift-heading b { font-size: .94rem; white-space: nowrap; }
    .mobile-description { margin: 3px 0 8px; color: var(--muted); font-size: .8rem; }
    .mobile-shift-meta { display: flex; flex-wrap: wrap; gap: 5px 14px; font-size: .76rem; color: var(--muted); }
    .mobile-people { margin: 10px 0 0; }
    .mobile-people > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); align-items: center; gap: 8px; border-top: 1px solid #edf0f5; padding: 5px 0; }
    .mobile-people dt { font-size: .78rem; color: var(--muted); overflow-wrap: anywhere; }
    .mobile-people dd { margin: 0; min-width: 0; font-size: .88rem; }
    .mobile-people .person-entry { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 6px; }
    .mobile-people .person-entry span { color: #71849a; font-size: 1.25rem; }
    .mobile-add { display: flex; justify-content: center; align-items: center; min-height: 44px; border-top: 1px solid var(--line); margin-top: 5px; padding-top: 5px; text-decoration: none; font-size: .85rem; }
}

/* Calendario a larghezza piena e preferenze delle colonne. */
.wide-layout main { max-width: none; width: 100%; }

.column-picker { margin: 0 0 16px; padding: 0; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.column-picker summary { padding: 10px 16px; color: var(--ink); font-size: .88rem; font-weight: 650; }
.column-picker fieldset { border: 0; margin: 4px 16px 0; padding: 0; }
.column-picker legend { font-size: .8rem; color: var(--muted); margin-bottom: 10px; }
.column-options { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.column-options label { margin: 0; }
.column-picker-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 10px 16px 16px; }
[data-column][hidden], [data-time-separator][hidden] { display: none !important; }
@media (max-width: 700px) {

    .column-options { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
    .mobile-day-heading > [data-column="date"] { color: inherit; font-size: inherit; }
}

/* Filtri per periodo e selezione multipla delle attività. */
.calendar-filters { flex: 1; }
.filter-label { display: block; font-size: .88rem; font-weight: 600; margin-bottom: 6px; }
.activity-filter { min-width: 240px; max-width: 420px; flex: 1; }
.activity-picker { position: relative; border: 0; margin: 0; padding: 0; }
.activity-picker summary { border: 1px solid #aebaca; border-radius: 7px; padding: 10px 12px; color: var(--ink); min-height: 46px; background: #fff; }
.activity-picker-options { position: absolute; top: calc(100% + 6px); left: 0; width: max(100%, 320px); max-width: calc(100vw - 70px); max-height: 340px; overflow-y: auto; z-index: 10; background: #fff; padding: 14px; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px #20304420; }
.activity-picker-options .check { align-items: flex-start; padding: 8px 0; gap: 9px; font-size: .85rem; }
.activity-picker-options input { margin-top: 3px; }
.filter-reset { padding: 10px 4px; font-size: .85rem; }
@media (max-width: 700px) {
    .activity-filter { min-width: 0; max-width: none; flex: 1 1 100%; }
    .activity-picker-options { position: static; width: 100%; max-width: none; margin-top: 8px; box-shadow: none; }
    .calendar-filters > label { flex: 1 1 120px; }
}

/* Identità TurnApp e intestazione CRI. */
:root { --red: #7A0019; --red-dark: #620014; --cri-gradient: linear-gradient(135deg, #7A0019 0%, #9b1b30 100%); font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
body > header { background: var(--cri-gradient); color: #fff; border-bottom: 0; }
.brand { display: flex; align-items: center; gap: 16px; color: #fff; }
.brand img { display: block; width: 295px; max-width: 38vw; height: auto; }
.brand .brand-divider { color: #ffffff9c; font-weight: 400; margin: 0; font-size: 2rem; }
.brand .brand-name { color: #fff; font-size: 1.55rem; margin: 0; font-weight: 700; }
body > header nav a, body > header nav span { color: #fff; }
body > header .secondary { background: transparent; border-color: #ffffff80; color: #fff; }
body > header .secondary:hover { background: #ffffff20; }
.icon-action { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 6px; border: 1px solid #d5dfe8; border-radius: 6px; color: #265878; background: #fff; text-decoration: none; }
.icon-action svg { width: 21px; height: 21px; }
.icon-action:hover { background: #e9f2fb; border-color: #93b4d1; }
.export-form { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 14px; }

/* Finestra di assegnazione e ricerca soci. */
.assignment-dialog { border: 0; border-radius: 14px; padding: 0; width: min(820px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); color: var(--ink); box-shadow: 0 24px 80px #172a4950; }
.assignment-dialog::backdrop { background: #18263880; }
.dialog-heading { display: flex; justify-content: space-between; align-items: center; padding: 14px 22px; background: var(--cri-gradient); color: #fff; position: sticky; top: 0; z-index: 2; }
.dialog-heading h2 { margin: 0; font-size: 1.1rem; }
.dialog-close { background: transparent; color: #fff; border: 0; font-size: 1.8rem; padding: 0; width: 44px; height: 44px; }
.dialog-close:hover { background: #ffffff20; }
.assignment-dialog [data-dialog-content] { padding: 18px; }
.assignment-dialog .panel { border: 0; margin: 0; padding: 0; }
.assignment-dialog .actions { position: sticky; bottom: -18px; background: #fff; border-top: 1px solid var(--line); padding: 14px 0; }
.member-picker { padding: 16px; background: #f2f6fa; border: 1px solid #dce6ee; border-radius: 9px; margin-bottom: 22px; }
.member-selection { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 8px 0 12px; font-size: .87rem; }
.member-selection strong { display: block; }
.member-selection button { font-size: .78rem; padding: 6px 12px; }
.member-results { display: grid; gap: 5px; max-height: 220px; overflow-y: auto; }
.member-result { width: 100%; justify-content: space-between; text-align: left; border-color: var(--line); background: #fff; color: var(--ink); font-size: .9rem; }
.member-result:hover { background: #e3effa; color: #194d78; }
.member-result small { font-weight: 400; }
[data-form-error][hidden] { display: none; }
@media (max-width: 700px) {
    .brand { gap: 10px; width: 100%; }
    .brand img { width: min(230px, 62vw); max-width: 62vw; }
    .brand .brand-name { font-size: 1.15rem; }
    .brand .brand-divider { font-size: 1.4rem; }
    .mobile-add.icon-action { width: 44px; height: 44px; margin-left: auto; padding: 8px; }
    .assignment-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 10px; }
    .assignment-dialog [data-dialog-content] { padding: 12px; }
    .assignment-dialog .form-grid { grid-template-columns: 1fr; }
    .dialog-heading { padding: 8px 14px; }
    .member-picker { padding: 12px; }
    .member-selection { align-items: flex-start; }
    .export-form .muted { font-size: .76rem; }
}
body > header { flex-wrap: wrap; }
@media (max-width: 700px) {
    .brand img { width: min(230px, 54vw); max-width: 54vw; }
}

/* Campi proporzionati al contenuto nella finestra di assegnazione. */
.assignment-context { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; }
.assignment-timing { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) 106px 106px 80px; gap: 10px; }
.edit-form label { margin-bottom: 12px; }
.edit-form input, .edit-form select, .edit-form textarea { min-width: 0; font-size: .9rem; padding: 9px 10px; }
.edit-form .squad-field input { max-width: 80px; }
.edit-form .assignment-hint { font-size: .76rem; margin-bottom: 10px; }
.edit-form .member-picker { padding: 12px 14px; margin-bottom: 16px; }
.edit-form .member-selection { margin: 0 0 8px; }
.edit-form [data-member-status] { margin-bottom: 0; font-size: .76rem; }
.edit-form .member-results:not(:vuoto) { margin-top: 10px; max-height: 180px; }
.edit-form .actions { margin-top: 12px; }
.roster [data-column="squad"] { width: 72px; min-width: 72px; max-width: 80px; padding-left: 6px; padding-right: 6px; text-align: center; white-space: nowrap; }
.delete-row { border-top: 0; padding-top: 0; margin-top: 8px; }
.delete-row > summary { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; list-style: none; border: 1px solid #e2c3ca; border-radius: 7px; color: var(--red); }
.delete-row > summary::-webkit-details-marker { display: none; }
.delete-row > summary svg { width: 21px; height: 21px; }
.delete-row > summary:hover { background: #f9edf0; }
.delete-confirmation { margin-top: 10px; padding: 12px; background: #fcf4f5; border-radius: 8px; font-size: .85rem; }
@media (max-width: 700px) {
    .assignment-context { grid-template-columns: 1fr; gap: 0; }
    .assignment-timing { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
    .assignment-timing input[type="time"] { max-width: 130px; }
    .edit-form .squad-field { max-width: 80px; }
    .edit-form .member-picker { padding: 10px; }
}

/* Scheda utente: collegamento, visibilità e fasce separate. */
.admin-user-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.admin-user-heading .inline { margin:0; }
.admin-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
.admin-account-grid .panel { min-width:0; }
.admin-account-grid h2 { font-size:1.15rem; }
.admin-footnote { margin:14px 0 0; font-size:.82rem; }
.activity-checklist { max-height:300px; overflow:auto; padding:10px; border:1px solid var(--border,#d8e0e9); border-radius:8px; margin-bottom:14px; }
.activity-checklist .check { align-items:flex-start; padding:7px; margin:0; }
.activity-checklist input { flex-shrink:0; }
.permission-period { display:grid; grid-template-columns:170px 170px 120px 120px 90px; gap:12px; }
.permission-flags { display:flex; flex-wrap:wrap; gap:12px 24px; margin-bottom:18px; }
.permissions-table td { vertical-align:top; }
.permissions-table small { display:block; max-width:180px; color:var(--muted); margin-top:6px; }
.permissions-table td:last-child form { display:inline-block; margin-left:14px; }
.rule-editor { margin-top:20px; }
.rule-editor > summary, .add-user > summary { cursor:pointer; color:var(--red); font-weight:700; padding:10px 0; }
.rule-editor > form, .add-user > form { margin-top:14px; }
@media (max-width:1000px) { .admin-account-grid { grid-template-columns:1fr; gap:0; } }
@media (max-width:760px) { .permission-period { grid-template-columns:repeat(2,minmax(0,1fr)); } .permission-period label:last-child { max-width:90px; } .permission-flags { flex-direction:column; gap:4px; } }

/* Calendario e identità condivisa delle pagine TurnApp. */
body { min-height:100vh; display:flex; flex-direction:column; isolation:isolate; }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:linear-gradient(115deg,#f5f4f0ad,#f4f4f06b),url("back_login_60.jpg") center / cover no-repeat; }
body > main { width:100%; flex:1; }
body > header { box-shadow:0 3px 14px #42132230; }
.brand .brand-name { display:inline-flex; align-items:center; background:#fffc; color:var(--red-dark); border-radius:10px 10px 10px 2px; padding:5px 13px; font-size:1.25rem; font-weight:400; letter-spacing:-.055em; }
.brand-name strong { font-weight:700; }
body > header nav { gap:8px; }
body > header nav a, body > header nav button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; border:1px solid #ffffff55; border-radius:8px; padding:7px 13px; text-decoration:none; font-size:.88rem; font-weight:600; background:#ffffff0e; }
body > header nav a:hover, body > header nav button:hover { background:#ffffff26; }
body > header nav > span { padding:0 8px; }
button,.button { border-radius:8px; }
button:not(.secondary,.member-result,.dialog-close,.danger),.button:not(.secondary) { background:var(--cri-gradient); }
.secondary,.button.secondary { box-shadow:0 1px 2px #18233412; }
.toolbar.panel { display:grid; grid-template-columns:minmax(0,1fr); justify-content:stretch; gap:16px; background:#fff; padding:18px 22px; margin-bottom:16px; }
.calendar-filters { display:grid; grid-template-columns:minmax(9rem,12rem) repeat(2,minmax(8rem,10rem)) minmax(9rem,1fr) 6.5rem auto auto; align-items:end; gap:8px; }
.calendar-filters .activity-filter { max-width:none; }
.filter-actions { display:flex; align-items:stretch; gap:8px; }
.filter-actions > * { white-space:nowrap; }
@media(min-width:701px) and (max-width:1199px) {
    .calendar-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .filter-actions { justify-content:flex-end; }
}
.calendar-filters label,.calendar-filters .activity-filter { min-width:0; }
.calendar-filters .activity-filter { flex:1 1 200px; }
.calendar-filters input[type=date],.calendar-filters input[type=month] { width:100%; }
.calendar-filters .filter-reset { font:inherit; font-size:.88rem; font-weight:600; padding:10px 14px; }
.shift-scope { display:grid; gap:2px; }
.shift-scope .check { min-height:24px; margin:0; gap:7px; }
input[type=checkbox] { accent-color:var(--red); }
.calendar-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; border-top:1px solid var(--line); padding-top:12px; }
.calendar-tools .export-form { width:auto; margin:0; }
.calendar-tools .button,.calendar-tools button { min-height:40px; padding:8px 14px; font-size:.85rem; }
.column-picker { position:relative; border:0; margin:0 0 0 auto; }
.column-picker > summary { display:inline-flex; list-style:none; }
.column-picker > summary::-webkit-details-marker { display:none; }
.column-picker[open] > summary { color:var(--red); border-color:var(--red); }
.columns-icon { width:16px; height:14px; border:1.5px solid currentColor; border-radius:3px; background:repeating-linear-gradient(90deg,transparent 0 4px,currentColor 4px 5px); }
.column-panel { position:absolute; z-index:12; top:calc(100% + 7px); right:0; width:310px; max-width:calc(100vw - 40px); border:1px solid var(--line); border-radius:12px; background:white; box-shadow:0 8px 28px #17233826; padding:16px; }
.column-panel fieldset { margin:0; }
.column-panel legend { color:var(--ink); font-weight:700; }
.column-panel .column-options { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.column-options .check { border:1px solid var(--line); padding:5px 9px; border-radius:7px; min-height:36px; gap:8px; }
.column-options .check:has(input:checked) { background:#faf1f3; border-color:#dcc1c7; }
.column-picker-footer { padding:12px 0 0; gap:8px; align-items:center; }
.column-picker-footer .muted { font-size:.74rem; }
.site-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 20px; text-align:left; padding:16px clamp(16px,2vw,36px); background:#fffefaed; border-top:1px solid var(--line); }
.site-footer div { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; }
.site-footer strong { color:var(--red); font-size:1rem; }
.site-footer small { font-size:.78rem; }
@media(max-width:700px) {
    body > header nav { justify-content:flex-start; }
    .toolbar.panel { padding:14px; }
    .calendar-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .calendar-filters > label:first-child,.calendar-filters .squad-filter,.calendar-filters .activity-filter,.shift-scope,.filter-actions { grid-column:1/-1; }
    .filter-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .shift-scope { display:flex; flex-wrap:wrap; gap:8px 16px; }
    .calendar-tools { position:relative; }
    .calendar-tools .column-picker { position:static; margin-left:0; }
    .column-panel { left:0; right:auto; width:min(310px,100%); }
    .site-footer { flex-direction:column; align-items:flex-start; }
}

button.secondary.export-action { background:#e4f4e9; color:#155536; border-color:#8ebfa2; }
.button.secondary.create-action { background:#e9f1fb; color:#164578; border-color:#9cb9d8; }
button.secondary.copy-action { background:#f3eefb; color:#543782; }
.edit-form label, .edit-form select, .assignment-timing, .calendar-filters { min-width:0; }
@media (max-width: 760px) {
    .calendar-filters input:is([type=date],[type=month]), .edit-form input:is([type=date],[type=time]) {
        appearance:none; -webkit-appearance:none; box-sizing:border-box; min-width:0; max-width:100%; width:100%; min-height:44px;
    }
    .edit-form .actions { flex-wrap:wrap; }
}

/* Le azioni della fascia condividono la stessa riga su calendario e schede. */
.shift-actions { display:flex; align-items:center; gap:6px; }
.shift-actions .icon-action { flex:none; margin:0; }
.icon-action.squad-action { background:#f3eef8; border-color:#c8b6d8; color:#583c72; }
.icon-action.squad-action:hover { background:#e7dcf0; }
.mobile-roster .shift-actions { justify-content:flex-end; }
.mobile-roster .shift-actions .icon-action { width:44px; height:44px; }

.admin-workspace { max-width:1180px; margin-inline:auto; }
.admin-sections { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:4px; padding:4px; margin:0 0 18px; width:fit-content; max-width:100%; background:#fff; border:1px solid var(--line); border-radius:10px; }
.admin-sections a { padding:10px 16px; border-radius:7px; text-decoration:none; color:#425168; font-size:.9rem; font-weight:650; }
.admin-sections a[aria-current] { background:#851432; color:#fff; }
.admin-sections a:not([aria-current]):hover { background:#f3f4f7; }
.admin-workspace .panel { margin-bottom:16px; }
.admin-workspace h2 { font-size:1.18rem; }
.admin-profile .admin-user-heading { align-items:end; justify-content:flex-start; gap:10px 20px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.admin-user-heading .inline { align-items:end; gap:10px; }
.admin-user-heading .add-user { border:0; margin:0; padding:0; }
.admin-user-heading .add-user[open] { flex-basis:100%; }
.add-user > summary { min-height:44px; }
.profile-heading { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin:18px 0 12px; }
.profile-heading h2 { margin:0; overflow-wrap:anywhere; }
.profile-role { border-radius:20px; padding:3px 10px; background:#f5eaf0; color:#741d40; font-weight:650; font-size:.78rem; }
.profile-fields { display:grid; grid-template-columns:1.1fr 1fr; gap:16px; }
.profile-fields > div { padding:14px 16px; border:1px solid var(--line); background:#fafbfc; border-radius:8px; min-width:0; }
.profile-fields h3 { font-size:.88rem; margin:0 0 7px; }
.profile-fields .inline { align-items:end; margin:0; gap:8px 14px; }
.profile-fields input[name=home_squad] { max-width:9rem; }
.admin-account-grid { gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-workspace .permission-flags { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)); gap:5px 14px; }
.admin-workspace .permission-flags label { margin:0; }
@media (max-width:850px) {
    .profile-fields, .admin-account-grid { grid-template-columns:1fr; }
    .admin-account-grid { gap:0; }
}
@media (max-width:600px) {
    .admin-sections { display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); }
    .admin-sections a { display:grid; place-items:center; text-align:center; padding:8px 3px; font-size:.8rem; }
    .admin-profile .admin-user-heading { align-items:start; }
    .admin-user-heading .inline { width:100%; }
    .admin-user-heading select { max-width:100%; }
    .admin-user-heading label { flex:1; }
    .profile-fields { gap:8px; }
    .admin-workspace input:is([type=date],[type=time]) { appearance:none; min-width:0; width:100%; }
}
[data-weekly-options] { min-width:0; margin:1rem 0; border:1px solid var(--line); border-radius:8px; padding:1rem; }

fieldset.member-picker { min-width: 0; margin: 0; border: 0; padding: 0; }
fieldset.member-picker:disabled { opacity: .7; }

.icon-action.delete-header-action { color:var(--red); border-color:#e2c3ca; }
.icon-action.delete-header-action:hover { background:#f9edf0; }

/* Note leggibili senza aprire la modifica. */
.calendar-note{font-size:.8rem;white-space:normal;max-width:22rem;margin:.25rem 0;color:#495363;overflow-wrap:anywhere}
.calendar-note summary{cursor:pointer}.calendar-note>div{padding:.35rem 0}

.mobile-day-heading{display:flex;justify-content:space-between;gap:1rem}.mobile-day-heading [data-column="weekday"]{margin-left:auto;text-align:right}
.mobile-roster .calendar-note summary span{display:none}

.member-photo{width:28px;height:28px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:.35rem}
.desktop-note{font-size:.78rem;white-space:normal;overflow-wrap:anywhere;max-width:22rem;margin:.25rem 0;color:#495363}
.roster .calendar-note{display:none}.mobile-roster .desktop-note{display:none}
.member-photo:not([src]){display:none}

.member-photo[hidden]{display:none!important}

.member-photo-slot{display:inline-flex;width:28px;height:28px;vertical-align:middle;margin-right:.35rem;align-items:center;justify-content:center}
.member-photo-slot[hidden]{display:none!important}.member-photo-slot .member-photo{margin:0}

/* Associazioni squadra: riepiloghi compatti e campi separati dalla lista. */
.schedule-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}
.schedule-intro h2{margin-bottom:6px}.schedule-intro p,.schedule-alignment p{margin:0;max-width:760px}
.schedule-total{white-space:nowrap;font-size:.8rem;font-weight:700;padding:7px 12px;border-radius:20px;background:#f3e9ed;color:var(--red)}
.schedule-new{margin-top:0;min-width:0}.schedule-new>summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;color:var(--red);list-style:none}
.schedule-new>summary::-webkit-details-marker,.schedule-editor>summary::-webkit-details-marker{display:none}
.schedule-new>summary small{font-weight:400;margin-top:3px}.schedule-new-icon{display:grid;place-items:center;width:36px;height:36px;background:#f5ebee;border-radius:8px;font-size:1.4rem;flex-shrink:0}
.schedule-new[open]>summary{margin-bottom:20px}.schedule-copy-notice{padding:12px 16px;background:#f5f0f2;border-radius:8px;font-size:.88rem}
.schedule-group{padding:0;overflow:hidden}.schedule-group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fafbfc}
.schedule-group-heading h3{display:flex;align-items:center;gap:10px;font-size:1rem;margin:0;min-width:0}.schedule-group-heading>.muted{white-space:nowrap;font-size:.8rem}
.schedule-activity-code{padding:4px 8px;background:#edf0f5;border-radius:6px;font-size:.8rem;letter-spacing:.03em;color:#425168;flex-shrink:0}
.schedule-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:0 20px;column-gap:16px}.schedule-row+.schedule-row{border-top:1px solid var(--line)}
.schedule-editor{min-width:0;border:0;margin:0;padding:0}.schedule-editor>summary{display:grid;grid-template-columns:minmax(95px,1fr) minmax(115px,1fr) 70px minmax(175px,1.5fr) auto;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:18px 0;font-size:.88rem;color:var(--ink)}
.schedule-editor>summary small{font-size:.72rem;margin-bottom:4px}.schedule-editor>summary strong{font-weight:650}.schedule-editor>summary:hover .schedule-edit-label{color:var(--red)}
.schedule-squad-badge{display:inline-block;min-width:32px;padding:3px 8px;background:#edf3f9;color:#27567b;border-radius:6px;text-align:center}.schedule-next-day{display:block;font-size:.7rem;color:var(--muted);margin-top:3px}
.schedule-edit-label{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#526478;justify-self:end}.schedule-edit-label svg{width:18px;height:18px}
.schedule-copy{margin-top:20px;min-height:36px;padding:6px 10px;font-size:.8rem;white-space:nowrap}
.schedule-form{margin:0 0 18px;padding:20px;background:#f7f8fa;border:1px solid var(--line);border-radius:10px}.schedule-new .schedule-form{margin:0}
.schedule-form-main{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.6fr);gap:24px}.schedule-form-context,.schedule-form-fields{min-width:0}
.schedule-form fieldset{min-width:0;padding:0;border:0;margin:0 0 18px}.schedule-form legend{font-size:.9rem;font-weight:700;padding:0;margin-bottom:12px}.schedule-form label{font-size:.8rem;margin-bottom:0}
.schedule-time-fields{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(2,minmax(90px,1fr));gap:12px}.schedule-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.schedule-form .schedule-field-hint{font-size:.75rem;line-height:1.5;margin:9px 0 0}.schedule-form .schedule-squad-field{max-width:110px;margin-top:18px}
.schedule-form-actions{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:8px}.schedule-form-actions button{font-size:.85rem}.schedule-delete{margin-left:auto;color:var(--red)}
.schedule-activity-picker{margin-top:0;border:1px solid var(--line);border-radius:8px;background:white;padding:12px}.schedule-activity-picker>summary{cursor:pointer;font-size:.86rem;font-weight:700}.schedule-activity-picker>summary span{font-size:.75rem;color:var(--muted);font-weight:400}
.schedule-form .schedule-search{margin:14px 0 8px}.schedule-search input{font-size:.85rem}.schedule-activity-options{max-height:215px;overflow:auto;padding:0 3px}
.schedule-form .schedule-activity-options .check{align-items:flex-start;padding:7px 0;gap:8px;min-height:36px;font-weight:400}.schedule-activity-options .check input{flex-shrink:0;margin:1px 0 0}.schedule-activity-options .check span{font-size:.78rem;overflow-wrap:anywhere}.schedule-activity-options [hidden]{display:none!important}
.schedule-form .schedule-selection-status{font-size:.73rem;margin:8px 0 0;line-height:1.5}
.schedule-alignment{display:flex;align-items:center;justify-content:space-between;gap:24px}.schedule-alignment h3{margin:0 0 6px;font-size:1rem}.schedule-alignment p{font-size:.83rem}.schedule-alignment>a{flex-shrink:0;font-size:.83rem}
@media(max-width:1000px){.schedule-editor>summary{grid-template-columns:minmax(90px,1fr) minmax(110px,1fr) 60px;gap:12px}.schedule-validity{grid-column:1/3}.schedule-edit-label{grid-column:3}.schedule-form-main{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.schedule-intro{align-items:start;flex-direction:column;gap:12px}.schedule-group-heading{align-items:start;padding:14px;gap:8px}.schedule-group-heading h3{flex-wrap:wrap;font-size:.9rem}.schedule-group-heading>.muted{font-size:.7rem}.schedule-row{padding:0 12px;gap:10px;grid-template-columns:minmax(0,1fr)}.schedule-editor>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px;gap:12px;font-size:.8rem}.schedule-editor .schedule-validity{font-size:.75rem}.schedule-copy{justify-self:start;margin:0 0 14px;min-height:34px}.schedule-form{padding:14px}.schedule-time-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-time-fields>label:first-child{grid-column:1/-1}.schedule-form input,.schedule-form select{font-size:.9rem}.schedule-alignment{align-items:stretch;flex-direction:column;gap:16px}.schedule-form-actions{flex-wrap:wrap}.schedule-new>summary{font-size:.95rem}}

.schedule-filter-fields{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) auto;gap:14px;align-items:end}
.schedule-filter-fields label{margin:0;font-size:.8rem}.schedule-filter-fields button{font-size:.83rem}
.schedule-filters .schedule-results{margin:12px 0 0;font-size:.78rem}
[data-schedule-row][hidden],[data-schedule-group][hidden],[data-schedule-filter-empty][hidden]{display:none!important}
@media(max-width:760px){.schedule-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-filter-fields>label:first-child{grid-column:1/-1}.schedule-filter-fields>button{grid-column:1/-1}}

.schedule-alignment-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.schedule-alignment-actions .button{font-size:.83rem}
.vehicle-alignment-intro p{margin:0}.vehicle-alignment-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.vehicle-alignment-scope{grid-column:1/-1}
.vehicle-alignment-form .check{margin-top:2px}.vehicle-alignment-hint{font-size:.8rem;margin:0 0 18px}.vehicle-alignment-confirm{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.vehicle-alignment-preview td{font-size:.85rem}.vehicle-alignment-preview td:first-child{white-space:nowrap}.vehicle-alignment-preview small{font-size:.75rem;margin-top:4px}
@media(max-width:600px){.schedule-alignment-actions{flex-direction:column}.vehicle-alignment-selection{grid-template-columns:minmax(0,1fr);gap:0}.vehicle-alignment-form input[type=date]{appearance:none;min-width:0;width:100%}.vehicle-alignment-confirm button{width:100%}}

.duplicate-activity-warning{padding:18px;margin:16px 0;border:1px solid #dfb365;border-left:4px solid #b87916;border-radius:8px;background:#fff9ed;color:#614316}
.duplicate-activity-warning[hidden]{display:none!important}.duplicate-activity-warning h3{font-size:1rem;margin:0 0 8px}.duplicate-activity-warning p{font-size:.87rem;line-height:1.6;margin:0 0 14px}.duplicate-activity-warning .actions{align-items:center;gap:10px}.duplicate-activity-warning button,.duplicate-activity-warning .button{font-size:.8rem}

/* Assegnazioni modificabili nella tabella desktop. */
.roster .person-edit{position:relative;background:#edf5fc;border:1px solid #d0e1ef;border-radius:6px;padding:6px 27px 6px 7px;margin:2px 0;min-height:34px;color:#225887}
.roster .person-edit:hover{background:#edf5fc;text-decoration:none}
.roster .assignment-edit-icon{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#6286a4;pointer-events:none}

.column-panel .column-edit-highlight{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.8rem}
.roster.plain-edit-view .person-edit{background:transparent;border-color:transparent;padding-right:7px}
.roster.plain-edit-view .assignment-edit-icon{display:none}
.roster .person-entry:is(.unassigned,.person-attention),.mobile-people .person-entry:is(.unassigned,.person-attention){background:#fff8e0;border-color:#ecd69a;color:#805b13;border-radius:6px}

/* Stato registrato: distinto dal giallo dei posti ancora da assegnare. */
.roster tbody tr.roster-uncovered>td{background:#fff5f3}
.roster .person-entry.uncovered-person,.mobile-people .person-entry.uncovered-person{background:#ffebe8;border-color:#edb9b0;color:#8f3028}
.uncovered-status{display:inline-block;margin-top:5px;padding:3px 7px;border:1px solid #edb9b0;border-radius:6px;background:#ffebe8;color:#8f3028;font-size:.7rem;font-weight:700;white-space:normal}
.roster .uncovered-mark{color:#8f3028;font-size:.67rem;margin-top:3px}
.mobile-shift.mobile-uncovered{border-left:4px solid #c96356;background:#fff8f6}.mobile-shift-meta .uncovered-status{color:#8f3028}
.shift-actions .uncovered-action{color:#a24b3d;border-color:#e4bfb8}

.roster .activity-code .uncovered-status{display:table;margin-top:5px}

.shift-actions .restore-uncovered-action{color:#347357;border-color:#b3d4c1}

/* Selezione multipla delle assegnazioni, riservata agli amministratori. */
.assignment-item{display:flex;align-items:center;gap:6px;min-width:0}.assignment-item>.person-entry{flex:1;min-width:0}.assignment-item.bulk-selected{outline:2px solid #3d7fab;outline-offset:1px;border-radius:7px}
.bulk-choice,.bulk-row-choice{display:flex;align-items:center;justify-content:center;margin:0;min-height:40px;flex:none;cursor:pointer}
.bulk-choice{width:24px}.bulk-choice input,.bulk-row-choice input{width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:var(--red)}
.bulk-toolbar[hidden],.bulk-choice[hidden],.bulk-row-choice[hidden],.bulk-toolbar [hidden],.bulk-dialog [hidden]{display:none!important}
.bulk-selection-mode{padding-bottom:120px}.bulk-selection-mode .shift-actions>a{opacity:.4;pointer-events:none}
.bulk-toolbar{position:fixed;z-index:35;bottom:18px;left:50%;transform:translateX(-50%);width:min(960px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding:16px 20px;background:#fff;border:1px solid #bdcddd;border-radius:12px;box-shadow:0 6px 28px #17233826}
.bulk-toolbar strong{font-size:.9rem}.bulk-toolbar small{max-width:400px;font-size:.72rem;margin-top:3px}.bulk-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.bulk-toolbar button{font-size:.8rem;padding:9px 12px}.bulk-toolbar .error{width:100%;margin:0;font-size:.8rem}
.bulk-dialog{width:min(1050px,calc(100vw - 28px));max-width:none}.bulk-dialog-body{padding:20px}.bulk-dialog-body>.muted{font-size:.82rem}.bulk-preview-table{max-height:48vh;overflow:auto}.bulk-preview-table th{position:sticky;top:0;z-index:1}.bulk-preview-table td{font-size:.8rem;min-width:110px}.bulk-preview-table td:nth-child(4){min-width:190px}
.bulk-confirm{margin:18px 0}.bulk-dialog .actions{align-items:center;gap:10px}.bulk-dialog .actions button{font-size:.83rem}
@media(max-width:600px){.bulk-toolbar{bottom:10px;padding:12px;gap:10px}.bulk-toolbar-actions{width:100%}.bulk-toolbar-actions>button:first-child{flex:1}.bulk-toolbar small{font-size:.67rem}.bulk-dialog-body{padding:14px}.bulk-dialog .dialog-heading h2{font-size:1rem}.bulk-dialog .actions>button{flex:1 1 100%}.bulk-selection-mode{padding-bottom:170px}}

.assignment-person-card{border:1px solid #cbd5e1;border-radius:12px;padding:16px;margin:12px 0;background:#f8fafc}.assignment-person-card .member-picker{margin-top:12px}.assignment-person-card>label{display:block;margin-top:12px}

.assignment-person-card.has-error{border:2px solid var(--red);background:#fff0f1}

.person-card-heading{display:flex;align-items:center;gap:8px}
.person-card-toggle{flex:1;min-width:0;justify-content:space-between;text-align:left;border:0;background:transparent;padding:4px;color:var(--ink)}
.person-card-toggle>span{min-width:0;overflow-wrap:anywhere}
.person-card-toggle [data-card-title],.person-card-toggle [data-card-summary]{display:block}
.person-card-toggle [data-card-summary]{font-size:1rem;font-weight:700;color:var(--ink)}
.person-card-toggle [data-card-title]{font-size:.8rem;font-weight:400;color:var(--muted);margin-top:2px}
.person-card-chevron{width:20px;height:20px;flex:none;transition:transform .15s}
.person-card-toggle[aria-expanded="false"] .person-card-chevron{transform:rotate(-90deg)}
.person-card-actions{display:flex;gap:4px;flex:none}
.person-card-icon{width:44px;height:44px;min-width:44px;padding:10px}
.person-card-icon svg{width:20px;height:20px}
[data-person-body][hidden]{display:none}
@media(max-width:480px){.assignment-person-card{padding:10px}.person-card-heading{gap:4px}}

.person-card-toggle .person-card-avatar,.member-selection .person-card-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;overflow:hidden;border-radius:50%;background:#e8edf3;color:var(--muted)}
.person-card-avatar>svg{width:30px;height:30px}
.person-card-avatar>img{position:absolute;inset:0;width:48px;height:48px;object-fit:cover;border-radius:50%;background:var(--surface)}
.person-card-avatar>img[hidden]{display:none}
.person-card-toggle .person-card-identity{flex:1;min-width:0}
.person-card-toggle{gap:10px}
.person-add-row{display:flex;justify-content:flex-end;margin-top:4px}
.person-add-button.secondary{width:auto;height:auto;min-height:44px;padding:8px 12px;font-size:.88rem;box-shadow:none;background:#fff;color:#265878;border:1px solid #d5dfe8;border-radius:6px}
.person-add-button.secondary:hover{background:#e9f2fb;color:#265878;border-color:#93b4d1}
.person-add-button svg{width:21px;height:21px;flex:none}

.member-selection-identity{flex:1;min-width:0;overflow-wrap:anywhere}

.calendar-person-filter{position:relative;flex:1 1 250px;min-width:0;max-width:380px}
.calendar-person-filter>label{margin-bottom:6px}
.calendar-person-search{display:flex;gap:6px}
.calendar-person-search input{min-width:0}
.calendar-person-search button{width:44px;padding:6px;flex:none}
.calendar-person-filter .member-results:not(:vuoto){position:absolute;top:76px;left:0;right:0;z-index:5;background:white;border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 4px 12px #18233420}
.calendar-person-filter [role=status]{margin:6px 0 0;font-size:.75rem;font-weight:400}
@media(max-width:700px){.calendar-person-filter{max-width:none;flex-basis:100%}}

/* Filtri calendario: periodo, criteri e comandi su righe distinte. */
.calendar-filters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"month from to" "activity squad person" "scope scope controls";align-items:start;gap:16px 20px;margin:0}
.calendar-filters>label,.calendar-filters>.activity-filter,.calendar-filters>.calendar-person-filter,.calendar-filters>.shift-scope,.calendar-filters>.filter-actions{grid-column:auto;margin:0;min-width:0;max-width:none}
.calendar-filters>label:nth-child(1){grid-area:month}
.calendar-filters>label:nth-child(2){grid-area:from}
.calendar-filters>label:nth-child(3){grid-area:to}
.calendar-filters>.activity-filter{grid-area:activity}
.calendar-filters>.squad-filter{grid-area:squad}
.calendar-filters>.calendar-person-filter{grid-area:person}
.calendar-filters .filter-label,.calendar-person-filter>label{display:block;font-size:.88rem;font-weight:600;margin:0 0 6px}
.calendar-filters .activity-picker>summary{min-height:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-filters>.shift-scope{grid-area:scope;display:flex;flex-wrap:wrap;align-items:center;align-self:center;gap:8px 20px;padding-top:12px}
.calendar-filters .shift-scope .check{font-size:.82rem;min-height:32px}
.calendar-filters>.filter-actions{grid-area:controls;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px}
.calendar-filters .filter-actions>*{width:auto;font-size:.85rem;padding:10px 14px}
.calendar-person-filter .member-results:not(:vuoto){top:74px}
.calendar-person-filter [role=status]:vuoto{display:none}
@media(max-width:1000px){.calendar-filters{grid-template-areas:"month from to" "activity squad person" "scope scope scope" "controls controls controls"}.calendar-filters>.shift-scope,.calendar-filters>.filter-actions{padding-top:0}}
@media(max-width:700px){.calendar-filters{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"month month" "from to" "activity squad" "person person" "scope scope" "controls controls";gap:14px 12px}.calendar-filters .filter-actions>*{flex:1}.calendar-filters>.shift-scope{gap:6px 16px}}
@media(max-width:420px){.calendar-filters{grid-template-areas:"month month" "from to" "activity activity" "squad squad" "person person" "scope scope" "controls controls"}}

.calendar-filter-panel{display:block}
.calendar-filter-disclosure{border:0;padding:0;margin:0;width:100%}
.calendar-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:0;color:var(--ink)}
.calendar-filter-heading::-webkit-details-marker{display:none}
.calendar-filter-heading-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.calendar-filter-heading-text>strong{font-size:1rem}
.calendar-filter-overview{font-size:.85rem;color:var(--muted)}
.calendar-filter-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.calendar-filter-tags>span{padding:3px 9px;border-radius:6px;background:#f0f3f7;color:#425168;font-size:.76rem;overflow-wrap:anywhere}
.calendar-filter-toggle-label{display:flex;align-items:center;gap:8px;font-size:.83rem;font-weight:600;color:#265878;flex:none}
.calendar-filter-toggle-label svg{width:20px;height:20px;transition:transform .15s}
.calendar-filter-disclosure[open]>.calendar-filter-heading .calendar-filter-toggle-label svg{transform:rotate(180deg)}
.filter-hide-label{display:none}
.calendar-filter-disclosure[open] .filter-show-label{display:none}
.calendar-filter-disclosure[open] .filter-hide-label{display:inline}
.calendar-filter-disclosure>.calendar-filters{border-top:1px solid var(--line);padding-top:20px;margin-top:18px}
.calendar-filter-pending{font-size:.76rem;color:#8b570b}
.calendar-filter-pending[hidden]{display:none}
/* Casermaggio: estensioni centralizzate della base grafica TurnApp. */
.intestazione-socio{display:flex;align-items:center;gap:18px;margin-bottom:24px}.intestazione-socio img{object-fit:cover;border-radius:8px;border:1px solid var(--line)}.intestazione-socio strong{font-size:1.15rem}
.panoramica{margin-bottom:28px}.indicatore{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);margin:0;border-top:4px solid var(--red)}.indicatore>strong{font-size:2.6rem;line-height:1.2;color:var(--red)}.indicatore>span{font-size:.9rem}.indicatore:hover{border-color:var(--red);box-shadow:0 4px 18px #202c3c0c}.pannello-elenco{padding:6px 24px}.riga-elenco{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);margin:0}.riga-elenco:last-child{border-bottom:0}.riga-elenco small{margin-top:5px}.riga-elenco .inline{margin:0}.vuoto{text-align:center;padding:38px 20px;color:var(--muted)}.vuoto h2{color:var(--ink)}.state-firmata{color:#875a0d;background:#fff3d7}.state-trasferita{color:#1b654d;background:#e4f5ed}.state-trasferimento{color:#8b182c;background:#fff0f2}.passaggi{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.passaggi span{font-size:.8rem;padding:8px 12px;border-radius:7px;background:#e8edf3;color:var(--muted)}.passaggi .current{background:#f0e0e4;color:var(--red)}.riga-materiale{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);align-items:start;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.riga-materiale:last-child{border-bottom:0}.campi-materiale{display:grid;grid-template-columns:100px 110px minmax(120px,1fr);gap:12px}.campi-materiale label{margin:0}.campi-materiale .actions{margin:0;grid-column:1/-1;justify-content:flex-end}.riquadro-firma{max-width:800px;margin-bottom:24px}.riquadro-firma canvas{display:block;width:100%;height:auto;aspect-ratio:10/3;border:1px dashed #aebaca;border-radius:9px;touch-action:none;background:#fff;margin:10px 0}.riquadro-firma small{margin-top:10px}.firma-salvata{width:min(100%,400px);height:120px;object-fit:contain;object-position:left;margin-bottom:20px;border:1px solid var(--line)}.scheda-richiesta{padding:24px 0;border-top:1px solid var(--line)}.scheda-richiesta h2{margin:0}.scheda-richiesta p{margin-top:14px}.panel>form+form{margin-top:20px}.toolbar{margin-bottom:20px}.toolbar h2{margin:0}nav a[aria-current=page]{text-decoration-thickness:3px}
@media(max-width:800px){.riga-materiale{grid-template-columns:1fr;gap:14px}.brand .brand-name{font-size:1.15rem}header nav{gap:14px;font-size:.85rem}}
@media(max-width:600px){.campi-materiale{grid-template-columns:1fr 1fr}.campi-materiale>label:nth-child(3){grid-column:1/-1}.riga-elenco{align-items:flex-start;flex-wrap:wrap;gap:12px}.riga-elenco>form,.riga-elenco>.inline{width:100%}.riga-elenco button{width:100%}.panoramica{margin-top:12px}.indicatore{padding:20px}.indicatore>strong{font-size:2rem}.passaggi{gap:6px}.passaggi span{font-size:.72rem;padding:7px}.inline>label{flex:1 1 100%}body>header nav{justify-content:flex-start;gap:12px 18px}.riquadro-firma canvas{aspect-ratio:5/2}.form-grid{gap:0}.campi-materiale .actions button{flex:1}.pannello-elenco{padding:0 18px}}
@media(max-width:600px){.calendar-filter-heading{align-items:flex-start;gap:12px}.calendar-filter-toggle-label{font-size:.75rem}.calendar-filter-toggle-label svg{width:16px}.calendar-filter-tags>span{font-size:.72rem}.calendar-filter-overview{font-size:.78rem}}