:root{--page:#07101d;--panel:#101c2c;--panel2:#0a1422;--line:rgba(168,195,226,.2);--text:#f5f8fc;--muted:#9eafc4;--blue:#3f77b8;--blue2:#234b7c;--gold:#e7ba50;--red:#ed626e;--green:#51c995;--cyan:#39c4c1}*{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 0,rgba(50,99,157,.28),transparent 30%),linear-gradient(180deg,#08111f,#050c15);font-family:"Segoe UI",Inter,system-ui,sans-serif}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}h1,h2,p{margin-top:0}.ticket-shell{width:min(1840px,calc(100% - 28px));margin:auto;padding:18px 0 50px}.ticket-header,.ticket-kpis,.filter-panel,.panel{border:1px solid var(--line);border-radius:15px;background:rgba(14,25,40,.96);box-shadow:0 20px 56px rgba(0,0,0,.28)}.ticket-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:linear-gradient(120deg,rgba(38,79,128,.58),rgba(15,27,43,.98) 48%,rgba(35,39,51,.98))}.ticket-header h1{margin-bottom:4px;font-size:clamp(34px,3.5vw,54px);letter-spacing:-.045em}.ticket-header p:last-child{margin-bottom:0;color:#d3deea}.eyebrow{margin:0 0 5px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.header-actions,.detail-badges,.event-actions,.dialog-actions{display:flex;align-items:center;gap:9px}.primary-button,.secondary-button,.icon-button{min-height:42px;border-radius:10px;padding:10px 15px;color:#fff;font-weight:850}.primary-button{border:1px solid rgba(152,202,255,.35);background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:inset 0 1px rgba(255,255,255,.2)}.secondary-button{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035))}.preview-pill{border:1px solid rgba(231,186,80,.35);border-radius:999px;padding:7px 10px;color:#f4d98f;background:rgba(231,186,80,.1);font-size:11px;font-weight:900}.ticket-kpis{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;overflow:hidden}.ticket-kpis article{display:grid;gap:4px;padding:18px 20px;border-right:1px solid var(--line)}.ticket-kpis article:last-child{border:0}.ticket-kpis span,.ticket-kpis small{color:var(--muted)}.ticket-kpis strong{font-size:30px}.filter-panel{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(130px,1fr)) auto auto;gap:10px;margin-top:12px;padding:14px}.filter-panel label,.management-bar label,.form-grid label{display:grid;gap:6px;color:#cdd8e5;font-size:12px;font-weight:800}.filter-panel button{align-self:end}.ticket-workspace{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(620px,2fr);gap:12px;margin-top:12px}.panel{overflow:hidden}.queue-panel,.detail-panel{min-height:690px}.panel-heading,.detail-heading,.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-heading h2,.detail-heading h2{margin-bottom:3px}.panel-heading>strong{align-self:center;border-radius:999px;padding:7px 11px;background:#2e619b}.queue-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;border-bottom:1px solid var(--line)}.queue-tabs button{border:0;border-radius:7px;padding:9px 5px;color:var(--muted);background:transparent;font-size:11px;font-weight:800}.queue-tabs button.active{color:#fff;background:rgba(63,119,184,.28)}.ticket-list{max-height:615px;overflow:auto}.ticket-card{width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 16px;color:var(--text);background:transparent;text-align:left}.ticket-card:hover,.ticket-card.active{background:linear-gradient(90deg,rgba(63,119,184,.29),rgba(63,119,184,.06))}.ticket-card-top{display:flex;justify-content:space-between;gap:10px;color:#badcff;font-size:11px;font-weight:900}.ticket-card strong{display:block;margin-top:8px}.ticket-card-client,.ticket-card-meta{display:block;margin-top:5px;color:var(--muted);font-size:12px}.ticket-card-flags{display:flex;gap:6px;margin-top:9px}.mini-badge,.priority-badge,.status-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:#dcecff;background:rgba(63,119,184,.13);font-size:10px;font-weight:900}.mini-badge.urgent,.priority-badge.urgente{border-color:rgba(237,98,110,.48);color:#ffbdc3;background:rgba(237,98,110,.13)}.mini-badge.overdue{border-color:rgba(237,98,110,.48);color:#ffbdc3}.empty-detail{display:grid;place-content:center;gap:7px;min-height:680px;color:var(--muted);text-align:center}.empty-detail strong{color:var(--text);font-size:24px}.detail-heading p:last-child{margin:5px 0 0;color:var(--muted)}.detail-badges{align-self:center}.ticket-facts{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.ticket-facts article{padding:13px 16px;border-right:1px solid var(--line)}.ticket-facts article:last-child{border:0}.ticket-facts span,.ticket-facts strong{display:block}.ticket-facts span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.ticket-facts strong{margin-top:5px;font-size:13px}.management-bar{display:grid;grid-template-columns:1.1fr 1.25fr .9fr 1.1fr auto;gap:9px;padding:13px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}input,select,textarea{width:100%;border:1px solid rgba(168,195,226,.2);border-radius:8px;padding:10px 11px;color:var(--text);background:#06111e;outline:0}input:focus,select:focus,textarea:focus{border-color:#5389c7;box-shadow:0 0 0 3px rgba(63,119,184,.16)}textarea{resize:vertical}.timeline{display:flex;min-height:310px;max-height:390px;overflow-y:auto;flex-direction:column;gap:12px;padding:18px;background:rgba(3,9,16,.42)}.timeline-event{position:relative;margin-left:17px;border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:#142237}.timeline-event:before{position:absolute;top:16px;left:-24px;width:10px;height:10px;border:3px solid #16283e;border-radius:50%;content:"";background:#5a91d0}.timeline-event.internal{border-color:rgba(231,186,80,.32);background:rgba(91,72,25,.2)}.timeline-event.internal:before{background:var(--gold)}.timeline-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--muted);font-size:11px}.timeline-event p{margin:0;white-space:pre-wrap}.timeline-tag{margin-top:8px;color:#b9d5f4;font-size:10px;font-weight:900;text-transform:uppercase}.event-form{padding:15px 18px;border-top:1px solid var(--line)}.event-mode{display:flex;gap:20px;margin-bottom:10px}.event-mode label,.close-check{display:flex!important;align-items:center;gap:8px}.event-mode input,.close-check input{width:auto}.event-actions{justify-content:flex-end;margin-top:9px}.event-actions span{margin-right:auto;color:var(--muted)}dialog{width:min(820px,calc(100% - 28px));border:1px solid var(--line);border-radius:16px;padding:0;color:var(--text);background:#0d1827;box-shadow:0 35px 100px rgba(0,0,0,.67)}dialog::backdrop{background:rgba(2,7,13,.8);backdrop-filter:blur(5px)}.dialog-card.compact{max-width:620px}.dialog-heading h2{margin-bottom:0}.icon-button{min-width:42px;border:1px solid var(--line);padding:4px;background:rgba(255,255,255,.06);font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.form-grid .wide{grid-column:1/-1}.form-status{min-height:22px;margin:0 20px 10px;color:var(--muted)}.dialog-actions{justify-content:flex-end;padding:0 20px 20px}.empty-state{padding:34px 18px;color:var(--muted);text-align:center}@media(max-width:1350px){.filter-panel{grid-template-columns:repeat(4,1fr)}.ticket-kpis{grid-template-columns:repeat(3,1fr)}.ticket-kpis article{border-bottom:1px solid var(--line)}.management-bar{grid-template-columns:repeat(2,1fr)}.management-bar button{grid-column:1/-1}}@media(max-width:850px){.ticket-shell{width:calc(100% - 16px);padding-top:8px}.ticket-header,.header-actions{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.ticket-header .secondary-button{width:100%;text-align:center}.ticket-kpis,.filter-panel,.ticket-workspace,.ticket-facts,.management-bar,.form-grid{grid-template-columns:1fr}.filter-panel .wide,.form-grid .wide{grid-column:auto}.queue-panel,.detail-panel{min-height:0}.ticket-list{max-height:360px}.empty-detail{min-height:350px}.ticket-facts article{border-right:0;border-bottom:1px solid var(--line)}.event-actions{align-items:stretch;flex-direction:column}.event-actions span{margin:0}.dialog-actions{align-items:stretch;flex-direction:column}.dialog-actions button{width:100%}}
/* Mantiene i comandi dell'intestazione lontani dal logo istituzionale fisso. */
.ticket-header{padding-right:166px}
.header-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1350px){.ticket-header{padding-right:150px}}
@media(max-width:850px){.ticket-header{padding-right:24px}}

/* Ticket: i decori istituzionali restano dietro all'interfaccia e non attraversano i contenuti. */
body[data-studio-module="ticket"]::after {
  z-index: 0 !important;
  opacity: .28 !important;
}

.ticket-shell {
  position: relative;
  z-index: 2;
  isolation: isolate;
}

.ticket-header,
.ticket-kpis,
.filter-panel,
.panel {
  background: #0e1928 !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.filter-panel {
  grid-template-columns: minmax(280px,2fr) repeat(5,minmax(130px,1fr)) auto auto;
  background: #0d1928 !important;
}

.filter-panel label,
.management-bar label,
.form-grid label {
  color: #d9e3ee;
}

.ticket-workspace {
  grid-template-columns: minmax(390px,.82fr) minmax(0,1.8fr);
  gap: 14px;
  margin-top: 14px;
  align-items: start;
}

.panel { background: #0d1928 !important; }

.queue-tabs {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
  padding: 9px;
  background: #091524;
}

.queue-tabs button {
  min-width: 0;
  border: 1px solid rgba(177,198,225,.16) !important;
  border-radius: 8px;
  padding: 10px 7px;
  color: #d1dbe8 !important;
  background: #122239 !important;
  box-shadow: none !important;
  white-space: normal;
}

.queue-tabs button:hover { background: #193455 !important; }

.queue-tabs button.active {
  border-color: rgba(177,205,239,.62) !important;
  color: #fff !important;
  background: linear-gradient(145deg,#396da9,#1c426f) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18) !important;
}

.ticket-list { background: #091421; }

.ticket-card {
  padding: 16px 18px;
  border-bottom: 1px solid rgba(174,196,222,.18) !important;
  color: #f7f9fc !important;
  background: #0d1a2a !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.ticket-card:nth-child(even) { background: #101f31 !important; }
.ticket-card:hover { background: #162d49 !important; }

.ticket-card.active {
  background: linear-gradient(135deg,#28578d,#173b67) !important;
  box-shadow: inset 4px 0 0 #89b4e4 !important;
}

.ticket-card-client,
.ticket-card-meta { color: #c0ccda; }

.ticket-card-top { color: #d5e8ff; }

@media(max-width:1350px) {
  .filter-panel { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .ticket-workspace { grid-template-columns: minmax(340px,.9fr) minmax(0,1.6fr); }
}

@media(max-width:850px) {
  .filter-panel,
  .ticket-workspace { grid-template-columns: 1fr; }
  .queue-tabs { grid-template-columns: 1fr; }
}
/* Intestazione Ticket coordinata con il Cruscotto di controllo: logo e archi blu/argento. */
body[data-studio-module="ticket"]::before{background:linear-gradient(rgba(205,214,226,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(205,214,226,.022) 1px,transparent 1px)!important;background-size:46px 46px,46px 46px!important;mask-image:none}
body[data-studio-module="ticket"]::after{opacity:.14!important}
.ticket-header{position:relative;isolation:isolate;overflow:hidden;min-height:230px;padding:26px 34px!important;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.10),transparent 24%),linear-gradient(124deg,#172c49 0%,#0d1929 52%,#07111e 100%)!important}
.ticket-header::before,.ticket-header::after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}
.ticket-header::before{right:-175px;top:-245px;width:520px;height:520px;border:22px solid #173f73;box-shadow:0 0 0 5px rgba(225,230,237,.86),0 0 0 33px rgba(9,35,67,.92),0 0 0 39px rgba(204,212,223,.52),inset 12px 15px 24px rgba(255,255,255,.10),0 22px 55px rgba(0,0,0,.45);opacity:.9}
.ticket-header::after{left:-120px;bottom:-205px;width:310px;height:310px;border:17px solid #163d6c;box-shadow:0 0 0 5px rgba(220,225,232,.72),0 0 0 28px rgba(15,42,75,.74);opacity:.72}
.ticket-title-block,.header-actions{position:relative;z-index:1}.ticket-title-block{max-width:820px}
.ticket-brand{display:flex;align-items:center;gap:13px;margin-bottom:19px}.ticket-brand img{width:66px;height:66px;border:2px solid #d8dee7;border-radius:50%;object-fit:cover;box-shadow:0 9px 20px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.32)}
.ticket-brand strong,.ticket-brand small{display:block;text-transform:uppercase}.ticket-brand strong{font-size:17px;letter-spacing:.09em}.ticket-brand small{margin-top:4px;color:#aeb9c9;font-size:9px;letter-spacing:.24em}
@media(max-width:850px){.ticket-header{min-height:0;padding:22px!important}.ticket-header::before{right:-235px;top:-300px;opacity:.5}.ticket-header::after{display:none}.ticket-brand img{width:56px;height:56px}}