/* Cristal Support Centre — isolated public + dashboard support UI */
:root{
    --support-ink:#123532;
    --support-ink-2:#315853;
    --support-muted:#6e8581;
    --support-green:#087f6c;
    --support-green-dark:#086458;
    --support-mint:#e6f7f2;
    --support-mint-2:#f4fbf9;
    --support-line:#dcebe7;
    --support-canvas:#f7faf9;
    --support-shadow:0 24px 70px rgba(15,72,63,.10);
}

/* Public contact hero */
.support-v2-hero{
    position:relative;
    overflow:hidden;
    padding:72px 0 68px;
    background:
      radial-gradient(circle at 9% 4%,rgba(102,221,190,.22),transparent 31%),
      radial-gradient(circle at 91% 12%,rgba(87,178,217,.13),transparent 26%),
      linear-gradient(180deg,#f7fcfa 0%,#ffffff 100%);
    border-bottom:1px solid #e8f1ee;
}
.support-v2-hero:before{
    content:"";
    position:absolute;
    width:520px;height:520px;
    right:-260px;top:-250px;
    border:1px solid rgba(8,127,108,.08);
    border-radius:50%;
    box-shadow:0 0 0 70px rgba(8,127,108,.025),0 0 0 140px rgba(8,127,108,.018);
    pointer-events:none;
}
.support-v2-hero-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);
    gap:clamp(42px,6vw,84px);
    align-items:center;
    max-width:1320px;
}
.support-v2-hero-copy{min-width:0;}
.support-v2-eyebrow-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.support-v2-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--support-green);
    font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
}
.support-v2-eyebrow:before{content:"";width:24px;height:2px;background:#26b899;border-radius:9px;}
.support-v2-live-badge{
    display:inline-flex;align-items:center;gap:7px;
    min-height:29px;padding:0 10px;border-radius:999px;
    border:1px solid #d4ebe5;background:#fff;
    color:#486963;font-size:11px;font-weight:800;
    box-shadow:0 4px 18px rgba(20,80,70,.04);
}
.support-v2-live-badge i{width:7px;height:7px;border-radius:50%;background:#18a67f;box-shadow:0 0 0 4px #e1f7f0;}
.support-v2-hero h1{
    max-width:780px;
    margin:0;
    color:var(--support-ink);
    font-size:clamp(48px,5.5vw,76px);
    line-height:1.01;
    letter-spacing:-.058em;
    font-weight:800;
}
.support-v2-lead{
    max-width:720px;
    margin:22px 0 0;
    color:var(--support-ink-2);
    font-size:clamp(17px,1.4vw,20px);
    line-height:1.72;
}
.support-v2-issue-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
    margin-top:30px;
}
.support-v2-issue-card{
    appearance:none;
    width:100%;min-width:0;
    display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:12px;align-items:center;
    min-height:82px;padding:14px 15px;
    border:1px solid #dfece8;border-radius:17px;
    background:rgba(255,255,255,.9);
    color:inherit;text-align:left;
    box-shadow:0 8px 26px rgba(16,78,68,.045);
    cursor:pointer;
    transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.support-v2-issue-card:hover,.support-v2-issue-card.is-selected{
    transform:translateY(-2px);
    border-color:#92d5c5;
    background:#fff;
    box-shadow:0 15px 36px rgba(12,93,78,.10);
}
.support-v2-issue-card.is-selected{box-shadow:inset 3px 0 0 #0a8b74,0 15px 36px rgba(12,93,78,.08);}
.support-v2-issue-icon{
    display:grid;place-items:center;width:42px;height:42px;
    border-radius:13px;background:#e6f7f2;color:#087b69;
    font-size:18px;font-weight:900;
}
.support-v2-issue-copy{display:grid;gap:4px;min-width:0;}
.support-v2-issue-copy strong{font-size:13.5px;color:var(--support-ink);line-height:1.3;}
.support-v2-issue-copy small{font-size:11.5px;color:var(--support-muted);line-height:1.45;}
.support-v2-issue-arrow{color:#79a89f;font-size:16px;transition:transform .18s ease;}
.support-v2-issue-card:hover .support-v2-issue-arrow{transform:translateX(2px);color:var(--support-green);}
.support-v2-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px;}
.support-v2-hero-actions .btn{min-height:50px;padding:0 20px;border-radius:13px;}
.support-v2-text-link{display:inline-flex;align-items:center;gap:7px;color:#315f58;font-size:13px;font-weight:850;text-decoration:none;}
.support-v2-text-link:hover{color:var(--support-green);}
.support-v2-text-link span{font-size:16px;}

/* Process card */
.support-v2-process-card{
    position:relative;
    padding:30px;
    border:1px solid rgba(194,224,217,.9);
    border-radius:26px;
    background:rgba(255,255,255,.92);
    box-shadow:var(--support-shadow);
    backdrop-filter:blur(14px);
}
.support-v2-process-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #e8f0ee;}
.support-v2-process-mark{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;background:#0b6e61;color:#fff;font-size:17px;font-weight:900;box-shadow:0 11px 25px rgba(8,112,96,.2);}
.support-v2-process-head small{display:block;margin-bottom:3px;color:#758a86;font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;}
.support-v2-process-head h2{margin:0;color:var(--support-ink);font-size:20px;line-height:1.25;letter-spacing:-.025em;}
.support-v2-process-list{display:grid;gap:0;margin:7px 0 0;padding:0;list-style:none;counter-reset:none;}
.support-v2-process-list li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:13px;padding:18px 0;}
.support-v2-process-list li:not(:last-child){border-bottom:1px solid #edf3f1;}
.support-v2-process-list li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf9f5;color:#087563;font-size:11px;font-weight:900;}
.support-v2-process-list strong{display:block;color:#173f3b;font-size:13px;line-height:1.3;}
.support-v2-process-list p{margin:4px 0 0;color:#718783;font-size:11.8px;line-height:1.55;}
.support-v2-security-note{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px;border-radius:14px;background:#f5faf8;border:1px solid #e1eeeb;}
.support-v2-security-note>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#fff;border:1px solid #dcebe7;color:#0a826d;font-size:16px;}
.support-v2-security-note strong{display:block;color:#315c55;font-size:11.5px;}
.support-v2-security-note p{margin:4px 0 0;color:#7c908d;font-size:10.5px;line-height:1.55;}

/* Form area */
.support-v2-form-zone{padding:64px 0 90px;background:#f7faf9;scroll-margin-top:84px;}
.support-v2-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start;max-width:1220px;}
.support-v2-form-card{
    min-width:0;
    padding:32px;
    border:1px solid #dfeae7;
    border-radius:24px;
    background:#fff;
    box-shadow:0 14px 50px rgba(18,75,66,.065);
}
.support-v2-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e9f0ee;}
.support-v2-form-kicker,.support-v2-card-kicker{display:block;margin-bottom:6px;color:#0a806d;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;}
.support-v2-form-head h2{margin:0;color:var(--support-ink);font-size:30px;line-height:1.16;letter-spacing:-.04em;}
.support-v2-form-head p{max-width:630px;margin:8px 0 0;color:#6d827e;font-size:13.5px;line-height:1.6;}
.support-v2-account-chip{display:flex;align-items:center;gap:10px;flex:0 0 auto;max-width:250px;padding:9px 11px;border:1px solid #dbe9e6;border-radius:13px;background:#f8fcfb;}
.support-v2-account-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff5ee;color:#087865;font-weight:900;}
.support-v2-account-chip.guest>span{background:#f0f4f3;color:#6b7f7b;}
.support-v2-account-chip div{display:grid;gap:1px;min-width:0;}
.support-v2-account-chip small{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:#8a9a97;font-weight:850;}
.support-v2-account-chip strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#234b46;font-size:11.5px;}

.support-v2-form-side{display:grid;gap:15px;position:sticky;top:96px;}
.support-v2-track-card,.support-v2-help-card{border:1px solid #dce9e6;border-radius:19px;background:#fff;box-shadow:0 10px 32px rgba(19,72,65,.045);}
.support-v2-track-card{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:17px;text-decoration:none;color:inherit;transition:.18s ease;}
.support-v2-track-card:hover{transform:translateY(-2px);border-color:#a8d8cc;box-shadow:0 15px 38px rgba(15,91,79,.09);}
.support-v2-track-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e7f7f3;color:#097964;font-size:17px;}
.support-v2-track-card small{display:block;color:#839591;font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;}
.support-v2-track-card strong{display:block;margin-top:2px;color:#1e4843;font-size:13px;}
.support-v2-track-card p{margin:3px 0 0;color:#7a8d89;font-size:10.5px;line-height:1.45;}
.support-v2-track-card>b{color:#75a79e;}
.support-v2-help-card{padding:20px;}
.support-v2-help-card h3{margin:0;color:#193f3b;font-size:18px;letter-spacing:-.025em;}
.support-v2-help-card>p{margin:9px 0 0;color:#718581;font-size:12px;line-height:1.65;}
.support-v2-help-card ul{display:grid;gap:11px;margin:16px 0 0;padding:0;list-style:none;}
.support-v2-help-card li{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;color:#536d68;font-size:11.5px;line-height:1.5;}
.support-v2-help-card li span{display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#e7f7f2;color:#087b67;font-size:9px;font-weight:900;}
.support-v2-help-card.subtle{background:#f1f8f6;box-shadow:none;}

/* Support form */
.support-form-v2{display:grid;gap:22px;}
.support-form-section{min-width:0;margin:0;padding:0;border:0;}
.support-form-section+ .support-form-section{padding-top:22px;border-top:1px solid #edf2f1;}
.support-form-section legend{display:flex;align-items:center;gap:9px;margin:0;padding:0;color:#1d4540;font-size:15px;font-weight:900;}
.support-form-section legend>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e5f6f1;color:#087a67;font-size:10px;font-weight:900;}
.support-form-section-copy{margin:7px 0 15px 36px;color:#82938f;font-size:11.5px;line-height:1.5;}
.support-form-v2 .support-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.support-form-v2 .field-span-2{grid-column:1/-1;}
.support-form-v2 .field{min-width:0;}
.support-form-v2 .field label:not(.support-file-drop){display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px;color:#2d504b;font-size:11.5px;font-weight:850;}
.support-form-v2 .field label small{color:#8b9a97;font-size:9.5px;font-weight:700;}
.support-form-v2 input:not(.support-file-input),.support-form-v2 select,.support-form-v2 textarea{
    width:100%;
    border:1px solid #d9e6e3;
    border-radius:12px;
    background:#fff;
    color:#173d39;
    font:inherit;
    font-size:13px;
    outline:none;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.support-form-v2 input:not(.support-file-input),.support-form-v2 select{min-height:48px;padding:0 13px;}
.support-form-v2 textarea{min-height:150px;padding:13px;line-height:1.6;resize:vertical;}
.support-form-v2 input::placeholder,.support-form-v2 textarea::placeholder{color:#a0aeab;}
.support-form-v2 input:focus,.support-form-v2 select:focus,.support-form-v2 textarea:focus{border-color:#7cc8b7;box-shadow:0 0 0 4px rgba(16,159,131,.09);background:#fff;}
.support-select-wrap{position:relative;}
.support-select-wrap select{appearance:none;padding-right:38px!important;}
.support-select-wrap>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:#78908b;font-size:14px;}
.support-field-help{display:block;margin-top:6px;color:#879894;font-size:10px;line-height:1.45;}
.support-phone-field{max-width:50%;}
.support-reimbursement-fields{padding:17px;border:1px solid #cfe8e1;border-radius:16px;background:#f7fcfa;}
.support-reimbursement-fields[hidden]{display:none!important;}
.support-reimbursement-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;}
.support-reimbursement-head>span{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#dff5ef;color:#087765;font-weight:900;}
.support-reimbursement-head strong{display:block;color:#234e48;font-size:12.5px;}
.support-reimbursement-head p{margin:3px 0 0;color:#758a86;font-size:10.5px;line-height:1.5;}
.support-form-v2 .support-form-grid.inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.support-file-drop{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:12px!important;align-items:center!important;margin:0!important;padding:14px 15px!important;border:1px dashed #b9d9d1!important;border-radius:14px;background:#fbfefd;color:inherit!important;cursor:pointer;transition:.16s ease;}
.support-file-drop:hover{border-color:#6fc4b2!important;background:#f5fcf9;}
.support-file-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e8f7f3;color:#087966;font-size:18px;font-weight:900;}
.support-file-drop>span:nth-child(2){display:grid;gap:3px;}
.support-file-drop strong{color:#2d534d;font-size:11.5px;}
.support-file-drop small{color:#879793;font-size:9.5px;font-weight:600;}
.support-file-drop>b{padding:7px 10px;border:1px solid #d7e6e2;border-radius:9px;background:#fff;color:#476a64;font-size:9.5px;white-space:nowrap;}
.support-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
.support-file-name{display:block;margin-top:7px;color:#83938f;font-size:9.5px;}
.support-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:4px;}
.support-submit-safety{display:grid;grid-template-columns:29px minmax(0,1fr);gap:10px;align-items:start;max-width:570px;}
.support-submit-safety>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef7f4;color:#087966;font-size:14px;}
.support-submit-safety p{margin:2px 0 0;color:#849590;font-size:10.5px;line-height:1.5;}
.support-submit-row .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:0 0 auto;min-height:50px;padding:0 19px;border-radius:12px;}
.support-submit-row .btn b{font-size:15px;}
.support-form-v2 .form-error-summary{margin:0;padding:14px 16px;border:1px solid #f1caca;border-radius:13px;background:#fff5f5;color:#8a3333;font-size:11.5px;}
.support-form-v2 .form-error-summary ul{margin:7px 0 0;padding-left:18px;}

/* Dashboard support pages use the new form without breaking workspace chrome */
.support-dashboard-form .support-form-v2{margin-top:8px;}
.support-dashboard-form .support-form-section-copy{margin-left:36px;}

@media (max-width:1050px){
    .support-v2-hero-grid{grid-template-columns:1fr;gap:34px;}
    .support-v2-process-card{max-width:720px;}
    .support-v2-form-layout{grid-template-columns:1fr;}
    .support-v2-form-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
    .support-v2-track-card{grid-column:1/-1;}
}

@media (max-width:720px){
    .support-v2-hero{padding:46px 0 42px;}
    .support-v2-hero-grid,.support-v2-form-layout{width:min(100% - 28px,1320px);}
    .support-v2-hero h1{font-size:clamp(40px,12vw,54px);}
    .support-v2-lead{font-size:16px;line-height:1.65;}
    .support-v2-issue-grid{grid-template-columns:1fr;}
    .support-v2-issue-card{min-height:76px;}
    .support-v2-process-card{padding:22px;border-radius:20px;}
    .support-v2-form-zone{padding:38px 0 64px;}
    .support-v2-form-card{padding:20px;border-radius:19px;}
    .support-v2-form-head{display:grid;gap:16px;margin-bottom:22px;padding-bottom:20px;}
    .support-v2-form-head h2{font-size:25px;}
    .support-v2-account-chip{max-width:100%;width:100%;}
    .support-v2-form-side{grid-template-columns:1fr;}
    .support-form-v2 .support-form-grid,.support-form-v2 .support-form-grid.inner{grid-template-columns:1fr;}
    .support-form-v2 .field-span-2{grid-column:1;}
    .support-phone-field{max-width:none;}
    .support-submit-row{align-items:stretch;flex-direction:column;}
    .support-submit-row .btn{width:100%;}
    .support-file-drop{grid-template-columns:38px 1fr;}
    .support-file-drop>b{grid-column:2;justify-self:start;}
}

@media (max-width:430px){
    .support-v2-eyebrow-row{gap:8px;}
    .support-v2-live-badge{width:max-content;}
    .support-v2-hero-actions{align-items:stretch;flex-direction:column;gap:12px;}
    .support-v2-hero-actions .btn{width:100%;justify-content:center;}
    .support-v2-text-link{justify-content:center;}
    .support-v2-process-head{align-items:flex-start;}
    .support-v2-form-card{padding:17px;}
}

/* Support reference receipt ------------------------------------------------ */
.support-reference-zone{padding:20px 0 0;background:#f5faf8;}
.support-reference-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border:1px solid #b9dfd4;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f0fbf7 100%);box-shadow:0 16px 42px rgba(15,91,79,.08);}
.support-reference-check{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#087b67;color:#fff;font-size:25px;font-weight:900;box-shadow:0 9px 22px rgba(8,123,103,.18);}
.support-reference-copy{min-width:0;}
.support-reference-kicker{display:block;margin-bottom:3px;color:#087b67;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;}
.support-reference-copy h2{margin:0;color:#163f39;font-size:22px;letter-spacing:-.03em;}
.support-reference-copy>p{margin:5px 0 11px;color:#617c76;font-size:12.5px;line-height:1.55;}
.support-reference-copy>small{display:block;margin-top:8px;color:#82938f;font-size:10.5px;line-height:1.45;}
.support-reference-number{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:8px 9px 8px 12px;border:1px solid #d2e8e2;border-radius:12px;background:#fff;}
.support-reference-number>span{color:#7c918c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;}
.support-reference-number strong{color:#143f38;font-size:15px;letter-spacing:.04em;white-space:nowrap;}
.support-reference-copy-btn{border:0;border-radius:8px;padding:7px 9px;background:#e5f5f0;color:#087b67;font:inherit;font-size:10px;font-weight:850;cursor:pointer;transition:.15s ease;}
.support-reference-copy-btn:hover{background:#d6efe7;}
.support-reference-actions{display:grid;justify-items:end;gap:9px;min-width:180px;}
.support-reference-actions .btn{min-width:180px;justify-content:center;}
.support-reference-new{color:#597873;font-size:11px;font-weight:750;text-decoration:none;}
.support-reference-new:hover{color:#087b67;}
@media (max-width:800px){.support-reference-card{grid-template-columns:44px minmax(0,1fr);align-items:start}.support-reference-check{width:44px;height:44px;border-radius:14px;font-size:21px}.support-reference-actions{grid-column:1/-1;width:100%;justify-items:stretch}.support-reference-actions .btn{width:100%;min-width:0}.support-reference-new{text-align:center}.support-reference-number{display:grid;grid-template-columns:1fr auto}.support-reference-number>span{grid-column:1/-1}.support-reference-number strong{font-size:14px;overflow-wrap:anywhere;white-space:normal}}

/* Customer/provider Support Centre — intentionally separate from admin support */
.support-user-dashboard{display:grid;gap:22px;min-width:0}
.support-user-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:4px 0 2px}
.support-user-head-copy{min-width:0;max-width:760px}
.support-user-head h1{margin:7px 0 0;color:var(--support-ink);font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-.045em}
.support-user-head p{max-width:690px;margin:11px 0 0;color:var(--support-muted);font-size:14px;line-height:1.7}
.support-user-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.support-user-head-actions .btn{min-height:44px;border-radius:12px}
.support-user-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.support-user-stat{position:relative;display:grid;gap:8px;min-width:0;padding:16px 17px;border:1px solid #dce9e6;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 7px 25px rgba(17,78,68,.035);transition:.18s ease}
.support-user-stat:hover,.support-user-stat.active{transform:translateY(-1px);border-color:#9bd4c7;box-shadow:0 13px 30px rgba(17,92,78,.075)}
.support-user-stat.active:before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:3px;border-radius:0 0 6px 6px;background:#0a8a74}
.support-user-stat span{min-width:0;color:#738984;font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-user-stat strong{color:#173f3a;font-size:27px;line-height:1;font-weight:850;letter-spacing:-.04em}
.support-user-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.support-user-list-card{padding:0!important;overflow:hidden;border-radius:20px!important}
.support-user-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e5eeeb}
.support-user-panel-head h2{margin:3px 0 0;color:#173f3a;font-size:20px;letter-spacing:-.025em}
.support-user-total{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid #dbe9e5;border-radius:10px;background:#f7fbfa;color:#2d5b53;font-size:12px;font-weight:900}
.support-user-case-list{display:grid}
.support-user-case{display:grid;grid-template-columns:126px minmax(0,1fr) auto 20px;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid #eaf1ef;color:inherit;text-decoration:none;transition:background .16s ease}
.support-user-case:last-child{border-bottom:0}
.support-user-case:hover{background:#f7fcfa}
.support-user-case-ref{display:grid;gap:4px;min-width:0}
.support-user-case-ref strong{color:#0a7867;font-size:12px;letter-spacing:.02em}
.support-user-case-ref small{color:#849691;font-size:10.5px;line-height:1.3}
.support-user-case-main{display:grid;gap:7px;min-width:0}
.support-user-case-main>strong{overflow:hidden;color:#1c4540;font-size:13.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.support-user-case-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#7f918d;font-size:10.5px}
.support-user-case-meta span+span:before{content:"•";margin-right:7px;color:#b1bfbc}
.support-user-case-state{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.support-user-case-arrow{color:#82a79f;font-size:17px;transition:transform .16s ease,color .16s ease}
.support-user-case:hover .support-user-case-arrow{transform:translateX(2px);color:#087b69}
.support-user-side{display:grid;gap:13px;position:sticky;top:92px}
.support-user-help-card{padding:20px;border:1px solid #dce9e6;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(18,76,67,.04)}
.support-user-help-card.subtle{background:#f4faf8;box-shadow:none}
.support-user-help-card h3{margin:4px 0 0;color:#1a433d;font-size:17px;letter-spacing:-.025em}
.support-user-help-card p{margin:9px 0 16px;color:#748883;font-size:11.5px;line-height:1.62}
.support-user-help-card .btn-block{width:100%;justify-content:center}
.support-user-empty{display:grid;justify-items:center;text-align:center;padding:54px 24px}
.support-user-empty>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:13px;border-radius:16px;background:#e8f7f3;color:#087b68;font-size:20px;font-weight:900}
.support-user-empty h3{margin:0;color:#214b45;font-size:19px}
.support-user-empty p{max-width:500px;margin:9px 0 18px;color:#7a8e89;font-size:12px;line-height:1.6}
.support-user-list-card>.pagination-wrap{padding:16px 20px;border-top:1px solid #eaf1ef}
@media(max-width:1080px){.support-user-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.support-user-layout{grid-template-columns:1fr}.support-user-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.support-user-head{align-items:flex-start;flex-direction:column}.support-user-head-actions{width:100%}.support-user-head-actions .btn{flex:1}.support-user-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.support-user-stat:first-child{grid-column:1/-1}.support-user-case{grid-template-columns:minmax(0,1fr) auto;padding:16px}.support-user-case-ref{grid-column:1}.support-user-case-main{grid-column:1}.support-user-case-state{grid-column:2;grid-row:1/3;align-items:flex-end;flex-direction:column}.support-user-case-arrow{display:none}.support-user-side{grid-template-columns:1fr}}
@media(max-width:480px){.support-user-overview{grid-template-columns:1fr 1fr}.support-user-stat{padding:14px}.support-user-head-actions{flex-direction:column;align-items:stretch}.support-user-head-actions .btn{width:100%}.support-user-case-state .support-priority{display:none}}