/* Deskly R79 public self-service: isolated from main technician shell. */
.support-tracking-card{margin-top:20px;padding:25px 27px;background:#fff;border-color:#e3e8f2}
.tracking-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}
.tracking-heading h2{font-size:22px;letter-spacing:-.025em;line-height:1.25;margin:1px 0 6px;color:#162038}
.tracking-heading p{font-size:13px;color:#667085;margin:0}
.tracking-private{font-size:11px;color:#385cc8;font-weight:700;padding:7px 12px;background:#edf2ff;border-radius:100px;white-space:nowrap}
.tracking-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,1.4fr) auto;gap:12px;align-items:end}
.tracking-form label{display:grid;gap:7px;font-weight:650;font-size:12px;color:#344054}
.tracking-form input{width:100%;min-width:0;min-height:43px;padding:11px 12px;border:1px solid #d6dfed;border-radius:9px;font-size:13px;color:#1d2939;background:#fff}
.tracking-form input:focus{outline:2px solid #abc4ff;outline-offset:1px}
.tracking-form .btn{height:43px;white-space:nowrap}
.tracking-help,.tracking-subtle{color:#76839a;font-size:12px;line-height:1.6;margin:10px 0 0}
.tracking-error{margin:12px 0;color:#ba3030;font-size:12px;font-weight:650}
.tracking-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.support-success .request-success-content{flex:1;min-width:0;display:block}
.support-success .request-success-content strong{font-size:15px;color:#17613b}
.support-success .request-success-content p{font-size:12px;line-height:1.55;margin-top:6px;color:#526b5d}
.support-success .tracking-subtle{color:#526b5d}
.tracking-result{border-top:1px solid #e7ebf2;padding-top:22px;margin-top:23px}
.tracking-current{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.tracking-current>div{display:grid;gap:4px}
.tracking-field-label{font-size:11px;color:#7b879a;letter-spacing:.05em;text-transform:uppercase;font-weight:700}
.tracking-current strong{font-size:20px;color:#172b4b}
.tracking-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}
.tracking-step{padding:12px 9px;border:1px solid #e2e8f0;border-radius:9px;color:#7b879a;font-size:12px;text-align:center;background:#f8fafc}
.tracking-step.done{border-color:#c5dfca;color:#216d43;background:#f2faf3}
.tracking-step.current{border-color:#a8bbf4;color:#2649bd;background:#eef3ff;font-weight:750}
.tracking-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tracking-meta>div{display:grid;gap:6px;background:#f7f9fd;border:1px solid #edf0f6;border-radius:8px;padding:12px;min-width:0}
.tracking-meta span{font-size:11px;color:#7e8ba1}
.tracking-meta strong{font-size:12px;color:#273449;overflow-wrap:anywhere}
.support-header-actions #openTrackingBtn{white-space:nowrap}
@media(max-width:800px){.tracking-form{grid-template-columns:1fr 1fr}.tracking-form .btn{grid-column:span 2}.tracking-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.support-tracking-card{padding:18px}.tracking-heading{align-items:flex-start}.tracking-heading h2{font-size:20px}.tracking-private{display:none}.tracking-form{grid-template-columns:1fr}.tracking-form .btn{grid-column:auto;width:100%}.tracking-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-actions .btn{flex:1}.tracking-current{align-items:flex-start}}
.support-success .tracking-actions{display:flex;flex-wrap:wrap;gap:8px}

/* R82 - customer-owned ticket history. Mirrors the existing light support portal. */
.customer-tickets-card{scroll-margin-top:112px;margin-top:20px;padding:25px 27px;background:#fff;border-color:#e3e8f2}
.customer-ticket-email-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.customer-ticket-email-form label,.customer-ticket-verify label,.customer-ticket-toolbar label{display:grid;gap:7px;min-width:0;color:#344054;font-size:12px;font-weight:650}
.customer-ticket-email-form label small{font-weight:400;color:#76839a;line-height:1.4}
.customer-ticket-email-form input,.customer-ticket-verify input,.customer-ticket-toolbar input,.customer-ticket-toolbar select{min-height:43px;width:100%;min-width:0;border:1px solid #d6dfed;border-radius:9px;padding:10px 12px;background:#fff;color:#1d2939;font-size:13px}
.customer-ticket-email-form input:focus,.customer-ticket-verify input:focus,.customer-ticket-toolbar input:focus,.customer-ticket-toolbar select:focus{outline:2px solid #abc4ff;outline-offset:1px}
.customer-ticket-email-form button{min-height:43px;white-space:nowrap}
.customer-ticket-verify{max-width:520px;display:grid;gap:12px}.customer-ticket-verify .tracking-actions{margin-top:0}
.customer-ticket-board-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #e9eef6}
.customer-ticket-board-top>div{display:grid;gap:5px;min-width:0}.customer-ticket-board-top strong{font-size:14px;color:#223450;overflow-wrap:anywhere}
.customer-ticket-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.customer-ticket-stats>div{display:grid;gap:5px;padding:16px;border:1px solid #e2e8f2;background:#f8faff;border-radius:12px}
.customer-ticket-stats strong{font-size:25px;color:#1c3155;font-weight:760;line-height:1.2}.customer-ticket-stats span{font-size:12px;color:#67758c}
.customer-ticket-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,210px) auto;gap:10px;align-items:end;margin-bottom:15px}
.customer-ticket-toolbar button{min-height:43px}
.customer-ticket-list{display:grid;gap:10px}.customer-ticket-item{border:1px solid #e1e8f2;border-radius:12px;background:#fff;overflow:hidden}
.customer-ticket-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;cursor:pointer}
.customer-ticket-item summary::-webkit-details-marker{display:none}.customer-ticket-item summary:focus-visible{outline:2px solid #94adf9;outline-offset:-3px}
.customer-ticket-main{display:grid;gap:6px;min-width:0}.customer-ticket-main strong{font-size:14px;color:#192a46;overflow-wrap:anywhere}
.customer-ticket-main small{font-size:11px;color:#7c8aa0;overflow-wrap:anywhere}
.customer-ticket-main .customer-ticket-summary{font-size:12px;font-weight:400;color:#55667d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:700px}
.customer-ticket-status{font-size:11px;font-weight:750;border-radius:40px;padding:7px 11px;white-space:nowrap;background:#edf2ff;color:#3552aa}
.customer-ticket-status.resolved,.customer-ticket-status.closed{background:#eaf8ef;color:#257348}
.customer-ticket-status.new{background:#fff4e7;color:#985413}
.customer-ticket-details{padding:13px 18px 17px;border-top:1px solid #e9eef6;color:#4a5b74;font-size:13px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap;background:#fbfcfe}
.customer-ticket-empty{padding:35px;text-align:center;border:1px dashed #d8e0ed;border-radius:12px;color:#7b8799;font-size:13px}
.customer-ticket-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;color:#69788d;font-size:12px}
@media(max-width:800px){.customer-ticket-toolbar{grid-template-columns:1fr 1fr}.customer-ticket-toolbar button{grid-column:span 2}}
@media(max-width:560px){.customer-tickets-card{padding:18px}.customer-ticket-email-form,.customer-ticket-toolbar{grid-template-columns:1fr}.customer-ticket-toolbar button{grid-column:auto}.customer-ticket-stats{gap:7px}.customer-ticket-stats>div{padding:11px}.customer-ticket-stats strong{font-size:21px}.customer-ticket-stats span{font-size:11px}.customer-ticket-board-top{align-items:flex-start}.customer-ticket-item summary{align-items:flex-start;flex-direction:column}.customer-ticket-status{align-self:flex-start}.support-header-actions{gap:6px;flex-wrap:wrap}}

@media(max-width:560px){.support-public-header{height:auto;min-height:68px;flex-wrap:wrap;gap:10px;padding:11px 16px;align-items:center}.support-public-header>.brand{width:100%;flex:0 0 100%}.support-header-actions{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:6px}.support-header-actions .btn{font-size:10px;padding:8px 9px;white-space:nowrap}.customer-tickets-card{scroll-margin-top:125px}}
