:root { --ticket-ink:#172033; --ticket-muted:#667085; --ticket-line:#e5e9f0; --ticket-blue:#3867f2; --ticket-blue-dark:#2447b7; --ticket-bg:#f5f7fb; }
body.ticketing-page { background:radial-gradient(circle at 8% 0%,#e8efff 0,transparent 30%),radial-gradient(circle at 95% 18%,#e9f8f5 0,transparent 25%),var(--ticket-bg); color:var(--ticket-ink); }
.ticketing-shell { max-width:1180px; margin:0 auto; padding:28px 26px 60px; animation:ticket-fade-in .55s ease both; }
.ticketing-header { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
.ticketing-eyebrow { color:var(--ticket-blue); font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.ticketing-header h1 { margin:5px 0 7px; font-size:clamp(28px,4vw,42px); letter-spacing:-.04em; background:linear-gradient(100deg,#172033 20%,#3867f2 80%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ticketing-header p { margin:0; color:var(--ticket-muted); }
.ticketing-logo { width:44px; height:44px; border-radius:13px; object-fit:contain; background:#fff; padding:7px; box-shadow:0 8px 24px #17203312; }
.ticketing-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr); gap:20px; align-items:start; }
.ticket-card { background:#ffffffeb; backdrop-filter:blur(10px); border:1px solid #fff; border-radius:18px; padding:24px; box-shadow:0 12px 35px #1720330a; animation:ticket-rise .55s ease both; transition:transform .2s ease,box-shadow .2s ease; }
.ticket-card:hover { transform:translateY(-3px); box-shadow:0 18px 42px #17203316; }
.ticket-card h2 { margin:0 0 5px; font-size:20px; letter-spacing:-.02em; }
.ticket-card .ticket-help { color:var(--ticket-muted); font-size:13px; margin:0 0 20px; }
.ticket-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; justify-content:center; }
.ticket-form .full { grid-column:1/-1; }
.ticket-form label { display:grid; gap:7px; color:#344054; font-size:13px; font-weight:700; }
.ticket-form input,.ticket-form textarea,.ticket-form select,.reply-form textarea { width:100%; box-sizing:border-box; border:1px solid #d6dce7; border-radius:10px; padding:11px 12px; color:var(--ticket-ink); background:#fff; font:inherit; font-weight:400; transition:border .15s,box-shadow .15s; }
.ticket-form>label:not(.full){width:min(100%,220px);justify-self:center}.ticket-form label .ticket-help{margin:0;font-size:11px;line-height:1.3}
.ticket-form>label:not(.full){align-content:start}.ticket-form>label:not(.full) select{height:48px;min-height:48px}
.ticket-form input:focus,.ticket-form textarea:focus,.ticket-form select:focus,.reply-form textarea:focus { outline:none; border-color:var(--ticket-blue); box-shadow:0 0 0 3px #3867f21c; }
.ticket-actions { grid-column:1/-1; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.ticket-primary { border:0; border-radius:10px; background:var(--ticket-blue); color:#fff; padding:12px 18px; font-weight:800; cursor:pointer; box-shadow:0 7px 15px #3867f238; }
.ticket-primary:hover { background:var(--ticket-blue-dark); }
.ticket-status { color:var(--ticket-muted); font-size:13px; }
.ticket-list { display:grid; gap:10px; margin-top:16px; }
.ticket-item { border:1px solid var(--ticket-line); border-radius:12px; padding:15px; background:#fbfcfe; }
.ticket-item { animation:ticket-rise .35s ease both; transition:border-color .2s,background .2s,transform .2s; }
.ticket-item:hover { border-color:#b9c8f8; background:#f8faff; transform:translateX(3px); }
.ticket-item-top { display:flex; justify-content:space-between; gap:12px; align-items:start; }
.ticket-open { border:0; background:transparent; padding:0; color:var(--ticket-ink); font-weight:800; text-align:left; cursor:pointer; font-size:15px; }
.ticket-meta { display:flex; gap:7px; flex-wrap:wrap; margin-top:8px; color:var(--ticket-muted); font-size:12px; }
.ticket-pill { background:#eef2ff; color:#3453bd; border-radius:999px; padding:6px 10px; font-weight:900; font-size:11px; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; }
.ticket-empty { border:1px dashed #cbd3e1; border-radius:12px; padding:22px; color:var(--ticket-muted); text-align:center; }
.ticket-side { display:grid; gap:20px; }
.ticket-stat { display:flex; align-items:center; gap:13px; padding:13px 0; border-bottom:1px solid var(--ticket-line); }
.ticket-stat:last-child { border-bottom:0; padding-bottom:0; }
.ticket-stat-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:#edf2ff; color:var(--ticket-blue); font-weight:900; }
.ticket-stat strong { display:block; font-size:14px; }
.ticket-stat span { display:block; color:var(--ticket-muted); font-size:12px; margin-top:2px; }
.ticket-attachment { display:inline-flex; align-items:center; gap:7px; border:1px solid var(--ticket-line); border-radius:8px; padding:7px 9px; margin:5px 5px 0 0; color:#344054; font-size:12px; background:#fff; }
.ticket-attachment img { width:34px; height:28px; object-fit:cover; border-radius:4px; }
.ticket-detail { margin-top:14px; padding:14px; border-radius:10px; background:#f4f6fa; }
.reply-form { display:grid; gap:8px; margin-top:14px; }
.ticket-detail{position:relative;border:1px solid #d9dee8;box-shadow:0 6px 16px #1111110a}.ticket-detail h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #d9dee8;font-size:16px}.ticket-detail>p{margin:0 0 8px;padding:10px 11px;border-left:3px solid #111;border-radius:0 8px 8px 0;background:#fff;font-size:12px;line-height:1.45}.ticket-detail>.ticket-status{border:1px dashed #c9ced8;border-left:3px solid #999;background:#fff;color:#667085}.reply-form{margin-top:16px;padding-top:14px;border-top:1px solid #d9dee8}.reply-form::before{content:"Reply to submitter";display:block;color:#111;font-size:12px;font-weight:800}.reply-form textarea{min-height:82px;resize:vertical}.reply-form .ticket-primary{width:100%;padding:10px 14px}.reply-form .reply-status{min-height:16px;text-align:center}
.activity-filters { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin:18px 0; }
.activity-filters label { display:grid; gap:5px; color:#344054; font-size:12px; font-weight:700; }
.activity-filters input,.activity-filters select { border:1px solid #d6dce7; border-radius:9px; padding:9px; }
.activity-table-wrap { overflow:auto; margin-top:10px; }
.activity-table { width:100%; border-collapse:collapse; font-size:13px; }
.activity-table th,.activity-table td { text-align:left; padding:11px 10px; border-bottom:1px solid var(--ticket-line); white-space:nowrap; }
.activity-table th { color:var(--ticket-muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
@keyframes ticket-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes ticket-rise { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media (max-width:800px) { .ticketing-grid { grid-template-columns:1fr; } .ticket-form { grid-template-columns:1fr; } .ticketing-header { align-items:start; } }
.ticketing-page{--ticket-ink:#111;--ticket-muted:#666;--ticket-line:#ddd;--ticket-bg:#f3f3f3;background:#f3f3f3;color:#111}.ticketing-eyebrow{color:#555}.ticketing-header h1{background:none;color:#111}.ticket-card{background:#fff;border-color:#ddd;box-shadow:0 8px 24px #0000000b}.ticket-primary{background:#111;color:#fff;box-shadow:none}.ticket-primary:hover{background:#333}.ticket-form input:focus,.ticket-form textarea:focus,.ticket-form select:focus,.reply-form textarea:focus{border-color:#111;box-shadow:0 0 0 3px #1111}.ticket-pill,.ticket-stat-icon{background:#eee;color:#111}.ticket-item:hover{border-color:#999;background:#f5f5f5}.conversation-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.conversation-heading h2{margin-bottom:5px}.conversation-heading .ticket-help{margin-bottom:0}.conversation-live{border:1px solid #111;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.1em}.conversation-thread{display:grid;gap:10px;margin-top:18px}.conversation-ticket-label{padding-bottom:10px;border-bottom:1px solid #ddd;font-size:12px;font-weight:800}.conversation-message{padding:11px 12px;border-left:3px solid #111;background:#f5f5f5}.conversation-message div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.conversation-message time{color:#777;font-size:10px}.conversation-message p{margin:7px 0 0;color:#444;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-stat-icon{color:#111}
.ticket-item.is-expanded{border-color:#111;background:#f7f7f7}.ticket-detail-close{display:block;margin:0 0 12px auto;border:1px solid #999;border-radius:999px;padding:5px 9px;background:#fff;color:#444;font-size:11px;font-weight:800;cursor:pointer}.ticket-detail-close:hover{border-color:#111;background:#111;color:#fff}.ticket-detail{max-height:420px;overflow:auto}.ticket-detail h3{margin-top:0}.ticket-list{max-height:620px;overflow:auto;padding-right:3px}.ticket-list::-webkit-scrollbar,.ticket-detail::-webkit-scrollbar{width:7px}.ticket-list::-webkit-scrollbar-thumb,.ticket-detail::-webkit-scrollbar-thumb{background:#aaa;border-radius:9px}
.ticket-item{position:relative;margin-bottom:7px;border-bottom:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ticket-item::after{content:"";position:absolute;z-index:2;right:-1px;bottom:-7px;left:-1px;height:7px;background:#fbfcfe;clip-path:polygon(0 0,6% 100%,12% 0,18% 100%,24% 0,30% 100%,36% 0,42% 100%,48% 0,54% 100%,60% 0,66% 100%,72% 0,78% 100%,84% 0,90% 100%,96% 0,100% 100%,100% 100%,0 100%);filter:drop-shadow(0 1px 0 #d6dce7);pointer-events:none}.ticket-item:hover::after{background:#f8faff}
.ticket-item::after{bottom:-4px;height:4px;clip-path:polygon(0 0,10% 100%,20% 0,30% 100%,40% 0,50% 100%,60% 0,70% 100%,80% 0,90% 100%,100% 0,100% 100%,0 100%)}
.ticket-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:13px 0 4px;padding-top:7px;border-top:1px solid #e1e1e1}.ticket-progress-step{display:grid;justify-items:center;gap:4px;position:relative;color:#999;text-align:center}.ticket-progress-step::before{content:"";position:absolute;top:8px;right:50%;left:-50%;height:1px;background:#ddd}.ticket-progress-step:first-child::before{display:none}.ticket-progress-step b{position:relative;z-index:1;display:grid;place-items:center;width:16px;height:16px;border:1px solid #bbb;border-radius:50%;background:#fff;font-size:8px}.ticket-progress-step small{font-size:9px;line-height:1.1}.ticket-progress-step.is-complete,.ticket-progress-step.is-current{color:#111}.ticket-progress-step.is-complete::before{background:#111}.ticket-progress-step.is-complete b,.ticket-progress-step.is-current b{border-color:#111;background:#111;color:#fff}.ticket-progress-step.is-current small{font-weight:800}.attachment-preview{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:190px;padding:7px;border:1px solid #ddd;border-radius:8px;background:#fafafa}.attachment-preview img,.attachment-preview-pdf{grid-row:span 2;width:42px;height:38px;object-fit:cover;border-radius:5px}.attachment-preview-pdf{display:grid;place-items:center;background:#111;color:#fff;font-size:9px;font-weight:900}.attachment-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.attachment-preview small{color:#777;font-size:9px}.ticket-form #attachment-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.ticket-form>label:not(.full){align-content:start;width:100%;max-width:220px}.ticket-form>label:not(.full) select{height:48px;min-height:48px}
.requests-card{padding:20px}.requests-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.requests-heading .ticket-help{margin-bottom:0}.request-count{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:900}
.ticket-list{gap:8px;margin-top:14px}.ticket-item{padding:13px;margin-bottom:0}.ticket-item-title{min-width:0}.ticket-item-kicker{display:block;margin-bottom:4px;color:#777;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ticket-item .ticket-detail{display:none}.ticket-pill{border:1px solid #111;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.ticket-pill.status-submitted{background:#eee}.ticket-pill.status-open{background:#fff}.ticket-pill.status-in-progress{background:#d8d8d8}.ticket-pill.status-waiting-on-requester{background:#f6f6f6}.ticket-pill.status-resolved,.ticket-pill.status-closed{background:#111;color:#fff}.ticket-view-thread{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:11px;padding:8px 0 0;border:0;border-top:1px solid #e3e3e3;background:transparent;color:#222;cursor:pointer;font-size:11px;font-weight:800;text-align:left}.ticket-view-thread:hover{color:#666}
.ticket-edit-form{display:grid;gap:12px;margin-top:18px;padding:17px;border:1px solid #ddd;border-radius:12px;background:#fafafa}.ticket-edit-form h3{margin:0;font-size:15px}.ticket-edit-form h3 small{display:block;margin-top:4px;color:#777;font-size:11px;font-weight:500}.ticket-edit-form label{display:grid;gap:6px;color:#333;font-size:12px;font-weight:800}.ticket-edit-form input,.ticket-edit-form textarea,.ticket-edit-form select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #d6dce7;border-radius:9px;background:#fff;font:inherit;font-weight:400}.ticket-edit-form .ticket-actions{margin-top:2px}.ticket-edit-form .ticket-detail-close{margin:0}
.conversation-modal{width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:1px solid #bbb;border-radius:18px;background:#fff;color:#111;box-shadow:0 24px 80px #0005}.conversation-modal::backdrop{background:#1118;backdrop-filter:blur(4px)}.conversation-modal-shell{display:grid;max-height:min(760px,calc(100vh - 32px));overflow:hidden}.conversation-modal-header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:22px 24px 16px;border-bottom:1px solid #ddd}.conversation-modal-header h2{margin:3px 0 0;font-size:22px;line-height:1.15}.conversation-modal-eyebrow{color:#666;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.conversation-modal-header .ticket-detail-close{margin:0}.conversation-modal .conversation-thread{overflow:auto;margin:0;padding:18px 24px 24px}.conversation-modal .ticket-progress{margin-top:0}.conversation-modal .conversation-ticket-label{padding:13px 14px;border:1px solid #ddd;border-radius:10px;background:#f7f7f7}.conversation-description{padding:13px 14px;border:1px solid #ddd;border-radius:10px;background:#fff;line-height:1.5}.conversation-description strong{display:block;margin-bottom:5px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.conversation-description p{margin:0;color:#444;white-space:pre-wrap;overflow-wrap:anywhere}.conversation-attachments{padding-top:14px;border-top:1px solid #ddd}.conversation-attachments strong{display:block;margin-bottom:5px;font-size:12px}
@media (max-width:800px){.ticket-form{grid-template-columns:1fr}.ticket-form>label:not(.full){max-width:none}.conversation-modal-header{padding:18px}.conversation-modal .conversation-thread{padding:16px}}
.conversation-modal{width:min(620px,calc(100vw - 48px));max-height:min(700px,calc(100vh - 48px));margin:auto}.conversation-modal-shell{max-height:min(700px,calc(100vh - 48px))}.ticket-reply-notice{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;border-radius:999px;background:#b42318;color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.ticket-reply-notice::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff}.ticket-item-top{flex-wrap:wrap}.ticket-item-top .ticket-status-badge{order:2}.ticket-item-top .ticket-reply-notice{order:3}.ticket-item-top .ticket-item-title{flex:1 1 120px}
.requests-card .ticket-meta{display:none}
.my-tickets-page .ticketing-shell{max-width:1180px;padding:28px 24px 52px}.my-tickets-page .ticketing-header{margin-bottom:24px}.my-tickets-page .ticketing-header h1{font-size:clamp(34px,5vw,56px)}.my-tickets-page .ticketing-grid{grid-template-columns:1fr;gap:18px}.my-tickets-page .ticket-card{padding:22px}.page-card-kicker{margin-bottom:7px;color:#666;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.my-tickets-page .requests-card{min-height:0}.my-tickets-page .ticket-side{display:block}.my-tickets-page .ticket-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.my-tickets-page .ticket-item{min-height:0;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid #d9dee8;border-radius:12px;box-shadow:0 7px 18px #1111110a}.my-tickets-page .ticket-card-description{display:-webkit-box;margin:14px 0 0;color:#666;font-size:12px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.my-tickets-page .ticket-form{gap:16px 18px}.my-tickets-page .ticket-form textarea{min-height:96px}.my-tickets-page .ticket-status-page{max-width:none}.my-tickets-page .ticket-status-content{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.my-tickets-page .ticket-status-content>.ticket-progress,.my-tickets-page .ticket-status-content>.status-section:first-of-type{grid-column:1/-1}
@media (max-width:900px){.my-tickets-page .ticket-list{grid-template-columns:repeat(2,minmax(0,1fr))}.my-tickets-page .ticket-status-content{grid-template-columns:1fr}}
@media (max-width:800px){.my-tickets-page .ticketing-shell{padding:24px 16px 48px}.my-tickets-page .ticketing-grid{grid-template-columns:1fr;gap:16px}.my-tickets-page .ticket-card{padding:20px}.my-tickets-page .ticket-list{grid-template-columns:1fr}}
.my-tickets-page .ticketing-header-actions{display:flex;align-items:center;gap:12px}.ticket-view-button{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #111;border-radius:9px;background:#fff;color:#111;cursor:pointer;font-size:12px;font-weight:900}.ticket-view-button:hover{background:#111;color:#fff}.header-request-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#111;color:#fff;font-size:10px}.ticket-view-button:hover .header-request-count{background:#fff;color:#111}.requests-toolbar{display:flex;justify-content:flex-end;margin-top:12px}.my-tickets-page .ticket-form{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:24px;align-items:start}.my-tickets-page .ticket-form>label:not(.full){width:100%;max-width:280px;justify-self:center}.my-tickets-page .ticket-form>label.full{width:100%}.my-tickets-page .ticket-form textarea{min-height:130px}.my-tickets-page .ticket-actions{margin-top:4px}
@media (max-width:800px){.my-tickets-page .ticketing-header-actions{align-items:flex-start}.my-tickets-page .ticket-form{grid-template-columns:1fr;column-gap:0}.my-tickets-page .ticket-form>label:not(.full){max-width:none}.my-tickets-page .ticketing-header{display:grid}.my-tickets-page .ticketing-header-actions{justify-content:space-between}}
.my-requests-page .ticketing-shell{max-width:1320px;padding:30px 28px 60px}.my-requests-page .ticketing-header{margin-bottom:22px}.my-requests-page .ticketing-header h1{font-size:clamp(36px,5vw,58px)}.my-requests-page .ticketing-grid{grid-template-columns:1fr}.my-requests-page .ticket-side{display:block}.my-requests-page .requests-card{padding:24px}.my-requests-page .ticket-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;max-height:none}.my-requests-page .ticket-item{min-height:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid #d4d4d4;border-radius:14px;background:#fff;box-shadow:0 10px 24px #1111110b;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.my-requests-page .ticket-item::after{display:none}.my-requests-page .ticket-item.is-ticket-card-clickable:hover,.my-requests-page .ticket-item.is-ticket-card-clickable:focus-visible{border-color:#111;box-shadow:0 16px 30px #11111118;outline:none;transform:translateY(-3px)}.my-requests-page .ticket-item .ticket-open{font-size:17px;line-height:1.25}.my-requests-page .ticket-card-description{display:-webkit-box;margin:14px 0 0;color:#666;font-size:12px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.my-requests-page .ticket-view-thread{margin-top:15px}.my-requests-page .requests-heading{align-items:center}.my-requests-page .requests-card-mark{padding:6px 9px;border:1px solid #111;border-radius:999px;color:#111;font-size:9px;font-weight:900;letter-spacing:.12em}.requests-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:18px 22px;border:1px solid #d8d8d8;border-radius:16px;background:linear-gradient(120deg,#fff,#f1f1f1);box-shadow:0 10px 28px #1111110a}.requests-hero h2{margin:0 0 5px;font-size:22px}.requests-hero p{max-width:650px;margin:0;color:#666;line-height:1.5}.requests-hero-stat{display:grid;justify-items:end;min-width:110px}.requests-hero-stat span{font-size:38px;font-weight:900;line-height:1}.requests-hero-stat small{margin-top:5px;color:#666;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.my-requests-page .ticket-status-page{max-width:none}.my-requests-page .ticket-status-content{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.my-requests-page .ticket-status-content>.ticket-progress,.my-requests-page .ticket-status-content>.status-section:first-of-type{grid-column:1/-1}
@media (max-width:900px){.my-requests-page .ticket-status-content{grid-template-columns:1fr}}
@media (max-width:700px){.my-requests-page .ticketing-shell{padding:24px 16px 48px}.my-requests-page .ticketing-header{display:grid}.my-requests-page .ticketing-header-actions{justify-content:space-between}.my-requests-page .requests-card{padding:20px}.requests-hero{align-items:flex-start;padding:18px}.requests-hero-stat{min-width:72px}}
.my-requests-page .requests-card .ticket-meta{display:flex;margin-top:12px;color:#777;font-size:11px}.my-requests-page .ticket-card-description{min-height:52px}.my-tickets-page .ticket-form{row-gap:16px}.my-tickets-page .ticket-form textarea{min-height:96px}
.ticket-status-page{max-width:820px;margin:20px auto 0;padding:24px}.ticket-status-page-header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #ddd}.ticket-status-page-header h2{margin:3px 0 6px;font-size:28px;line-height:1.1}.ticket-status-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ticket-status-page-actions .ticket-detail-close{margin:0}.ticket-status-alert{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:10px 12px;border:1px solid #b42318;border-radius:9px;background:#fef3f2;color:#b42318;font-size:12px;font-weight:900}.ticket-status-alert::before{content:"";width:8px;height:8px;border-radius:50%;background:#b42318}.ticket-status-content{display:grid;gap:16px;margin-top:18px}.ticket-status-content>.ticket-progress{margin:0;padding:13px 0 8px}.status-section{padding:16px;border:1px solid #ddd;border-radius:12px;background:#fafafa}.status-section h3{margin:0;font-size:15px}.status-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.status-section-heading span{color:#777;font-size:11px}.status-description{margin:12px 0 0;padding:12px;border-radius:8px;background:#fff;color:#444;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.status-replies{display:grid;gap:8px}.status-replies .conversation-message{background:#fff}.ticket-status-message-action{display:flex;justify-content:flex-end;margin-top:18px}.ticket-status-message-action .ticket-primary{padding:9px 14px;font-size:12px}.message-modal{width:min(460px,calc(100vw - 40px));max-height:none}.message-modal-shell{max-height:none}.message-form{display:grid;gap:12px;padding:20px 22px 22px}.message-form label{display:grid;gap:7px;color:#222;font-size:12px;font-weight:800}.message-form textarea{width:100%;box-sizing:border-box;min-height:118px;padding:11px 12px;border:1px solid #d6dce7;border-radius:9px;resize:vertical;font:inherit;font-weight:400}.message-form textarea:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #1111}.message-form-actions{display:flex;justify-content:flex-end;gap:8px}.message-form-actions .ticket-detail-close{margin:0}.message-form-actions .ticket-primary{padding:9px 14px;font-size:12px}.message-form .ticket-status{text-align:right;min-height:16px}
@media (max-width:800px){.ticket-status-page{margin-top:14px;padding:18px}.ticket-status-page-header{display:grid}.ticket-status-page-actions{justify-content:flex-start}.message-modal{width:calc(100vw - 32px)}}
.request-tabs{display:flex;gap:8px;margin:18px 0 8px;border-bottom:1px solid #ddd}.request-tab{margin:0 0 -1px;padding:9px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#666;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.request-tab:hover,.request-tab:focus-visible{color:#111}.request-tab.is-active{border-bottom-color:#111;color:#111}.team-request-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin:14px 0 4px;padding:14px;border:1px solid #ddd;border-radius:12px;background:#fafafa}.team-request-filters label{display:grid;gap:5px;color:#555;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.team-request-filters input,.team-request-filters select{min-width:0;width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#111;font:inherit;font-size:12px;text-transform:none}.team-request-filters .ticket-detail-close{margin:0;white-space:nowrap}.team-requests-page .ticket-item-kicker{color:#555}.team-requests-page #requests-load-status{display:block;min-height:18px;margin:8px 0 0}.team-requests-page .ticket-meta{display:flex}.team-requests-page .ticket-status-page{max-width:none}
.my-requests-page .ticketing-header-actions { padding-left:18px; border-left:1px solid #d9dee8; }
.my-requests-page #team-requests-toggle { min-width:132px; border-color:#999; background:#f7f7f7; color:#222; }
.my-requests-page #team-requests-toggle:hover,.my-requests-page #team-requests-toggle:focus-visible { border-color:#111; background:#e9e9e9; color:#111; }
.my-requests-page.team-requests-page #team-requests-toggle { border-color:#111; background:#111; color:#fff; }
.my-requests-page.team-requests-page #team-requests-toggle:hover,.my-requests-page.team-requests-page #team-requests-toggle:focus-visible { border-color:#000; background:#000; color:#fff; }
.my-requests-page .requests-card { border:2px solid #d9dee8; box-shadow:0 14px 34px #18233d12; }
.my-requests-page.team-requests-page .requests-card { border-color:#999; box-shadow:0 14px 34px #11111118; }
.my-requests-page .requests-card-mark { min-width:104px; box-sizing:border-box; text-align:center; font-size:0; }
.my-requests-page .requests-card-mark::after { content:"MY REQUESTS"; font-size:9px; }
.my-requests-page.team-requests-page .requests-card-mark { border-color:#111; background:#f1f1f1; color:#111; }
.my-requests-page.team-requests-page .requests-card-mark::after { content:"TEAM REQUESTS"; }
.my-requests-page .request-tabs { margin-top:24px; padding-top:16px; border-top:1px solid #e2e6ed; }
.my-requests-page.team-requests-page .team-request-filters { margin-top:20px; border-color:#c8c8c8; background:#f7f7f7; }
@media (max-width:1100px){.team-request-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.team-request-filters label:first-child{grid-column:span 2}}
@media (max-width:700px){.team-request-filters{grid-template-columns:1fr}.team-request-filters label:first-child{grid-column:auto}.request-tabs{overflow:auto}.team-requests-page .ticketing-header-actions{flex-wrap:wrap}}
.automation-field select,
#ticket-parent-options { width:100%; margin-top:8px; }
.automation-field select { min-height:132px; }
.automation-dropzone { border:1px dashed var(--ticket-border, #cbd5e1); border-radius:14px; padding:18px; background:var(--ticket-surface-muted, #f8fafc); }
.automation-dropzone.is-dragging { border-color:#111; background:#f0f0f0; }
.automation-dropzone input[type="file"] { display:block; margin-top:10px; }
.automation-admin-row { gap:14px; }
.automation-admin-row .ticket-actions { justify-content:flex-end; }
@media (max-width: 700px) {
  .automation-admin-row .ticket-item-top { align-items:flex-start; flex-direction:column; }
  .automation-admin-row .ticket-actions { justify-content:flex-start; }
}

/* Compact ticket composer: optional routing is revealed on demand. */
.my-tickets-page .ticket-form { column-gap:16px; row-gap:14px; }
.my-tickets-page .ticket-form>label:not(.full) { max-width:none; justify-self:stretch; }
.ticket-routing-actions { display:flex; align-items:center; justify-content:center; gap:10px; padding:2px 0 4px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ticket-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 12px; border:1px solid #c7ccd5; border-radius:9px; background:#fff; color:#20242b; font:inherit; font-size:12px; font-weight:800; cursor:pointer; transition:border-color .15s,background .15s,transform .15s; }
.ticket-secondary:hover,.ticket-secondary:focus-visible { border-color:#111; background:#f1f2f4; transform:translateY(-1px); outline:none; }
.ticket-picker-panel { padding:14px; border:1px solid #dfe3e9; border-radius:12px; background:#fff; box-shadow:0 5px 16px #1111110a; }
.ticket-picker-panel>label { max-width:none!important; }
.ticket-picker-row { display:flex; align-items:center; gap:7px; }
.ticket-picker-row input { min-width:0; flex:1; }
.ticket-icon-button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #d2d6dd; border-radius:9px; background:#fff; color:#5f6671; font-size:20px; line-height:1; cursor:pointer; }
.ticket-icon-button:hover,.ticket-icon-button:focus-visible { border-color:#111; color:#111; outline:none; }
.ticket-picker-results { display:grid; gap:5px; max-height:230px; margin-top:8px; overflow:auto; padding:5px; border:1px solid #e1e4ea; border-radius:10px; background:#fafbfc; }
.ticket-picker-result { display:grid; gap:3px; width:100%; padding:9px 10px; border:1px solid transparent; border-radius:8px; background:#fff; color:#20242b; text-align:left; font:inherit; cursor:pointer; }
.ticket-picker-result:hover,.ticket-picker-result:focus-visible,.ticket-picker-result[aria-selected="true"] { border-color:#b8c4e8; background:#f0f4ff; outline:none; }
.ticket-picker-result strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ticket-picker-result small { overflow:hidden; color:#687181; font-size:10px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.ticket-picker-empty { padding:10px; color:#687181; font-size:11px; }
.triage-hierarchy { display:flex; flex-wrap:wrap; gap:6px; margin:-2px 0 13px; padding:8px 10px; border:1px solid #c9c9c9; border-left:3px solid #111; border-radius:4px; background:#f7f7f7; color:#444; font-size:11px; }
.triage-hierarchy span { display:inline-flex; align-items:center; gap:4px; }
.triage-hierarchy span+span { padding-left:8px; border-left:1px solid #c9c9c9; }
.triage-hierarchy b,.triage-hierarchy-detail b { color:#111; }
.triage-hierarchy-detail { margin:0 0 18px; padding:12px 14px; border:1px solid #ccc; border-left:3px solid #111; border-radius:5px; background:#f7f7f7; color:#444; font-size:12px; }
.triage-hierarchy-detail strong { display:block; margin-bottom:6px; color:#111; font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
.triage-hierarchy-detail p { margin:4px 0; }
.ticket-picker-panel select { margin-top:8px; min-height:42px!important; height:42px!important; }
.ticket-picker-panel select:focus { outline:2px solid #b8c4e8; outline-offset:1px; }
.ticket-automations-page .automation-admin-card { padding:20px; }
.ticket-automations-page .automation-admin-card+.automation-admin-card { margin-top:16px; }
.automation-catalog-toolbar { display:flex; align-items:center; gap:12px; margin-top:16px; }
.automation-catalog-toolbar label { flex:1; }
.automation-catalog-toolbar input { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #d2d6dd; border-radius:9px; background:#fff; font:inherit; }
.automation-catalog-toolbar input:focus { outline:none; border-color:#111; box-shadow:0 0 0 3px #1111; }
.automation-search-count { color:#747b86; font-size:11px; white-space:nowrap; }
.automation-import-toggle { margin-top:14px; }
.automation-admin-row { padding:12px 14px; }
.automation-admin-row .ticket-meta { margin-top:4px; }
@media (max-width:700px) {
  .ticket-routing-actions { flex-wrap:wrap; }
  .automation-catalog-toolbar { align-items:stretch; flex-direction:column; gap:7px; }
}