/* Varianta 1 — medalioane ceremoniale, inspirate din pașii onboarding-ului. */
.status-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.status-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:32px 28px 27px;overflow:hidden;text-align:center}
.status-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(245,209,111,.2);border-radius:12px;pointer-events:none}
.status-card:after{content:"✦";position:absolute;top:18px;left:22px;color:#f1cd67;font:600 15px Cinzel,serif;opacity:.86}
.status-card-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}
.status-card .status-symbol{display:grid;place-items:center;order:1;position:relative;width:74px;height:74px;margin:0 0 22px;border:1px solid #f5d36f;border-radius:50%;background:radial-gradient(circle at 42% 34%,#d7a341 0,#8a591b 35%,#4b2a10 62%,#211128 78%);color:#fff0ad;font:600 29px Cinzel,serif;box-shadow:0 0 0 7px rgba(194,132,35,.11),0 0 30px rgba(245,204,91,.28),inset 0 1px 0 rgba(255,250,211,.45)}
.status-card .status-symbol:before,.status-card .status-symbol:after{content:"";position:absolute;top:50%;width:34px;height:1px;background:linear-gradient(90deg,transparent,#e8c45f)}
.status-card .status-symbol:before{right:calc(100% + 11px)}
.status-card .status-symbol:after{left:calc(100% + 11px);transform:scaleX(-1)}
.status-card-copy b{order:2;display:block;max-width:390px;margin:0;color:#ffe17b;font:800 clamp(23px,2.3vw,30px)/1.16 "DM Sans",sans-serif;letter-spacing:-.65px;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 12px rgba(15,4,23,.45)}
.status-card-copy b:after{content:"";display:block;width:76px;height:2px;margin:17px auto 16px;background:linear-gradient(90deg,transparent,#f5d36f 24%,#fff0a8 50%,#f5d36f 76%,transparent)}
.status-card .status-action{display:flex;align-items:center;justify-content:center;order:3;min-height:62px;width:min(100%,330px);margin:0;padding:13px 23px;border:1px solid rgba(139,235,249,.82);border-radius:10px;background:linear-gradient(135deg,#087da9 0%,#08a8cf 43%,#22c5e2 100%);color:#f7fdff;font:700 clamp(17px,1.55vw,20px)/1.22 "DM Sans",sans-serif;letter-spacing:-.15px;text-transform:none;text-wrap:balance;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 9px 23px rgba(0,154,197,.22)}
.status-card>i{top:18px;right:20px;font-size:0}
.status-card>i:after{content:"";display:block;width:13px;height:13px;border:2px solid #e7c15c;border-radius:50%;box-shadow:0 0 0 3px rgba(231,193,92,.08)}
.status-card.selected>i:after{background:#f2cf68;box-shadow:inset 0 0 0 3px #392047,0 0 15px rgba(242,207,104,.58)}
.status-card.selected{transform:translateY(-3px);box-shadow:0 18px 36px rgba(5,1,9,.45),inset 0 0 0 1px rgba(139,235,249,.24)}
.status-detail.branch-courier,.status-detail.branch-client{grid-column:1}.status-detail.branch-none{grid-column:2}
@media(max-width:680px){.status-options{grid-template-columns:1fr;gap:14px}.status-card{min-height:286px;padding:27px 22px 23px}.status-card .status-symbol{width:66px;height:66px;margin-bottom:18px;font-size:25px}.status-card .status-symbol:before,.status-card .status-symbol:after{width:27px}.status-card-copy b{font-size:24px;letter-spacing:-.45px}.status-card-copy b:after{margin:14px auto}.status-card .status-action{min-height:56px;padding:12px 19px;font-size:17px;letter-spacing:-.1px}.status-detail.branch-courier,.status-detail.branch-client,.status-detail.branch-none{grid-column:auto}}
