.ticket-shell{background:#eeeeee}.ticket-section{padding:88px 0}.ticket-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:28px;align-items:start}.ticket-panel,.ticket-side,.ticket-view-panel,.ticket-admin-panel{border:1px solid #dfdfdf;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(12,15,18,.08)}.ticket-panel,.ticket-view-panel,.ticket-admin-panel{padding:34px}.ticket-side{padding:28px}.ticket-panel h2,.ticket-view-panel h2,.ticket-admin-panel h2{margin-bottom:14px;color:#0c0f12}.ticket-side h2{margin-bottom:20px}.ticket-muted{color:#686868;line-height:1.7}.ticket-form{display:grid;gap:18px;margin-top:28px}.ticket-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ticket-field{display:grid;gap:8px}.ticket-field label{color:#2b2b2b;font-size:14px;font-weight:700}.ticket-field input,.ticket-field select,.ticket-field textarea{width:100%;border:1px solid #dbdbdb;border-radius:8px;background:#fafafa;color:#0c0f12;font:inherit;line-height:1.4}.ticket-field input,.ticket-field select{height:48px;padding:0 14px}.ticket-field textarea{min-height:160px;padding:14px;resize:vertical}.ticket-field input:focus,.ticket-field select:focus,.ticket-field textarea:focus{outline:2px solid rgba(32,33,36,0.58);border-color:#202124;background:#fff}.ticket-honeypot{position:absolute;left:-9999px;opacity:0}.ticket-privacy{color:#535353;font-size:14px;line-height:1.6}.ticket-privacy input{width:18px;height:18px;margin-top:3px;accent-color:var(--accent)}.ticket-privacy a{text-decoration:underline}.ticket-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ticket-actions .button{cursor:pointer}.ticket-message{display:none;margin-top:18px;padding:14px 16px;border-radius:8px;font-weight:700}.ticket-message.is-success{display:block;background:#f5ffd0;color:#273000;border:1px solid #d7ed4c}.ticket-message.is-error{display:block;background:#fff1ef;color:#9f251c;border:1px solid #f0b8b1}.ticket-side-list{display:grid;gap:16px;margin:24px 0 0;padding:0;list-style:none}.ticket-side-list li{padding:16px;border-left:3px solid #fe1532;background:#fafafa;color:#555555;line-height:1.65}.ticket-side-list strong{display:block;color:#0c0f12}.ticket-open-box{margin-top:24px;padding-top:24px;border-top:1px solid #e6e6e6}.ticket-open-form{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:end}.ticket-open-submit{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fe1532;color:#0c0f12;font-size:22px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(32,33,36,0.2);transition:transform .18s ease,background .18s ease}.ticket-open-submit:hover,.ticket-open-submit:focus-visible{transform:translateY(-2px);background:#34363a;outline:0}.ticket-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#f1f1f1;color:#343434;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ticket-status-pill[data-status=open]{background:#f5ffd0;color:#394500}.ticket-status-pill[data-status=in_progress]{background:#e8f2ff;color:#123a6a}.ticket-status-pill[data-status=waiting_customer]{background:#fff6dc;color:#735000}.ticket-status-pill[data-status=customer_reply]{background:#f1e8ff;color:#432174}.ticket-status-pill[data-status=closed]{background:#ededed;color:#606060}.ticket-timeline{display:grid;gap:16px;margin-top:28px}.ticket-note{padding:18px 20px;border-radius:8px;background:#fafafa;border:1px solid #e4e4e4}.ticket-note.is-agent{border-left:4px solid #fe1532;background:#f6f6f6}.ticket-note.is-customer{border-left:4px solid #bdbdbd}.ticket-note-head{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-bottom:8px;color:#686868;font-size:13px;font-weight:700}.ticket-note-body{white-space:pre-wrap;color:#292929;line-height:1.7}.ticket-upload-box{display:grid;gap:6px;padding:18px 20px;border:1px dashed #bdbdbd;border-radius:8px;background:linear-gradient(180deg,#fff,#f6f6f6);color:#535353;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.ticket-upload-box:hover,.ticket-upload-box:focus-within{border-color:#202124;background:#f6f6f6;transform:translateY(-1px)}.ticket-upload-box strong{color:#0c0f12}.ticket-upload-box span{font-size:14px;line-height:1.5}.ticket-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ticket-upload-list{display:flex;flex-wrap:wrap;gap:8px;color:#686868;font-size:13px}.ticket-upload-chip{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid #e1e1e1;border-radius:999px;background:#fff;color:#2b2b2b}.ticket-upload-chip small{color:#686868}.ticket-attachment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}.ticket-attachment-link{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;min-height:72px;padding:8px;border:1px solid #e1e1e1;border-radius:8px;background:#fff;color:#2b2b2b;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.ticket-attachment-preview{display:grid;width:56px;height:56px;place-items:center;overflow:hidden;border-radius:6px;background:#eeeeee;color:#0c0f12;font-size:12px;font-weight:800}.ticket-attachment-preview img{width:100%;height:100%;object-fit:cover}.ticket-attachment-preview span{display:grid;width:100%;height:100%;place-items:center;background:#f6f6f6;color:#444444}.ticket-attachment-meta{display:grid;gap:3px;min-width:0}.ticket-attachment-meta strong{overflow:hidden;color:#0c0f12;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ticket-attachment-meta small{color:#686868;font-size:12px}.ticket-attachment-link:hover,.ticket-attachment-link:focus-visible{border-color:#202124;background:#f6f6f6;transform:translateY(-1px);outline:0}.ticket-admin-panel{max-width:1480px;margin:0 auto;padding:42px}.ticket-admin-layout{display:grid;grid-template-columns:minmax(320px,.38fr) minmax(0,1fr);gap:28px;align-items:start}.ticket-admin-list{display:grid;grid-auto-rows:min-content;align-content:start;align-self:start;gap:12px;max-height:740px;overflow:auto;padding-right:4px}.ticket-admin-item{width:100%;height:auto;min-height:82px;padding:16px 18px;border:1px solid #e1e1e1;border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.ticket-admin-item:hover,.ticket-admin-item.is-active{border-color:#202124;background:#f6f6f6}.ticket-admin-item:hover{transform:translateY(-1px)}.ticket-admin-item strong{display:block;color:#0c0f12;font-size:15px;line-height:1.25}.ticket-admin-item span{display:block;margin-top:6px;color:#686868;font-size:14px}.ticket-admin-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 24px}.ticket-admin-toolbar select{height:48px;min-width:190px;padding:0 14px;border:1px solid #dbdbdb;border-radius:8px;background:#fff;font:inherit}.ticket-admin-empty{padding:32px;border:1px dashed #cdcdcd;border-radius:8px;color:#686868;text-align:center}.ticket-admin-reply{display:grid;gap:14px;margin-top:24px}.ticket-admin-reply textarea{min-height:172px}.ticket-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.ticket-meta{padding:14px 16px;border-radius:8px;background:#fafafa;color:#686868}.ticket-meta strong{display:block;color:#0c0f12}.ticket-copy-link{word-break:break-all;color:#0c0f12}.ticket-login-panel{max-width:720px;margin:0 auto}.ticket-login-panel .ticket-field{margin-top:22px}.ticket-login-panel .ticket-actions{margin-top:18px}.ticket-hidden{display:none!important}.ticket-shell .button-secondary{color:#0c0f12;border-color:#dbdbdb;background:#fff}.ticket-shell .button-secondary:hover,.ticket-shell .button-secondary:focus-visible{color:#0c0f12;border-color:#202124;background:#f6f6f6}@media(max-width:900px){.ticket-grid,.ticket-admin-layout{grid-template-columns:1fr}.ticket-row,.ticket-meta-grid{grid-template-columns:1fr}.ticket-section{padding:64px 0}.ticket-panel,.ticket-view-panel,.ticket-admin-panel,.ticket-side{padding:24px}.ticket-admin-panel{max-width:none}}@media(max-width:560px){.ticket-actions{align-items:stretch}.ticket-actions .button{width:100%}.ticket-note-head{display:block}.ticket-note-head span{display:block;margin-top:4px}.ticket-open-form{grid-template-columns:1fr}.ticket-open-submit{width:100%;border-radius:999px}.ticket-upload-box{padding:16px}}
.ticket-shell .ticket-admin-toolbar{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);align-items:end;gap:20px 28px;margin:0 0 28px}.ticket-shell .ticket-admin-toolbar-title{display:grid;gap:6px}.ticket-shell .ticket-admin-toolbar-title h2{margin:0;color:#0c0f12;font-size:30px;line-height:1.1}.ticket-shell .ticket-admin-controls{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:12px}.ticket-shell .ticket-admin-filter,.ticket-shell .ticket-admin-search{display:grid;gap:7px}.ticket-shell .ticket-admin-filter span,.ticket-shell .ticket-admin-search label{color:#686868;font-size:13px;font-weight:800}.ticket-shell .ticket-admin-toolbar select,.ticket-shell .ticket-admin-search input{height:48px;border:1px solid #dbdbdb;border-radius:8px;background:#fff;color:#0c0f12;font:inherit}.ticket-shell .ticket-admin-toolbar select{min-width:180px;padding:0 14px}.ticket-shell .ticket-admin-search-row{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:8px}.ticket-shell .ticket-admin-search input{padding:0 14px}.ticket-shell .ticket-admin-create{display:grid;gap:16px;margin:0 0 30px;padding:26px;border:1px solid #e1e1e1;border-radius:8px;background:#fafafa}.ticket-shell .ticket-admin-create-head{display:grid;gap:6px}.ticket-shell .ticket-admin-create-head h2{margin:0;color:#0c0f12;font-size:30px;line-height:1.1}.ticket-shell .ticket-admin-create .ticket-message{margin-top:0}.ticket-shell .ticket-admin-reply .button,.ticket-shell .ticket-admin-create .button,.ticket-shell .ticket-admin-search .button,.ticket-shell .ticket-login-panel .button{cursor:pointer}.ticket-shell .ticket-admin-reply .button:disabled,.ticket-shell .ticket-admin-create .button:disabled{cursor:not-allowed;opacity:.62}.ticket-shell .ticket-admin-panel .ticket-actions{margin-top:2px}.ticket-shell .ticket-admin-list{gap:14px}.ticket-shell .ticket-admin-item{min-height:88px}.ticket-shell .ticket-admin-item strong{font-size:16px}.ticket-shell .ticket-admin-item span{font-size:14px;line-height:1.45}.ticket-shell .ticket-login-panel .ticket-actions{margin-top:24px}.ticket-shell .ticket-login-panel .ticket-field+.ticket-actions{margin-top:18px}.ticket-shell .button{font:inherit;font-size:15px;line-height:1}.ticket-shell .ticket-actions .button{min-height:48px;padding:0 22px}.ticket-shell .ticket-actions .button-secondary{font-weight:700}@media(max-width:1100px){.ticket-shell .ticket-admin-toolbar{grid-template-columns:1fr}.ticket-shell .ticket-admin-controls{justify-content:flex-start}.ticket-shell .ticket-admin-search-row{grid-template-columns:1fr auto}}@media(max-width:680px){.ticket-shell .ticket-admin-controls,.ticket-shell .ticket-admin-filter,.ticket-shell .ticket-admin-search,.ticket-shell .ticket-admin-search-row{width:100%;display:grid;grid-template-columns:1fr}.ticket-shell .ticket-admin-search-row .button,.ticket-shell .ticket-admin-controls>.button{width:100%}.ticket-shell .ticket-admin-create{padding:22px}.ticket-shell .ticket-admin-toolbar-title h2,.ticket-shell .ticket-admin-create-head h2{font-size:26px}}
.ticket-shell .ticket-admin-toolbar{grid-template-columns:minmax(260px,.42fr) minmax(560px,1fr);align-items:end}.ticket-shell .ticket-admin-controls{display:grid;grid-template-columns:minmax(180px,220px) minmax(360px,1fr) auto;gap:14px;align-items:end;justify-content:stretch}.ticket-shell .ticket-admin-filter,.ticket-shell .ticket-admin-search{min-width:0}.ticket-shell .ticket-admin-filter select,.ticket-shell .ticket-admin-search input{width:100%}.ticket-shell .ticket-admin-search-row{grid-template-columns:minmax(280px,1fr) auto}.ticket-shell [data-ticket-admin-create-toggle]{min-width:154px;white-space:nowrap}@media(max-width:1180px){.ticket-shell .ticket-admin-toolbar{grid-template-columns:1fr}.ticket-shell .ticket-admin-controls{grid-template-columns:minmax(180px,220px) minmax(300px,1fr) auto;justify-content:stretch}}@media(max-width:820px){.ticket-shell .ticket-admin-controls{grid-template-columns:1fr}.ticket-shell .ticket-admin-search-row{grid-template-columns:1fr auto}}@media(max-width:680px){.ticket-shell .ticket-admin-search-row{grid-template-columns:1fr}.ticket-shell [data-ticket-admin-create-toggle]{min-width:0}}
.ticket-shell .button{font:inherit;font-size:15px;font-weight:800;line-height:1}.ticket-shell .ticket-view-panel .ticket-actions .button{min-height:54px;padding:0 28px;font-size:16px;font-weight:800}.ticket-shell .ticket-admin-panel{max-width:min(1480px,calc(100vw - 64px))}.ticket-shell .ticket-admin-toolbar{grid-template-columns:minmax(280px,.36fr) minmax(740px,1fr);gap:28px;align-items:end}.ticket-shell .ticket-admin-controls{display:grid;grid-template-columns:minmax(180px,220px) minmax(520px,1fr) minmax(160px,180px);gap:22px;align-items:end;justify-content:stretch}.ticket-shell .ticket-admin-search-row{display:grid;grid-template-columns:minmax(360px,1fr) 128px;gap:14px}.ticket-shell .ticket-admin-search-row .button,.ticket-shell [data-ticket-admin-create-toggle]{width:100%;min-height:48px}.ticket-admin-warning{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(12,15,18,.52);backdrop-filter:blur(8px)}.ticket-admin-warning.is-hidden{display:none}.ticket-admin-warning-card{width:min(640px,calc(100% - 32px));padding:34px;border:1px solid #dfdfdf;border-radius:10px;background:#fff;box-shadow:0 34px 90px rgba(12,15,18,.28)}.ticket-admin-warning-card h2{margin:0 0 14px;color:#0c0f12;font-size:34px;line-height:1.12}.ticket-admin-warning-card p:not(.section-kicker){margin:0;color:#535353;line-height:1.7}.ticket-admin-warning-card .ticket-actions{margin-top:26px}.ticket-admin-warning-card .button{min-height:50px;padding:0 24px;font-weight:800}@media(max-width:1380px){.ticket-shell .ticket-admin-toolbar{grid-template-columns:1fr}.ticket-shell .ticket-admin-controls{grid-template-columns:minmax(180px,220px) minmax(420px,1fr) minmax(160px,180px)}}@media(max-width:960px){.ticket-shell .ticket-admin-panel{max-width:none}.ticket-shell .ticket-admin-controls{grid-template-columns:1fr}.ticket-shell .ticket-admin-search-row{grid-template-columns:minmax(0,1fr) 118px}}@media(max-width:680px){.ticket-shell .ticket-admin-panel{max-width:none}.ticket-shell .ticket-admin-search-row{grid-template-columns:1fr}.ticket-shell .ticket-admin-search-row .button,.ticket-shell [data-ticket-admin-create-toggle]{width:100%}.ticket-admin-warning-card{padding:26px}.ticket-admin-warning-card h2{font-size:28px}.ticket-admin-warning-card .ticket-actions{align-items:stretch}.ticket-admin-warning-card .button{width:100%}}
.ticket-shell .ticket-admin-toolbar{grid-template-columns:1fr;gap:22px}.ticket-shell .ticket-admin-controls{grid-template-columns:minmax(180px,220px) minmax(440px,1fr) minmax(160px,180px);gap:22px;max-width:100%}.ticket-shell .ticket-admin-search-row{grid-template-columns:minmax(300px,1fr) 124px;gap:14px}@media(max-width:900px){.ticket-shell .ticket-admin-controls{grid-template-columns:1fr}.ticket-shell .ticket-admin-search-row{grid-template-columns:minmax(0,1fr) 118px}}@media(max-width:680px){.ticket-shell .ticket-admin-search-row{grid-template-columns:1fr}}
.ticket-admin-warning-card .button:focus{outline:0}.ticket-admin-warning-card .button:focus-visible{outline:2px solid #fe1532;outline-offset:3px}
.ticket-shell .ticket-admin-controls{grid-template-columns:minmax(180px,220px) minmax(0,1fr) 144px;gap:8px}.ticket-shell .ticket-admin-search-row{grid-template-columns:minmax(300px,1fr) 144px;gap:8px}.ticket-shell .ticket-admin-search-row .button,.ticket-shell [data-ticket-admin-create-toggle]{width:144px;min-width:144px;max-width:144px;height:48px;min-height:48px;padding:0 16px;justify-self:start;font-size:15px;font-weight:800}.ticket-shell .ticket-admin-search-row .button{border-radius:999px}@media(max-width:900px){.ticket-shell .ticket-admin-controls{grid-template-columns:1fr;gap:14px}.ticket-shell .ticket-admin-search-row{grid-template-columns:minmax(0,1fr) 132px;gap:10px}.ticket-shell .ticket-admin-search-row .button{width:132px;min-width:132px;max-width:132px}.ticket-shell [data-ticket-admin-create-toggle]{width:100%;min-width:0;max-width:none}}@media(max-width:680px){.ticket-shell .ticket-admin-search-row{grid-template-columns:1fr}.ticket-shell .ticket-admin-search-row .button{width:100%;min-width:0;max-width:none}}
.ticket-shell .ticket-admin-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.ticket-shell .ticket-admin-heading-row h2{min-width:0}.ticket-shell .ticket-admin-logout{flex:0 0 auto;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap}@media(max-width:680px){.ticket-shell .ticket-admin-heading-row{align-items:stretch;flex-direction:column}.ticket-shell .ticket-admin-logout{width:100%}}
.ticket-payment{display:grid;gap:18px;padding:22px;border:1px solid #dddddd;border-radius:8px;background:linear-gradient(180deg,#ffffff,#f6f6f6);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.ticket-payment-head{display:grid;gap:8px}.ticket-payment-head h3{margin:0;color:#0c0f12;font-size:22px;line-height:1.2}.ticket-payment-head p:not(.section-kicker){margin:0;color:#626262;line-height:1.65}.ticket-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ticket-package-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:start;min-height:148px;padding:16px;border:1px solid #dbdbdb;border-radius:8px;background:#fff;color:#0c0f12;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.ticket-package-card:hover,.ticket-package-card:focus-within{border-color:#202124;background:#fafafa;transform:translateY(-1px);box-shadow:0 14px 32px rgba(12,15,18,.08)}.ticket-package-card input{width:18px;height:18px;margin:2px 0 0;accent-color:#fe1532}.ticket-package-card span{display:grid;gap:5px}.ticket-package-card strong{font-size:16px;line-height:1.25}.ticket-package-card small{color:#686868;font-size:13px;line-height:1.45}.ticket-package-card b{grid-column:1/-1;align-self:end;color:#0c0f12;font-size:28px;line-height:1;letter-spacing:0}.ticket-package-card:has(input:checked){border-color:#202124;background:#f6f6f6;box-shadow:0 16px 42px rgba(32,33,36,0.18)}.ticket-payment-note{margin:0;color:#686868;font-size:13px;line-height:1.6}.ticket-meta-grid:has(.ticket-meta:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:820px){.ticket-package-grid{grid-template-columns:1fr}.ticket-package-card{min-height:auto}.ticket-package-card b{font-size:24px}}
.ticket-payment{gap:16px;padding:20px}.ticket-payment-head h3{font-size:20px}.ticket-payment-head p:not(.section-kicker){font-size:14px;line-height:1.6}.ticket-package-grid{gap:10px}.ticket-package-card{min-height:126px;padding:14px;gap:9px 10px}.ticket-package-card input{width:16px;height:16px}.ticket-package-card strong{font-size:15px}.ticket-package-card small{font-size:12.5px;line-height:1.35}.ticket-package-card b{font-size:24px}.ticket-payment-footer{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between}.ticket-payment-clear{min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:#fff;color:#0c0f12;font:inherit;font-size:13px;font-weight:800;line-height:1;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.ticket-payment-clear:hover,.ticket-payment-clear:focus-visible{border-color:transparent;background:#fafafa;transform:translateY(-1px);outline:0}@media(max-width:820px){.ticket-package-card{min-height:auto}.ticket-package-card b{font-size:23px}.ticket-payment-footer{display:grid;justify-content:stretch}.ticket-payment-clear{justify-self:start}}
.ticket-payment-inline{display:grid;gap:10px;margin:0 0 20px;padding:18px 20px;border:1px solid #dddddd;border-left:4px solid #fe1532;border-radius:8px;background:#f6f6f6;color:#535353;line-height:1.65}.ticket-payment-inline strong{color:#0c0f12;font-size:16px}.ticket-payment-inline code{padding:2px 5px;border-radius:5px;background:rgba(12,15,18,.06);color:#0c0f12;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}.ticket-payment-inline .button{justify-self:start;min-height:44px;padding:0 20px;font-size:14px}@media(max-width:560px){.ticket-payment-inline{padding:16px}.ticket-payment-inline .button{width:100%}}
.ticket-payment-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ticket-payment-links .button{margin:0}@media(max-width:560px){.ticket-payment-links{display:grid}.ticket-payment-links .button{width:100%}}
.ticket-shell{overflow-x:hidden}.ticket-shell .ticket-panel,.ticket-shell .ticket-side,.ticket-shell .ticket-view-panel,.ticket-shell .ticket-admin-panel,.ticket-shell .ticket-form,.ticket-shell .ticket-row,.ticket-shell .ticket-payment,.ticket-shell .ticket-package-grid,.ticket-shell .ticket-package-card{min-width:0;max-width:100%}.ticket-shell .ticket-field .ticket-file-input{position:absolute;width:1px;max-width:1px;height:1px;padding:0;border:0;margin:0;opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}@media(max-width:560px){.ticket-shell .ticket-section>.container,.ticket-shell .ticket-grid{max-width:100%;overflow-x:clip}.ticket-shell .ticket-payment-footer{min-width:0}.ticket-shell .ticket-package-card{width:100%}}
.ticket-shell .ticket-note.is-internal{border-left:4px solid #0c0f12;background:#f6f6f6}.ticket-shell .ticket-note.is-internal .ticket-note-head strong{color:#0c0f12}.ticket-shell .ticket-note.is-internal .ticket-note-head strong:after{content:" intern";display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#0c0f12;color:#fe1532;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.ticket-shell .ticket-admin-internal{display:grid;gap:14px;margin:26px 0;padding:20px;border:1px solid #e1e1e1;border-radius:8px;background:#fafafa}.ticket-shell .ticket-admin-internal-head{display:grid;gap:4px}.ticket-shell .ticket-admin-internal-head strong{color:#0c0f12;font-size:18px;line-height:1.25}.ticket-shell .ticket-admin-internal-head span{color:#686868;font-size:14px;line-height:1.55}.ticket-shell .ticket-admin-internal textarea{min-height:118px}.ticket-shell .ticket-admin-internal .button{cursor:pointer}.ticket-shell .ticket-admin-internal .button:disabled{cursor:not-allowed;opacity:.62}@media(max-width:680px){.ticket-shell .ticket-admin-internal{padding:18px}}

/* Button refresh for Service Desk and ticket flows. */
.ticket-shell .button,.ticket-open-submit,.ticket-shell .ticket-admin-search-row .button,.ticket-shell [data-ticket-admin-create-toggle],.ticket-shell .ticket-admin-logout,.ticket-payment-clear,.ticket-payment-inline .button,.ticket-payment-links .button,.ticket-admin-warning-card .button{border-radius:var(--button-radius,8px)}
.ticket-open-submit{background:var(--button-gradient,linear-gradient(135deg,#ffffff 0%,#f6f6f6 48%,#ededed 100%));box-shadow:var(--button-shadow,0 14px 34px rgba(32,33,36,0.16))}
.ticket-open-submit:hover,.ticket-open-submit:focus-visible{background:var(--button-gradient-hover,linear-gradient(135deg,#f7f7f7 0%,#eeeeee 48%,#e8e8e8 100%))}
.ticket-payment-clear:hover,.ticket-payment-clear:focus-visible{border-color:rgba(102,102,102,0.34);background:#f6f6f6}
@media(max-width:560px){.ticket-open-submit{border-radius:var(--button-radius,8px)}}
@media(max-width:900px){.ticket-shell .ticket-admin-search-row .button{border-radius:var(--button-radius,8px)}}

/* Ticket dropdowns share the branded select treatment used by analysis tools. */
.ticket-shell .ticket-field select,.ticket-shell .ticket-admin-toolbar select,.ticket-shell .ticket-admin-filter select{-webkit-appearance:none;appearance:none;width:100%;height:48px;min-height:48px;border:0;border-radius:var(--select-radius,var(--button-radius,8px));padding:0 42px 0 14px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#0c0f12 50%),linear-gradient(135deg,#0c0f12 50%,transparent 50%);background-position:calc(100% - 21px) calc(50% + 1px),calc(100% - 15px) calc(50% + 1px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;color:#0c0f12;font:inherit;font-weight:700;box-shadow:var(--select-shadow,inset 0 0 0 1px rgba(12,15,18,.11),0 8px 20px rgba(12,15,18,.035));transition:background-color .18s ease,box-shadow .18s ease}
.ticket-shell .ticket-field select:hover,.ticket-shell .ticket-admin-toolbar select:hover,.ticket-shell .ticket-admin-filter select:hover{background-color:#fff;box-shadow:inset 0 0 0 1px rgba(51,51,51,0.18),0 10px 24px rgba(32,33,36,0.06)}
.ticket-shell .ticket-field select:focus,.ticket-shell .ticket-admin-toolbar select:focus,.ticket-shell .ticket-admin-filter select:focus{outline:0;background-color:#fff;box-shadow:var(--select-shadow-focus,inset 0 0 0 1px rgba(51,51,51,0.25),0 0 0 2px rgba(32,33,36,0.2),0 10px 24px rgba(32,33,36,0.08))}

/* White design refresh 2026-07-29. */
.ticket-shell{background:#fff;color:#0b0b0b}.ticket-section{background:#fff}.ticket-panel,.ticket-side,.ticket-view-panel,.ticket-admin-panel{border-color:rgba(11,11,11,.14);border-radius:7px;background:#fff;box-shadow:none}.ticket-muted,.ticket-field label,.ticket-privacy,.ticket-note-body{color:#555}.ticket-field input,.ticket-field select,.ticket-field textarea{border-color:rgba(11,11,11,.18);border-radius:7px;background:#fff}.ticket-field input:focus,.ticket-field select:focus,.ticket-field textarea:focus{outline:2px solid rgba(11,11,11,.14);border-color:#0b0b0b;background:#fff}.ticket-side-list li{border-left-color:#0b0b0b;background:#f7f7f7;color:#555}.ticket-upload-box{border-color:rgba(11,11,11,.25);border-radius:7px;background:#fff}.ticket-upload-box:hover,.ticket-upload-box:focus-within{border-color:#0b0b0b;background:#f7f7f7}.ticket-shell .button,.ticket-open-submit,.ticket-shell .ticket-admin-search-row .button,.ticket-shell [data-ticket-admin-create-toggle],.ticket-shell .ticket-admin-logout,.ticket-payment-clear,.ticket-payment-inline .button,.ticket-payment-links .button,.ticket-admin-warning-card .button{min-height:40px;height:40px;padding:0 18px;border-radius:7px;background:#0b0b0b;color:#fff;box-shadow:none;font-size:14px}.ticket-shell .button:hover,.ticket-shell .button:focus-visible,.ticket-open-submit:hover,.ticket-open-submit:focus-visible,.ticket-shell .ticket-admin-search-row .button:hover,.ticket-shell .ticket-admin-search-row .button:focus-visible{background:#2a2a2a;color:#fff;box-shadow:none;transform:none}.ticket-open-form{grid-template-columns:minmax(0,1fr) 40px}.ticket-open-submit{display:inline-flex;width:40px;min-width:40px;align-items:center;justify-content:center;font-size:18px;line-height:1}.ticket-shell .ticket-field select,.ticket-shell .ticket-admin-toolbar select,.ticket-shell .ticket-admin-filter select{height:40px;min-height:40px;border:1px solid rgba(11,11,11,.18);border-radius:7px;color:#1b1b1b;font-weight:400;box-shadow:none}.ticket-shell .ticket-field select:hover,.ticket-shell .ticket-admin-toolbar select:hover,.ticket-shell .ticket-admin-filter select:hover{box-shadow:none}.ticket-shell .ticket-field select:focus,.ticket-shell .ticket-admin-toolbar select:focus,.ticket-shell .ticket-admin-filter select:focus{border-color:#0b0b0b;box-shadow:0 0 0 2px rgba(11,11,11,.12)}.ticket-payment,.ticket-payment-inline{border-color:rgba(11,11,11,.14);border-left-color:#0b0b0b;background:#f7f7f7}.ticket-package-card,.ticket-meta,.ticket-note{border-color:rgba(11,11,11,.14);background:#fff}.ticket-package-card:hover,.ticket-package-card:focus-within,.ticket-package-card:has(input:checked){border-color:#0b0b0b;background:#f7f7f7;box-shadow:none}.ticket-package-card input,.ticket-privacy input{accent-color:#0b0b0b}.ticket-note.is-agent,.ticket-note.is-internal{border-left-color:#0b0b0b;background:#f7f7f7}.ticket-message.is-success{border-color:#bdbdbd;background:#f2f2f2;color:#111}.ticket-shell .ticket-admin-search-row .button,.ticket-shell [data-ticket-admin-create-toggle]{width:auto;min-width:0;max-width:none}

/* Approved muted-lime controls for Service Desk and ticket actions. */
.ticket-shell .button:not(.button-secondary),
.ticket-open-submit,
.ticket-shell .ticket-admin-search-row .button,
.ticket-shell [data-ticket-admin-create-toggle],
.ticket-shell .ticket-admin-logout,
.ticket-payment-clear,
.ticket-payment-inline .button,
.ticket-payment-links .button,
.ticket-admin-warning-card .button{
  border-color:var(--button-primary-border);
  background:var(--button-primary-bg);
  color:var(--button-primary-text);
}
.ticket-shell .button:not(.button-secondary):hover,
.ticket-shell .button:not(.button-secondary):focus-visible,
.ticket-open-submit:hover,
.ticket-open-submit:focus-visible,
.ticket-shell .ticket-admin-search-row .button:hover,
.ticket-shell .ticket-admin-search-row .button:focus-visible,
.ticket-shell [data-ticket-admin-create-toggle]:hover,
.ticket-shell [data-ticket-admin-create-toggle]:focus-visible,
.ticket-shell .ticket-admin-logout:hover,
.ticket-shell .ticket-admin-logout:focus-visible,
.ticket-payment-clear:hover,
.ticket-payment-clear:focus-visible,
.ticket-payment-inline .button:hover,
.ticket-payment-inline .button:focus-visible,
.ticket-payment-links .button:hover,
.ticket-payment-links .button:focus-visible,
.ticket-admin-warning-card .button:hover,
.ticket-admin-warning-card .button:focus-visible{
  border-color:var(--button-primary-bg-hover);
  background:var(--button-primary-bg-hover);
  color:var(--button-primary-text);
}
.ticket-shell .button:not(.button-secondary):focus-visible,
.ticket-open-submit:focus-visible,
.ticket-shell .ticket-admin-search-row .button:focus-visible,
.ticket-shell [data-ticket-admin-create-toggle]:focus-visible,
.ticket-shell .ticket-admin-logout:focus-visible,
.ticket-payment-clear:focus-visible,
.ticket-payment-inline .button:focus-visible,
.ticket-payment-links .button:focus-visible,
.ticket-admin-warning-card .button:focus-visible{
  outline:2px solid var(--button-focus-ring);
  outline-offset:2px;
}
.ticket-shell .button-secondary{
  border-color:var(--button-secondary-border);
  background:#fff;
  color:var(--button-secondary-text);
}
.ticket-shell .button-secondary:hover,
.ticket-shell .button-secondary:focus-visible{
  border-color:var(--button-primary-border);
  background:var(--button-secondary-bg-hover);
  color:var(--button-secondary-text);
}
.ticket-shell .button.cookie-manage,
.ticket-shell .button.cookie-reject{
  border-color:var(--button-secondary-border);
  background:#fff;
  color:var(--button-secondary-text);
}
.ticket-shell .button.cookie-manage:hover,
.ticket-shell .button.cookie-manage:focus-visible,
.ticket-shell .button.cookie-reject:hover,
.ticket-shell .button.cookie-reject:focus-visible{
  border-color:var(--button-primary-border);
  background:var(--button-secondary-bg-hover);
  color:var(--button-secondary-text);
}

/* Preserve the original text arrow and correct only its vertical position. */
.ticket-open-submit .ticket-open-icon{
  position:relative;
  top:-2px;
}

/* Keep regular Service Desk actions aligned with the shared 40px button system. */
.ticket-shell .ticket-actions .button,
.ticket-shell .ticket-view-panel .ticket-actions .button,
.ticket-shell .ticket-admin-search-row .button,
.ticket-shell [data-ticket-admin-create-toggle]{
  min-height:var(--button-height);
  height:var(--button-height);
  padding:var(--button-padding);
  border-radius:var(--button-radius);
  font-size:14px;
}
.ticket-shell .ticket-actions .button{
  width:auto;
}

/* Paired field action: both controls are 48px, including narrow/zoomed layouts.
   The icon control is an explicit exception to regular 40px text buttons. */
.ticket-open-form{
  grid-template-columns:minmax(0,1fr) 48px;
  align-items:end;
}
.ticket-open-form .ticket-field{min-width:0;}
.ticket-open-form .ticket-open-submit{
  box-sizing:border-box;
  width:48px;
  min-width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  margin:0;
}
.ticket-shell [data-ticket-create] .ticket-field select{
  height:48px;
  min-height:48px;
}

/* Selected attachments remain removable before sending or after a rejected upload. */
.ticket-upload-chip{max-width:100%;flex-wrap:wrap;border-radius:7px}.ticket-upload-file{min-width:0;flex:1 1 150px;overflow-wrap:anywhere}.ticket-upload-file small{display:block}.ticket-upload-remove{flex:0 0 auto}.ticket-upload-box:focus-visible{outline:2px solid #0b0b0b;outline-offset:2px}.ticket-upload.is-upload-busy .ticket-upload-box{pointer-events:none;cursor:wait;opacity:.65}

/* QA029: attachment actions use the same sage field role as their ticket workspace. */
body.sc-sage-theme :is(.ticket-admin-panel,.ticket-view-panel) .ticket-attachment-link{background:var(--sc-surface-field,#edf0e6);border-color:var(--sc-surface-card-line,#bcc7b0)}
body.sc-sage-theme :is(.ticket-admin-panel,.ticket-view-panel) .ticket-attachment-link:is(:hover,:focus-visible){background:var(--sc-surface-card,#e2e7da);border-color:#374322}
body.sc-sage-theme :is(.ticket-admin-panel,.ticket-view-panel) .ticket-attachment-link:focus-visible{outline:2px solid #374322;outline-offset:3px}

/* Workplify support: field requirements and response targets stay with the request. */
.ticket-field small{font-size:13px;line-height:1.6;color:#555f4d}
.ticket-support-fields{display:grid;gap:18px;min-width:0}
.ticket-support-fields[hidden]{display:none}
/* Keep paired criteria aligned when their help text wraps to different heights. */
[data-ticket-incident-fields] > .ticket-field{align-content:start}
.ticket-support-info{display:grid;gap:10px;padding:18px 20px;margin:20px 0;border:1px solid var(--sc-surface-card-line,#bcc7b0);border-radius:7px;background:var(--sc-surface-field,#edf0e6);color:#374322;line-height:1.65;overflow-wrap:anywhere}
.ticket-support-fields .ticket-support-info{margin:0}
.ticket-support-info strong{font-size:16px;color:#263019}
.ticket-support-info p{margin:0;font-size:14px;line-height:1.65}
.ticket-support-company{margin:8px 0 0;overflow-wrap:anywhere}
.ticket-field input[aria-invalid=true],.ticket-field select[aria-invalid=true]{border-color:#9f251c}
.ticket-field label [data-ticket-company-label]{font-weight:400}
.ticket-meta strong{overflow-wrap:anywhere}
@media(max-width:560px){.ticket-support-info{padding:16px}.ticket-support-info p{font-size:14px}}
.ticket-priority-result{display:grid;gap:8px;padding:16px 18px;border-radius:7px;background:var(--sc-surface-field,#edf0e6);color:#263019;line-height:1.6}
.ticket-priority-result output{font-size:14px;overflow-wrap:anywhere}
.ticket-help-label{position:relative;display:flex;align-items:center;gap:0;min-width:0}
.ticket-help-label label,.ticket-help-label>strong{flex:0 1 auto;margin:0;font-size:14px;line-height:1.45}
.ticket-help-label>.ticket-help-toggle{display:inline-flex;flex:0 0 24px;align-items:center;justify-content:center;min-width:24px;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:#56614b;appearance:none;font-family:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer}
/* Raise only the small question mark; keep the full hit area beside the label. */
.ticket-help-toggle>span{display:block;transform:translateY(-3px)}
.ticket-help-label>.ticket-help-toggle:hover,.ticket-help-label>.ticket-help-toggle[aria-expanded=true]{color:#263019;text-decoration:underline;text-underline-offset:2px}
.ticket-help-label>.ticket-help-toggle:active{color:#11130d}
.ticket-help-label>.ticket-help-toggle:focus-visible{outline:2px solid #374322;outline-offset:1px}
.ticket-help-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:min(340px,100%);min-width:0;padding:12px 14px;border:1px solid #829273;border-radius:7px;box-shadow:0 8px 24px rgba(38,48,25,.12);background:#fafdf6;color:#263019;font-size:13px;font-weight:400;line-height:1.55;overflow-wrap:anywhere}
.ticket-help-popover::before{content:"";position:absolute;left:-1px;right:-1px;top:-9px;height:9px}
.ticket-help-popover[hidden]{display:none}
.ticket-incident-fields[hidden],[data-ticket-incident-fields][hidden]{display:none}
.ticket-support-info .ticket-support-status{font-weight:700}
.ticket-support-info .ticket-support-status.is-late{color:#9f251c}
.ticket-escalation{margin-top:24px;padding:20px;border:1px solid var(--sc-surface-card-line,#bcc7b0);border-radius:7px;background:var(--sc-surface-field,#edf0e6)}
.ticket-escalation[hidden],.ticket-escalation [hidden]{display:none}
.ticket-escalation p{margin:0;line-height:1.65;overflow-wrap:anywhere}
.ticket-escalation-editor>summary{cursor:pointer;font-weight:700;color:#263019;min-height:28px;line-height:1.7}
.ticket-escalation-editor>summary:focus-visible{outline:2px solid #374322;outline-offset:4px}
.ticket-escalation [data-ticket-escalation-refresh]{margin-top:16px}
.ticket-escalation textarea[aria-invalid=true]{border-color:#9f251c}
.ticket-note.is-system{border-left:4px solid #829273;background:var(--sc-surface-field,#edf0e6)}
@media(max-width:560px){.ticket-escalation{padding:16px}body.ticket-shell .ticket-view-panel .ticket-meta-grid{grid-template-columns:minmax(0,1fr)}}