/* Governed Admin Tickets surface. Scoped to .tickets-x to avoid other routes. */
.tickets-x{--tx-accent:#2563eb;--tx-accent-soft:#eff6ff;--tx-good:#047857;--tx-warn:#a16207;--tx-danger:#b91c1c;display:grid;gap:16px;min-width:0}
.tickets-x *{box-sizing:border-box}
.tickets-x__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--border,#dbe3ee);border-radius:16px;background:linear-gradient(135deg,var(--panel,#fff),var(--panel-2,#f7f9fc));box-shadow:0 8px 28px rgba(15,23,42,.06)}
.tickets-x__hero h2{margin:0;font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.025em}
.tickets-x__hero p{margin:6px 0 0;color:var(--text-dim,#64748b);max-width:68ch}
.tickets-x__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.tickets-x__tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin;overscroll-behavior-inline:contain}
.tickets-x__tab{white-space:nowrap;border:1px solid var(--border,#dbe3ee);background:var(--panel,#fff);color:var(--text,#0f172a);border-radius:999px;padding:8px 12px;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.tickets-x__tab[aria-selected="true"]{background:var(--tx-accent);border-color:var(--tx-accent);color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.22)}
.tickets-x__tab-count{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-inline-start:5px;padding:0 6px;border-radius:999px;background:rgba(100,116,139,.15);font-size:.72rem}
.tickets-x__tab[aria-selected="true"] .tickets-x__tab-count{background:rgba(255,255,255,.22)}
.tickets-x__filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)) auto;gap:10px;padding:14px;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:var(--panel,#fff)}
.tickets-x input,.tickets-x select,.tickets-x textarea{width:100%;border:1px solid var(--border,#cbd5e1);border-radius:9px;background:var(--bg-2,#fff);color:var(--text,#0f172a);font:inherit;padding:9px 11px}
.tickets-x textarea{resize:vertical;line-height:1.5}
.tickets-x input:focus-visible,.tickets-x select:focus-visible,.tickets-x textarea:focus-visible,.tickets-x button:focus-visible,.tickets-x a:focus-visible{outline:3px solid rgba(37,99,235,.32);outline-offset:2px}
.tickets-x__summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--text-dim,#64748b);font-size:.86rem}
.tickets-x__summary strong{color:var(--text,#0f172a)}
.tickets-x__bulk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:12px;background:var(--tx-accent-soft);color:#1e3a8a}
.tickets-x__bulk-spacer{flex:1}
.tickets-x__select-all{padding:10px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a;text-align:center;font-size:.86rem}
.tickets-x__select-all button{border:0;background:transparent;color:#1d4ed8;text-decoration:underline;font:inherit;font-weight:800;cursor:pointer}
.tickets-x__list{display:grid;gap:10px}
.tickets-x__card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:var(--panel,#fff);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.tickets-x__card:hover{border-color:#93c5fd;box-shadow:0 8px 20px rgba(15,23,42,.07);transform:translateY(-1px)}
.tickets-x__card-main{min-width:0;color:inherit;text-decoration:none}
.tickets-x__subject{display:block;font-weight:800;overflow-wrap:anywhere}
.tickets-x__meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px;color:var(--text-dim,#64748b);font-size:.78rem}
.tickets-x__pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.tickets-x__pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--panel-2,#eef2f7);color:var(--text-dim,#475569);font-size:.72rem;font-weight:800;text-transform:capitalize}
.tickets-x__pill--urgent{background:#fee2e2;color:#991b1b}.tickets-x__pill--high{background:#ffedd5;color:#9a3412}.tickets-x__pill--open{background:#dbeafe;color:#1e40af}.tickets-x__pill--resolved,.tickets-x__pill--closed{background:#d1fae5;color:#065f46}.tickets-x__pill--archived{background:#e2e8f0;color:#475569}
.tickets-x__card-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:340px}
.tickets-x__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--border,#cbd5e1);border-radius:9px;background:var(--panel,#fff);color:var(--text,#0f172a);padding:7px 11px;font:inherit;font-size:.82rem;font-weight:750;text-decoration:none;cursor:pointer}
.tickets-x__btn:hover{background:var(--panel-2,#f1f5f9)}
.tickets-x__btn--primary{background:var(--tx-accent);border-color:var(--tx-accent);color:#fff}.tickets-x__btn--primary:hover{background:#1d4ed8}
.tickets-x__btn--warn{color:#92400e;border-color:#fcd34d;background:#fffbeb}.tickets-x__btn--danger{color:#991b1b;border-color:#fecaca;background:#fff1f2}
.tickets-x__btn[disabled]{cursor:not-allowed;opacity:.55}
.tickets-x__pager{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:4px}
.tickets-x__empty,.tickets-x__loading,.tickets-x__error{padding:34px 20px;border:1px dashed var(--border,#cbd5e1);border-radius:14px;background:var(--panel,#fff);text-align:center;color:var(--text-dim,#64748b)}
.tickets-x__error{border-style:solid;border-color:#fecaca;background:#fff1f2;color:#991b1b}
.tickets-x__detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;align-items:start}
.tickets-x__panel{padding:18px;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:var(--panel,#fff);min-width:0}
.tickets-x__panel h3{margin:0 0 13px;font-size:1rem}
.tickets-x__toolbar{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;margin-top:14px}
.tickets-x__field label{display:block;margin-bottom:5px;color:var(--text-dim,#64748b);font-size:.76rem;font-weight:800}
.tickets-x__conversation{display:grid;gap:12px;max-height:52vh;overflow:auto;padding:3px}
.tickets-x__message{max-width:82%;padding:12px 14px;border-radius:13px 13px 13px 4px;background:var(--panel-2,#f1f5f9);overflow-wrap:anywhere}
.tickets-x__message--staff{justify-self:end;border-radius:13px 13px 4px 13px;background:#dbeafe;color:#172554}
.tickets-x__message--note{justify-self:stretch;max-width:none;border:1px dashed #f59e0b;background:#fffbeb;color:#713f12}
.tickets-x__message-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:.72rem;font-weight:800;opacity:.8}
.tickets-x__message-body{white-space:pre-wrap;line-height:1.5}
.tickets-x__composer{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border,#e2e8f0)}
.tickets-x__composer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.tickets-x__checkbox{display:inline-flex;align-items:center;gap:7px;font-size:.82rem}.tickets-x__checkbox input{width:auto}
.tickets-x__attachments,.tickets-x__audit{display:grid;gap:8px}
.tickets-x__attachment,.tickets-x__audit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--border,#e2e8f0);border-radius:10px}
.tickets-x__audit-row{grid-template-columns:1fr}.tickets-x__audit-row small{color:var(--text-dim,#64748b)}
.tickets-x__aside{display:grid;gap:16px}
.tickets-x__modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.68)}
.tickets-x__modal{width:min(620px,100%);max-height:min(88vh,780px);overflow:auto;border:1px solid var(--border,#dbe3ee);border-radius:16px;background:var(--panel,#fff);box-shadow:0 24px 70px rgba(15,23,42,.35)}
.tickets-x__modal-head,.tickets-x__modal-foot{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border,#e2e8f0)}
.tickets-x__modal-head h3{flex:1;margin:0}.tickets-x__modal-body{display:grid;gap:13px;padding:18px}.tickets-x__modal-foot{justify-content:flex-end;border-top:1px solid var(--border,#e2e8f0);border-bottom:0}
.tickets-x__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="dark"] .tickets-x{--tx-accent:#60a5fa;--tx-accent-soft:#172554;--tx-good:#6ee7b7;--tx-warn:#fde68a;--tx-danger:#fca5a5}
html[data-theme="dark"] .tickets-x__tab[aria-selected="true"],html[data-theme="dark"] .tickets-x__btn--primary{background:#2563eb;color:#fff}
html[data-theme="dark"] .tickets-x__bulk,html[data-theme="dark"] .tickets-x__select-all{background:#172554;border-color:#1e40af;color:#bfdbfe}
html[data-theme="dark"] .tickets-x__select-all button{color:#93c5fd}
html[data-theme="dark"] .tickets-x__pill--urgent{background:#450a0a;color:#fecaca}html[data-theme="dark"] .tickets-x__pill--high{background:#431407;color:#fed7aa}html[data-theme="dark"] .tickets-x__pill--open{background:#172554;color:#bfdbfe}html[data-theme="dark"] .tickets-x__pill--resolved,html[data-theme="dark"] .tickets-x__pill--closed{background:#052e16;color:#a7f3d0}
html[data-theme="dark"] .tickets-x__message--staff{background:#172554;color:#dbeafe}html[data-theme="dark"] .tickets-x__message--note{background:#422006;color:#fef3c7}
html[dir="rtl"] .tickets-x__message{border-radius:13px 13px 4px 13px}html[dir="rtl"] .tickets-x__message--staff{border-radius:13px 13px 13px 4px}
@media(max-width:980px){.tickets-x__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.tickets-x__filters .tickets-x__search{grid-column:1/-1}.tickets-x__detail-grid{grid-template-columns:1fr}.tickets-x__aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.tickets-x__hero{padding:17px;flex-direction:column}.tickets-x__actions{width:100%;justify-content:stretch}.tickets-x__actions .tickets-x__btn{flex:1}.tickets-x__filters{grid-template-columns:1fr}.tickets-x__filters .tickets-x__search{grid-column:auto}.tickets-x__card{grid-template-columns:auto minmax(0,1fr)}.tickets-x__card-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}.tickets-x__toolbar{grid-template-columns:1fr}.tickets-x__aside{grid-template-columns:1fr}.tickets-x__message{max-width:94%}.tickets-x__bulk-spacer{display:none}.tickets-x__bulk{align-items:stretch}.tickets-x__bulk .tickets-x__btn{flex:1}.tickets-x__modal-backdrop{padding:8px;place-items:end center}.tickets-x__modal{max-height:94dvh;border-radius:16px 16px 0 0}}
@media(prefers-reduced-motion:reduce){.tickets-x__card{transition:none}}