/* Scoped production guard for layouts that must remain usable even if the generated Vite CSS is delayed or stale. */

/* Dashboard intervention summary: keep columns separated and readable. */
.ticket-table{padding:0 18px 18px!important;min-width:0!important;overflow-x:auto!important}
.ticket-table .tr{display:grid!important;grid-template-columns:110px minmax(180px,1.4fr) minmax(120px,1fr) minmax(90px,1fr) minmax(120px,.8fr) minmax(140px,1.3fr)!important;gap:14px!important;align-items:center!important;padding:13px 8px!important;border-top:1px solid #eef2f7!important;font-size:14px!important;min-width:760px!important}
.ticket-table .tr.head{border-top:0!important;color:#64748b!important;font-weight:800!important;font-size:12px!important}
.ticket-table .tr>span{display:block!important;min-width:0!important;overflow-wrap:anywhere!important}
.ticket-table .cell-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#475569!important}

/* Dati studio: preserve the intended two-column form and spacing. */
.panel>.studio-form{padding:22px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.panel>.studio-form>label{display:grid!important;gap:7px!important;min-width:0!important;font-size:12px!important;font-weight:800!important;color:#475569!important}
.panel>.studio-form>label.wide{grid-column:1/-1!important}
.panel>.studio-form>.form-message,.panel>.studio-form>.form-actions{grid-column:1/-1!important}
.panel>.studio-form>.form-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding-top:2px!important}
.panel>.studio-form input:not([type="checkbox"]):not([type="radio"]){width:100%!important;min-width:0!important;height:44px!important;box-sizing:border-box!important}
.panel>.studio-form .field-hint{margin-top:5px!important}

@media(max-width:1100px){
  .ticket-table .tr{grid-template-columns:90px minmax(180px,1.4fr) minmax(120px,1fr) minmax(90px,1fr)!important;min-width:620px!important}
  .ticket-table .tr>span:nth-child(5),.ticket-table .tr>span:nth-child(6){display:none!important}
}
@media(max-width:820px){
  .panel>.studio-form{grid-template-columns:1fr!important;padding:18px!important}
  .panel>.studio-form>label.wide,.panel>.studio-form>.form-message,.panel>.studio-form>.form-actions{grid-column:1!important}
}
@media(max-width:560px){
  .ticket-table .tr{grid-template-columns:minmax(110px,.8fr) minmax(180px,1.2fr)!important;min-width:360px!important}
  .ticket-table .tr>span:nth-child(n+3){display:none!important}
}