/* AniTala RC27 — customer care, invoice history and secure account activity */
.sf-financial-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sf-financial-columns>div{min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--sf-line,#d8b65a) 22%,transparent);border-radius:18px;background:color-mix(in srgb,var(--sf-surface,#171717) 86%,transparent)}.sf-financial-columns h3{margin:0 0 12px;font-size:.94rem;color:var(--sf-text,#fff)}
.sf-customer-service{align-items:start}.sf-panel-intro{margin:-2px 0 16px;color:var(--sf-muted,#b9b4a8);line-height:1.9}.sf-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-service-card{display:grid;gap:8px;padding:16px;border:1px solid rgba(216,182,90,.2);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:var(--sf-text,#fff);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.sf-service-card:hover{transform:translateY(-2px);border-color:rgba(216,182,90,.55);background:linear-gradient(145deg,rgba(216,182,90,.09),rgba(255,255,255,.02))}.sf-service-card b{font-size:.96rem}.sf-service-card small{color:var(--sf-muted,#b9b4a8)}.sf-service-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.sf-service-card em,.sf-service-type{font-style:normal;font-size:.72rem;border-radius:999px;padding:5px 9px;background:rgba(216,182,90,.13);color:#f4d77f}.sf-service-card em.status-waiting_customer{background:rgba(240,170,55,.13);color:#ffc96d}.sf-service-card em.status-resolved,.sf-service-card em.status-approved{background:rgba(61,198,139,.13);color:#79e3b2}.sf-service-card em.status-rejected,.sf-service-card em.status-closed{background:rgba(255,255,255,.07);color:#aaa}.sf-service-card footer span{font-size:.75rem;color:var(--sf-muted,#b9b4a8)}
.sf-service-detail-shell{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:20px;margin:28px auto;max-width:1320px;padding-inline:clamp(14px,3vw,34px)}.sf-service-summary,.sf-service-conversation,.sf-service-items,.sf-service-timeline{border:1px solid rgba(216,182,90,.2);border-radius:24px;background:linear-gradient(145deg,rgba(25,24,22,.96),rgba(12,12,13,.98));box-shadow:0 28px 80px rgba(0,0,0,.2)}.sf-service-summary{padding:20px;align-self:start;position:sticky;top:96px}.sf-service-summary dl{display:grid;gap:0;margin:18px 0}.sf-service-summary dl div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.sf-service-summary dt{font-size:.78rem;color:var(--sf-muted,#aaa)}.sf-service-summary dd{margin:0;text-align:left;color:var(--sf-text,#fff);font-size:.84rem}.sf-service-resolution{padding:14px;border-radius:16px;background:rgba(61,198,139,.08);border:1px solid rgba(61,198,139,.2);margin-bottom:14px}.sf-service-resolution p{margin:7px 0 0;line-height:1.9}.sf-service-conversation{min-width:0;padding:clamp(16px,2.6vw,28px)}.sf-service-conversation>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.sf-service-conversation>header span{font-size:.72rem;color:#d8b65a}.sf-service-conversation h2{margin:4px 0 0}.sf-service-messages{display:grid;gap:14px;padding:20px 0;max-height:650px;overflow:auto}.sf-service-message{max-width:min(78%,760px);padding:14px 16px;border-radius:18px;line-height:1.95}.sf-service-message.is-customer{justify-self:start;background:rgba(216,182,90,.13);border:1px solid rgba(216,182,90,.25);border-bottom-right-radius:5px}.sf-service-message.is-agent{justify-self:end;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:5px}.sf-service-message header{display:flex;justify-content:space-between;gap:18px;margin-bottom:6px}.sf-service-message header small{color:var(--sf-muted,#aaa);font-size:.7rem}.sf-service-message p{margin:0;white-space:normal}.sf-service-reply{display:grid;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.sf-service-reply label{display:grid;gap:8px}.sf-service-reply textarea{width:100%}.sf-service-items,.sf-service-timeline{max-width:1320px;margin:20px auto;padding:22px;margin-inline:clamp(14px,3vw,34px)}.sf-service-timeline ol{list-style:none;display:grid;gap:0;padding:0;margin:0}.sf-service-timeline li{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding-bottom:18px}.sf-service-timeline li:after{content:"";position:absolute;right:7px;top:16px;bottom:0;width:1px;background:rgba(216,182,90,.22)}.sf-service-timeline li:last-child:after{display:none}.sf-service-timeline li>i{width:15px;height:15px;border-radius:50%;border:3px solid rgba(216,182,90,.2);background:#d8b65a;z-index:1}.sf-service-timeline li div{display:grid;gap:4px}.sf-service-timeline li span,.sf-service-timeline li small{color:var(--sf-muted,#aaa);font-size:.78rem}
.sf-login-event{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.sf-login-event>i{width:9px;height:9px;border-radius:50%;margin-top:5px;background:#e9a84e;box-shadow:0 0 0 4px rgba(233,168,78,.1)}.sf-login-event>i.ok{background:#51d59a;box-shadow:0 0 0 4px rgba(81,213,154,.1)}.sf-login-event div{display:grid;gap:3px}.sf-login-event small{font-size:.7rem;color:var(--sf-muted,#aaa)}.sf-login-event p{margin:0;font-size:.76rem;color:var(--sf-muted,#aaa)}
@media(max-width:900px){.sf-financial-columns,.sf-service-grid{grid-template-columns:1fr}.sf-service-detail-shell{grid-template-columns:1fr}.sf-service-summary{position:static}.sf-service-message{max-width:92%}}@media(max-width:620px){.sf-service-detail-shell{padding-inline:10px;margin-top:14px}.sf-service-summary,.sf-service-conversation{border-radius:18px}.sf-service-message{max-width:96%;padding:12px}.sf-service-card{padding:14px}.sf-financial-columns>div{padding:12px}}