#orotig-preview {
    --bg: #F4F6FB; --surface: #FFFFFF; --surface-2: #E9EDF6;
    --ink: #0B1330; --ink-muted: #4C5678; --ink-faint: #8089A6;
    --border: #DEE3EF; --border-strong: #C3CBE0;
    --accent: #1668C4; --accent-ink: #FFFFFF; --accent-bg: #E5F0FC;
    --ok: #1E7A4E; --ok-bg: #E4F4EA;
    --warn: #96690A; --warn-bg: #FBF0DA;
    --danger: #B23A2C; --danger-bg: #F8E5E1;
    --archived: #5B6478; --archived-bg: #EBEDF3;
    --focus: #1668C4; --radius-s: 6px; --radius-m: 10px;
    --shadow-panel: 0 1px 2px rgba(11,19,48,0.05), 0 8px 24px -12px rgba(11,19,48,0.16);
  }#orotig-preview * { box-sizing: border-box; }#orotig-preview, #orotig-preview { height: 100%; margin: 0; }#orotig-preview {
    background: var(--bg); color: var(--ink);
    font-family: "IBM Plex Sans", system-ui, sans-serif; font-size: 14px; line-height: 1.5;
  }#orotig-preview [hidden] { display: none !important; }#orotig-preview .mono { font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; }#orotig-preview button { font: inherit; }#orotig-preview .login-screen {
    min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px;
  }#orotig-preview .login-card {
    width: 100%; max-width: 360px; background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius-m); box-shadow: var(--shadow-panel); padding: 28px 26px;
  }#orotig-preview .login-card h1 { font-size: 17px; margin: 0 0 2px; }#orotig-preview .login-card .sub { color: var(--ink-faint); font-size: 12.5px; margin-bottom: 20px; }#orotig-preview .login-card label { display: block; font-size: 11px; color: var(--ink-muted); margin: 14px 0 5px; text-transform: uppercase; letter-spacing: .05em; }#orotig-preview .login-card input {
    width: 100%; border: 1px solid var(--border-strong); background: var(--surface-2); border-radius: var(--radius-s);
    padding: 8px 10px; font: inherit; color: var(--ink);
  }#orotig-preview .login-card input:focus { outline: 2px solid var(--focus); outline-offset: 1px; }#orotig-preview .login-card button {
    margin-top: 20px; width: 100%; padding: 9px; border-radius: var(--radius-s); border: 1px solid var(--accent);
    background: var(--accent); color: var(--accent-ink); font-weight: 600; 
  }#orotig-preview .login-error {
    margin-top: 12px; font-size: 12.5px; color: var(--danger); background: var(--danger-bg);
    border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border)); border-radius: var(--radius-s); padding: 8px 11px;
  }#orotig-preview .login-hint { margin-top: 16px; font-size: 11.5px; color: var(--ink-faint); }#orotig-preview .app { display: flex; flex-direction: column; height: 100vh; }#orotig-preview .topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
    padding: 12px 24px; background: var(--surface); border-bottom: 1px solid var(--border); }#orotig-preview .brand { display: flex; align-items: baseline; gap: 8px; margin-right: auto; }#orotig-preview .brand h1 { font-size: 15px; font-weight: 600; margin: 0; }#orotig-preview .brand .sub { color: var(--ink-faint); font-size: 12px; }#orotig-preview .stat-chips { display: flex; gap: 6px; flex-wrap: wrap; }#orotig-preview .stat-chip { display: flex; align-items: baseline; gap: 5px; padding: 4px 9px; border-radius: 999px;
    border: 1px solid var(--border); background: var(--surface-2); font-size: 11.5px; color: var(--ink-muted); white-space: nowrap; }#orotig-preview .stat-chip b { color: var(--ink); font-family: "IBM Plex Mono", monospace; font-size: 12.5px; }#orotig-preview .stat-chip.attn { border-color: color-mix(in srgb, var(--warn) 45%, var(--border)); background: var(--warn-bg); color: var(--warn); }#orotig-preview .stat-chip.attn b { color: var(--warn); }#orotig-preview .user-badge { display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 12px; background: var(--surface-2);
    border: 1px solid var(--border); border-radius: 999px; font-size: 12.5px; }#orotig-preview .user-badge .ruolo { color: var(--ink-faint); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }#orotig-preview .user-badge button { border: none; background: var(--surface); color: var(--ink-muted); border-radius: 999px;
    padding: 5px 11px;  border: 1px solid var(--border-strong); }#orotig-preview .user-badge button:hover { color: var(--ink); }#orotig-preview .view-tabs { display: flex; gap: 4px; padding: 10px 20px 0; }#orotig-preview .view-tab { border: none; background: transparent; color: var(--ink-faint); padding: 8px 4px; font-size: 13px;
    font-weight: 500;  border-bottom: 2px solid transparent; display: flex; align-items: center; gap: 6px; }#orotig-preview .view-tab .count { font-family: "IBM Plex Mono", monospace; font-size: 11px; background: var(--surface-2);
    border: 1px solid var(--border); border-radius: 999px; padding: 1px 6px; color: var(--ink-muted); }#orotig-preview .view-tab[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--accent); }#orotig-preview .view-tab[aria-selected="true"] .count { color: var(--accent); }#orotig-preview .view-tab:hover { color: var(--ink); }#orotig-preview .layout { flex: 1; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(340px, 1fr); gap: 0; min-height: 0; }@media (max-width: 860px) {#orotig-preview .layout { grid-template-columns: 1fr; } }#orotig-preview .list-pane { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--border); }#orotig-preview .toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 20px 10px; }#orotig-preview .search { flex: 1; min-width: 160px; display: flex; align-items: center; gap: 8px; background: var(--surface);
    border: 1px solid var(--border); border-radius: var(--radius-s); padding: 7px 10px; color: var(--ink-faint); }#orotig-preview .search input { border: none; background: transparent; outline: none; color: var(--ink); font: inherit; width: 100%; }#orotig-preview .filters { display: flex; gap: 6px; flex-wrap: wrap; padding: 0 20px 12px; }#orotig-preview .filter-pill { border: 1px solid var(--border); background: var(--surface); color: var(--ink-muted); padding: 5px 11px;
    border-radius: 999px; font-size: 12px;  }#orotig-preview .filter-pill[aria-pressed="true"] { border-color: var(--border-strong); background: var(--surface-2); color: var(--ink); font-weight: 500; }#orotig-preview .table-scroll { flex: 1; overflow: auto; padding: 0 8px 16px; }#orotig-preview table { width: 100%; border-collapse: collapse; min-width: 760px; }#orotig-preview thead th { position: sticky; top: 0; background: var(--bg); text-align: left; font-size: 10.5px; text-transform: uppercase;
    letter-spacing: 0.06em; color: var(--ink-faint); font-weight: 600; padding: 8px 12px; border-bottom: 1px solid var(--border); }#orotig-preview tbody tr {  border-bottom: 1px solid var(--border); }#orotig-preview tbody tr:hover { background: var(--surface-2); }#orotig-preview tbody tr[aria-selected="true"] { background: var(--accent-bg); }#orotig-preview tbody td { padding: 10px 12px; vertical-align: top; color: var(--ink); }#orotig-preview td.desc { max-width: 260px; }#orotig-preview td .muted { color: var(--ink-faint); }#orotig-preview td.num { text-align: right; font-family: "IBM Plex Mono", monospace; white-space: nowrap; }#orotig-preview td.entrata-riserva { color: var(--warn); font-weight: 500; }#orotig-preview .pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; font-size: 11px;
    font-weight: 600; letter-spacing: 0.02em; white-space: nowrap; }#orotig-preview .pill.stato-vendibile { background: var(--ok-bg); color: var(--ok); }#orotig-preview .pill.stato-da_controllare { background: var(--warn-bg); color: var(--warn); }#orotig-preview .pill.stato-riservata { background: var(--warn-bg); color: var(--warn); }#orotig-preview .pill.stato-venduta { background: var(--archived-bg); color: var(--archived); }#orotig-preview .pill.stato-in_attesa { background: var(--warn-bg); color: var(--warn); }#orotig-preview .pill.stato-approvata { background: var(--ok-bg); color: var(--ok); }#orotig-preview .pill.stato-rifiutata { background: var(--danger-bg); color: var(--danger); }#orotig-preview .pill.stato-incompleta { background: var(--danger-bg); color: var(--danger); }#orotig-preview .btn-new { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: var(--radius-s);
    background: var(--accent); color: var(--accent-ink); border: 1px solid var(--accent); font-size: 12.5px;
    font-weight: 600;  white-space: nowrap; }#orotig-preview .btn-new:hover { filter: brightness(1.08); }#orotig-preview .btn-new:disabled { opacity: .45; cursor: not-allowed; }#orotig-preview .btn-new.alt { background: var(--surface-2); color: var(--ink); border: 1px solid var(--border-strong); }#orotig-preview .btn-new.alt:hover { filter: none; background: var(--surface); border-color: var(--accent); }#orotig-preview .btn-new.ghost { background: transparent; color: var(--ink-muted); border: 1px dashed var(--border-strong); }#orotig-preview .btn-new.ghost:hover { filter: none; color: var(--ink); border-color: var(--ink-muted); background: var(--surface-2); }#orotig-preview .btn-new.ghost .count { background: var(--surface-2); color: var(--ink-muted); border-radius: 999px; padding: 1px 7px; font-size: 11px; margin-left: 2px; }#orotig-preview .detail-pane { min-width: 0; overflow: auto; background: var(--surface); }#orotig-preview .detail-inner { padding: 20px 22px 40px; }#orotig-preview .detail-empty { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
    color: var(--ink-faint); font-size: 13px; text-align: center; padding: 40px; gap: 14px; }#orotig-preview .detail-head { margin-bottom: 4px; }#orotig-preview .detail-head .eyebrow { font-size: 11px; color: var(--ink-faint); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px; }#orotig-preview .detail-head h2 { font-size: 17px; margin: 0 0 6px; }#orotig-preview .detail-head .meta-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }#orotig-preview .serial-tag { font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--ink-muted); background: var(--surface-2);
    border: 1px solid var(--border); padding: 2px 8px; border-radius: var(--radius-s); }#orotig-preview .origin-box { border: 1px solid var(--border); border-radius: var(--radius-m); background: var(--surface-2);
    padding: 10px 14px; margin-bottom: 16px; font-size: 12.5px; color: var(--ink-muted); }#orotig-preview .origin-box .origin-head { font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); margin-bottom: 6px; }#orotig-preview .origin-box b { color: var(--ink); }#orotig-preview .origin-box .ddt-chip { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; background: var(--surface);
    border: 1px solid var(--border); border-radius: var(--radius-s); padding: 3px 8px; font-family: "IBM Plex Mono", monospace; font-size: 11.5px; }#orotig-preview .accessori-section { border: 1px solid var(--border); border-radius: var(--radius-m); margin-bottom: 14px; padding: 11px 14px; background: var(--surface); }#orotig-preview .accessori-section .accessori-head { font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); margin-bottom: 8px; }#orotig-preview .accessori-row { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }#orotig-preview .accessorio-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; padding: 3px 9px 3px 10px;
    border-radius: 999px; background: var(--surface-2); border: 1px dashed var(--border-strong); color: var(--ink-muted); }#orotig-preview .accessorio-chip button { border: none; background: none; color: var(--ink-faint);  padding: 0; display: flex; }#orotig-preview .accessorio-chip button:hover { color: var(--danger); }#orotig-preview .accessori-empty { font-size: 12.5px; color: var(--ink-faint); font-style: italic; margin-bottom: 8px; }#orotig-preview .accessori-add { display: flex; gap: 6px; }#orotig-preview .accessori-add input { flex: 1; border: 1px solid var(--border-strong); background: var(--surface-2); border-radius: var(--radius-s);
    padding: 6px 9px; color: var(--ink); font: inherit; font-size: 12.5px; }#orotig-preview .field-group { border: 1px solid var(--border); border-radius: var(--radius-m); margin-bottom: 14px; overflow: hidden; }#orotig-preview .field-group-head { display: flex; align-items: center; gap: 8px; padding: 9px 14px; font-size: 11.5px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--border); }#orotig-preview .field-group-head .swatch { width: 8px; height: 8px; border-radius: 2px; flex: none; }#orotig-preview .field-group.service .field-group-head { background: #E9F5EE; color: #256B47; }#orotig-preview .field-group.sales .field-group-head { background: #ECE9F9; color: #55499A; }#orotig-preview .field-group.service .field-group-head .swatch { background: #256B47; }#orotig-preview .field-group.sales .field-group-head .swatch { background: #55499A; }#orotig-preview .field-group-head .hint { margin-left: auto; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--ink-faint); font-size: 11px; }#orotig-preview .field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border); }@media (max-width: 480px) {#orotig-preview .field-grid { grid-template-columns: 1fr; } }#orotig-preview .field { background: var(--surface); padding: 9px 14px 10px; }#orotig-preview .field label { display: flex; align-items: center; gap: 5px; font-size: 10.5px; color: var(--ink-faint);
    text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; }#orotig-preview .field input, #orotig-preview .field textarea, #orotig-preview .field select { width: 100%; border: 1px solid transparent; background: transparent;
    color: var(--ink); font: inherit; padding: 3px 0; border-radius: 4px; }#orotig-preview .field textarea { resize: vertical; min-height: 36px; font-family: inherit; }#orotig-preview .field.editable input, #orotig-preview .field.editable textarea, #orotig-preview .field.editable select { border-bottom: 1px solid var(--border-strong);
    padding: 3px 4px; background: var(--surface-2); border-radius: 4px; }#orotig-preview .field.editable input:focus, #orotig-preview .field.editable textarea:focus, #orotig-preview .field.editable select:focus { outline: 2px solid var(--focus);
    outline-offset: 1px; background: var(--surface); }#orotig-preview .field.locked input, #orotig-preview .field.locked textarea, #orotig-preview .field.locked select { color: var(--ink-muted); cursor: not-allowed; }#orotig-preview .field.dirty label { color: var(--warn); }#orotig-preview .field.dirty label::after { content: "\25cf"; font-size: 7px; color: var(--warn); }#orotig-preview .field.dirty.editable input, #orotig-preview .field.dirty.editable textarea, #orotig-preview .field.dirty.editable select { border-color: var(--warn); background: var(--warn-bg); }#orotig-preview .save-bar { position: sticky; bottom: 0; left: 0; right: 0; z-index: 5; margin-top: 16px; display: flex;
    align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: var(--surface);
    border: 1px solid var(--warn); border-radius: var(--radius-m); padding: 10px 14px; box-shadow: var(--shadow-panel); }#orotig-preview .save-bar .save-bar-msg { font-size: 12.5px; color: var(--warn); font-weight: 500; }#orotig-preview .danger-zone { margin-top: 22px; padding-top: 14px; border-top: 1px dashed var(--border-strong); }#orotig-preview .danger-zone .dz-head { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink-faint); margin-bottom: 8px; }#orotig-preview .danger-confirm { margin-top: 10px; padding: 12px 14px; background: var(--danger-bg);
    border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--border)); border-radius: var(--radius-m); }#orotig-preview .danger-confirm p { margin: 0 0 10px; font-size: 12.5px; color: var(--danger); }#orotig-preview .sell-confirm { margin-top: 10px; padding: 12px 14px; background: var(--warn-bg);
    border: 1px solid color-mix(in srgb, var(--warn) 45%, var(--border)); border-radius: var(--radius-m); }#orotig-preview .sell-confirm p { margin: 0 0 10px; font-size: 12.5px; color: var(--warn); }#orotig-preview .stato-select-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--border); background: var(--surface); }#orotig-preview .stato-select-row label { font-size: 10.5px; color: var(--ink-faint); text-transform: uppercase; letter-spacing: 0.05em; }#orotig-preview .stato-select-row select { border: 1px solid var(--border-strong); background: var(--surface-2); border-radius: var(--radius-s);
    padding: 6px 9px; color: var(--ink); font: inherit; font-size: 12.5px; }#orotig-preview .btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: var(--radius-s);
    font-size: 12.5px; font-weight: 500;  border: 1px solid var(--border-strong); background: var(--surface);
    color: var(--ink); white-space: nowrap; }#orotig-preview .btn:hover { background: var(--surface-2); }#orotig-preview .btn-ghost { background: var(--surface-2); }#orotig-preview .btn-primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }#orotig-preview .btn-primary:hover { filter: brightness(1.08); background: var(--accent); }#orotig-preview .btn-danger { background: transparent; color: var(--danger); border-color: color-mix(in srgb, var(--danger) 45%, var(--border-strong)); }#orotig-preview .btn-danger:hover { background: var(--danger-bg); }#orotig-preview .btn:disabled { opacity: .5; cursor: not-allowed; }#orotig-preview .photo-box, #orotig-preview .booking-box { border-top: 1px solid var(--border); padding: 12px 14px 14px; background: var(--surface); }#orotig-preview .photo-box-head, #orotig-preview .booking-box-head { display: flex; align-items: center; gap: 8px; font-size: 10.5px; text-transform: uppercase;
    letter-spacing: 0.05em; color: var(--ink-faint); margin-bottom: 9px; }#orotig-preview .photo-box-head .hint, #orotig-preview .booking-box-head .hint { margin-left: auto; text-transform: none; letter-spacing: 0; }#orotig-preview .booking-box-head .pill { margin-left: 6px; }#orotig-preview .photo-empty, #orotig-preview .booking-info { font-size: 12.5px; color: var(--ink-muted); margin-bottom: 10px; }#orotig-preview .booking-info.muted { color: var(--ink-faint); }#orotig-preview .photo-thumbs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }#orotig-preview .photo-thumb { width: 56px; height: 56px; border-radius: var(--radius-s); border: 1px solid var(--border);
    overflow: hidden; padding: 0;  background: var(--surface-2); }#orotig-preview .photo-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }#orotig-preview .photo-actions, #orotig-preview .booking-actions { display: flex; gap: 8px; flex-wrap: wrap; }#orotig-preview .booking-form { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 2px; }#orotig-preview .booking-input, #orotig-preview .req-input { flex: 1; min-width: 180px; border: 1px solid var(--border-strong); background: var(--surface-2);
    border-radius: var(--radius-s); padding: 7px 10px; color: var(--ink); font: inherit; }#orotig-preview .lightbox { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; background: rgba(4,8,20,0.8); padding: 24px; }#orotig-preview .lightbox-frame { position: relative; max-width: min(88vw, 900px); max-height: 86vh; display: flex; flex-direction: column; align-items: center; gap: 10px; }#orotig-preview .lightbox-frame img { max-width: 100%; max-height: 74vh; border-radius: var(--radius-m); box-shadow: var(--shadow-panel); display: block; }#orotig-preview .lightbox-close { position: absolute; top: -14px; right: -14px; width: 32px; height: 32px; border-radius: 50%;
    border: 1px solid var(--border); background: var(--surface); color: var(--ink); display: flex; align-items: center; justify-content: center;  }#orotig-preview .lightbox-nav { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--border); background: var(--surface);
    color: var(--ink); display: flex; align-items: center; justify-content: center;  flex: none; }#orotig-preview .lightbox-nav:disabled { opacity: .35; cursor: not-allowed; }#orotig-preview .lightbox-row { display: flex; align-items: center; gap: 14px; }#orotig-preview .lightbox-count { font-size: 12px; color: #fff; font-family: "IBM Plex Mono", monospace; }#orotig-preview .modal-overlay { position: fixed; inset: 0; z-index: 110; display: flex; align-items: flex-start; justify-content: center;
    background: rgba(4,8,20,0.55); padding: 5vh 20px; overflow-y: auto; }#orotig-preview .modal-frame { position: relative; width: 100%; max-width: 640px; background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius-m); box-shadow: var(--shadow-panel); padding: 26px 24px 22px; }#orotig-preview .modal-close { position: absolute; top: 14px; right: 14px; width: 28px; height: 28px; display: flex; align-items: center;
    justify-content: center; border-radius: 999px; border: 1px solid var(--border); background: var(--surface-2); color: var(--ink-muted);  }#orotig-preview .modal-close:hover { color: var(--ink); border-color: var(--border-strong); }#orotig-preview .toast { position: fixed; bottom: 22px; right: 22px; z-index: 120; max-width: 320px; background: var(--ink); color: var(--surface);
    font-size: 12.5px; font-weight: 500; padding: 10px 16px; border-radius: var(--radius-m); box-shadow: var(--shadow-panel);
    opacity: 0; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease; }#orotig-preview .toast.show { opacity: 1; transform: translateY(0); }#orotig-preview .toast.error { background: var(--danger); }#orotig-preview .req-hint { font-size: 12px; color: var(--ink-faint); margin: -6px 0 14px; }#orotig-preview .timeline { border: 1px solid var(--border); border-radius: var(--radius-m); padding: 4px 14px; }#orotig-preview .timeline h3 { font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); font-weight: 600; margin: 12px 0 2px; }#orotig-preview .t-item { display: flex; gap: 10px; padding: 9px 0; border-top: 1px solid var(--border); font-size: 12.5px; }#orotig-preview .t-item:first-of-type { border-top: none; }#orotig-preview .t-item .t-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ink-faint); margin-top: 6px; flex: none; }#orotig-preview .t-item .t-body { flex: 1; }#orotig-preview .t-item .t-when { color: var(--ink-faint); font-size: 11px; font-family: "IBM Plex Mono", monospace; }#orotig-preview .banner { display: flex; gap: 10px; align-items: flex-start; background: var(--accent-bg);
    border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); color: var(--ink); border-radius: var(--radius-m);
    padding: 10px 14px; font-size: 12.5px; margin-bottom: 16px; }#orotig-preview .banner.warn { background: var(--warn-bg); border-color: color-mix(in srgb, var(--warn) 40%, var(--border)); }#orotig-preview .banner b { color: var(--accent); }#orotig-preview .banner.warn b { color: var(--warn); }#orotig-preview .req-card { border: 1px solid var(--border); border-radius: var(--radius-m); padding: 12px 14px; margin: 0 12px 10px;
     background: var(--surface); }#orotig-preview .req-card:hover { background: var(--surface-2); }#orotig-preview .req-card[aria-selected="true"] { border-color: var(--accent); background: var(--accent-bg); }#orotig-preview .req-card .req-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; flex-wrap: wrap; }#orotig-preview .req-card .req-matricola { font-family: "IBM Plex Mono", monospace; font-size: 12.5px; font-weight: 600; }#orotig-preview .req-card .req-meta { font-size: 12px; color: var(--ink-muted); }#orotig-preview .req-card .req-date { margin-left: auto; font-size: 11px; color: var(--ink-faint); font-family: "IBM Plex Mono", monospace; }#orotig-preview .req-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }@media (max-width: 480px) {#orotig-preview .req-form-grid { grid-template-columns: 1fr; } }#orotig-preview .req-field { display: flex; flex-direction: column; gap: 5px; }#orotig-preview .req-field.full { grid-column: 1 / -1; }#orotig-preview .req-field label { font-size: 11px; color: var(--ink-muted); font-weight: 500; }#orotig-preview .req-field label .req { color: var(--danger); margin-left: 2px; }#orotig-preview .req-field textarea.req-input { min-height: 70px; font-family: inherit; resize: vertical; }#orotig-preview .req-file-row { display: flex; align-items: center; gap: 10px; border: 1px dashed var(--border-strong);
    border-radius: var(--radius-s); padding: 9px 11px; background: var(--surface-2); }#orotig-preview .req-file-row .file-label { flex: 1; font-size: 12.5px; color: var(--ink-muted); }#orotig-preview .req-file-row .file-label b { color: var(--ink); }#orotig-preview .req-approve-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; padding: 12px 14px;
    background: var(--ok-bg); border: 1px solid color-mix(in srgb, var(--ok) 40%, var(--border)); border-radius: var(--radius-m); }#orotig-preview .req-approve-row select { border: 1px solid var(--border-strong); background: var(--surface); border-radius: var(--radius-s);
    padding: 6px 9px; color: var(--ink); font: inherit; font-size: 12.5px; }#orotig-preview .req-reject-row { margin-top: 6px; padding: 12px 14px; background: var(--danger-bg);
    border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--border)); border-radius: var(--radius-m); }#orotig-preview .req-reject-row textarea { width: 100%; min-height: 56px; border: 1px solid var(--border-strong); background: var(--surface);
    border-radius: var(--radius-s); padding: 7px 9px; color: var(--ink); font: inherit; margin-bottom: 8px; resize: vertical; }#orotig-preview .req-motivo { font-size: 12.5px; color: var(--danger); background: var(--danger-bg);
    border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border)); border-radius: var(--radius-s); padding: 8px 11px; margin-top: 10px; }#orotig-preview .trash-list { display: flex; flex-direction: column; gap: 8px; max-height: 58vh; overflow: auto; }#orotig-preview .trash-empty { font-size: 12.5px; color: var(--ink-muted); padding: 10px 2px; }#orotig-preview .trash-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px;
    border: 1px solid var(--border); border-radius: var(--radius-s); background: var(--surface-2); }#orotig-preview .trash-item-info b { display: block; font-size: 13px; }#orotig-preview .trash-item-meta { color: var(--ink-muted); font-size: 11.5px; margin-top: 2px; }

#orotig-preview { position:relative; isolation:isolate; width:100%; height:auto; min-height:650px; color-scheme:light; border:1px solid var(--border); border-radius:10px; overflow:clip; }
#orotig-preview .app { height:auto; min-height:650px; }
#orotig-preview .topbar { position:relative; padding:14px 18px; gap:12px; }
#orotig-preview .brand h1::before { content:'OROTIG / '; color:var(--accent); }
#orotig-preview .stat-chips { order:3; width:100%; }
#orotig-preview .stat-chip { font-size:12px; }
#orotig-preview .brand .sub { color:var(--ink-muted); }
#orotig-preview .layout { grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr); align-items:start; }
#orotig-preview .table-scroll { max-height:600px; }
#orotig-preview .detail-pane { max-height:none; overflow:visible; min-width:0; }
#orotig-preview .user-badge { border-radius:8px; padding:5px 8px; }
#orotig-preview #userName,#orotig-preview #userRuolo { display:none; }
#orotig-preview #previewRole { font:inherit; color:var(--ink); background:var(--surface); border:1px solid var(--border-strong); padding:6px; border-radius:5px; }
#orotig-preview table { min-width:650px; }
#orotig-preview .modal-overlay,#orotig-preview .lightbox { position:absolute; inset:0; z-index:100; align-items:flex-start; padding-top:24px; overflow:visible; }
#orotig-preview .modal-frame { max-height:none; width:min(640px,calc(100% - 24px)); }
#orotig-preview .modal-body { max-height:none; overflow:visible; }
#orotig-preview .toast { position:absolute; top:65px; bottom:auto; z-index:150; max-width:90%; }
#orotig-preview button,#orotig-preview input,#orotig-preview select,#orotig-preview textarea { line-height:1.5; }
#orotig-preview h1,#orotig-preview h2,#orotig-preview h3 { color:var(--ink); }
#orotig-preview .detail-empty { padding:40px 22px; }
#orotig-preview a { color:var(--accent); }
#orotig-preview .row-open { display:block; text-align:left; border:0; background:transparent; color:inherit; padding:0; font:inherit; }
#orotig-preview button.req-card { display:block; width:100%; text-align:left; color:var(--ink); font:inherit; }
@media(max-width:760px) {
 #orotig-preview .layout { grid-template-columns:minmax(0,1fr); }
 #orotig-preview .table-scroll { max-height:300px; }
 #orotig-preview .detail-pane { border-top:1px solid var(--border); }
 #orotig-preview .toolbar { padding:12px; gap:8px; }
 #orotig-preview .topbar { padding:12px; }
 #orotig-preview .filters { padding:0 12px 12px; }
 #orotig-preview .brand { flex-basis:100%; }
 #orotig-preview .modal-overlay { padding-top:12px; }
 #orotig-preview .field-grid,#orotig-preview .req-form-grid { grid-template-columns:1fr; }
 #orotig-preview input,#orotig-preview textarea,#orotig-preview select { font-size:16px; }
}


#orotig-preview .brand { align-items:center; gap:10px; }
#orotig-preview .brand h1::before { content:none; }
#orotig-preview .brand h1 { font-size:22px; letter-spacing:-.5px; }
#orotig-preview .orotig-logo { width:58px; height:58px; object-fit:contain; flex-shrink:0; }
#orotig-preview .view-tabs { gap:18px; flex-wrap:wrap; }
#orotig-preview .archive-caption { padding:6px 0; color:var(--ink-muted); font-size:13px; }
@media(max-width:480px) { #orotig-preview .view-tabs { gap:12px; padding-left:12px; } #orotig-preview .view-tab { font-size:12px; } }
html,body { margin:0; padding:0; background:#f4f6fb; }
#orotig-preview { border:0; border-radius:0; overflow:visible; min-height:100dvh; }
#orotig-preview .app { min-height:100dvh; }
#orotig-preview .layout { grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr); }
#orotig-preview .table-scroll { max-height:calc(100dvh - 250px); }
#orotig-preview .detail-pane { max-height:calc(100dvh - 220px); overflow:auto; }
#orotig-preview .topbar { position:sticky; top:0; z-index:30; }
#orotig-preview #userRuolo { display:inline; color:var(--ink); }
#orotig-preview .modal-overlay,#orotig-preview .lightbox { position:fixed; inset:0; overflow:auto; padding:24px 12px; z-index:100; }
#orotig-preview .modal-frame { max-height:calc(100dvh - 48px); overflow:auto; }
#orotig-preview .modal-body { padding:24px; }
#orotig-preview .toast { position:fixed; top:16px; right:16px; bottom:auto; z-index:200; }
#orotig-preview .user-badge { flex-wrap:wrap; }
#orotig-preview .admin-field { display:flex; flex-direction:column; gap:5px; margin:14px 0; font-size:14px; }
#orotig-preview .admin-field input,#orotig-preview .admin-field select,#orotig-preview .admin-field textarea { padding:10px; border:1px solid var(--border-strong); border-radius:6px; font:inherit; color:var(--ink); background:var(--surface); width:100%; }
#orotig-preview .admin-check { display:flex; align-items:center; gap:8px; margin:14px 0; }
#orotig-preview .user-row { display:block; width:100%; padding:12px; margin:7px 0; text-align:left; background:var(--surface-2); border:1px solid var(--border); border-radius:6px; overflow-wrap:anywhere; }
#orotig-preview .admin-field textarea { min-height:100px; }
#orotig-preview #backList { display:none; }
#orotig-preview #setupError,#orotig-preview #accountError,#orotig-preview #passwordError,#orotig-preview #requestEditError { color:var(--danger); }
#orotig-preview .save-bar { flex-wrap:wrap; gap:8px; }
@media(max-width:760px) {
 #orotig-preview .layout { display:block; }
 #orotig-preview .topbar { position:relative; }
 #orotig-preview .brand { flex-basis:auto; }
 #orotig-preview .user-badge { width:100%; justify-content:flex-start; }
 #orotig-preview .view-tabs { gap:12px; padding:6px 12px; }
 #orotig-preview .view-tab { min-height:44px; }
 #orotig-preview .table-scroll { max-height:none; overflow:visible; padding:0 12px 20px; }
 #orotig-preview table,#orotig-preview tbody { display:block; width:100%; min-width:0; }
 #orotig-preview thead { display:none; }
 #orotig-preview tr { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--border); border-radius:10px; background:var(--surface); margin:10px 0; padding:10px; gap:4px; }
 #orotig-preview td { display:block; padding:6px; white-space:normal; min-width:0; overflow-wrap:anywhere; }
 #orotig-preview td:before { content:attr(data-label); display:block; font:500 11px system-ui; color:var(--ink-muted); margin-bottom:4px; }
 #orotig-preview td.desc { grid-column:1/-1; order:-1; font-size:16px; }
 #orotig-preview td.num { text-align:left; }
 #orotig-preview .detail-pane { display:none; max-height:none; overflow:visible; }
 #orotig-preview.detail-open .detail-pane { display:block; }
 #orotig-preview.detail-open .list-pane { display:none; }
 #orotig-preview.detail-open #backList { display:block; margin:12px; width:calc(100% - 24px); }
 #orotig-preview .detail-inner { padding:16px; }
 #orotig-preview .field-grid,#orotig-preview .req-form-grid { grid-template-columns:1fr; }
 #orotig-preview .modal-frame { width:100%; max-height:calc(100dvh - 24px); }
 #orotig-preview .modal-overlay { padding:12px; }
 #orotig-preview .modal-body { padding:20px 14px; }
 #orotig-preview input,#orotig-preview textarea,#orotig-preview select { font-size:16px!important; }
 #orotig-preview button,#orotig-preview .btn { min-height:44px; }
 #orotig-preview .booking-actions,#orotig-preview .req-file-row { flex-wrap:wrap; }
 #orotig-preview .req-card { overflow-wrap:anywhere; }
 #orotig-preview .login-screen { padding:16px; }
 #orotig-preview .stat-chips { gap:5px; }
}

#orotig-preview .sort-heading{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:inherit;font:inherit;font-weight:600;padding:8px 0;cursor:pointer;text-align:inherit;}
#orotig-preview .sort-heading:hover{color:#087daf;}
#orotig-preview .sort-heading:focus-visible{outline:2px solid #209bd7;outline-offset:3px;}
#orotig-preview th[aria-sort="ascending"],#orotig-preview th[aria-sort="descending"]{color:#00689b;}

#orotig-preview .pill.stato-valenza{background:#eee7ff;color:#6941a5;}
#orotig-preview .pill.stato-non_vendibile{background:#fee4e2;color:#b42318;}