.tw-ticket-view-switch{display:flex;gap:.45rem;flex-wrap:wrap;margin:1rem 0}
.tw-ticket-view-switch button{border:1px solid var(--tw-line);border-radius:999px;background:#fff;color:var(--tw-green);padding:.65rem 1rem;font-weight:800;cursor:pointer}
.tw-ticket-view-switch button.active{background:var(--tw-green);color:#fff}
.tw-ticket-create{margin:1rem 0}
.tw-ticket-create>summary,.tw-ticket-update>summary,.tw-ticket-templates>summary,.tw-ticket-history>summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer}
.tw-ticket-create>form{margin-top:1rem}
.tw-ticket-section{display:grid;gap:.8rem;margin-top:1.2rem}
.tw-ticket-section>h3{margin-bottom:0}
.tw-ticket-worklist{display:grid;gap:1rem;margin-top:1rem}
.tw-ticket-v31{display:grid;gap:.8rem}
.tw-ticket-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.tw-ticket-heading h3{margin:.25rem 0}
.tw-ticket-heading p{margin:0}
.tw-ticket-age{display:inline-flex;margin:.35rem 0 0;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:900}
.tw-ticket-age.is-stale{background:#fff1d6;color:#8a4d00}
.tw-ticket-age.is-overdue{background:#fde1df;color:#a02f2f}
.tw-ticket-status-in-progress{border-left:5px solid #307895}
.tw-ticket-status-resolved{border-left:5px solid #4d735f}
.tw-ticket-status-closed{opacity:.82}
.tw-ticket-facts{display:flex;gap:.5rem;flex-wrap:wrap}
.tw-ticket-facts span{border-radius:999px;background:var(--tw-cream);padding:.4rem .65rem;font-size:.82rem;font-weight:750}
.tw-ticket-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.tw-ticket-actions form{display:inline-flex;align-items:center;gap:.35rem}
.tw-ticket-actions .tw-form-status{display:none}
.tw-ticket-update{border-top:1px solid var(--tw-line);padding-top:.7rem}
.tw-ticket-update>div{margin-top:.8rem}
.tw-ticket-assignment{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,2fr);gap:1rem;align-items:end;padding:1rem;border:2px solid var(--tw-leaf);border-radius:14px;background:#eef4ef}
.tw-ticket-assignment.is-required{border-color:#c7791d;background:#fff4df}
.tw-ticket-assignment>div{display:grid;gap:.25rem;align-self:start}
.tw-ticket-assignment>div strong{font-size:1.05rem;color:var(--tw-green)}
.tw-ticket-assignment>div span{color:#596963;font-size:.86rem}
.tw-ticket-assignment form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:.65rem;align-items:end}
.tw-ticket-assignment .tw-form-status{display:none}
.tw-ticket-management{border:2px solid var(--tw-green);border-radius:14px;padding:.85rem 1rem;background:var(--tw-cream)}
.tw-ticket-management>summary{color:var(--tw-green);font-weight:800}
.tw-ticket-reassign>form{margin-top:.8rem;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:.65rem;align-items:end}.tw-ticket-reassign .tw-form-status{display:none}
.tw-ticket-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;border:1px solid var(--tw-line);border-radius:14px;padding:1rem}
.tw-ticket-photos legend{font-weight:800;padding:0 .35rem}
.tw-ticket-photos small{grid-column:1/-1}
.tw-ticket-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}
.tw-ticket-photo-grid a{display:grid;gap:.25rem;color:var(--tw-green);font-size:.75rem;font-weight:750;text-decoration:none}
.tw-ticket-photo-grid img{width:100%;height:100px;object-fit:cover;border-radius:10px;border:1px solid var(--tw-line)}
.tw-ticket-template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;margin-top:1rem}
.tw-ticket-history{margin-top:1rem}
.tw-event-community_holiday{border-left-color:#b23a48;background:#fbeaec}
.tw-event-office_closed{border-left-color:#86621f;background:#fff5dd}

@media(max-width:820px){
  .tw-ticket-heading{flex-direction:column}
  .tw-ticket-photos{grid-template-columns:1fr}
  .tw-ticket-photos small{grid-column:auto}
  .tw-ticket-update .tw-grid-2,.tw-ticket-update .tw-grid-3{grid-template-columns:1fr}
  .tw-ticket-create>summary,.tw-ticket-update>summary,.tw-ticket-templates>summary,.tw-ticket-history>summary{flex-direction:column}
  .tw-ticket-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tw-ticket-assignment,.tw-ticket-assignment form{grid-template-columns:1fr}
  .tw-ticket-reassign>form{grid-template-columns:1fr}
}