/* Focus on the selected ticket, with compact alternatives and dropdown navigation. */
body.signed-in .topbar .brand{visibility:visible}body.signed-in .topbar{justify-content:space-between}.workspace-shell{display:block}.workspace-content{max-width:1350px;margin:0 auto;padding:30px}.workspace-banner{display:none}.page-heading{margin-bottom:22px}.page-heading h1{font-size:28px}.ticket-statistics{gap:14px;margin-bottom:24px}.stat-card{padding:17px 22px}.stat-card strong{font-size:30px}.stat-card small{font-size:10px}.ticket-filters{padding:18px 20px;background:white;border:1px solid #e4ebf0;border-radius:14px;gap:20px}.ticket-filters label{font-size:12px;margin:0;white-space:nowrap}#ticket-queues{display:flex;flex-direction:row;align-items:center;gap:12px;overflow:visible;max-width:100%;margin:0}#ticket-queues select{min-width:220px;max-width:100%;font-size:12px}.ticket-filters select{min-width:190px}.ticket-filters>.muted{display:none}.ticket-layout{grid-template-columns:255px minmax(0,1fr);gap:26px;align-items:start}.ticket-sidebar{position:sticky;top:18px;min-width:0}.sidebar-heading{padding:0 0 14px}.sidebar-heading h2{font-size:13px}#ticket-list{display:flex;flex-direction:column;gap:10px;max-height:66vh;overflow-y:auto;padding:3px}.ticket-item{padding:14px;border:1px solid #e1e4ef;margin:0;box-shadow:none;border-radius:12px}.ticket-item.selected{border-color:#659fce;background:#f4faff;box-shadow:inset -3px 0 #176eb5}.ticket-item strong{font-size:12px;line-height:1.9;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-subject{display:block;font-size:10px;color:#788098;line-height:1.8;margin-bottom:10px;overflow-wrap:anywhere}.ticket-item .badges{gap:4px}.ticket-item .badge{font-size:9px;padding:4px 6px}.ticket-number{margin:6px 0!important}.detail{padding:30px 34px;border-radius:18px;min-height:520px;box-shadow:0 8px 30px #124b7b04}.detail-heading{flex-direction:row;justify-content:space-between;gap:18px}.detail-heading h2{font-size:23px;line-height:1.9;margin-bottom:8px;overflow-wrap:anywhere}.detail-heading>.badges{max-width:180px;flex-shrink:0}.ticket-subject{font-size:14px;color:#69728a;line-height:1.8;margin:0}.detail .info-block{padding:20px}.detail .info-block p{font-size:14px}.detail .ticket-description{font-size:14px}.detail .chat-message{max-width:82%}.detail .chat-message p{font-size:14px}.detail .chat-meta{font-size:10px}.detail .sales-section .form-grid{grid-template-columns:2fr 1fr}#customer-profile-dialog p{margin-top:16px;font-size:12px}.heading-actions{flex-wrap:wrap}.heading-actions button{font-size:12px}
@media(max-width:1000px){.workspace-content{padding:25px 20px}.ticket-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}.detail{padding:24px}.detail-heading{flex-direction:column}.ticket-filters{gap:14px;flex-wrap:wrap}#ticket-queues select{min-width:180px}.ticket-filters select{min-width:160px}.heading-actions{width:auto}}
@media(max-width:650px){.workspace-content{padding:24px 16px}.ticket-layout{grid-template-columns:1fr;gap:18px}.ticket-sidebar{position:static}.ticket-statistics{gap:8px}.stat-card{padding:14px 11px}.stat-card strong{font-size:27px}.stat-card small{display:none}.ticket-filters{padding:16px;gap:14px}#ticket-queues{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px}#ticket-queues select{min-width:0;width:100%}.ticket-filters>div{width:100%}.ticket-filters select{width:100%;min-width:0}.ticket-filters label{margin-bottom:8px}.ticket-sidebar #ticket-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:4px 3px 10px;scroll-snap-type:x proximity}.ticket-item{flex:0 0 230px;scroll-snap-align:start;min-height:140px}.ticket-item strong{font-size:13px}.ticket-item .badge{font-size:9px}.sidebar-heading{padding-bottom:10px}.detail{padding:23px;min-height:360px}.detail-heading h2{font-size:22px}.ticket-subject{font-size:13px}.detail .chat-message{max-width:95%}.detail .chat-message p{font-size:13px}.detail .sales-section .form-grid{grid-template-columns:1fr}.heading-actions{width:100%;gap:8px}.page-heading h1{font-size:26px}}

.ticket-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px}.ticket-search label{margin:0;font-size:12px}.ticket-search input{flex:1;min-width:260px;font-size:13px}.ticket-search button{font-size:12px}.ticket-search .muted{width:100%;font-size:11px;margin-inline-start:95px}@media(max-width:650px){.ticket-search{gap:9px}.ticket-search label{width:100%}.ticket-search input{min-width:0;flex-basis:100%}.ticket-search .muted{margin-inline-start:0}}