/* Shieldman Cases - member-facing (My Account) */

.ssc-account { --e:#059669; color:#3a4459; }
.ssc-h { font-family:"Sora",system-ui,sans-serif; font-weight:800; letter-spacing:-.02em; color:#0b1220; margin:0 0 4px; font-size:1.3rem; }
.ssc-sub { color:#64708a; margin:0 0 18px; }

/* status badges (shared look with admin) */
.ssc-badge { display:inline-flex; align-items:center; gap:6px; font-family:"Sora",system-ui,sans-serif; font-weight:700; font-size:.74rem; letter-spacing:.02em; padding:5px 11px; border-radius:999px; white-space:nowrap; border:1px solid transparent; }
.ssc-badge::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }
.ssc-badge--new       { background:#e0f2fe; color:#0369a1; }
.ssc-badge--review    { background:#fef3c7; color:#b45309; }
.ssc-badge--action    { background:#ede9fe; color:#6d28d9; }
.ssc-badge--escalated { background:#ffe4e6; color:#be123c; }
.ssc-badge--resolved  { background:#d1fae5; color:#047857; }
.ssc-badge--closed    { background:#eef2f9; color:#64748b; }

/* case list */
.ssc-list { display:grid; gap:10px; margin-bottom:34px; }
.ssc-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;
	background:#fff; border:1px solid #e6e9f1; border-radius:10px; padding:16px 18px; text-decoration:none !important; transition:border-color .15s, box-shadow .15s, transform .15s; }
.ssc-row:hover { border-color:#c9d4ea; box-shadow:0 8px 22px -14px rgba(10,23,48,.25); transform:translateY(-1px); }
.ssc-row__main { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; }
.ssc-row__ref { font-family:"Sora",system-ui,sans-serif; font-weight:800; color:#0b1220; }
.ssc-row__merchant { color:#0b1220; font-weight:600; }
.ssc-row__issue { color:#64708a; font-size:.9rem; }
.ssc-row__meta { display:flex; align-items:center; gap:12px; }
.ssc-row__time { color:#8894a8; font-size:.82rem; }

.ssc-empty { text-align:center; background:#f7f9fc; border:1px dashed #d8e0ee; border-radius:12px; padding:34px 22px; margin-bottom:26px; }
.ssc-empty .ss-ico { width:38px; height:38px; color:var(--e); }
.ssc-empty h3 { font-family:"Sora",system-ui,sans-serif; margin:8px 0 4px; color:#0b1220; }
.ssc-empty p { color:#64708a; margin:0; max-width:420px; margin-inline:auto; }

.ssc-gate { background:#0a1730; color:#c7d2e6; border-radius:12px; padding:24px; text-align:center; }
.ssc-gate h3 { color:#fff; font-family:"Sora",system-ui,sans-serif; margin:0 0 6px; }
.ssc-gate p { margin:0 0 16px; }

/* new case form */
.ssc-newcase { border-top:1px solid #e6e9f1; padding-top:26px; }
.ssc-form.ss-form { padding:0; border:0; box-shadow:none; background:transparent; }
.ssc-grid2 { display:grid; gap:16px; grid-template-columns:1fr; }
.ssc-fineprint { font-size:.82rem; color:#8894a8; margin-top:10px; }

/* single case */
.ssc-back { display:inline-block; margin-bottom:14px; font-weight:700; font-family:"Sora",system-ui,sans-serif; color:var(--e); text-decoration:none; }
.ssc-single__head { display:flex; gap:14px; align-items:flex-start; justify-content:space-between; margin-bottom:16px; }
.ssc-single__head .ssc-sub { margin:0; }

/* status strip */
.ssc-status-strip { display:flex; flex-wrap:wrap; gap:10px 18px; padding:16px; background:#f7f9fc; border:1px solid #e6e9f1; border-radius:10px; margin-bottom:22px; }
.ssc-stage { display:inline-flex; align-items:center; gap:8px; font-size:.85rem; color:#94a0b4; font-weight:600; }
.ssc-stage i { width:14px; height:14px; border-radius:50%; border:2px solid #cfd8e8; background:#fff; }
.ssc-stage.is-done { color:#29344a; }
.ssc-stage.is-done i { background:var(--e); border-color:var(--e); }
.ssc-stage.is-now i { border-color:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.22); }

/* conversation thread */
.ssc-thread { display:grid; gap:12px; margin-bottom:20px; }
.ssc-msg { border-radius:10px; padding:13px 15px; max-width:88%; }
.ssc-msg__head { display:flex; gap:10px; align-items:baseline; margin-bottom:3px; }
.ssc-msg__head strong { font-family:"Sora",system-ui,sans-serif; font-size:.9rem; color:#0b1220; }
.ssc-msg__time { color:#8894a8; font-size:.78rem; }
.ssc-msg__body { color:#3a4459; }
.ssc-msg__body p { margin:0 0 .4em; }
.ssc-msg--member { background:#eef2f9; margin-left:auto; }
.ssc-msg--staff  { background:#ecfdf5; border:1px solid #c7ecdb; margin-right:auto; }

.ssc-replyform.ss-form { padding:16px; }

@media (min-width:600px){
	.ssc-grid2 { grid-template-columns:1fr 1fr; }
}