.aost-v21-support{--gold:#c99a00;max-width:1080px;margin:32px auto;padding:24px;color:#202733;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f6f8;border:1px solid #e6e8ed;border-radius:24px;box-sizing:border-box}.aost-v21-support *{box-sizing:border-box}.aost-v21-support .aost-v21-header{display:flex;gap:20px;align-items:center;background:#202733;color:#fff;padding:30px;border-radius:18px;margin-bottom:22px}.aost-v21-support h2{font-size:30px;color:inherit;margin:0}.aost-v21-support h3{font-size:20px;margin:8px 0;color:inherit;overflow-wrap:anywhere}.aost-v21-header p{margin:4px 0;color:#d7dce5}.aost-v21-header small{letter-spacing:2px;color:#f3d367}.aost-v21-mark{display:grid;place-items:center;flex:0 0 64px;height:64px;border:2px solid #c99a00;color:#f3d367;font-size:28px;font-weight:800;border-radius:16px}.aost-v21-support nav{margin:18px 0}.aost-v21-support a{color:#6e5300;text-decoration:underline}.aost-v21-support .aost-v21-card{display:block;padding:24px;border:1px solid #e2e5eb;background:#fff;border-radius:16px;margin:16px 0}.aost-v21-support label{display:block;font-weight:600;margin-bottom:16px}.aost-v21-support input:not([type=checkbox]),.aost-v21-support textarea,.aost-v21-support select{display:block;width:100%;max-width:none;margin-top:7px;padding:12px;border:1px solid #c9ced6;border-radius:8px;background:#fff;color:#202733;font:inherit}.aost-v21-support textarea{resize:vertical}.aost-v21-support .aost-v21-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.aost-v21-support .aost-v21-button{display:inline-block;border:0;border-radius:9px;padding:12px 22px;background:#c99a00;color:#15191f;text-decoration:none;font:600 16px/1.5 system-ui;cursor:pointer}.aost-v21-support .aost-v21-button:hover{background:#e0b530}.aost-v21-support .aost-v21-secondary{background:#e9edf2}.aost-v21-support :focus-visible{outline:3px solid #397dcc;outline-offset:3px}.aost-v21-support .aost-v21-muted{color:#606a78;font-size:14px}.aost-v21-support .aost-v21-ticket{display:flex;gap:20px;justify-content:space-between;align-items:center;text-decoration:none;color:#202733;transition:border-color .2s}.aost-v21-support .aost-v21-ticket:hover{border-color:#c99a00}.aost-v21-badge{border-radius:30px;padding:6px 14px;background:#fff4cc;color:#6e5300;font-size:13px;font-weight:700;white-space:nowrap}.aost-v21-support .aost-v21-flow{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;counter-reset:step}.aost-v21-flow li{padding:6px 12px;background:#edf0f4;border-radius:8px;font-size:13px}.aost-v21-flow li:before{counter-increment:step;content:counter(step) '. '}.aost-v21-flow li.current{background:#c99a00;color:#15191f;font-weight:700}.aost-v21-support .aost-v21-internal{border-left:4px solid #7761a8;background:#f8f5ff}.aost-v21-message{white-space:pre-wrap;overflow-wrap:anywhere}.aost-v21-notice{padding:14px;background:#e5f3e9;border-radius:10px}.aost-v21-filter{display:flex;align-items:end;gap:12px;margin-top:24px}.aost-v21-filter label{margin:0;flex:1}.aost-v21-support footer{margin-top:30px}.aost-v21-support .aost-v21-check input{margin-right:7px}.aost-v21-pages{display:flex;justify-content:space-between}@media(max-width:600px){.aost-v21-support{padding:12px;margin:14px 0}.aost-v21-support .aost-v21-header{padding:20px;gap:12px}.aost-v21-support h2{font-size:24px}.aost-v21-support .aost-v21-card{padding:18px}.aost-v21-support .aost-v21-ticket{align-items:start;flex-direction:column;gap:10px}.aost-v21-mark{flex-basis:46px;height:46px;font-size:22px}.aost-v21-support .aost-v21-grid{grid-template-columns:1fr;gap:0}}

.aost-v21-support .aost-v21-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* Isolated ticket UI: do not reuse Aux One website animation classes. */
.aost-v21-support.aost-v21-support{position:relative!important;inset:auto!important;float:none!important;isolation:isolate;text-align:left!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;line-height:1.6}
.aost-v21-support.aost-v21-support :where(form,div,header,footer,nav,label,p,h2,h3,small,span,article,ol,li){position:static!important;inset:auto!important;float:none!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;filter:none!important;pointer-events:auto!important;text-align:left!important;text-shadow:none!important;min-width:0;max-height:none}
.aost-v21-support.aost-v21-support :where(form,div,header,footer,nav,label,p,h2,h3,article)::before,.aost-v21-support.aost-v21-support :where(form,div,header,footer,nav,label,p,h2,h3,article)::after{content:none!important;display:none!important}
.aost-v21-support.aost-v21-support :where(label,p,h2,h3){color:#202733!important;-webkit-text-fill-color:currentColor!important}
.aost-v21-support.aost-v21-support .aost-v21-grid{display:grid!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;opacity:1!important;z-index:auto!important;pointer-events:auto!important}
.aost-v21-support.aost-v21-support label{display:block!important;height:auto!important;margin:0 0 16px!important;font-weight:600!important;font-size:16px!important;line-height:1.5!important}
.aost-v21-support.aost-v21-support :where(input:not([type=hidden]),select,textarea,button){position:relative!important;inset:auto!important;float:none!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;filter:none!important;pointer-events:auto!important;box-sizing:border-box!important;color:#202733!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;text-align:left!important;max-width:100%!important}
.aost-v21-support.aost-v21-support :where(input:not([type=hidden]):not([type=checkbox]),select,textarea){display:block!important;width:100%!important;background:#fff!important;border:1px solid #c9ced6!important;padding:12px!important;margin:7px 0 0!important;font:16px/1.5 system-ui,sans-serif!important;min-height:48px!important;height:auto!important;box-shadow:none!important}
.aost-v21-support.aost-v21-support input[type=hidden]{display:none!important}
.aost-v21-support.aost-v21-support :where(input,textarea)::placeholder{color:#687384!important;opacity:1!important;-webkit-text-fill-color:#687384!important}
.aost-v21-support.aost-v21-support textarea{min-height:150px!important}
.aost-v21-support.aost-v21-support .aost-v21-header :where(h2,p){color:#fff!important}
.aost-v21-support.aost-v21-support .aost-v21-muted{color:#606a78!important}
.aost-v21-support.aost-v21-support .aost-v21-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:600px){.aost-v21-support.aost-v21-support .aost-v21-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important}.aost-v21-support .aost-v21-filter{flex-direction:column;align-items:stretch}}
/* 2.1 branded support graphics and green workflow */
.aost-v21-support.aost-v21-support .aost-v21-header{background:linear-gradient(120deg,#fff 25%,#f0f8f3 100%);color:#202733;justify-content:space-between;border:1px solid #dce8df;overflow:hidden}
.aost-v21-support.aost-v21-support .aost-v21-header :where(h2,p){color:#202733!important}
.aost-v21-support .aost-v21-logo{display:block!important;width:min(100%,360px)!important;height:auto!important;max-height:none!important;object-fit:contain;margin:0 0 22px!important;filter:none!important;opacity:1!important}
.aost-v21-support .aost-v21-brand{flex:1}
.aost-v21-support .aost-v21-hero-art{width:240px;flex:0 0 240px}
.aost-v21-support .aost-v21-hero-art>svg{display:block;width:100%;height:auto}
.aost-v21-support .aost-v21-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;vertical-align:middle}
.aost-v21-support .aost-v21-service-tag{display:inline-flex;gap:8px;align-items:center;margin-top:18px;font-size:13px;font-weight:600;color:#126b43}
.aost-v21-support .aost-v21-service-tag svg{width:19px;height:19px}
.aost-v21-support.aost-v21-support .aost-v21-badge{display:inline-flex;gap:7px;align-items:center;background:#e3f4e9;color:#10643c!important;border:1px solid #a9d9bc;white-space:normal}
.aost-v21-support .aost-v21-tracker{margin-top:24px;padding:22px;background:linear-gradient(135deg,#f2faf5,#fff);border:1px solid #d4e9dc;border-radius:16px}
.aost-v21-support .aost-v21-tracker-title{display:flex;gap:16px;align-items:center;justify-content:space-between}
.aost-v21-support .aost-v21-tracker-title small{color:#427458;font-size:11px;font-weight:700;letter-spacing:1.4px}
.aost-v21-support .aost-v21-tracker-title h3{font-size:18px}
.aost-v21-support.aost-v21-support .aost-v21-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:30px 0 20px;padding:0;gap:0}
.aost-v21-support.aost-v21-support .aost-v21-step{position:relative!important;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center!important;padding:0 6px;background:none;border:0;min-width:0}
.aost-v21-support.aost-v21-support .aost-v21-step::before{content:""!important;display:block!important;position:absolute;top:25px;left:0;right:0;height:3px;background:#dce5df;z-index:0}
.aost-v21-support.aost-v21-support .aost-v21-step:first-child::before{left:50%}
.aost-v21-support.aost-v21-support .aost-v21-step:last-child::before{right:50%}
.aost-v21-support.aost-v21-support .aost-v21-step-earlier::before{background:#75bc92}
.aost-v21-support.aost-v21-support .aost-v21-step-node{position:relative!important;display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#f2f5f3;border:2px solid #d5e0d9;color:#657b6d;z-index:1}
.aost-v21-support.aost-v21-support .aost-v21-step-earlier .aost-v21-step-node{background:#e3f4e9;border-color:#75bc92;color:#187544}
.aost-v21-support.aost-v21-support .aost-v21-step-active .aost-v21-step-node{background:#138a52;border-color:#138a52;color:#fff;animation:aost-v21-status-pulse 2.5s ease-out infinite!important}
.aost-v21-support .aost-v21-step strong{font-size:12px;line-height:1.5;color:#254b36;text-align:center}
.aost-v21-support.aost-v21-support .aost-v21-step small{font-size:10px;color:#667c6f;text-align:center!important}
.aost-v21-support.aost-v21-support .aost-v21-wait-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#17663e!important;background:#e6f3eb;padding:12px;border-radius:10px;font-size:14px}
.aost-v21-support .aost-v21-orbit{transform-origin:125px 90px;animation:aost-v21-orbit 45s linear infinite}
.aost-v21-support .aost-v21-float{animation:aost-v21-float 4s ease-in-out infinite}
.aost-v21-support.aost-v21-support .aost-v21-card{transition:box-shadow .25s,border-color .25s}
.aost-v21-support.aost-v21-support .aost-v21-card:hover{border-color:#b8d9c5;box-shadow:0 7px 24px #173d2410}
.aost-v21-support .aost-v21-button{transition:background .2s,box-shadow .2s}
.aost-v21-support .aost-v21-button:hover{box-shadow:0 5px 16px #c99a0030}
@keyframes aost-v21-status-pulse{0%,100%{box-shadow:0 0 0 0 #138a522a}60%{box-shadow:0 0 0 9px #138a5200}}
@keyframes aost-v21-orbit{to{transform:rotate(360deg)}}
@keyframes aost-v21-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:700px){.aost-v21-support .aost-v21-hero-art{width:130px;flex-basis:130px}.aost-v21-support .aost-v21-tracker-title{align-items:flex-start;flex-direction:column}.aost-v21-support.aost-v21-support .aost-v21-steps{grid-template-columns:1fr;gap:0}.aost-v21-support.aost-v21-support .aost-v21-step{display:grid;grid-template-columns:52px 1fr;column-gap:16px;padding:0 0 22px;text-align:left!important;align-items:center}.aost-v21-support.aost-v21-support .aost-v21-step-node{grid-column:1;grid-row:1/3}.aost-v21-support .aost-v21-step strong{grid-column:2;text-align:left}.aost-v21-support.aost-v21-support .aost-v21-step small{text-align:left!important;grid-column:2}.aost-v21-support.aost-v21-support .aost-v21-step::before{top:0;bottom:0;left:25px!important;right:auto!important;width:3px;height:auto}.aost-v21-support.aost-v21-support .aost-v21-step:first-child::before{top:25px}.aost-v21-support.aost-v21-support .aost-v21-step:last-child::before{bottom:calc(100% - 25px)}}
@media(max-width:480px){.aost-v21-support .aost-v21-header{flex-wrap:wrap}.aost-v21-support .aost-v21-hero-art{display:none}.aost-v21-support .aost-v21-tracker{padding:16px}}
@media(prefers-reduced-motion:reduce){.aost-v21-support.aost-v21-support .aost-v21-step-active .aost-v21-step-node,.aost-v21-support .aost-v21-orbit,.aost-v21-support .aost-v21-float{animation:none!important}.aost-v21-support *{transition:none!important}}
.aost-v21-support .aost-v21-login{max-width:520px;margin:20px auto!important;padding:32px}
.aost-v21-support .aost-v21-login h2{font-size:26px;margin:18px 0 8px}
.aost-v21-support .aost-v21-login-error{padding:12px;border:1px solid #e4bbbb;border-radius:8px;background:#fff1f1;color:#8b2929!important}
.aost-v21-support .aost-v21-employee-bar{padding:12px 16px;background:#e3f4e9;border-radius:10px}
/* 2.3 employee identity, live database totals and sorting controls */
.aost-v21-support.aost-v21-support .aost-v21-employee-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 26px}
.aost-v21-support .aost-v21-identity{display:flex;gap:13px;align-items:center;min-width:0}
.aost-v21-support .aost-v21-identity>svg{width:40px;height:40px;padding:9px;border-radius:50%;background:#fff;color:#138a52;flex:0 0 40px}
.aost-v21-support .aost-v21-identity :where(small,strong,span){display:block;overflow-wrap:anywhere}
.aost-v21-support .aost-v21-identity small{color:#517462;font-size:12px}
.aost-v21-support .aost-v21-identity strong{font-size:19px;color:#173e2a}
.aost-v21-support .aost-v21-identity span{font-size:13px;color:#517462}
.aost-v21-support .aost-v21-overview{margin:24px 0}
.aost-v21-support .aost-v21-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aost-v21-support .aost-v21-count-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:18px;background:linear-gradient(135deg,#fff,#edf8f1);border:1px solid #d7e9dd;border-radius:14px}
.aost-v21-support .aost-v21-count-card svg{color:#138a52;grid-column:2;grid-row:1}
.aost-v21-support .aost-v21-count-card strong{font-size:30px;font-weight:750;line-height:1.2;color:#126b43;grid-column:1;grid-row:1;overflow-wrap:anywhere}
.aost-v21-support .aost-v21-count-card span{grid-column:1/-1;color:#4e6357;font-size:13px}
.aost-v21-support .aost-v21-filter{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:end}
.aost-v21-support.aost-v21-support .aost-v21-filter label{margin-bottom:0!important}
.aost-v21-support .aost-v21-filter .aost-v21-reset{grid-column:1/-1;font-size:13px;justify-self:end}
@media(max-width:950px){.aost-v21-support .aost-v21-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.aost-v21-support .aost-v21-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aost-v21-support .aost-v21-count-card{padding:14px}.aost-v21-support .aost-v21-filter{grid-template-columns:minmax(0,1fr)}.aost-v21-support .aost-v21-count-card strong{font-size:26px}}
/* Live employee list */
.aost-v21-support .aost-v21-live-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0;padding:14px 18px;border:1px solid #cce6d6;border-radius:12px;background:#eef8f2}
.aost-v21-support .aost-v21-live-status{color:#10663d;font-size:13px}
.aost-v21-support .aost-v21-refresh{background:#fff;color:#10663d;border:1px solid #138a52;border-radius:8px;padding:9px 14px;cursor:pointer}
.aost-v21-support .aost-v21-table-scroll{overflow-x:auto;border:1px solid #dfe6e2;border-radius:14px;background:#fff;margin-top:16px}
.aost-v21-support .aost-v21-ticket-table{width:100%;min-width:850px;border-collapse:collapse;margin:0;text-align:left;font-size:13px}
.aost-v21-support .aost-v21-ticket-table th{background:#eef8f2;color:#176640;font-size:12px;padding:15px;text-align:left;border:0;white-space:nowrap}
.aost-v21-support .aost-v21-ticket-table td{padding:16px 15px;border:0;border-top:1px solid #e8eeeb;vertical-align:middle;color:#46515d}
.aost-v21-support .aost-v21-ticket-table tr:hover td{background:#f7fbf8}
.aost-v21-support .aost-v21-ticket-table td:first-child{min-width:230px;max-width:350px;overflow-wrap:anywhere}
.aost-v21-support .aost-v21-ticket-table strong{display:block;color:#202733;margin-top:6px;font-size:14px}
.aost-v21-support .aost-v21-ticket-table small{font-size:11px;color:#647367}
.aost-v21-support .aost-v21-ticket-table .aost-v21-badge{white-space:nowrap}

/* Distinct ticket-list status colors; labels remain readable without color. */
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Submitted"]{background:#fef2f2;color:#b91c1c!important;border-color:#fecaca}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Under Review"]{background:#eff6ff;color:#1d4ed8!important;border-color:#bfdbfe}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Assigned"]{background:#f5f3ff;color:#6d28d9!important;border-color:#ddd6fe}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="In Progress"]{background:#fff7ed;color:#c2410c!important;border-color:#fed7aa}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Waiting for Customer"]{background:#fdf2f8;color:#be185d!important;border-color:#fbcfe8}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Awaiting Parts"]{background:#fffbeb;color:#92400e!important;border-color:#fde68a}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Awaiting Approval"]{background:#eef2ff;color:#4338ca!important;border-color:#c7d2fe}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Completed"]{background:#ecfeff;color:#0e7490!important;border-color:#a5f3fc}
.aost-v21-support.aost-v21-support .aost-v21-ticket-table .aost-v21-badge[data-status="Closed"]{background:#f0fdf4;color:#15803d!important;border-color:#bbf7d0}

/* Monitor mode retains live refresh, filters and pagination. */
.aost-v21-support .aost-v21-monitor-actions{display:flex;gap:10px;flex-wrap:wrap}
.aost-v21-support .aost-v21-fullscreen{background:#138a52;color:#fff;border:1px solid #138a52;border-radius:8px;padding:9px 14px;cursor:pointer}
.aost-v21-support .aost-v21-live-dashboard:fullscreen{width:100vw;height:100vh;max-width:none;overflow:auto;background:#f5f6f8;padding:24px 32px;box-sizing:border-box;color:#202733}
.aost-v21-support .aost-v21-live-dashboard.aost-v21-monitor{position:fixed!important;inset:0!important;z-index:2147483647;width:100vw;height:100vh;overflow:auto;background:#f5f6f8;padding:24px 32px;box-sizing:border-box}
.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-live-bar,.aost-v21-support .aost-v21-monitor .aost-v21-live-bar{position:sticky;top:0;z-index:2;margin-top:0}
@media(min-width:1500px){.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-count-grid,.aost-v21-support .aost-v21-monitor .aost-v21-count-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}

.aost-v21-support .aost-v21-delete-panel{border-color:#fecaca;background:#fffafa}
.aost-v21-support .aost-v21-delete-panel summary{color:#b91c1c;font-weight:700;cursor:pointer}
.aost-v21-support .aost-v21-delete-panel form{margin-top:20px}
.aost-v21-support .aost-v21-delete-button{background:#b91c1c;color:#fff;border:0;border-radius:9px;padding:12px 20px;cursor:pointer;font-weight:700}

/* Status-colored overview cards and monitor identity. */
.aost-v21-support .aost-v21-count-card[data-count="total"]{--card-bg:#eff6ff;--card-ink:#1d4ed8;--card-border:#bfdbfe}
.aost-v21-support .aost-v21-count-card[data-count="open_count"]{--card-bg:#eef2ff;--card-ink:#4338ca;--card-border:#c7d2fe}
.aost-v21-support .aost-v21-count-card[data-count="new_count"]{--card-bg:#fef2f2;--card-ink:#b91c1c;--card-border:#fecaca}
.aost-v21-support .aost-v21-count-card[data-count="progress_count"]{--card-bg:#fff7ed;--card-ink:#c2410c;--card-border:#fed7aa}
.aost-v21-support .aost-v21-count-card[data-count="waiting_count"]{--card-bg:#fffbeb;--card-ink:#92400e;--card-border:#fde68a}
.aost-v21-support .aost-v21-count-card[data-count="completed_count"]{--card-bg:#ecfeff;--card-ink:#0e7490;--card-border:#a5f3fc}
.aost-v21-support .aost-v21-count-card[data-count="closed_count"]{--card-bg:#f0fdf4;--card-ink:#15803d;--card-border:#bbf7d0}
.aost-v21-support .aost-v21-count-card[data-count="my_count"]{--card-bg:#f5f3ff;--card-ink:#6d28d9;--card-border:#ddd6fe}
.aost-v21-support .aost-v21-count-card[data-count]{background:linear-gradient(135deg,#fff,var(--card-bg));border-color:var(--card-border);border-top:4px solid var(--card-ink)}
.aost-v21-support .aost-v21-count-card[data-count] strong,.aost-v21-support .aost-v21-count-card[data-count] svg,.aost-v21-support .aost-v21-count-card[data-count] span{color:var(--card-ink)}
.aost-v21-support .aost-v21-monitor-header{display:none}
.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-header,.aost-v21-support .aost-v21-monitor .aost-v21-monitor-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;margin-bottom:18px;background:#fff;border:1px solid #e1e6e3;border-radius:16px}
.aost-v21-support .aost-v21-monitor-header img{display:block;width:260px;max-width:100%;height:auto}
.aost-v21-support .aost-v21-monitor-header p{margin:10px 0 0;color:#536357;font-size:14px}
.aost-v21-support .aost-v21-monitor-user{display:flex;align-items:center;gap:14px}
.aost-v21-support .aost-v21-monitor-user svg{width:30px;height:30px;color:#947000;flex-shrink:0}
.aost-v21-support .aost-v21-monitor-user small,.aost-v21-support .aost-v21-monitor-user strong,.aost-v21-support .aost-v21-monitor-user span{display:block;overflow-wrap:anywhere}
.aost-v21-support .aost-v21-monitor-user small{font-size:11px;color:#647367}
.aost-v21-support .aost-v21-monitor-user strong{font-size:18px;color:#202733}
.aost-v21-support .aost-v21-monitor-user span,.aost-v21-support .aost-v21-monitor-user a{font-size:12px}
@media(max-width:700px){.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-header,.aost-v21-support .aost-v21-monitor .aost-v21-monitor-header{align-items:flex-start;flex-direction:column}.aost-v21-support .aost-v21-monitor-user{flex-wrap:wrap}}

.aost-v21-support .aost-v21-ticket-table .aost-v21-company-cell{min-width:140px;max-width:240px;overflow-wrap:anywhere}

.aost-v21-support .aost-v21-tracking-error{padding:14px 16px;border:1px solid #fecaca;border-left:4px solid #b91c1c;border-radius:8px;background:#fef2f2;color:#991b1b;font-weight:600}
.aost-v21-support .aost-v21-tracking-error[hidden]{display:none!important}
/* Dashboard controls share the top bar with brand and employee identity. */
.aost-v21-support.aost-v21-support .aost-v21-monitor-header{display:block}
.aost-v21-support .aost-v21-monitor-header .aost-v21-monitor-brand,.aost-v21-support .aost-v21-monitor-header .aost-v21-monitor-user{display:none}
.aost-v21-support.aost-v21-support .aost-v21-monitor-header p{font-size:20px;font-weight:800;color:#202733;line-height:1.3}
.aost-v21-support.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-header,.aost-v21-support.aost-v21-support .aost-v21-monitor .aost-v21-monitor-header{display:grid;grid-template-columns:auto minmax(250px,1fr) auto;align-items:center;gap:24px;position:sticky;top:0;z-index:3}
.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-brand,.aost-v21-support .aost-v21-monitor .aost-v21-monitor-brand{display:block;grid-column:1;grid-row:1}
.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-user,.aost-v21-support .aost-v21-monitor .aost-v21-monitor-user{display:flex;grid-column:3;grid-row:1}
.aost-v21-support.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-live-bar,.aost-v21-support.aost-v21-support .aost-v21-monitor .aost-v21-live-bar{grid-column:2;grid-row:1;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:10px;position:static;background:transparent;border:0;margin:0;padding:0}
.aost-v21-support.aost-v21-support .aost-v21-monitor-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:10px;font:700 14px/1.3 system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 8px #16271d1a;transition:box-shadow .2s}
.aost-v21-support.aost-v21-support .aost-v21-refresh{background:#fff!important;color:#10663d!important;border:2px solid #138a52!important}
.aost-v21-support.aost-v21-support .aost-v21-fullscreen{background:#138a52!important;color:#fff!important;border:2px solid #138a52!important}
.aost-v21-support .aost-v21-monitor-actions button:hover{box-shadow:0 4px 12px #16271d33}
@media(max-width:1050px){.aost-v21-support.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-header,.aost-v21-support.aost-v21-support .aost-v21-monitor .aost-v21-monitor-header{grid-template-columns:1fr 1fr}.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-user,.aost-v21-support .aost-v21-monitor .aost-v21-monitor-user{grid-column:2}.aost-v21-support.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-live-bar,.aost-v21-support.aost-v21-support .aost-v21-monitor .aost-v21-live-bar{grid-column:1/-1;grid-row:2;align-items:flex-start}}
@media(max-width:600px){.aost-v21-support.aost-v21-support .aost-v21-live-dashboard:fullscreen .aost-v21-monitor-header,.aost-v21-support.aost-v21-support .aost-v21-monitor .aost-v21-monitor-header{display:flex;flex-direction:column;align-items:flex-start;position:static}}

/* Compact monitor workspace: keep both lists on screen, with local table scrolling. */
.aost-v21-support.aost-v21-support .aost-v21-filter-toggle{display:none}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:12px 18px;width:100vw;height:100vh;height:100dvh;overflow:hidden}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode.aost-v21-has-workforce{grid-template-rows:auto minmax(0,1.15fr) auto minmax(0,1fr)}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode>*{min-width:0;min-height:0}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;padding:10px 14px;margin:0;border-radius:12px;position:static!important;align-items:center}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand{display:flex;align-items:center;gap:20px;grid-column:1;grid-row:1}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand img{width:200px;max-width:35vw;height:auto}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand p{font-size:19px;line-height:1.2;margin:0;white-space:nowrap}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-user{grid-column:2;grid-row:1;gap:8px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-user small{display:none}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-user strong{font-size:14px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-user span,.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-user a{font-size:10px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-user svg{width:22px;height:22px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-bar{grid-column:3;grid-row:1;display:flex;align-items:flex-end;gap:3px;margin:0;padding:0;border:0}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-status{font-size:10px;line-height:1.3;max-width:330px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-actions{gap:6px;flex-wrap:nowrap}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-actions button{min-height:34px;padding:6px 10px;font-size:12px;border-radius:8px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-filter-toggle{display:inline-flex;width:36px;padding:6px;background:#fff;border:1px solid #c9ced6;align-items:center;justify-content:center}
.aost-v21-filter-toggle svg{width:21px;height:21px;stroke:currentColor;fill:#fff;stroke-width:1.7;stroke-linecap:round}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-filter-active{background:#fff2bd;border-color:#c99a00}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode>.aost-v21-filter{display:none}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode.aost-v21-filters-open>.aost-v21-filter{display:grid;position:absolute!important;inset:76px 18px auto auto!important;z-index:20;width:430px;max-width:calc(100vw - 36px)!important;max-height:calc(100dvh - 100px)!important;overflow:auto;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:18px;background:#fff;border:1px solid #d8dee4;border-radius:12px;box-shadow:0 10px 40px #17202b40}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode>.aost-v21-filter label{font-size:12px!important}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode>.aost-v21-filter label:first-of-type{grid-column:1/-1}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode>.aost-v21-filter input,.aost-v21-support.aost-v21-support .aost-v21-screen-mode>.aost-v21-filter select{min-height:36px!important;font-size:13px!important;padding:7px!important}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-overview{margin:0}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-overview>h3{font-size:15px;margin:0 0 7px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-overview>p{display:none}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-count-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-count-card{padding:8px 10px;gap:3px;border-radius:9px;border-top-width:3px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-count-card strong{font-size:23px;line-height:1.1}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-count-card span{font-size:10px;line-height:1.3}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-count-card svg{width:19px;height:19px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-workforce:empty{display:none}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-workforce{display:flex;overflow:hidden}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-workforce{display:flex;flex-direction:column;gap:4px;width:100%;min-height:0;margin:0;padding:12px 14px;overflow:hidden;border-radius:12px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-workforce>h3{font-size:16px;margin:0}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-workforce>p{font-size:10px;margin:0 0 4px;line-height:1.4}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-table{flex:1;min-height:0;overflow:auto}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-table th,.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-table td{padding:7px 9px;font-size:12px;line-height:1.35}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-table small{font-size:10px;margin-top:2px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-state{font-size:10px;padding:3px 6px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-results{display:flex;flex-direction:column;gap:4px;overflow:hidden;background:#fff;border:1px solid #e1e5eb;border-radius:12px;padding:12px 14px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-results>h3{font-size:16px;margin:0}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-results>p{font-size:10px;line-height:1.4;margin:0}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-table-scroll{flex:1;min-height:0;overflow:auto;margin:3px 0 0;border-radius:8px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-ticket-table th,.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-ticket-table td{padding:8px 10px;font-size:12px;line-height:1.4}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-ticket-table strong{font-size:12px;margin-top:2px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-ticket-table .aost-v21-badge{font-size:11px;padding:4px 8px}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-pages{margin:3px 0 0;gap:12px;font-size:11px;flex-shrink:0}
.aost-v21-screen-mode .a1pt-live-table thead th,.aost-v21-screen-mode .aost-v21-ticket-table thead th{position:sticky;top:0;z-index:1}
@media(max-width:1100px){.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand{gap:10px}.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand img{width:140px}.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand p{font-size:16px}}
@media(max-width:800px),(max-height:540px){.aost-v21-support.aost-v21-support .aost-v21-screen-mode{display:flex;flex-direction:column;overflow:auto;padding:10px}.aost-v21-support.aost-v21-support .aost-v21-screen-mode>*{flex-shrink:0}.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-count-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-header{display:flex;flex-wrap:wrap;gap:10px}.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-live-bar{margin-left:auto}.aost-v21-support.aost-v21-support .aost-v21-screen-mode .a1pt-live-table,.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-table-scroll{max-height:320px!important;flex:auto}}
.aost-v21-support.aost-v21-support .aost-v21-live-dashboard:not(.aost-v21-screen-mode) .aost-v21-filter-toggle{display:none!important}

/* Staff header follows the compact dashboard layout; public customer header stays unchanged. */
.aost-v21-support.aost-v21-support .aost-v21-staff-header{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:18px 20px}
.aost-v21-support .aost-v21-staff-header .aost-v21-brand{flex:1;min-width:200px}
.aost-v21-support .aost-v21-staff-header .aost-v21-logo{width:220px;margin-bottom:8px}
.aost-v21-support .aost-v21-staff-header h2{font-size:22px}
.aost-v21-support .aost-v21-staff-header .aost-v21-employee-bar{margin:0;padding:10px 12px;gap:12px}
.aost-v21-support .aost-v21-staff-header .aost-v21-identity strong{font-size:15px}
.aost-v21-support .aost-v21-staff-header .aost-v21-identity span,.aost-v21-support .aost-v21-staff-header .aost-v21-employee-bar>a{font-size:11px}
.aost-v21-support .aost-v21-header-controls:empty{display:none}
.aost-v21-support .aost-v21-header-controls{flex:1 0 100%}
.aost-v21-support .aost-v21-header-controls .aost-v21-live-bar{margin:0;padding:8px 10px}
.aost-v21-support.aost-v21-support .aost-v21-header-controls .aost-v21-monitor-actions button{min-height:36px;font-size:12px;padding:7px 10px}
.aost-v21-support.aost-v21-support .aost-v21-header-controls .aost-v21-filter-toggle,.aost-v21-support.aost-v21-support .aost-v21-icon-filters .aost-v21-filter-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:38px;padding:7px;background:#fff;border:1px solid #c9ced6}
.aost-v21-support.aost-v21-support .aost-v21-filter-toggle.aost-v21-filter-active{background:#fff2bd;border-color:#c99a00}
.aost-v21-support.aost-v21-support .aost-v21-icon-filters:not(.aost-v21-screen-mode)>.aost-v21-filter{display:none}
.aost-v21-support.aost-v21-support .aost-v21-icon-filters.aost-v21-filters-open:not(.aost-v21-screen-mode)>.aost-v21-filter{display:grid;background:#fff;padding:14px;border:1px solid #d8dee4;border-radius:12px}
.aost-v21-staff-dashboard .aost-v21-icon-filters:not(.aost-v21-screen-mode)>.aost-v21-monitor-header{display:none}
@media(max-width:500px){.aost-v21-support.aost-v21-support .aost-v21-staff-header{padding:14px}.aost-v21-support .aost-v21-staff-header .aost-v21-employee-bar{width:100%}.aost-v21-support .aost-v21-header-controls .aost-v21-live-bar{gap:6px}}

.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand p{white-space:normal;max-width:380px;min-width:0;font-size:17px;line-height:1.25;font-weight:750}
.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand img{flex-shrink:0}
.aost-v21-support .aost-v21-staff-header h2{line-height:1.3;overflow-wrap:break-word}
@media(max-width:1100px){.aost-v21-support.aost-v21-support .aost-v21-screen-mode .aost-v21-monitor-brand p{font-size:14px}}