.offer-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.offer-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.offer-overlay.closing{opacity:0;transition:opacity 0.18s var(--ease-in-quad, ease-in);}
.offer-box{background:#0d0f1e;border:1px solid rgba(255,255,255,0.10);border-radius:24px;width:min(660px,100%);max-height:min(90vh,820px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.6);transform:translateY(16px) scale(0.97);transition:transform 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));}
.offer-overlay.open .offer-box{transform:translateY(0) scale(1);}
.offer-overlay.closing .offer-box{transform:translateY(8px) scale(0.98);transition:transform 0.18s var(--ease-in-quad, ease-in);}
.offer-hdr{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;}
.offer-ttl,.offer-title{font-size:16px;font-weight:700;color:#e4e7ef;}
.offer-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s var(--ease-out-quint);}
.offer-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.offer-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.offer-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:160px;}
.offer-scroll::-webkit-scrollbar{width:3px;}
.offer-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;}
/* Secțiuni */
.offer-sec{border-bottom:1px solid rgba(255,255,255,0.05);animation:ofIn 0.32s ease;}
.offer-sec:last-child{border-bottom:none;}
@keyframes ofIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.offer-sec-hd{display:flex;align-items:center;gap:10px;padding:12px 22px;transition:background 0.15s var(--ease-out-cubic);}
.offer-sec.done .offer-sec-hd{cursor:pointer;}
.offer-sec.done .offer-sec-hd:hover{background:rgba(255,255,255,0.04);}
.offer-sec.done .offer-sec-hd:hover .offer-sedit{color:#7b86f5;}
.offer-snum{width:21px;height:21px;border-radius:50%;background:rgba(91,104,240,0.15);border:1px solid rgba(91,104,240,0.3);font-size:10px;font-weight:700;color:#a5b4fc;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'JetBrains Mono',monospace;}
.offer-sec.done .offer-snum{background:rgba(52,211,153,0.15);border-color:rgba(52,211,153,0.3);color:#34d399;font-size:13px;}
.offer-sttl{font-size:11px;font-weight:700;color:#a0a6b8;text-transform:uppercase;letter-spacing:0.6px;flex-shrink:0;}
.offer-sval{font-size:13px;color:#e4e7ef;font-weight:500;flex:1;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.offer-sedit{font-size:12px;color:#5b68f0;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity 0.15s var(--ease-out-cubic),color 0.15s var(--ease-out-cubic);}
.offer-sec.done .offer-sedit{opacity:1;}
.offer-sbd{overflow:hidden;padding:0 22px 18px;}
.offer-ssub{font-size:13px;color:#5c6178;margin-bottom:14px;line-height:1.55;}
/* System description below brands */
.offer-system-desc{margin-top:24px;padding:18px 20px;background:rgba(91,104,240,0.06);border:1px solid rgba(91,104,240,0.15);border-radius:14px;font-size:13px;line-height:1.7;color:#8b90a8;white-space:pre-line;}
/* Brands */
.offer-bg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.offer-bc{flex:1 1 110px;max-width:150px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;color:#a0a6b8;font-size:13px;font-weight:500;font-family:'DM Sans',sans-serif;transition:border-color 0.15s var(--ease-out-cubic),color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic),transform 0.15s var(--ease-out-cubic),box-shadow 0.15s var(--ease-out-cubic);}
.offer-bc:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.16);color:#e4e7ef;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,0.28);}
.offer-bc.sel{border-color:#5b68f0;color:#a5b4fc;background:rgba(91,104,240,0.12);box-shadow:inset 0 0 0 100px rgba(91,104,240,0.04);}
.offer-bc.sel:hover{border-color:rgba(91,104,240,0.7);background:rgba(91,104,240,0.18);color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 16px rgba(91,104,240,0.22);}
.offer-bc:active{transform:scale(0.98);transition:transform 0.1s ease-out;}
/* Brand grid — OfferModal React (pas 1) */
.offer-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:6px 0;}
.offer-brand{padding:12px;border-radius:12px;background:#12152a;border:1px solid rgba(255,255,255,0.08);cursor:pointer;text-align:center;font-size:12px;font-weight:700;color:#e4e7ef;text-transform:capitalize;font-family:'DM Sans',sans-serif;transition:transform 0.15s var(--ease-out-cubic),border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic),box-shadow 0.15s var(--ease-out-cubic),color 0.15s var(--ease-out-cubic);}
.offer-brand:hover{background:#1a1e38;border-color:rgba(255,255,255,0.16);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,0.3);color:#f0f2f8;}
.offer-brand.sel{border-color:rgba(91,104,240,0.5);background:rgba(91,104,240,0.12);transform:scale(1.03);color:#a5b4fc;box-shadow:0 0 0 1px rgba(91,104,240,0.2);}
.offer-brand.sel:hover{border-color:rgba(91,104,240,0.7);background:rgba(91,104,240,0.18);color:#c7d2fe;transform:scale(1.03) translateY(-1px);box-shadow:0 4px 16px rgba(91,104,240,0.25);}
.offer-brand:active{transform:scale(0.98);transition:transform 0.1s ease-out;}
.offer-brand.sel:active{transform:scale(1.0);transition:transform 0.1s ease-out;}
.offer-bico{display:flex;justify-content:center;margin-bottom:8px;}
/* Models */
.offer-mcat{margin-bottom:12px;}
.offer-mcttl{font-size:10px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:6px;}
.offer-mg{display:flex;flex-direction:column;gap:3px;}
.offer-mb{padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;cursor:pointer;font-size:13px;color:#a0a6b8;text-align:left;font-family:'DM Sans',sans-serif;width:100%;transition:border-color 0.15s var(--ease-out-cubic),color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic);}
.offer-mb:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.12);color:#e4e7ef;}
.offer-mb.sel{border-color:#5b68f0;color:#a5b4fc;background:rgba(91,104,240,0.12);}
.offer-mb.sel:hover{border-color:rgba(91,104,240,0.7);background:rgba(91,104,240,0.16);color:#c7d2fe;}
.offer-msearch-wrap{position:sticky;top:0;z-index:10;background:#13162a;padding:8px 0 10px 0;margin-bottom:4px;}
.offer-msearch{width:100%;box-sizing:border-box;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 14px 10px 38px;font-size:14px;color:#e0e4f8;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c6178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;}
.offer-msearch:hover{border-color:rgba(255,255,255,0.16);background-color:rgba(255,255,255,0.07);}
.offer-msearch:focus{border-color:#5b68f0;background-color:rgba(91,104,240,0.08);}
.offer-msearch::placeholder{color:#5c6178;}
.offer-mnoresult{padding:20px;text-align:center;color:#5c6178;font-size:13px;display:none;}
/* Condition */
.offer-cg{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.cond-list{display:flex;flex-direction:column;gap:7px;}
.cond-item{position:relative;border-radius:12px;border:1.5px solid rgba(255,255,255,0.07);cursor:pointer;transition:border-color 0.18s,background 0.18s;will-change:opacity;}
.cond-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.14);}
.cond-item.sel{border-color:rgba(255,255,255,0.22);background:rgba(255,255,255,0.07);}
.cond-item-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;}
.cond-name{font-size:15px;font-weight:700;letter-spacing:0.01em;}
.cond-arrow{color:#5c6178;font-size:18px;}
.cond-sub{font-size:11px;color:rgba(255,255,255,0.35);padding:0 16px 12px;margin-top:-4px;letter-spacing:0.1px;}
.cond-desc-inline{display:none;padding:0 16px 14px;}
.cond-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:#1a1e38;border:1px solid rgba(255,255,255,0.13);border-radius:12px;padding:12px 14px;opacity:0;pointer-events:none;transition:opacity 0.18s,transform 0.18s;transform:translateY(4px);z-index:200;box-shadow:0 8px 32px rgba(0,0,0,0.45);}
.cond-item:hover .cond-tooltip{opacity:1;transform:translateY(0);}
.cond-item:first-child .cond-tooltip{bottom:auto;top:calc(100% + 10px);transform:translateY(-4px);}
.cond-item:first-child:hover .cond-tooltip{transform:translateY(0);}
.cond-tooltip-ttl{display:block;font-size:12px;font-weight:700;margin-bottom:6px;}
.cond-desc-line{display:block;font-size:11.5px;line-height:1.7;color:#8898c0;padding-left:12px;text-indent:-12px;margin-bottom:1px;}

.offer-cc{background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.08);border-radius:16px;padding:18px 14px;text-align:center;cursor:pointer;transition:all 0.15s;}
.offer-cc:hover{background:rgba(255,255,255,0.07);}
.offer-cc.sel{border-color:#5b68f0;background:rgba(91,104,240,0.12);}
.offer-cico{font-size:24px;display:block;margin-bottom:7px;}
.offer-cnm{font-size:14px;font-weight:700;color:#e4e7ef;display:block;}
.offer-csub{font-size:11px;color:#5c6178;display:block;margin-top:3px;}
/* Chips */
.offer-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.offer-chip{padding:8px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;color:#a0a6b8;font-family:'JetBrains Mono',monospace;transition:all 0.15s;}
.offer-chip:hover{background:rgba(255,255,255,0.09);}
.offer-chip.sel{background:rgba(91,104,240,0.15);border-color:#5b68f0;color:#a5b4fc;}
/* Colors */
.offer-colors{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.offer-coli{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;}
.offer-sw{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,0.12);transition:transform 0.15s,border-color 0.15s;}
.offer-coli:hover .offer-sw{transform:scale(1.12);}
.offer-coli.sel .offer-sw{border-color:#5b68f0;transform:scale(1.12);box-shadow:0 0 0 2px rgba(91,104,240,0.4);}
.offer-coln{font-size:10px;color:#5c6178;text-align:center;max-width:50px;line-height:1.3;}
.offer-color-confirm-wrap{display:flex;justify-content:center;padding:16px 0 4px;}
.offer-color-confirm-btn{background:linear-gradient(135deg,#5b68f0,#7b68f0);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.15s,transform 0.12s;letter-spacing:0.02em;}
.offer-color-confirm-btn:hover:not(:disabled){opacity:0.88;transform:scale(1.03);}
.offer-color-confirm-btn:disabled{background:#2a2d4a;color:#5a5e80;cursor:not-allowed;}
/* Grade */
.offer-gg{display:flex;flex-direction:column;gap:8px;}
.offer-gc{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all 0.15s;}
.offer-gc:hover{background:rgba(255,255,255,0.07);}
.offer-gc.sel{border-color:#5b68f0;background:rgba(91,104,240,0.12);}
.offer-gb{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;flex-shrink:0;min-width:36px;text-align:center;}
.offer-gnm{font-size:13px;font-weight:600;color:#e4e7ef;}
.offer-gds{font-size:11px;color:#5c6178;margin-top:2px;}
/* Inputs */
.offer-ig{display:flex;flex-direction:column;gap:7px;}
.offer-ig+.offer-ig{margin-top:14px;}
.offer-ig-new{animation:ofIn 0.3s ease;}
.offer-il{font-size:11px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.6px;}
.offer-in{width:100%;padding:11px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);border-radius:12px;color:#e4e7ef;font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic);-webkit-appearance:none;}
.offer-in:hover{border-color:rgba(255,255,255,0.16);background:rgba(255,255,255,0.07);}
.offer-in:focus{border-color:#5b68f0;background:rgba(91,104,240,0.06);}
.offer-in-m{font-family:'JetBrains Mono',monospace!important;font-size:16px!important;}
.offer-in-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
/* Validity */
.offer-vg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.offer-vg .offer-vc:last-child:nth-child(4n+1){grid-column:2/4;}
.offer-vc{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;transition:all 0.15s;}
.offer-vc:hover{background:rgba(255,255,255,0.07);}
.offer-vc.sel{border-color:#5b68f0;background:rgba(91,104,240,0.12);}
.offer-vn{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;color:#e4e7ef;display:block;}
.offer-vu{font-size:10px;color:#5c6178;display:block;margin-top:3px;}
/* Summary */
.offer-sum{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:16px;margin-bottom:16px;}
.offer-sum-ttl{font-size:10px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:12px;}
.offer-sr{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:13px;}
.offer-sr:last-child{border-bottom:none;}
.offer-sk{color:#5c6178;}
.offer-sv{color:#e4e7ef;font-weight:500;max-width:55%;text-align:right;}
.offer-finwrap{display:inline-flex;padding:2px;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from var(--angle),#5b68f0,#c084fc,#f0c230,#f472b6,#5b68f0);animation:rotate-gradient 3s linear infinite;transform:translateZ(0);margin-bottom:14px;}
.offer-fin-row{display:flex;justify-content:center;margin-bottom:14px;}
.offer-fin{position:relative;z-index:1;padding:15px 28px;background:#161a30;border:none;border-radius:var(--radius);color:#e4e7ef;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:0.3px;transition:background 0.2s var(--ease-out-cubic),transform 0.2s var(--ease-out-quint);white-space:nowrap;overflow:hidden;display:block;}
.offer-fin::after{content:'';position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%);transform:translateX(-150%) skewX(-15deg);pointer-events:none;}
.offer-fin:hover{background:#1e2245;transform:translateY(-2px);}
.offer-fin:hover::after{transform:translateX(300%) skewX(-15deg);transition:transform 0.5s ease;}
.offer-fin:active{transform:scale(0.97);transition:transform 0.1s ease-out;}
/* SearchableSelect — trigger + options hover */
.ss-trigger{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:11px 14px;min-height:44px;color:#5c6178;font-size:14px;line-height:20px;cursor:pointer;outline:none;width:100%;box-sizing:border-box;font-family:'DM Sans',sans-serif;text-align:left;transition:border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic),color 0.15s var(--ease-out-cubic);}
.ss-trigger.has-val{color:#e4e7ef;}
.ss-trigger:hover:not(:disabled){border-color:rgba(255,255,255,0.16);background:rgba(255,255,255,0.07);}
.ss-trigger.open,.ss-trigger:focus-visible{border-color:rgba(91,104,240,0.5);background:rgba(91,104,240,0.06);}
.ss-trigger:disabled{opacity:0.5;cursor:not-allowed;}
.ss-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;background:transparent;border:none;text-align:left;width:100%;color:#e4e7ef;font-size:13px;font-family:'DM Sans',sans-serif;transition:background 0.12s var(--ease-out-cubic),color 0.12s var(--ease-out-cubic);}
.ss-opt:hover{background:rgba(255,255,255,0.06);}
.ss-opt.sel{background:rgba(91,104,240,0.15);color:#a5b4fc;}
.ss-opt.sel:hover{background:rgba(91,104,240,0.22);}
/* ===== TOOLTIP PROCES-VERBAL ===== */
#pvTip{position:fixed;z-index:9999;pointer-events:none;opacity:0;left:-9999px;top:-9999px;transition:opacity 0.22s ease,transform 0.22s ease;background:linear-gradient(rgba(13,15,30,0.92),rgba(13,15,30,0.92)) padding-box,conic-gradient(from var(--angle),#f59e0b,#d97706,#fbbf24,#f59e0b) border-box;border:1.5px solid transparent;border-radius:16px;padding:14px 18px;width:290px;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
#pvTip.visible{opacity:1;}
#pvTip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:rgba(13,15,30,0.88);clip-path:polygon(50% 100%,0% 0%,100% 0%);}
@media(max-width:699px){#pvTip{display:none!important;}}
/* ===== PV VIEWER MODAL (displays generated PV document in iframe) ===== */
.pv-view-overlay{display:none;position:fixed;inset:0;z-index:720;background:rgba(0,0,0,0.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity 0.25s ease-out;}
.pv-view-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.pv-view-modal{position:relative;width:min(96vw,1100px);height:min(96vh,1400px);background:#1a1a1a;border:1px solid rgba(245,158,11,0.18);border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.8),inset 0 1px 0 rgba(245,158,11,0.06);transform:translateY(20px) scale(0.97);transition:transform 0.3s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;}
.pv-view-overlay.open .pv-view-modal{transform:translateY(0) scale(1);}
.pv-view-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;background:#0f1014;border:2px solid #f87171;color:#f87171;cursor:pointer;font-size:22px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:background 0.15s,transform 0.15s,color 0.15s,box-shadow 0.15s;z-index:10;padding:0;box-shadow:0 6px 20px rgba(0,0,0,0.6),0 0 0 4px rgba(15,16,20,0.45);}
.pv-view-close:hover{background:#f87171;color:#0f1014;transform:scale(1.08);box-shadow:0 8px 24px rgba(248,113,113,0.5),0 0 0 4px rgba(15,16,20,0.45);}
.pv-view-close:active{transform:scale(0.92);}
.pv-view-frame{flex:1;width:100%;border:0;background:#e0e0e0;display:block;}
@media (max-width:699px){
  .pv-view-overlay{padding:0;}
  .pv-view-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;border:none;}
  .pv-view-close{top:10px;right:10px;width:34px;height:34px;font-size:20px;}
}
/* ===== MODAL PROCES-VERBAL ===== */
.pv-overlay{display:none;position:fixed;inset:0;z-index:700;background:rgba(0,0,0,0.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s ease-out;}
.pv-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.pv-box{background:linear-gradient(160deg,#0d0f1e 0%,#1a1408 100%);border:1px solid rgba(245,158,11,0.14);border-radius:28px;width:min(520px,100%);max-height:min(94vh,820px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.75),inset 0 1px 0 rgba(245,158,11,0.05);transform:translateY(20px) scale(0.97);transition:transform 0.3s cubic-bezier(.23,1,.32,1);}
.pv-overlay.open .pv-box{transform:translateY(0) scale(1);}
.pv-hdr{padding:20px 24px 16px;border-bottom:1px solid rgba(245,158,11,0.08);flex-shrink:0;display:flex;align-items:flex-start;gap:14px;}
.pv-hdr-ico{width:40px;height:40px;border-radius:12px;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pv-ttl{font-size:17px;font-weight:700;color:#fde68a;}
.pv-sub{font-size:11px;color:#5c6178;margin-top:3px;}
.pv-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;margin-left:auto;flex-shrink:0;}
.pv-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.pv-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.pv-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 24px 12px;}
.pv-scroll::-webkit-scrollbar{width:3px;}
.pv-scroll::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.12);border-radius:2px;}
.pv-section{margin-bottom:18px;}
.pv-sec-title{font-size:11px;font-weight:700;color:rgba(245,158,11,0.7);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.pv-auto-badge{font-size:9px;font-weight:600;color:#f59e0b;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.2);border-radius:6px;padding:2px 7px;text-transform:none;letter-spacing:0;}
.pv-device-card{background:rgba(245,158,11,0.06);border:1px solid rgba(245,158,11,0.12);border-radius:14px;padding:12px 16px;}
.pv-dev-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;}
.pv-dev-row+.pv-dev-row{border-top:1px solid rgba(255,255,255,0.04);}
.pv-dev-lbl{font-size:10px;font-weight:600;color:#5c6178;text-transform:uppercase;letter-spacing:0.5px;}
.pv-dev-val{font-size:13px;font-weight:600;color:#e4e7ef;font-family:'JetBrains Mono',monospace;}
.pv-field{margin-bottom:12px;}
.pv-label{font-size:10px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.7px;margin-bottom:6px;display:block;}
.pv-req{color:#f59e0b;}
.pv-input{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px 14px;font-size:14px;color:#e4e7ef;font-family:'DM Sans',sans-serif;outline:none;box-sizing:border-box;transition:border-color 0.2s,background 0.2s;}
.pv-input:focus{border-color:rgba(245,158,11,0.4);background:rgba(245,158,11,0.04);}
.pv-input::placeholder{color:#383d4f;}
.pv-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235c6178'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer;}
.pv-select option{background:#0d0f1e;color:#e4e7ef;}
.pv-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.pv-footer{padding:16px 24px 20px;border-top:1px solid rgba(245,158,11,0.08);flex-shrink:0;}
.pv-generate-btn{width:100%;padding:14px;border:none;border-radius:14px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 20px rgba(245,158,11,0.3);transition:opacity 0.15s,transform 0.1s;}
.pv-generate-btn:hover{opacity:0.9;}
.pv-generate-btn:active{transform:scale(0.98);}
.pv-generate-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;}
.pv-footer-note{font-size:10px;color:#5c6178;text-align:center;margin-top:8px;}
/* PV steps & hidden */
.pv-hidden{display:none!important;}
.pv-step{animation:pvFadeIn 0.25s ease-out;}
@keyframes pvFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.pv-step-title{font-size:15px;font-weight:700;color:#fde68a;text-align:center;margin:12px 0 20px;}
/* PV role cards */
.pv-role-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;margin-bottom:16px;}
.pv-role-card{background:rgba(245,158,11,0.04);border:1.5px solid rgba(245,158,11,0.12);border-radius:18px;padding:24px 16px;text-align:center;cursor:pointer;transition:border-color 0.2s,background 0.2s,transform 0.15s;}
@media (hover: hover){
  .pv-role-card:hover{border-color:rgba(245,158,11,0.35);background:rgba(245,158,11,0.08);transform:translateY(-2px);}
}
.pv-role-card:active{transform:scale(0.97);}
.pv-role-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.18);display:flex;align-items:center;justify-content:center;}
.pv-role-icon svg{width:24px;height:24px;color:#f59e0b;}
.pv-role-label{font-size:13px;font-weight:800;color:#fde68a;letter-spacing:1.2px;margin-bottom:6px;}
.pv-role-desc{font-size:11px;color:#5c6178;line-height:1.45;}
.pv-entity-card .pv-role-desc{color:#7c8194;font-weight:500;}
/* PV example card — sample document with locale-specific data
   Same structure as buyer/seller cards but full-width and indigo accent */
.pv-role-card.pv-role-card-example{
  background:rgba(91,104,240,0.05);
  border:1.5px solid rgba(91,104,240,0.20);
  padding:22px 18px;
  margin-top:10px;
  margin-bottom:14px;
  position:relative;
  overflow:hidden;
}
.pv-role-card.pv-role-card-example::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(129,140,248,0.10) 50%,transparent 70%);
  transform:translateX(-100%);
  transition:transform 0.7s ease;
  pointer-events:none;
}
@media (hover: hover){
  .pv-role-card.pv-role-card-example:hover{
    border-color:rgba(129,140,248,0.55);
    background:rgba(91,104,240,0.10);
    transform:translateY(-2px);
  }
  .pv-role-card.pv-role-card-example:hover::before{ transform:translateX(100%); }
}
.pv-role-card.pv-role-card-example:active{ transform:scale(0.985); }
.pv-role-card.pv-role-card-example .pv-role-icon{
  background:rgba(91,104,240,0.14);
  border-color:rgba(129,140,248,0.32);
}
.pv-role-card.pv-role-card-example .pv-role-icon svg{ color:#818cf8; }
.pv-role-card.pv-role-card-example .pv-role-label{ color:#c7d2fe; }
.pv-role-card.pv-role-card-example .pv-role-desc{ color:#7c8194; line-height:1.5; max-width:340px; margin:0 auto; }
/* PV back button */
.pv-back-btn{background:none;border:1px solid rgba(245,158,11,0.15);border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;color:#f59e0b;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;transition:background 0.2s,border-color 0.2s;font-family:inherit;}
.pv-back-btn:hover{background:rgba(245,158,11,0.08);border-color:rgba(245,158,11,0.3);}
/* PV condition cards */
.pv-cond-cards{display:flex;flex-direction:column;gap:8px;}
.pv-cond-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,0.02);border:1.5px solid rgba(255,255,255,0.06);border-radius:14px;cursor:pointer;transition:border-color 0.2s,background 0.2s,transform 0.1s;}
@media (hover: hover){
  .pv-cond-card:hover{background:rgba(255,255,255,0.04);transform:translateX(2px);}
}
.pv-cond-card.active{background:rgba(255,255,255,0.05);box-shadow:0 0 0 1px currentColor inset;}
.pv-cond-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
.pv-cond-info{flex:1;min-width:0;}
.pv-cond-label{font-size:13px;font-weight:700;color:#e4e7ef;}
.pv-cond-desc{font-size:10px;color:#5c6178;margin-top:2px;}
.pv-cond-cards.pv-error{border:1.5px solid rgba(239,68,68,0.4);border-radius:16px;padding:4px;}
/* PV validation */
/* PV confirm button (inside offer-sec steps) */
.pv-confirm-btn{background:linear-gradient(135deg,#d97706,#f59e0b);border:none;border-radius:10px;padding:10px 22px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:opacity 0.15s,transform 0.1s;}
.pv-confirm-btn:hover{opacity:0.9;}
.pv-confirm-btn:active{transform:scale(0.97);}
/* ===== TOOLTIP RAPORTARE ===== */
#reportPreviewTip{position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity 0.22s ease,transform 0.22s ease;background:linear-gradient(rgba(13,15,30,0.92),rgba(13,15,30,0.92)) padding-box,conic-gradient(from var(--angle),#f87171,#ef4444,#fca5a5,#f87171) border-box;border:1.5px solid transparent;border-radius:16px;padding:14px 18px;width:290px;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
#reportPreviewTip.visible{opacity:1;transform:translateY(0);}
#reportPreviewTip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:rgba(13,15,30,0.88);clip-path:polygon(50% 100%,0% 0%,100% 0%);}
.rpt-title{font-size:12px;font-weight:700;color:#fca5a5;margin-bottom:5px;}
.rpt-desc{font-size:11px;color:rgba(255,255,255,0.45);line-height:1.55;}
.rpt-req{font-size:10px;color:rgba(248,113,113,0.6);margin-top:6px;font-style:italic;}
@media(max-width:699px){#reportPreviewTip{display:none!important;}}
/* ===== MODAL RAPORTARE ===== */
.rep-overlay{display:none;position:fixed;inset:0;z-index:700;background:rgba(0,0,0,0.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.rep-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.rep-box{background:linear-gradient(160deg,#0d0f1e 0%,#130a0a 100%);border:1px solid rgba(248,113,113,0.14);border-radius:28px;width:min(520px,100%);max-height:min(94vh,820px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.75),inset 0 1px 0 rgba(248,113,113,0.05);transform:translateY(20px) scale(0.97);transition:transform 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));}
.rep-overlay.open .rep-box{transform:translateY(0) scale(1);}
.rep-hdr{padding:20px 24px 16px;border-bottom:1px solid rgba(248,113,113,0.08);flex-shrink:0;display:flex;align-items:flex-start;gap:14px;}
.rep-hdr-ico{width:40px;height:40px;border-radius:12px;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rep-ttl{font-size:17px;font-weight:700;color:#fca5a5;}
.rep-sub{font-size:11px;color:#5c6178;margin-top:3px;}
.rep-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;margin-left:auto;flex-shrink:0;}
.rep-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.rep-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.rep-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:22px 24px 12px;}
.rep-scroll::-webkit-scrollbar{width:3px;}
.rep-scroll::-webkit-scrollbar-thumb{background:rgba(248,113,113,0.12);border-radius:2px;}

/* Pending badge */
.rep-pending{display:flex;align-items:center;gap:10px;background:rgba(245,158,11,0.07);border:1px solid rgba(245,158,11,0.2);border-radius:12px;padding:10px 14px;margin-bottom:18px;}
.rep-pending-ico{font-size:16px;flex-shrink:0;}
.rep-pending-txt{font-size:11px;color:rgba(245,158,11,0.85);line-height:1.5;}
.rep-pending-txt strong{color:#fbbf24;}

/* Câmpuri */
.rep-group{margin-bottom:18px;}
.rep-label{font-size:10px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.9px;margin-bottom:8px;display:flex;align-items:center;gap:5px;}
.rep-req-star{color:#f87171;}
.rep-input{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:13px 16px;font-size:14px;color:#e4e7ef;font-family:'JetBrains Mono',monospace;outline:none;box-sizing:border-box;transition:border-color 0.2s,background 0.2s;}
.rep-input:focus{border-color:rgba(248,113,113,0.4);background:rgba(248,113,113,0.04);}
.rep-input::placeholder{color:#383d4f;font-family:'DM Sans',sans-serif;}
.rep-input.err{border-color:rgba(248,113,113,0.6)!important;animation:rep-shake 0.3s ease;}
@keyframes rep-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

/* Tip incident */
.rep-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.rep-type-btn{padding:12px 8px;background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.07);border-radius:12px;cursor:pointer;text-align:center;transition:border-color 0.15s;}
.rep-type-btn:hover{box-shadow:inset 0 0 0 100px rgba(255,255,255,0.04);}
.rep-type-btn.sel{border-color:rgba(248,113,113,0.45);background:rgba(248,113,113,0.08);}
.rep-type-ico{font-size:18px;display:block;margin-bottom:4px;}
.rep-type-lbl{font-size:12px;font-weight:600;color:#a0a6b8;display:block;}
.rep-type-btn.sel .rep-type-lbl{color:#fca5a5;}

/* Dovadă foto */
.rep-proof-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.rep-proof-opt{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:12px 14px;}
.rep-proof-opt-ico{font-size:20px;flex-shrink:0;margin-top:1px;}
.rep-proof-opt-txt strong{display:block;font-size:12px;color:#e4e7ef;margin-bottom:2px;}
.rep-proof-opt-txt span{font-size:11px;color:#5c6178;line-height:1.4;}
.rep-upload-zone{border:1.5px dashed rgba(248,113,113,0.25);border-radius:14px;padding:20px;text-align:center;cursor:pointer;transition:border-color 0.2s,background 0.2s;position:relative;}
.rep-upload-zone:hover,.rep-upload-zone.drag{border-color:rgba(248,113,113,0.5);background:rgba(248,113,113,0.04);}
.rep-upload-zone.has-file{border-color:rgba(52,211,153,0.4);background:rgba(52,211,153,0.04);}
.rep-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.rep-upload-lbl{font-size:13px;color:#5c6178;pointer-events:none;}
.rep-upload-lbl strong{display:block;color:#a0a6b8;margin-bottom:4px;}
.rep-upload-lbl small{font-size:10px;color:#383d4f;}
.rep-upload-preview{display:none;width:100%;max-height:140px;object-fit:cover;border-radius:10px;margin-top:8px;}
.rep-upload-preview.show{display:block;}
.rep-upload-name{font-size:11px;color:#34d399;margin-top:6px;display:none;}
.rep-upload-name.show{display:block;}

/* Declarație legală */
.rep-legal{background:rgba(248,113,113,0.05);border:1px solid rgba(248,113,113,0.12);border-radius:14px;padding:14px 16px;margin-bottom:18px;}
.rep-legal-txt{font-size:11px;color:rgba(255,255,255,0.45);line-height:1.65;margin-bottom:12px;}
.rep-legal-txt strong{color:rgba(248,113,113,0.8);}
.rep-legal-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;}
.rep-legal-check input{width:16px;height:16px;flex-shrink:0;margin-top:1px;accent-color:#ef4444;cursor:pointer;}
.rep-legal-check-lbl{font-size:11px;color:#a0a6b8;line-height:1.5;}

/* Footer */
.rep-footer{padding:14px 24px 20px;border-top:1px solid rgba(248,113,113,0.07);flex-shrink:0;}
.rep-submit{width:100%;padding:14px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity 0.2s,transform 0.15s;}
.rep-submit:hover:not(:disabled){opacity:0.88;}
.rep-submit:active:not(:disabled){transform:scale(0.98);}
.rep-submit:disabled{opacity:0.35;cursor:not-allowed;}

/* Success */
.rep-success{display:none;flex-direction:column;align-items:center;padding:44px 24px;text-align:center;gap:10px;}
.rep-success.show{display:flex;}
.rep-success-ico{font-size:52px;}
.rep-success-ttl{font-size:18px;font-weight:700;color:#fca5a5;}
.rep-success-sub{font-size:12px;color:#5c6178;line-height:1.7;max-width:340px;}
.rep-success-badge{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.25);border-radius:20px;padding:6px 16px;font-size:11px;color:#fbbf24;margin-top:6px;}
/* ===== TOOLTIP SHARE ===== */
#shareTip{position:fixed;z-index:9999;pointer-events:none;opacity:0;left:-9999px;top:-9999px;transition:opacity 0.22s;background:linear-gradient(rgba(13,15,30,0.92),rgba(13,15,30,0.92)) padding-box,conic-gradient(from var(--angle),#3b82f6,#818cf8,#60a5fa,#3b82f6) border-box;border:1.5px solid transparent;border-radius:16px;padding:14px 18px;width:230px;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
#shareTip.visible{opacity:1;}
#shareTip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:rgba(13,15,30,0.88);clip-path:polygon(50% 100%,0% 0%,100% 0%);}
@media(max-width:699px){#shareTip{display:none!important;}}
/* ===== TOOLTIP AI ===== */
#aiTip{position:fixed;z-index:9999;pointer-events:none;opacity:0;left:-9999px;top:-9999px;transition:opacity 0.22s;background:linear-gradient(rgba(13,15,30,0.92),rgba(13,15,30,0.92)) padding-box,conic-gradient(from var(--angle),#c084fc,#a855f7,#e879f9,#c084fc) border-box;border:1.5px solid transparent;border-radius:16px;padding:16px 18px;width:290px;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
#aiTip.visible{opacity:1;}
#aiTip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:rgba(13,15,30,0.88);clip-path:polygon(50% 100%,0% 0%,100% 0%);}
@media(max-width:699px){#aiTip{display:none!important;}}
/* ===== SCREENSHOT MODAL CSS 1 ===== */
#screenshotTip{position:fixed;z-index:9999;pointer-events:none;opacity:0;left:-9999px;top:-9999px;transition:opacity 0.22s ease;background:linear-gradient(rgba(13,15,30,0.92),rgba(13,15,30,0.92)) padding-box,conic-gradient(from var(--angle),#34d399,#10b981,#6ee7b7,#34d399) border-box;border:1.5px solid transparent;border-radius:16px;padding:14px 18px;width:250px;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
#screenshotTip.visible{opacity:1;}
#screenshotTip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:rgba(13,15,30,0.88);clip-path:polygon(50% 100%,0% 0%,100% 0%);}
@media(max-width:699px){#screenshotTip{display:none!important;}}
@media(min-width:700px){.sct-title,.sct-desc,.sct-pills{display:none !important;}}
.sct-title{font-size:12px;font-weight:700;color:#34d399;margin-bottom:5px;}
.sct-desc{font-size:11px;color:rgba(255,255,255,0.45);line-height:1.55;}
.sct-pills{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.sct-pill{font-size:9px;font-weight:700;letter-spacing:0.4px;padding:2px 7px;border-radius:10px;}
.sct-pill.green{background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.25);color:#34d399;}
.sct-pill.dim{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#5c6178;}
/* IUL-0007 — bifă „Ascunde IMEI & serie": chenar accent + checkbox vizibil (nu native slab pe dark) */
.ss-hide-opt{
  display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;cursor:pointer;
  flex-shrink:0;user-select:none;position:relative;
  background:rgba(91,104,240,0.09);
  border:1.5px solid rgba(91,104,240,0.42);
  box-shadow:0 0 0 1px rgba(91,104,240,0.06),0 4px 18px rgba(91,104,240,0.14);
  transition:border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic),box-shadow 0.15s var(--ease-out-cubic);
}
.ss-hide-opt:hover{
  background:rgba(91,104,240,0.14);
  border-color:rgba(91,104,240,0.58);
}
.ss-hide-opt.on{
  background:rgba(91,104,240,0.16);
  border-color:rgba(91,104,240,0.72);
  box-shadow:0 0 0 1px rgba(91,104,240,0.12),0 6px 22px rgba(91,104,240,0.22);
}
.ss-hide-opt:focus-within{
  box-shadow:0 0 0 3px rgba(91,104,240,0.28),0 4px 18px rgba(91,104,240,0.14);
}
.ss-hide-opt input{
  position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);
}
.ss-hide-box{
  width:22px;height:22px;border-radius:6px;flex-shrink:0;position:relative;
  border:2px solid rgba(165,180,252,0.85);
  background:rgba(13,15,30,0.75);
  transition:border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic);
}
.ss-hide-opt.on .ss-hide-box{
  background:var(--accent,#5b68f0);
  border-color:var(--accent,#5b68f0);
}
.ss-hide-opt.on .ss-hide-box::after{
  content:'';position:absolute;top:2px;left:6px;width:6px;height:11px;
  border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);
}
.ss-hide-opt-title{font-size:13px;font-weight:700;color:#e4e7ef;letter-spacing:0.15px;line-height:1.3;}
.ss-hide-opt-hint{font-size:11px;color:#a0a6b8;margin-top:3px;line-height:1.45;}
/* IUL-0008/0009 — zona de preview din modal screenshot: scroll touch pe iOS/Android */
.ss-preview-scroll{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
.ss-preview-scroll::-webkit-scrollbar{width:4px;}
.ss-preview-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.14);border-radius:2px;}

/* ===== SCREENSHOT MODAL CSS 2 ===== */
.scrm-overlay{position:fixed;inset:0;z-index:9980;background:rgba(0,0,0,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;padding:24px;}
.scrm-overlay.open{display:flex;}
.scrm-box{background:linear-gradient(160deg,#0f1120 0%,#141830 100%);border:1px solid rgba(255,255,255,0.10);border-radius:24px;width:min(460px,100%);max-height:calc(100dvh - 48px);padding:32px 28px 24px;position:relative;box-shadow:0 40px 80px rgba(0,0,0,0.65),inset 0 1px 0 rgba(255,255,255,0.06);animation:scrmIn 0.32s cubic-bezier(0.32,0.72,0,1);display:flex;flex-direction:column;overflow:hidden;}
@keyframes scrmIn{from{opacity:0;transform:translateY(16px) scale(0.97)}to{opacity:1;transform:none}}
.scrm-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;padding:0;line-height:1;font-size:15px;}
.scrm-close:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.scrm-close:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.scrm-title{font-size:22px;font-weight:700;color:#e4e7ef;text-align:center;margin-bottom:14px;line-height:1.3;flex-shrink:0;}
.scrm-desc{font-size:14px;color:#a0a6b8;text-align:center;line-height:1.65;margin-bottom:28px;}
.scrm-btns{display:flex;flex-direction:column;gap:10px;flex-shrink:0;margin-top:4px;}
/* Wrapper gradient ca butonul Verifică */
.scrm-btn-wrap{display:inline-flex;width:100%;padding:2px;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from var(--angle),#5b68f0,#c084fc,#f0c230,#f472b6,#5b68f0);animation:rotate-gradient 3s linear infinite;transform:translateZ(0);}
.scrm-btn-wrap.secondary{background:conic-gradient(from var(--angle),rgba(255,255,255,0.15),rgba(255,255,255,0.08),rgba(255,255,255,0.15));animation:rotate-gradient 3s linear infinite;transform:translateZ(0);}
.scrm-btn-hide{position:relative;z-index:1;width:100%;padding:15px;background:#161a30;border:none;border-radius:var(--radius);color:#e4e7ef;font-size:15px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.2s var(--ease-out-cubic),transform 0.2s var(--ease-out-quint);letter-spacing:0.3px;overflow:hidden;}
.scrm-btn-hide::after{content:'';position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%);transform:translateX(-150%) skewX(-15deg);pointer-events:none;}
.scrm-btn-hide:hover{background:#1e2245;transform:translateY(-2px);}
.scrm-btn-hide:hover::after{transform:translateX(300%) skewX(-15deg);transition:transform 0.5s ease;}
.scrm-btn-hide:active{transform:scale(0.97);transition:transform 0.1s ease-out;}
.scrm-btn-show{position:relative;z-index:1;width:100%;padding:15px;background:#161a30;border:none;border-radius:var(--radius);color:#a0a6b8;font-size:15px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.2s var(--ease-out-cubic),transform 0.2s var(--ease-out-quint);letter-spacing:0.3px;overflow:hidden;}
.scrm-btn-show::after{content:'';position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.08) 50%,transparent 100%);transform:translateX(-150%) skewX(-15deg);pointer-events:none;}
.scrm-btn-show:hover{background:#1e2245;color:#e4e7ef;transform:translateY(-2px);}
.scrm-btn-show:hover::after{transform:translateX(300%) skewX(-15deg);transition:transform 0.5s ease;}
.scrm-btn-show:active{transform:scale(0.97);transition:transform 0.1s ease-out;}
/* Toggle câmpuri secretizabile */
.scrm-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;overflow-y:auto;flex:1;min-height:0;padding-right:2px;}.scrm-fields::-webkit-scrollbar{width:3px;}.scrm-fields::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;}
.scrm-field-row{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:10px 14px;cursor:pointer;transition:background 0.15s,border-color 0.15s;user-select:none;}
.scrm-field-row:hover{background:rgba(255,255,255,0.07);}
.scrm-field-row.on{border-color:rgba(248,113,113,0.35);background:rgba(248,113,113,0.06);}
.scrm-field-lbl{font-size:13px;font-weight:600;color:#c7d0f8;}
.scrm-field-val{font-family:'JetBrains Mono',monospace;font-size:11px;color:#5c6178;flex:1;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.scrm-toggle{width:36px;height:20px;border-radius:10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.12);position:relative;flex-shrink:0;transition:background 0.2s,border-color 0.2s;}
.scrm-toggle::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#5c6178;transition:transform 0.2s,background 0.2s;}
.scrm-field-row.on .scrm-toggle{background:rgba(248,113,113,0.25);border-color:rgba(248,113,113,0.5);}
.scrm-field-row.on .scrm-toggle::after{transform:translateX(16px);background:#f87171;}
.scrm-no-fields{font-size:13px;color:#5c6178;text-align:center;padding:12px 0;}
.scrm-hint{font-size:11px;color:#383d4f;text-align:center;margin-bottom:14px;}
/* ===== HISTORY PANEL CSS ===== */
.dlc-history-panel{position:relative;z-index:10;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.06);padding-bottom:10px;}
.dlh-trigger{display:flex;align-items:center;gap:7px;padding:6px 12px;background:linear-gradient(#0a0c1e,#0a0c1e) padding-box,conic-gradient(from var(--angle),#5b68f0,#818cf8,#c084fc,#5b68f0) border-box;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:opacity 0.15s;user-select:none;font-size:12px;color:#c7d0ff;}
.dlh-trigger:hover{opacity:0.85;}
.dlh-trigger.open{color:#a5b4fc;}
.dlh-trigger span:first-of-type{flex:1;}
.dlh-trigger-count{font-family:'JetBrains Mono',monospace;font-size:9px;background:rgba(91,104,240,0.15);border:1px solid rgba(91,104,240,0.2);color:#818cf8;border-radius:6px;padding:1px 6px;}
.dlh-chevron{color:#5c6178;transition:transform 0.2s;flex-shrink:0;}
.dlh-trigger.open .dlh-chevron{transform:rotate(180deg);}
.dlh-dropdown{position:absolute;top:calc(100% - 2px);left:0;right:0;z-index:200;background:#0d0f1e;border:1px solid rgba(91,104,240,0.25);border-radius:12px;padding:8px;box-shadow:0 12px 40px rgba(0,0,0,0.6);display:none;}
.dlh-dropdown.open{display:block;animation:dlhIn 0.18s cubic-bezier(0.32,0.72,0,1);}
@keyframes dlhIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dlh-search-wrap{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:6px 10px;margin-bottom:6px;}
.dlh-search-wrap:focus-within{border-color:rgba(91,104,240,0.35);}
.dlh-search{flex:1;background:transparent;border:none;outline:none;font-size:12px;color:#e4e7ef;font-family:'DM Sans',sans-serif;}
.dlh-search::placeholder{color:#383d4f;}
.dlh-count{font-family:'JetBrains Mono',monospace;font-size:9px;color:#383d4f;flex-shrink:0;}
.dlh-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;}
.dlh-list::-webkit-scrollbar{width:2px;}
.dlh-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:1px;}
.dlh-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;cursor:pointer;transition:background 0.1s;}
.dlh-item:hover{background:rgba(255,255,255,0.05);}
.dlh-item.active{background:rgba(91,104,240,0.12);}
.dlh-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.dlh-dot.clean{background:#34d399;}.dlh-dot.loan{background:#f59e0b;}.dlh-dot.bl{background:#f87171;}
.dlh-imei{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#a0a6b8;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dlh-item.active .dlh-imei{color:#a5b4fc;}
.dlh-model{font-size:10px;color:#5c6178;white-space:nowrap;flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;}
.dlh-when{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0;line-height:1.1;}
.dlh-date{font-family:'JetBrains Mono',monospace;font-size:9px;color:#383d4f;flex-shrink:0;}
.dlh-time{font-family:'JetBrains Mono',monospace;font-size:8px;color:#2d3142;flex-shrink:0;}
.dlh-empty{font-size:11px;color:#383d4f;text-align:center;padding:14px 0;}
.dlh-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,0.05);}
.dlh-pager-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:#a0a6b8;font-size:13px;cursor:pointer;transition:background 0.12s,color 0.12s;}
.dlh-pager-btn:hover:not(:disabled){background:rgba(91,104,240,0.12);color:#a5b4fc;}
.dlh-pager-btn:disabled{opacity:0.35;cursor:default;}
.dlh-pager-info{font-family:'JetBrains Mono',monospace;font-size:10px;color:#5c6178;}
mark{background:rgba(91,104,240,0.3);color:#a5b4fc;border-radius:2px;}
/* ===== AUTH MODAL CSS ===== */
.auth-overlay{position:fixed;inset:0;z-index:950;background:rgba(0,0,0,0.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.25s var(--ease-out-cubic, ease-out);pointer-events:none;}
.auth-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.auth-box{background:#13162a;border:1px solid rgba(255,255,255,0.07);border-radius:24px;width:min(500px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.7);}
.auth-hdr{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;}
.auth-ttl{font-size:16px;font-weight:700;color:#e4e7ef;}
.auth-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s var(--ease-out-quint);}
.auth-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.auth-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
/* Tabs */
.auth-tabs{display:flex;gap:4px;padding:12px 22px 0;flex-shrink:0;}
.auth-tab{flex:1;padding:9px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;text-align:center;color:#5c6178;background:transparent;border:1px solid transparent;transition:all 0.18s;}
.auth-tab:hover{background:rgba(255,255,255,0.04);color:#a0a6b8;}
.auth-tab.sel{background:rgba(91,104,240,0.12);border-color:rgba(91,104,240,0.3);color:#a5b4fc;}
/* Scroll */
.auth-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;}
.auth-scroll::-webkit-scrollbar{width:3px;}
.auth-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;}
/* SSO */
.auth-sso{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 22px 0;}
.auth-sso-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);cursor:pointer;font-size:13px;font-weight:600;color:#e4e7ef;transition:all 0.18s;}
.auth-sso-btn:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.2);transform:translateY(-1px);}
.auth-divider{display:flex;align-items:center;gap:12px;padding:14px 22px;color:#383d4f;font-size:11px;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.06);}
/* Secțiuni progresive */
.auth-sec{border-bottom:1px solid rgba(255,255,255,0.05);animation:ofIn 0.32s ease;}
.auth-sec:last-child{border-bottom:none;}
.auth-sec-hd{display:flex;align-items:center;gap:10px;padding:12px 22px;cursor:default;}
.auth-sec.done .auth-sec-hd{cursor:pointer;}
.auth-sec.done .auth-sec-hd:hover{background:rgba(255,255,255,0.025);}
.auth-snum{width:21px;height:21px;border-radius:50%;background:rgba(91,104,240,0.15);border:1px solid rgba(91,104,240,0.3);font-size:10px;font-weight:700;color:#a5b4fc;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'JetBrains Mono',monospace;}
.auth-sec.done .auth-snum{background:rgba(52,211,153,0.15);border-color:rgba(52,211,153,0.3);color:#34d399;font-size:13px;}
.auth-sttl{font-size:11px;font-weight:700;color:#a0a6b8;text-transform:uppercase;letter-spacing:0.6px;flex:1;}
.auth-sval{font-size:13px;color:#e4e7ef;font-weight:500;flex:1;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.auth-sedit{font-size:12px;color:#5b68f0;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity 0.2s;}
.auth-sec.done .auth-sedit{opacity:1;}
.auth-sbd{overflow:hidden;padding:0 22px 18px;}
.auth-ssub{font-size:13px;color:#5c6178;margin-bottom:14px;line-height:1.55;}
/* Fields */
.auth-fg{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;}
.auth-fl{font-size:11px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.5px;}
.auth-fi{width:100%;padding:11px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);border-radius:12px;color:#e4e7ef;font-family:'DM Sans',sans-serif;font-size:14px;line-height:20px;min-height:44px;outline:none;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box;-webkit-appearance:none;}
.auth-fi:focus{border-color:#5b68f0;box-shadow:0 0 0 2px rgba(91,104,240,0.15);}
.auth-fi::placeholder{color:#5c6178;}
.auth-fi.ok{border-color:#34d399!important;box-shadow:0 0 0 2px rgba(52,211,153,0.12)!important;}
.auth-fi.err{border-color:#f87171!important;box-shadow:0 0 0 2px rgba(248,113,113,0.12)!important;}
.auth-pwd{position:relative;}
.auth-pwd>.auth-fi{padding-right:44px;}
.auth-pwd-toggle{position:absolute;top:11px;right:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;background:none;border:none;border-radius:8px;color:#5c6178;cursor:pointer;transition:color 0.15s,background 0.15s;}
.auth-pwd-toggle:hover{color:#a0a6b8;background:rgba(255,255,255,0.05);}
.auth-fh.err{color:#f87171;}
.auth-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;align-items:start;}
/* Tip entitate */
.auth-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.auth-type-card{padding:14px;border-radius:12px;cursor:pointer;border:1.5px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.03);transition:all 0.15s;text-align:center;}
.auth-type-card:hover{background:rgba(255,255,255,0.06);}
.auth-type-card.sel{border-color:#5b68f0;background:rgba(91,104,240,0.1);}
.auth-type-ico{font-size:22px;margin-bottom:6px;}
.auth-type-nm{font-size:13px;font-weight:700;color:#e4e7ef;}
.auth-type-sub{font-size:10px;color:#5c6178;margin-top:3px;}
/* Badge UE */
.auth-ue-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;margin-left:8px;}
.auth-ue-badge.ue{background:rgba(59,130,246,0.15);color:#60a5fa;border:1px solid rgba(59,130,246,0.25);}
.auth-ue-badge.non-ue{background:rgba(251,191,36,0.12);color:#fbbf24;border:1px solid rgba(251,191,36,0.2);}
/* Autocomplete tari */
.auth-country-wrap{position:relative;}
.auth-country-dd{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0d0f1e;border:1px solid rgba(91,104,240,0.3);border-radius:12px;max-height:200px;overflow-y:auto;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,0.4);}
.auth-country-dd::-webkit-scrollbar{width:3px;}
.auth-country-dd::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}
.auth-country-item{padding:9px 14px;cursor:pointer;font-size:13px;color:#a0a6b8;display:flex;align-items:center;gap:8px;transition:background 0.1s;}
.auth-country-item:hover{background:rgba(91,104,240,0.1);color:#e4e7ef;}
.auth-country-item .flag{font-size:16px;}
.auth-country-item.ue-mark::after{content:'UE';font-size:9px;font-weight:700;color:#60a5fa;margin-left:auto;background:rgba(59,130,246,0.15);padding:1px 5px;border-radius:4px;}
/* Submit */
.auth-btn-row{padding:14px 22px 20px;flex-shrink:0;border-top:1px solid rgba(255,255,255,0.05);}
.auth-submit{width:100%;padding:14px;background:linear-gradient(135deg,#5b68f0,#7b5cf0);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:opacity 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;}
.auth-submit:hover{opacity:0.9;}
.auth-submit:disabled{opacity:0.35;cursor:not-allowed;}
.auth-terms{font-size:11px;color:#383d4f;text-align:center;margin-top:8px;line-height:1.5;}
.auth-terms a{color:#5b68f0;}
/* Dual account */
.auth-dual{background:rgba(91,104,240,0.07);border:1px solid rgba(91,104,240,0.2);border-radius:14px;padding:16px;margin-bottom:0;}
.auth-dual-ttl{font-size:13px;font-weight:700;color:#a5b4fc;margin-bottom:6px;}
.auth-dual-sub{font-size:12px;color:#5c6178;margin-bottom:12px;line-height:1.5;}
.auth-dual-btns{display:flex;gap:8px;}
.auth-dual-btn{flex:1;padding:9px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;text-align:center;transition:all 0.15s;border:1px solid;}
.auth-dual-btn.yes{background:rgba(91,104,240,0.15);border-color:rgba(91,104,240,0.4);color:#a5b4fc;}
.auth-dual-btn.yes:hover{background:rgba(91,104,240,0.25);}
.auth-dual-btn.no{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:#5c6178;}
.auth-dual-btn.no:hover{background:rgba(255,255,255,0.07);}
/* Succes */
.auth-success{display:none;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;}
.auth-success.show{display:flex;}
.auth-succ-ico{width:68px;height:68px;border-radius:50%;background:rgba(52,211,153,0.12);border:2px solid rgba(52,211,153,0.35);display:flex;align-items:center;justify-content:center;margin-bottom:18px;animation:fondPop 0.4s cubic-bezier(0.32,0.72,0,1);}
.auth-succ-title{font-size:20px;font-weight:700;color:#e4e7ef;margin-bottom:6px;}
.auth-succ-sub{font-size:13px;color:#5c6178;line-height:1.6;}
/* ===== 2FA + RECAPTCHA CSS ===== */
/* reCAPTCHA-style badge */
.auth-recaptcha-badge{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:7px;padding:6px 11px;background:rgba(18,21,42,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:10px;color:#5c6178;font-weight:600;letter-spacing:0.2px;pointer-events:none;z-index:3;transition:all 0.3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.auth-recaptcha-badge svg{flex-shrink:0;}
.auth-recaptcha-badge.active{background:rgba(91,104,240,0.12);border-color:rgba(91,104,240,0.3);color:#a5b4fc;box-shadow:0 6px 20px rgba(91,104,240,0.2);}
.auth-recaptcha-badge.active svg.recap-shield{animation:recapSpin 1.4s ease-in-out;}
@keyframes recapSpin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(200deg) scale(1.15)}100%{transform:rotate(360deg) scale(1)}}
.auth-recaptcha-dot{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.8);animation:recapPulse 2s ease-in-out infinite;flex-shrink:0;}
@keyframes recapPulse{0%,100%{opacity:0.45;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
.auth-recaptcha-badge.active .auth-recaptcha-dot{background:#5b68f0;box-shadow:0 0 10px rgba(91,104,240,0.9);}

/* 2FA hero card (intro) */
.auth-2fa-hero{position:relative;border-radius:16px;padding:18px 16px;background:radial-gradient(circle at top right,rgba(192,132,252,0.14),transparent 60%),radial-gradient(circle at bottom left,rgba(91,104,240,0.12),transparent 55%),rgba(255,255,255,0.02);border:1px solid rgba(192,132,252,0.18);overflow:hidden;margin-bottom:8px;}
.auth-2fa-hero::before{content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,rgba(192,132,252,0.12),transparent 25%,rgba(91,104,240,0.12),transparent 70%,rgba(192,132,252,0.12));animation:fa2Spin 9s linear infinite;pointer-events:none;}
@keyframes fa2Spin{to{transform:rotate(360deg)}}
.auth-2fa-hero>*{position:relative;z-index:1;}
.auth-2fa-shield{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(91,104,240,0.24),rgba(192,132,252,0.22));border:1.5px solid rgba(192,132,252,0.4);margin-bottom:11px;box-shadow:0 8px 22px rgba(91,104,240,0.25),inset 0 1px 0 rgba(255,255,255,0.1);animation:fa2ShieldFloat 3.2s ease-in-out infinite;}
@keyframes fa2ShieldFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.auth-2fa-htitle{font-size:16px;font-weight:800;color:#e8ecff;margin-bottom:3px;letter-spacing:-0.2px;}
.auth-2fa-hsub{font-size:12px;color:#8b91a9;line-height:1.55;margin-bottom:12px;}
.auth-2fa-hbtns{display:flex;gap:8px;}
.auth-2fa-hbtn-main{flex:1;padding:11px 14px;border-radius:11px;border:none;background:linear-gradient(135deg,#7b5cf0,#c084fc);color:#fff;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:0.2px;transition:all 0.18s;box-shadow:0 6px 20px rgba(192,132,252,0.28);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;}
.auth-2fa-hbtn-main:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(192,132,252,0.42);}
.auth-2fa-hbtn-skip{padding:11px 16px;border-radius:11px;background:transparent;border:1px solid rgba(255,255,255,0.08);color:#5c6178;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.15s;}
.auth-2fa-hbtn-skip:hover{color:#a0a6b8;border-color:rgba(255,255,255,0.15);}

/* 2FA setup (QR+code) */
.auth-2fa-setup{display:none;}
.auth-2fa-setup.on{display:block;animation:fa2FadeIn 0.35s ease;}
@keyframes fa2FadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.auth-2fa-step-lbl{display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:700;color:#a5b4fc;text-transform:uppercase;letter-spacing:0.6px;margin:14px 0 10px;}
.auth-2fa-step-lbl::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(165,180,252,0.22),transparent);}
.auth-2fa-step-lbl::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(165,180,252,0.22),transparent);}
.auth-2fa-step-num{width:18px;height:18px;border-radius:50%;background:rgba(192,132,252,0.2);color:#c084fc;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;flex:none;}
.auth-2fa-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;background:linear-gradient(180deg,rgba(192,132,252,0.09),rgba(91,104,240,0.06));border:1px solid rgba(192,132,252,0.18);border-radius:16px;margin-bottom:6px;}
.auth-2fa-qr-frame{width:180px;height:180px;padding:10px;background:#fff;border-radius:13px;box-shadow:0 10px 30px rgba(0,0,0,0.45),0 0 0 4px rgba(192,132,252,0.14);position:relative;overflow:hidden;}
.auth-2fa-qr-frame img{width:100%;height:100%;display:block;background:#fff;}
.auth-2fa-qr-frame::after{content:'';position:absolute;left:4%;right:4%;top:-30%;height:35%;background:linear-gradient(180deg,transparent 0%,rgba(91,104,240,0.28) 50%,transparent 100%);animation:qrScan 2.6s ease-in-out infinite;pointer-events:none;filter:blur(2px);}
@keyframes qrScan{0%{top:-35%}50%{top:100%}100%{top:-35%}}
.auth-2fa-qr-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;color:#94a3b8;}
.auth-2fa-apps{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;}
.auth-2fa-app{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:7px;font-size:10.5px;color:#a0a6b8;font-weight:600;}
.auth-2fa-app svg{width:11px;height:11px;flex-shrink:0;}

/* Manual secret */
.auth-2fa-secret{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(13,15,30,0.7);border:1px solid rgba(91,104,240,0.22);border-radius:11px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#e4e7ef;letter-spacing:1.3px;margin-bottom:4px;overflow:hidden;}
.auth-2fa-secret-txt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.auth-2fa-secret-copy{padding:6px 10px;border-radius:8px;background:rgba(91,104,240,0.18);border:1px solid rgba(91,104,240,0.32);color:#a5b4fc;font-size:10px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0;font-family:inherit;transition:all 0.15s;}
.auth-2fa-secret-copy:hover{background:rgba(91,104,240,0.28);}
.auth-2fa-secret-copy.ok{background:rgba(52,211,153,0.2);border-color:rgba(52,211,153,0.4);color:#34d399;}
.auth-2fa-secret-hint{font-size:11px;color:#5c6178;text-align:center;margin-bottom:12px;}

/* 6-box OTP input */
.auth-otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:12px;}
.auth-otp-box{aspect-ratio:1/1.15;min-height:44px;text-align:center;font-size:20px;font-weight:800;font-family:'JetBrains Mono',monospace;color:#e4e7ef;background:rgba(255,255,255,0.03);border:1.5px solid rgba(255,255,255,0.1);border-radius:10px;outline:none;transition:all 0.2s;caret-color:#c084fc;padding:0;-webkit-appearance:none;box-sizing:border-box;width:100%;}
.auth-otp-box:focus{border-color:#c084fc;background:rgba(192,132,252,0.08);box-shadow:0 0 0 3px rgba(192,132,252,0.14);transform:translateY(-1px);}
.auth-otp-box.filled{border-color:rgba(192,132,252,0.5);background:rgba(192,132,252,0.09);}
.auth-otp-box.ok{border-color:#34d399;background:rgba(52,211,153,0.1);color:#34d399;animation:otpPulse 0.5s ease;}
@keyframes otpPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
.auth-otp-box.err{border-color:#f87171;background:rgba(248,113,113,0.08);animation:otpShake 0.35s ease;}
@keyframes otpShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

.auth-2fa-verify-btn{width:100%;padding:12px;border-radius:12px;border:none;background:linear-gradient(135deg,#5b68f0,#c084fc);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all 0.18s;display:flex;align-items:center;justify-content:center;gap:8px;}
.auth-2fa-verify-btn:disabled{opacity:0.4;cursor:not-allowed;}
.auth-2fa-verify-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(91,104,240,0.32);}
.auth-2fa-back{display:block;text-align:center;padding:8px;font-size:11px;color:#5c6178;cursor:pointer;margin-top:6px;background:none;border:none;font-family:inherit;width:100%;}
.auth-2fa-back:hover{color:#a0a6b8;}

/* Backup codes */
.auth-2fa-backup{display:none;}
.auth-2fa-backup.on{display:block;animation:fa2FadeIn 0.4s ease;}
.auth-2fa-backup-hero{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,rgba(52,211,153,0.12),rgba(52,211,153,0.04));border:1px solid rgba(52,211,153,0.3);margin-bottom:10px;}
.auth-2fa-backup-ico{width:34px;height:34px;border-radius:10px;background:rgba(52,211,153,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auth-2fa-backup-ttl{font-size:13px;font-weight:700;color:#34d399;}
.auth-2fa-backup-sub{font-size:11px;color:#5c6178;margin-top:2px;line-height:1.5;}
.auth-bcode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:10px;}
.auth-bcode{padding:9px 11px;border-radius:9px;background:rgba(13,15,30,0.7);border:1px solid rgba(255,255,255,0.08);font-family:'JetBrains Mono',monospace;font-size:12px;color:#e4e7ef;text-align:center;letter-spacing:1px;}
.auth-bcode-actions{display:flex;gap:7px;}
.auth-bcode-btn{flex:1;padding:10px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:#a0a6b8;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.15s;}
.auth-bcode-btn:hover{background:rgba(255,255,255,0.07);color:#e4e7ef;}
.auth-bcode-btn.primary{background:linear-gradient(135deg,#5b68f0,#7b5cf0);color:#fff;border-color:transparent;}
.auth-bcode-btn.primary:hover{box-shadow:0 6px 20px rgba(91,104,240,0.3);}

/* 2FA verify (login) */
.auth-2fa-verify{display:flex;flex-direction:column;align-items:center;padding:6px 0 2px;}
.auth-2fa-verify-ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(91,104,240,0.22),rgba(192,132,252,0.2));border:1.5px solid rgba(192,132,252,0.35);display:flex;align-items:center;justify-content:center;margin-bottom:10px;animation:fa2ShieldFloat 3s ease-in-out infinite;}
.auth-2fa-verify-ttl{font-size:14px;font-weight:700;color:#e8ecff;text-align:center;margin-bottom:4px;}
.auth-2fa-verify-sub{font-size:12px;color:#5c6178;text-align:center;max-width:300px;line-height:1.5;margin-bottom:12px;}
.auth-2fa-verify .auth-otp-grid{width:100%;}
.auth-2fa-alt{display:flex;gap:10px;justify-content:center;font-size:11px;margin-top:2px;}
.auth-2fa-alt-link{color:#5b68f0;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background 0.15s;}
.auth-2fa-alt-link:hover{background:rgba(91,104,240,0.1);}

/* ===== FONDURI MODAL CSS ===== */
.fond-overlay{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;pointer-events:none;opacity:0;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.fond-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.fond-box{background:#13162a;border:1px solid rgba(255,255,255,0.07);border-radius:24px;width:min(520px,100%);max-height:min(88vh,720px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.7);}
.fond-hdr{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;}
.fond-ttl{font-size:16px;font-weight:700;color:#e4e7ef;}
.fond-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;}
.fond-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.fond-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.fond-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px;}
.fond-scroll::-webkit-scrollbar{width:3px;}
.fond-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;}
/* Secțiuni */
.fond-sec{border-bottom:1px solid rgba(255,255,255,0.05);animation:ofIn 0.32s ease;}
.fond-sec:last-child{border-bottom:none;}
.fond-sec-hd{display:flex;align-items:center;gap:10px;padding:12px 22px;}
.fond-sec.done .fond-sec-hd{cursor:pointer;}
.fond-sec.done .fond-sec-hd:hover{background:rgba(255,255,255,0.025);}
.fond-snum{width:21px;height:21px;border-radius:50%;background:rgba(91,104,240,0.15);border:1px solid rgba(91,104,240,0.3);font-size:10px;font-weight:700;color:#a5b4fc;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'JetBrains Mono',monospace;}
.fond-sec.done .fond-snum{background:rgba(52,211,153,0.15);border-color:rgba(52,211,153,0.3);color:#34d399;font-size:13px;}
.fond-sttl{font-size:11px;font-weight:700;color:#a0a6b8;text-transform:uppercase;letter-spacing:0.6px;flex-shrink:0;}
.fond-sval{font-size:13px;color:#e4e7ef;font-weight:500;flex:1;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fond-sedit{font-size:12px;color:#5b68f0;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity 0.2s;}
.fond-sec.done .fond-sedit{opacity:1;}
.fond-sbd{overflow:hidden;padding:0 22px 18px;}
.fond-ssub{font-size:13px;color:#5c6178;margin-bottom:14px;line-height:1.55;}
/* Sume */
.fond-amts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;}
.fond-amt{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;transition:background 0.15s var(--ease-out-cubic),border-color 0.15s var(--ease-out-cubic),transform 0.15s var(--ease-out-cubic),box-shadow 0.15s var(--ease-out-cubic);}
.fond-amt:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.22);}
.fond-amt.sel{border-color:#5b68f0;background:rgba(91,104,240,0.12);}
.fond-amt.sel:hover{border-color:rgba(91,104,240,0.7);background:rgba(91,104,240,0.18);transform:translateY(-1px);box-shadow:0 4px 14px rgba(91,104,240,0.2);}
.fond-amt:active{transform:scale(0.98);transition:transform 0.1s ease-out;}
.fond-amt-val{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:#e4e7ef;display:block;}
.fond-amt-lbl{font-size:10px;color:#5c6178;display:block;margin-top:2px;}
.fond-custom-wrap{display:none;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;display:flex;align-items:center;padding:0 14px;margin-bottom:8px;transition:border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic);}
.fond-custom-wrap:hover{border-color:rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);}
.fond-custom-wrap:focus-within{border-color:rgba(91,104,240,0.4);background:rgba(91,104,240,0.05);}
.fond-custom-inp{flex:1;background:transparent;border:none;outline:none;font-size:22px;font-weight:700;color:#e4e7ef;font-family:'JetBrains Mono',monospace;padding:12px 0;}
.fond-custom-inp::placeholder{color:#2a2d3e;font-size:15px;font-weight:400;}
.fond-custom-lbl{font-size:11px;color:#5c6178;font-weight:700;}
/* Tabs entitate */
.fond-ent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fond-ent{background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.08);border-radius:16px;padding:18px 14px;text-align:center;cursor:pointer;transition:background 0.15s var(--ease-out-cubic),border-color 0.15s var(--ease-out-cubic),transform 0.15s var(--ease-out-cubic),box-shadow 0.15s var(--ease-out-cubic);}
.fond-ent:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,0.22);}
.fond-ent.sel{border-color:#5b68f0;background:rgba(91,104,240,0.12);}
.fond-ent.sel:hover{border-color:rgba(91,104,240,0.7);background:rgba(91,104,240,0.18);transform:translateY(-1px);box-shadow:0 4px 16px rgba(91,104,240,0.2);}
.fond-ent:active{transform:scale(0.98);transition:transform 0.1s ease-out;}
.fond-ent-ico{font-size:24px;display:block;margin-bottom:7px;}
.fond-ent-nm{font-size:14px;font-weight:700;color:#e4e7ef;display:block;}
.fond-ent-sub{font-size:11px;color:#5c6178;display:block;margin-top:3px;}
/* Form fields */
.fond-fg{display:flex;flex-direction:column;gap:8px;}
.fond-fg+.fond-fg{margin-top:12px;animation:ofIn 0.3s ease;}
.fond-fl{font-size:11px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.6px;}
.fond-fi{width:100%;padding:11px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);border-radius:12px !important;color:#e4e7ef;font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color 0.15s var(--ease-out-cubic),background 0.15s var(--ease-out-cubic);box-sizing:border-box;-webkit-appearance:none;appearance:none;}
.fond-fi:hover{border-color:rgba(255,255,255,0.16);background:rgba(255,255,255,0.07);}
.fond-fi:focus{border-color:#5b68f0;background:rgba(91,104,240,0.06);}
.fond-fi::placeholder{color:#5c6178;}
.fond-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;}
/* Plătește — identic cu butonul Verifică */
.fond-fin-row{display:flex;justify-content:center;margin-top:16px;}
.fond-finwrap{
  display:inline-flex;flex-shrink:0;padding:2px;
  border-radius:calc(var(--radius) + 2px);
  background:conic-gradient(from var(--angle),#5b68f0,#c084fc,#f0c230,#f472b6,#5b68f0);
  animation:rotate-gradient 3s linear infinite;transform:translateZ(0);
}
.fond-fin{
  position:relative;z-index:1;
  background:#161a30;color:#e4e7ef;border:none;border-radius:var(--radius);
  padding:15px 28px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;
  cursor:pointer;white-space:nowrap;letter-spacing:0.3px;
  transition:background 0.2s var(--ease-out-cubic),transform 0.2s var(--ease-out-quint);
  overflow:hidden;display:block;
}
.fond-fin::after{
  content:'';position:absolute;top:0;left:0;width:55%;height:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%);
  transform:translateX(-150%) skewX(-15deg);pointer-events:none;
}
.fond-fin:hover{background:#1e2245;transform:translateY(-2px);}
.fond-fin:hover::after{transform:translateX(300%) skewX(-15deg);transition:transform 0.5s ease;}
.fond-fin:active{transform:scale(0.97);transition:transform 0.1s ease-out;}
.fond-secure-note{font-size:11px;color:#383d4f;text-align:center;margin-top:10px;}
.fond-stripe{font-weight:700;color:#635bff;}
/* Succes */
.fond-success{display:none;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px;text-align:center;}
.fond-success.show{display:flex;}
.fond-succ-ico{width:68px;height:68px;border-radius:50%;background:rgba(52,211,153,0.12);border:2px solid rgba(52,211,153,0.35);display:flex;align-items:center;justify-content:center;margin-bottom:18px;animation:fondPop 0.4s cubic-bezier(0.32,0.72,0,1);}
@keyframes fondPop{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}
.fond-succ-title{font-size:20px;font-weight:700;color:#e4e7ef;margin-bottom:6px;}
.fond-succ-sub{font-size:13px;color:#5c6178;line-height:1.6;}
/* ===== SPEED MODAL CSS ===== */
.spd-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,0.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.spd-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.spd-box{background:linear-gradient(160deg,#0d0f1e 0%,#0f1120 100%);border:1px solid rgba(255,255,255,0.09);border-radius:28px;width:min(520px,100%);max-height:min(92vh,840px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.06);transform:translateY(20px) scale(0.97);transition:transform 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));}
.spd-overlay.open .spd-box{transform:translateY(0) scale(1);}
.spd-hdr{padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:flex-start;gap:14px;}
.spd-hdr-ico{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(52,211,153,0.25),rgba(52,211,153,0.08));border:1px solid rgba(52,211,153,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.spd-ttl{font-size:17px;font-weight:700;color:#e4e7ef;line-height:1.2;}
.spd-sub{font-size:11px;color:#5c6178;margin-top:3px;}
.spd-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;margin-left:auto;flex-shrink:0;}
.spd-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.spd-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.spd-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 24px 32px;}
.spd-scroll::-webkit-scrollbar{width:3px;}
.spd-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}
.spd-section{margin-bottom:32px;}
.spd-section-lbl{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#5c6178;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.spd-section-lbl::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.05);}

/* 1. Speedometer */
.spd-meter-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;}
.spd-meter-labels{display:flex;justify-content:space-between;width:260px;margin-top:-6px;}
.spd-meter-label{font-size:9px;color:#383d4f;letter-spacing:0.5px;}
.spd-needle-val{font-family:'JetBrains Mono',monospace;font-size:36px;font-weight:500;color:#34d399;margin-top:4px;letter-spacing:-1px;}
.spd-needle-sub{font-size:11px;color:#5c6178;margin-top:2px;}
.spd-zone-row{display:flex;gap:8px;margin-top:14px;width:100%;justify-content:center;}
.spd-zone{flex:1;max-width:100px;padding:8px 6px;border-radius:10px;text-align:center;border:1px solid;}
.spd-zone.z-fast{background:rgba(52,211,153,0.08);border-color:rgba(52,211,153,0.2);}
.spd-zone.z-med {background:rgba(245,158,11,0.08);border-color:rgba(245,158,11,0.2);}
.spd-zone.z-slow{background:rgba(248,113,113,0.08);border-color:rgba(248,113,113,0.2);}
.spd-zone-name{font-size:9px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;}
.spd-zone.z-fast .spd-zone-name{color:#34d399;}
.spd-zone.z-med  .spd-zone-name{color:#f59e0b;}
.spd-zone.z-slow .spd-zone-name{color:#f87171;}
.spd-zone-range{font-family:'JetBrains Mono',monospace;font-size:10px;color:#5c6178;margin-top:2px;}

/* 2. Histogram */
.spd-hist{display:flex;align-items:flex-end;gap:6px;height:90px;}
.spd-hist-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
.spd-hist-bar{width:100%;border-radius:5px 5px 0 0;min-height:0;transform-origin:bottom;transform:scaleY(0);}
@keyframes barBounce{
  0%   {transform:scaleY(0)         translateY(0);}
  35%  {transform:scaleY(0.18)      translateY(9px);}
  60%  {transform:scaleY(1.07)      translateY(-3px);}
  78%  {transform:scaleY(0.96)      translateY(1px);}
  90%  {transform:scaleY(1.02)      translateY(0);}
  100% {transform:scaleY(1)         translateY(0);}
}
.spd-hist-pct{font-family:'JetBrains Mono',monospace;font-size:9px;color:#5c6178;margin-bottom:2px;}
.spd-hist-lbl{font-size:9px;color:#383d4f;text-align:center;line-height:1.3;}

/* 3. Evoluție */
.spd-evo-wrap{position:relative;}
.spd-evo-points{display:flex;align-items:flex-end;justify-content:space-between;height:70px;position:relative;}
.spd-evo-points::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(255,255,255,0.05);}
.spd-evo-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;}
.spd-evo-dot{width:8px;height:8px;border-radius:50%;background:#5b68f0;border:2px solid #0d0f1e;position:relative;z-index:1;transition:background 0.3s;}
.spd-evo-dot.current{background:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.5);}
.spd-evo-val{font-family:'JetBrains Mono',monospace;font-size:11px;color:#a0a6b8;}
.spd-evo-val.current{color:#34d399;font-weight:700;}
.spd-evo-year{font-size:9px;color:#383d4f;}
.spd-evo-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.spd-delta-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.2);border-radius:20px;padding:6px 14px;margin-top:14px;}
.spd-delta-badge span{font-size:12px;font-weight:700;color:#34d399;}
.spd-delta-badge small{font-size:11px;color:#5c6178;}

/* 4. Live counter */
.spd-live{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:20px 20px 18px;text-align:center;position:relative;overflow:hidden;}
.spd-live::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(52,211,153,0.2),transparent);}
.spd-live-num{font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:500;color:#34d399;letter-spacing:-1px;line-height:1;}
.spd-live-lbl{font-size:11px;color:#5c6178;margin-top:6px;}
.spd-live-sub{font-size:10px;color:#383d4f;margin-top:4px;}
.spd-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#34d399;animation:spt-pulse 1.2s ease-in-out infinite;margin-right:5px;vertical-align:middle;}
/* ===== STATS MODAL CSS ===== */
.sm-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.sm-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.sm-box{background:linear-gradient(160deg,#0d0f1e 0%,#111428 100%);border:1px solid rgba(255,255,255,0.10);border-radius:28px;width:min(560px,100%);max-height:min(92vh,820px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.07);transform:translateY(20px) scale(0.97);transition:transform 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));}
.sm-overlay.open .sm-box{transform:translateY(0) scale(1);}

.sm-hdr{padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:flex-start;gap:14px;}
.sm-hdr-ico{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(91,104,240,0.3),rgba(91,104,240,0.1));border:1px solid rgba(91,104,240,0.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sm-ttl{font-size:17px;font-weight:700;color:#e4e7ef;line-height:1.2;}
.sm-sub{font-size:11px;color:#5c6178;margin-top:3px;}
.sm-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;margin-left:auto;flex-shrink:0;}
.sm-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.sm-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}

.sm-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 24px 28px;}
.sm-scroll::-webkit-scrollbar{width:3px;}
.sm-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}

/* Hero number */
.sm-hero{text-align:center;padding:8px 0 24px;}
.sm-hero-num{font-family:'JetBrains Mono',monospace;font-size:52px;font-weight:500;background:linear-gradient(135deg,#a5b4fc,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-1px;}
.sm-hero-lbl{font-size:12px;color:#5c6178;text-transform:uppercase;letter-spacing:1.2px;margin-top:6px;}

/* Tabs */
.sm-tabs{display:flex;gap:4px;background:rgba(255,255,255,0.04);border-radius:12px;padding:4px;margin-bottom:20px;}
.sm-tab{flex:1;padding:8px 0;border-radius:9px;border:none;background:transparent;color:#5c6178;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;letter-spacing:0.3px;transition:background 0.18s,color 0.18s;}
.sm-tab.active{background:rgba(91,104,240,0.18);color:#a5b4fc;border:1px solid rgba(91,104,240,0.25);}

/* Panouri */
.sm-panel{display:none;}
.sm-panel.active{display:block;}

/* Stat grid 2×2 */
.sm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.sm-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:16px 18px;position:relative;overflow:hidden;}
.sm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);}
.sm-card-lbl{font-size:10px;color:#5c6178;text-transform:uppercase;letter-spacing:0.9px;margin-bottom:8px;}
.sm-card-val{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:500;color:#e4e7ef;line-height:1;}
.sm-card-delta{font-size:11px;font-weight:600;margin-top:5px;display:inline-flex;align-items:center;gap:3px;}
.sm-card-delta.up{color:#34d399;}
.sm-card-delta.down{color:#f87171;}
.sm-card-delta.neu{color:#5c6178;}
.sm-card.accent{border-color:rgba(91,104,240,0.25);background:rgba(91,104,240,0.07);}
.sm-card.accent .sm-card-val{color:#a5b4fc;}

/* Bar chart */
.sm-chart-wrap{margin-bottom:18px;}
.sm-chart-lbl{font-size:10px;color:#5c6178;text-transform:uppercase;letter-spacing:0.9px;margin-bottom:10px;}
.sm-bars{display:flex;align-items:flex-end;gap:5px;height:80px;}
.sm-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
.sm-bar{width:100%;border-radius:5px 5px 0 0;background:rgba(91,104,240,0.25);border:1px solid rgba(91,104,240,0.3);transition:background 0.2s;min-height:4px;}
.sm-bar.peak{background:rgba(91,104,240,0.55);border-color:rgba(91,104,240,0.6);}
.sm-bar.today{background:linear-gradient(180deg,#818cf8,#5b68f0);border-color:#818cf8;}
.sm-bar-x{font-size:9px;color:#383d4f;text-align:center;}

/* Breakdown rows */
.sm-break{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.sm-break-lbl{font-size:10px;color:#5c6178;text-transform:uppercase;letter-spacing:0.9px;margin-bottom:4px;}
.sm-brow{display:flex;align-items:center;gap:10px;}
.sm-brow-name{font-size:12px;color:#a0a6b8;width:80px;flex-shrink:0;}
.sm-brow-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;}
.sm-brow-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#5b68f0,#818cf8);}
.sm-brow-val{font-family:'JetBrains Mono',monospace;font-size:11px;color:#5c6178;width:42px;text-align:right;flex-shrink:0;}

/* Ora de vârf */
.sm-peak-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;margin-bottom:10px;}
.sm-peak-left{display:flex;align-items:center;gap:10px;}
.sm-peak-ico{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sm-peak-ico.green{background:rgba(52,211,153,0.15);border:1px solid rgba(52,211,153,0.25);}
.sm-peak-ico.orange{background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.25);}
.sm-peak-ico.blue{background:rgba(91,104,240,0.15);border:1px solid rgba(91,104,240,0.25);}
.sm-peak-name{font-size:12px;color:#a0a6b8;}
.sm-peak-val{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:500;color:#e4e7ef;}

.sm-footer{padding:14px 24px;border-top:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;}
.sm-footer-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:spt-pulse 1.6s ease-in-out infinite;flex-shrink:0;}
.sm-footer-txt{font-size:11px;color:#5c6178;}
.sm-footer-ts{font-family:'JetBrains Mono',monospace;font-size:10px;color:#383d4f;}
/* ===== PRICES MODAL CSS ===== */
.pm-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,0.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.pm-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.pm-box{background:rgba(13,15,30,0.92);border:1px solid rgba(255,255,255,0.10);border-radius:24px;width:min(520px,100%);max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.65),0 0 0 0.5px rgba(255,255,255,0.05) inset;transform:translateY(18px) scale(0.97);transition:transform 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));}
.pm-overlay.open .pm-box{transform:translateY(0) scale(1);}
.pm-hdr{padding:18px 22px 14px;border-bottom:1px solid rgba(255,255,255,0.07);flex-shrink:0;display:flex;align-items:center;gap:12px;}
.pm-hdr-ico{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(91,104,240,0.25),rgba(91,104,240,0.10));border:1px solid rgba(91,104,240,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pm-ttl{font-size:16px;font-weight:700;color:#e4e7ef;flex:1;}
.pm-sub{font-size:11px;color:#5c6178;margin-top:1px;}
.pm-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;flex-shrink:0;}
.pm-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.pm-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.pm-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 24px;}
.pm-scroll::-webkit-scrollbar{width:3px;}
.pm-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}
.pm-cat{margin-bottom:4px;}
.pm-cat-hd{display:flex;align-items:center;gap:8px;padding:14px 20px 8px;}
.pm-cat-ico{font-size:14px;line-height:1;}
.pm-cat-lbl{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#5c6178;}
.pm-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,0.04);cursor:default;}
.pm-cat:last-child .pm-row:last-child{border-bottom:none;}
.pm-row:hover{box-shadow:inset 0 0 0 100px rgba(255,255,255,0.03);}
.pm-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:#383d4f;width:20px;flex-shrink:0;text-align:right;margin-right:12px;}
.pm-name{font-size:13px;color:#a0a6b8;flex:1;line-height:1.4;}
.pm-price{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#e4e7ef;white-space:nowrap;margin-left:12px;background:rgba(91,104,240,0.10);border:1px solid rgba(91,104,240,0.2);border-radius:8px;padding:3px 9px;}
.pm-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,0.06);flex-shrink:0;}
.pm-footer-txt{font-size:11px;color:#5c6178;text-align:center;line-height:1.6;}
/* ===== MISC CSS ===== */
/* Fix iOS zoom pe focus input */
input, textarea, select {
  font-size: 16px !important;
}
/* ===== BUYER OFFERS MODAL ===== */
.bo-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;}
.bo-box{background:#0d0f1e;border-radius:24px;width:100%;max-width:520px;max-height:min(92vh,800px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,0.06);box-shadow:0 24px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04);animation:bo-enter 0.4s var(--ease-out-quint) both;}
@keyframes bo-enter{from{opacity:0;transform:translateY(24px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}

/* Header */
.bo-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;}
.bo-hdr-left{display:flex;align-items:center;gap:12px;}
.bo-hdr-icon{width:40px;height:40px;border-radius:12px;background:rgba(74,222,128,0.08);display:flex;align-items:center;justify-content:center;}
.bo-ttl{font-size:16px;font-weight:600;color:var(--text-bright);line-height:1.3;}
.bo-sub{font-size:11px;color:var(--text-dim);margin-top:1px;letter-spacing:0.3px;}
.bo-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;flex-shrink:0;}
.bo-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.bo-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}

/* Device header */
.bo-device-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.02);}
.bo-device-icon{width:36px;height:36px;border-radius:10px;border:1.5px solid;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);}
.bo-device-icon svg{width:18px;height:18px;}
.bo-device-model{font-size:13px;font-weight:600;color:var(--text-bright);line-height:1.3;}
.bo-device-spec{font-size:11px;color:var(--text-dim);margin-top:2px;}

/* Scroll */
.bo-scroll{flex:1;overflow-y:auto;padding:0 16px 16px;-webkit-overflow-scrolling:touch;}
.bo-scroll::-webkit-scrollbar{width:4px;}
.bo-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px;}

/* Sort bar */
.bo-sort-bar{display:flex;flex-direction:column;gap:6px;padding:14px 4px 10px;position:sticky;top:0;background:#0d0f1e;z-index:2;}
.bo-sort-row{display:flex;align-items:center;gap:6px;}
.bo-sort-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:var(--text-dim);font-size:11px;font-weight:500;cursor:pointer;transition:all 0.25s;font-family:inherit;letter-spacing:0.3px;}
.bo-sort-btn:hover{border-color:rgba(255,255,255,0.15);color:var(--text-normal);}
.bo-sort-btn.active{background:rgba(74,222,128,0.1);border-color:rgba(74,222,128,0.25);color:#4ade80;}
.bo-sort-count{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim);}
.bo-count-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:bo-pulse 2s ease infinite;}
@keyframes bo-pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.bo-count-num{font-weight:700;color:#4ade80;font-family:'JetBrains Mono',monospace;}

/* Card list */
.bo-list{display:flex;flex-direction:column;gap:8px;}

/* Card */
.bo-card{display:flex;gap:0;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden;animation:bo-card-in 0.45s var(--ease-out-quint) both;transition:border-color 0.2s,box-shadow 0.2s;}
.bo-card:hover{border-color:rgba(74,222,128,0.2);box-shadow:0 4px 20px rgba(74,222,128,0.06);}
@keyframes bo-card-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* Rank */
.bo-card-rank{width:42px;min-width:42px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;color:var(--text-dim);background:rgba(255,255,255,0.02);border-right:1px solid rgba(255,255,255,0.05);}
.bo-card-rank.bo-rank-gold{color:#fbbf24;background:rgba(251,191,36,0.06);text-shadow:0 0 12px rgba(251,191,36,0.3);}
.bo-card-rank.bo-rank-silver{color:#94a3b8;background:rgba(148,163,184,0.05);}
.bo-card-rank.bo-rank-bronze{color:#d97706;background:rgba(217,119,6,0.05);}

/* Card body */
.bo-card-body{flex:1;padding:12px 14px;min-width:0;}
.bo-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.bo-card-buyer{display:flex;flex-direction:column;gap:3px;min-width:0;}
.bo-buyer-name{font-size:13px;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bo-buyer-type{font-size:10px;font-weight:500;letter-spacing:0.5px;text-transform:uppercase;padding:2px 7px;border-radius:4px;width:fit-content;}
.bo-type-store{color:#818cf8;background:rgba(129,140,248,0.1);}
.bo-type-private{color:var(--text-dim);background:rgba(255,255,255,0.04);}

/* Price */
.bo-card-price{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:#4ade80;white-space:nowrap;line-height:1.2;}
.bo-currency{font-size:11px;font-weight:500;color:rgba(74,222,128,0.6);letter-spacing:0.5px;}

/* Badges */
.bo-card-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.bo-badge{display:flex;align-items:center;gap:3px;font-size:10px;padding:2px 7px;border-radius:10px;font-weight:500;letter-spacing:0.2px;}
.bo-badge-verified{color:#4ade80;background:rgba(74,222,128,0.08);}
.bo-badge-deals{color:var(--text-dim);background:rgba(255,255,255,0.04);}
.bo-badge-rating{color:#fbbf24;background:rgba(251,191,36,0.08);gap:2px;}
.bo-badge-local{color:#34d399;background:rgba(52,211,153,0.1);gap:3px;}
.bo-badge-dist{color:var(--text-dim);background:rgba(255,255,255,0.04);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.3px;}

/* Phone in name */
.bo-buyer-phone{font-size:11px;font-weight:400;color:var(--text-dim);font-family:'JetBrains Mono',monospace;letter-spacing:-0.2px;}

/* Location source toggle */
.bo-loc-toggle{display:flex;gap:4px;flex-wrap:wrap;}
.bo-loc-src{display:flex;align-items:center;gap:3px;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:var(--text-dim);font-size:10px;font-weight:500;cursor:pointer;transition:all 0.2s;font-family:inherit;white-space:nowrap;}
.bo-loc-src:hover{border-color:rgba(255,255,255,0.12);color:var(--text-normal);}
.bo-loc-src.active{background:rgba(129,140,248,0.1);border-color:rgba(129,140,248,0.25);color:#818cf8;}
.bo-loc-hint{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim);padding:3px 10px;border-radius:8px;border:1px solid rgba(129,140,248,0.12);background:rgba(129,140,248,0.04);cursor:pointer;transition:all 0.2s;}
.bo-loc-hint:hover{border-color:rgba(129,140,248,0.3);background:rgba(129,140,248,0.1);color:var(--text-normal);}
.bo-loc-hint strong{color:#a5b4fc;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;text-decoration-color:rgba(165,180,252,0.4);transition:text-decoration-color 0.2s;}
.bo-loc-hint:hover strong{text-decoration-color:rgba(165,180,252,0.8);}
.bo-loc-edit-icon{opacity:0.4;transition:opacity 0.2s;}
.bo-loc-hint:hover .bo-loc-edit-icon{opacity:0.9;}

/* Card bottom */
.bo-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px;}
.bo-card-location{display:flex;align-items:center;gap:5px;font-size:11px;min-width:0;background:rgba(129,140,248,0.06);padding:4px 9px;border-radius:8px;border:1px solid rgba(129,140,248,0.1);}
.bo-card-location span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a5b4fc;font-weight:500;}
.bo-card-location svg{flex-shrink:0;color:#818cf8;}

/* Contact buttons */
.bo-card-contacts{display:flex;gap:6px;flex-shrink:0;}
.bo-contact-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;font-size:11px;font-weight:600;text-decoration:none;transition:all 0.2s;cursor:pointer;letter-spacing:0.2px;font-family:inherit;}
.bo-contact-btn.bo-wa{background:rgba(37,211,102,0.12);color:#25d366;border:1px solid rgba(37,211,102,0.2);}
.bo-contact-btn.bo-wa:hover{background:rgba(37,211,102,0.2);border-color:rgba(37,211,102,0.35);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,211,102,0.15);}
.bo-contact-btn.bo-tg{background:rgba(36,161,222,0.12);color:#24a1de;border:1px solid rgba(36,161,222,0.2);}
.bo-contact-btn.bo-tg:hover{background:rgba(36,161,222,0.2);border-color:rgba(36,161,222,0.35);transform:translateY(-1px);box-shadow:0 4px 12px rgba(36,161,222,0.15);}
.bo-contact-pending{font-size:10px;color:var(--text-ghost);font-style:italic;}

/* Report button + tooltip */
.bo-report-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid rgba(248,113,113,0.12);background:rgba(248,113,113,0.04);color:rgba(248,113,113,0.5);cursor:pointer;transition:all 0.2s;flex-shrink:0;padding:0;}
.bo-report-btn:hover{background:rgba(248,113,113,0.12);border-color:rgba(248,113,113,0.25);color:#f87171;transform:scale(1.08);}
.bo-report-btn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.bo-report-btn::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);right:0;background:#1e2140;border:1px solid rgba(248,113,113,0.2);color:#f0a0a0;font-size:10px;font-weight:500;padding:4px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.15s,transform 0.15s;transform:translateY(4px);z-index:10;font-family:'DM Sans',sans-serif;}
.bo-report-btn:hover::after{opacity:1;transform:translateY(0);}

/* Report modal (over buyers modal) */
.bor-overlay{position:fixed;inset:0;z-index:550;background:rgba(0,0,0,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:borFadeIn 0.2s ease-out;}
@keyframes borFadeIn{from{opacity:0}to{opacity:1}}
.bor-box{background:#0d0f1e;border:1px solid rgba(248,113,113,0.12);border-radius:20px;width:min(400px,100%);box-shadow:0 24px 64px rgba(0,0,0,0.5),0 0 0 1px rgba(248,113,113,0.06);transform:translateY(12px) scale(0.97);animation:borSlideUp 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1)) forwards;}
@keyframes borSlideUp{to{transform:translateY(0) scale(1)}}
.bor-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,0.06);}
.bor-hdr-left{display:flex;align-items:center;gap:12px;}
.bor-hdr-icon{width:36px;height:36px;border-radius:10px;background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.18);display:flex;align-items:center;justify-content:center;color:#f87171;}
.bor-title{font-size:14px;font-weight:700;color:#e4e7ef;}
.bor-buyer-name{font-size:12px;color:#f0a0a0;font-weight:500;margin-top:1px;}
.bor-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;}
.bor-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.bor-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.bor-body{padding:16px 20px 20px;}
.bor-text{width:100%;box-sizing:border-box;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px 14px;font-size:14px;color:#e4e7ef;font-family:'DM Sans',sans-serif;resize:vertical;min-height:80px;max-height:160px;outline:none;transition:border-color 0.2s;line-height:1.6;}
.bor-text:focus{border-color:rgba(248,113,113,0.3);background:rgba(248,113,113,0.02);}
.bor-text::placeholder{color:#5c6178;}
.bor-send{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px 20px;border-radius:12px;background:rgba(37,211,102,0.12);color:#25d366;border:1px solid rgba(37,211,102,0.2);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.25s;font-family:inherit;width:100%;box-sizing:border-box;}
.bor-send:hover:not(.disabled){background:rgba(37,211,102,0.2);border-color:rgba(37,211,102,0.35);transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,211,102,0.18);}
.bor-send.disabled{opacity:0.3;cursor:not-allowed;}

/* Empty state */
.bo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;animation:ofIn 0.4s ease-out;}
.bo-empty-icon{color:rgba(255,255,255,0.08);margin-bottom:16px;}
.bo-empty-title{font-size:17px;font-weight:700;color:var(--text-bright,#e4e7ef);margin-bottom:6px;}
.bo-empty-sub{font-size:13px;color:var(--text-dim,#5c6178);line-height:1.6;max-width:280px;margin-bottom:24px;}
.bo-empty-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:14px;border:1.5px dashed rgba(91,104,240,0.3);background:rgba(91,104,240,0.04);color:var(--accent,#5b68f0);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.25s;font-family:inherit;}
.bo-empty-cta:hover{background:rgba(91,104,240,0.1);border-color:rgba(91,104,240,0.5);transform:translateY(-1px);}

/* Footer */
.bo-footer{margin-top:14px;padding:14px 4px 0;border-top:1px solid rgba(255,255,255,0.05);}
.bo-footer-info{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--text-dim);line-height:1.5;margin-bottom:12px;}
.bo-footer-info svg{flex-shrink:0;margin-top:1px;color:var(--text-ghost);}
.bo-footer-cta{width:100%;padding:12px;border-radius:14px;border:1.5px dashed rgba(91,104,240,0.3);background:rgba(91,104,240,0.04);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.25s;font-family:inherit;}
.bo-footer-cta:hover{background:rgba(91,104,240,0.1);border-color:rgba(91,104,240,0.5);transform:translateY(-1px);}

/* Location edit modal */
.bol-overlay{position:fixed;inset:0;z-index:550;background:rgba(0,0,0,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:borFadeIn 0.2s ease-out;}
.bol-box{background:#0d0f1e;border:1px solid rgba(129,140,248,0.12);border-radius:20px;width:min(380px,100%);box-shadow:0 24px 64px rgba(0,0,0,0.5);transform:translateY(12px) scale(0.97);animation:borSlideUp 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1)) forwards;}
.bol-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,0.06);}
.bol-hdr-left{display:flex;align-items:center;gap:12px;}
.bol-hdr-icon{width:36px;height:36px;border-radius:10px;background:rgba(129,140,248,0.1);border:1px solid rgba(129,140,248,0.18);display:flex;align-items:center;justify-content:center;color:#818cf8;}
.bol-title{font-size:15px;font-weight:700;color:#e4e7ef;}
.bol-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s, transform 0.15s;}
.bol-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.bol-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.bol-body{padding:16px 20px 8px;}
.bol-label{display:block;font-size:10px;font-weight:700;color:#5c6178;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:6px;margin-top:14px;}
.bol-label:first-child{margin-top:0;}
.bol-select{width:100%;box-sizing:border-box;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 14px;font-size:14px;color:#e4e7ef;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c6178' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;}
.bol-select:focus{border-color:#818cf8;background-color:rgba(129,140,248,0.06);}
.bol-select option{background:#0d0f1e;color:#e4e7ef;}
.bol-footer{padding:12px 20px 20px;}
.bol-save{width:100%;padding:12px;border-radius:12px;background:rgba(129,140,248,0.15);border:1px solid rgba(129,140,248,0.25);color:#a5b4fc;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s;font-family:inherit;}
.bol-save:hover{background:rgba(129,140,248,0.25);border-color:rgba(129,140,248,0.4);transform:translateY(-1px);}

/* Mobile adjustments */
@media(max-width:699px){
  .bo-box{max-width:100%;max-height:92vh;border-radius:20px;}
  .bo-card-price{font-size:16px;}
  .bo-contact-btn span{display:none;}
  .bo-contact-btn{padding:8px;border-radius:10px;}
  .bo-card-rank{width:36px;min-width:36px;font-size:13px;}
}

/* Modalele deschise din dock-ul de verificare (PV, Raport, Ofertă) devin
   bottom-sheet-uri pe mobil: ancorate jos, lățime plină, colțuri rotunjite doar sus.
   (Share/Screenshot/AI/Buyers folosesc stiluri inline → tratate în componente.) */
@media (max-width: 699px){
  .pv-overlay,.rep-overlay,.offer-overlay{align-items:flex-end;padding:0;}
  .pv-box,.rep-box,.offer-box{width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;}
  .offer-brand-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
}
/* ===== AI MODAL CSS ===== */
.aim-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;padding:16px;}
.aim-overlay.open{display:flex;}
.aim-box{background:linear-gradient(160deg,#0f1120 0%,#141830 100%);border:1px solid rgba(192,132,252,0.15);border-radius:24px;width:min(520px,100%);max-height:calc(100dvh - 32px);position:relative;box-shadow:0 40px 80px rgba(0,0,0,0.65),0 0 60px rgba(168,85,247,0.08),inset 0 1px 0 rgba(255,255,255,0.06);animation:aimIn 0.32s cubic-bezier(0.32,0.72,0,1);display:flex;flex-direction:column;overflow:hidden;}
@keyframes aimIn{from{opacity:0;transform:translateY(16px) scale(0.97)}to{opacity:1;transform:none}}
.aim-hdr{display:flex;align-items:center;gap:12px;padding:22px 24px 16px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;}
.aim-hdr-ico{width:38px;height:38px;border-radius:12px;background:rgba(192,132,252,0.1);border:1px solid rgba(192,132,252,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.aim-ttl{font-size:16px;font-weight:700;color:#e9d5ff;letter-spacing:-0.3px;}
.aim-sub{font-size:11px;color:#5c6178;margin-top:2px;}
.aim-xbtn{position:absolute;top:18px;right:18px;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f87171;font-size:15px;transition:background 0.15s, transform 0.15s;}
.aim-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.aim-xbtn:active{transform:scale(0.92);transition:transform 0.1s ease-out;}
.aim-scroll{flex:1;overflow-y:auto;padding:20px 24px;overscroll-behavior:contain;}
.aim-scroll::-webkit-scrollbar{width:4px;}
.aim-scroll::-webkit-scrollbar-thumb{background:rgba(192,132,252,0.2);border-radius:4px;}

/* Recommendation */
.aim-rec{background:rgba(192,132,252,0.04);border:1px solid rgba(192,132,252,0.1);border-radius:16px;padding:18px 20px;line-height:1.75;font-size:13px;color:rgba(255,255,255,0.7);position:relative;}
.aim-rec::before{content:'';position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,0.3),transparent);}
.aim-rec p{margin:0 0 10px;}
.aim-rec p:last-child{margin-bottom:0;}
.aim-rec strong{color:#e9d5ff;font-weight:600;}
.aim-rec .aim-pill-ok{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.5px;padding:2px 8px;border-radius:10px;background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.25);color:#34d399;margin:0 2px;}
.aim-rec .aim-pill-warn{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.5px;padding:2px 8px;border-radius:10px;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);color:#fbbf24;margin:0 2px;}
.aim-rec .aim-pill-bad{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.5px;padding:2px 8px;border-radius:10px;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.25);color:#f87171;margin:0 2px;}
.aim-rec .aim-pdf-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11px;color:#c084fc;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(192,132,252,0.3);text-underline-offset:3px;}
.aim-rec .aim-pdf-link:hover{color:#e9d5ff;text-decoration-color:rgba(192,132,252,0.6);}

/* Separator */
.aim-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,0.2),transparent);margin:20px 0;}

/* Q&A header */
.aim-qa-hdr{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#e9d5ff;margin-bottom:6px;}
.aim-qa-sub{font-size:11px;color:#5c6178;line-height:1.6;margin-bottom:10px;}
.aim-qa-cost-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.5px;padding:3px 10px;border-radius:10px;background:rgba(192,132,252,0.1);border:1px solid rgba(192,132,252,0.2);color:#c084fc;margin-bottom:16px;}

/* Chat bubbles */
.aim-chat{display:flex;flex-direction:column;gap:12px;}
.aim-chat-q{align-self:flex-end;max-width:85%;background:rgba(192,132,252,0.1);border:1px solid rgba(192,132,252,0.15);border-radius:14px 14px 4px 14px;padding:10px 14px;font-size:12px;color:rgba(255,255,255,0.75);line-height:1.6;}
.aim-chat-a{align-self:flex-start;max-width:90%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:14px 14px 14px 4px;padding:12px 16px;font-size:12.5px;color:rgba(255,255,255,0.7);line-height:1.7;}
.aim-chat-a strong{color:#e9d5ff;font-weight:600;}
.aim-typing{display:inline-flex;gap:4px;padding:6px 0;}
.aim-typing span{width:6px;height:6px;border-radius:50%;background:#c084fc;opacity:0.4;animation:aimDot 1.2s infinite;}
.aim-typing span:nth-child(2){animation-delay:0.2s;}
.aim-typing span:nth-child(3){animation-delay:0.4s;}
@keyframes aimDot{0%,80%,100%{opacity:0.25;transform:scale(0.8)}40%{opacity:1;transform:scale(1.1)}}

/* Input area */
.aim-input-area{padding:12px 20px 20px;border-top:1px solid rgba(255,255,255,0.06);flex-shrink:0;}
.aim-textarea-wrap{position:relative;margin-bottom:10px;}
.aim-textarea{width:100%;border:1px solid rgba(192,132,252,0.15);border-radius:12px;background:rgba(192,132,252,0.04);color:#e4e7ef;font-family:'DM Sans',sans-serif;font-size:13px;padding:12px 14px 28px;resize:none;outline:none;transition:border-color 0.2s;box-sizing:border-box;min-height:60px;}
.aim-textarea:focus{border-color:rgba(192,132,252,0.35);}
.aim-textarea::placeholder{color:#383d4f;}
.aim-char-count{position:absolute;bottom:8px;right:12px;font-size:10px;color:#383d4f;}
.aim-submit{width:100%;padding:12px;border-radius:12px;background:rgba(192,132,252,0.15);border:1px solid rgba(192,132,252,0.25);color:#c084fc;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.25s;font-family:inherit;}
.aim-submit:hover:not(:disabled){background:rgba(192,132,252,0.25);border-color:rgba(192,132,252,0.4);transform:translateY(-1px);}
.aim-submit:disabled{opacity:0.4;cursor:not-allowed;}

/* Mobile adjustments */
@media(max-width:699px){
  .aim-box{max-width:100%;max-height:92dvh;border-radius:20px;}
  .aim-hdr{padding:18px 18px 14px;}
  .aim-scroll{padding:16px 18px;}
  .aim-input-area{padding:10px 16px 16px;}
}

/* ===== EDIT OFFERS CTA CARD (brand step top) ===== */
.offer-edit-card{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 14px;padding:16px 18px;
  background:linear-gradient(135deg, rgba(91,104,240,0.14) 0%, rgba(192,132,252,0.10) 100%);
  border:1px solid rgba(91,104,240,0.28);
  border-radius:18px;cursor:pointer;
  transition:transform 0.22s var(--ease-out-quint, cubic-bezier(.23,1,.32,1)), border-color 0.22s, box-shadow 0.22s, background 0.22s;
  position:relative;overflow:hidden;
}
.offer-edit-card::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 20%, rgba(91,104,240,0.22), transparent 60%);
  opacity:0;transition:opacity 0.28s ease;pointer-events:none;
}
.offer-edit-card:hover{transform:translateY(-2px);border-color:rgba(91,104,240,0.55);box-shadow:0 10px 28px rgba(91,104,240,0.22);}
.offer-edit-card:hover::before{opacity:1;}
.offer-edit-card:active{transform:translateY(0) scale(0.985);}
.offer-edit-card .oec-left{display:flex;align-items:center;gap:13px;min-width:0;flex:1;position:relative;z-index:1;}
.offer-edit-card .oec-ico{
  width:40px;height:40px;flex-shrink:0;
  border-radius:12px;
  background:linear-gradient(135deg, #5b68f0 0%, #c084fc 100%);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  box-shadow:0 6px 16px rgba(91,104,240,0.4);
}
.offer-edit-card .oec-ico svg{width:20px;height:20px;}
.offer-edit-card .oec-text{min-width:0;flex:1;}
.offer-edit-card .oec-title{
  font-family:'DM Sans', sans-serif;font-size:14px;font-weight:700;
  color:#e4e7ef;letter-spacing:-0.01em;line-height:1.25;
}
.offer-edit-card .oec-sub{
  font-size:11.5px;color:rgba(228,231,239,0.62);
  margin-top:3px;letter-spacing:0.01em;
}
.offer-edit-card .oec-right{display:flex;align-items:center;gap:10px;position:relative;z-index:1;}
.offer-edit-card .oec-badge{
  min-width:26px;height:26px;padding:0 8px;
  border-radius:13px;
  background:rgba(91,104,240,0.22);
  border:1px solid rgba(91,104,240,0.4);
  color:#c084fc;
  font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  font-family:'DM Sans', sans-serif;
}
.offer-edit-card .oec-arrow{
  width:18px;height:18px;color:rgba(228,231,239,0.55);
  transition:transform 0.22s var(--ease-out-quint), color 0.22s;
}
.offer-edit-card:hover .oec-arrow{transform:translateX(3px);color:#c084fc;}
.offer-edit-sep{
  display:flex;align-items:center;gap:10px;
  margin:6px 0 16px;
  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;
  color:rgba(228,231,239,0.4);
}
.offer-edit-sep::before, .offer-edit-sep::after{
  content:"";flex:1;height:1px;background:rgba(255,255,255,0.07);
}

/* ===== EO (EDIT OFFERS) MODAL — standalone namespace to avoid collision with buyers.js .bo-* ===== */
.eo-overlay{
  display:none;position:fixed;inset:0;z-index:520;
  background:rgba(0,0,0,0.78);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  align-items:center;justify-content:center;padding:20px;
  opacity:0;pointer-events:none;
  transition:opacity 0.28s var(--ease-out-cubic, ease-out);
}
.eo-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.eo-box{
  background:radial-gradient(1200px 600px at 20% -10%, rgba(91,104,240,0.10), transparent 60%), #0b0d1c;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:26px;
  width:min(1760px, calc(100vw - 40px));
  max-height:min(94vh, 960px);
  display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,0.7), 0 0 0 1px rgba(91,104,240,0.10);
  transform:translateY(20px) scale(0.97);
  transition:transform 0.36s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));
}
.eo-overlay.open .eo-box{transform:translateY(0) scale(1);}

/* Header */
.eo-hdr{
  padding:20px 28px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  flex-shrink:0;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:linear-gradient(180deg, rgba(91,104,240,0.10) 0%, transparent 100%);
}
.eo-hdr-left{display:flex;align-items:center;gap:16px;min-width:0;}
.eo-hdr-ico{
  width:46px;height:46px;flex-shrink:0;
  border-radius:14px;
  background:linear-gradient(135deg, #5b68f0 0%, #c084fc 100%);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  box-shadow:0 10px 26px rgba(91,104,240,0.5);
}
.eo-hdr-ico svg{width:24px;height:24px;}
.eo-ttl{
  font-family:'DM Sans', sans-serif;
  font-size:19px;font-weight:700;color:#e4e7ef;
  letter-spacing:-0.015em;line-height:1.2;
}
.eo-sub{
  font-size:12.5px;color:rgba(228,231,239,0.58);
  margin-top:3px;letter-spacing:0.005em;
}
.eo-xbtn{
  width:34px;height:34px;border-radius:50%;
  background:rgba(248,113,113,0.12);
  border:1px solid rgba(248,113,113,0.2);
  color:#f87171;cursor:pointer;font-size:16px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:background 0.16s, transform 0.16s var(--ease-out-quint);
}
.eo-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.eo-xbtn:active{transform:scale(0.92);}

/* Stats bar */
.eo-stats{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:14px;
  padding:20px 28px 6px;
  flex-shrink:0;
}
.eo-stat{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:16px;
  padding:16px 18px;
  position:relative;overflow:hidden;
  transition:transform 0.22s, border-color 0.22s, background 0.22s;
}
.eo-stat::before{
  content:"";position:absolute;top:0;left:0;width:3px;height:100%;
  background:currentColor;opacity:0.6;
}
.eo-stat:hover{transform:translateY(-2px);background:rgba(255,255,255,0.05);}
.eo-stat-val{
  font-family:'DM Sans', sans-serif;
  font-size:24px;font-weight:700;color:#e4e7ef;
  letter-spacing:-0.02em;line-height:1.1;
}
.eo-stat-lbl{
  font-size:11px;text-transform:uppercase;letter-spacing:0.09em;
  color:rgba(228,231,239,0.55);margin-top:5px;font-weight:500;
}
.eo-stat-active  {color:#5b68f0;}
.eo-stat-budget  {color:#c084fc;}
.eo-stat-views   {color:#60a5fa;}
.eo-stat-matches {color:#f472b6;}
.eo-stat-warn    {color:#f0c230;}
.eo-stat-ok      {color:#4ade80;}

/* Toolbar */
.eo-toolbar{
  display:flex;align-items:center;gap:12px;
  padding:16px 28px 14px;flex-shrink:0;flex-wrap:wrap;
}
.eo-search-wrap{
  flex:1;min-width:240px;position:relative;
}
.eo-search{
  width:100%;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;
  padding:12px 16px 12px 42px;
  color:#e4e7ef;font-size:14px;font-family:inherit;
  transition:border-color 0.18s, background 0.18s;
  outline:none;
}
.eo-search::placeholder{color:rgba(228,231,239,0.4);}
.eo-search:focus{border-color:rgba(91,104,240,0.55);background:rgba(91,104,240,0.06);}
.eo-search-wrap::before{
  content:"";position:absolute;left:15px;top:50%;width:16px;height:16px;
  transform:translateY(-50%);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(228,231,239,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") center/contain no-repeat;
  pointer-events:none;
}
.eo-sort-wrap{position:relative;}
.eo-sort{
  appearance:none;-webkit-appearance:none;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;
  padding:12px 38px 12px 16px;
  color:#e4e7ef;font-size:14px;font-family:inherit;
  cursor:pointer;outline:none;
  transition:border-color 0.18s, background 0.18s;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(228,231,239,0.5)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:14px;
}
.eo-sort:focus{border-color:rgba(91,104,240,0.55);}
.eo-sort option{background:#0d0f1e;color:#e4e7ef;}
.eo-newbtn{
  background:linear-gradient(135deg, #5b68f0 0%, #c084fc 100%);
  border:none;color:#fff;
  padding:12px 22px;border-radius:12px;
  font-size:14px;font-weight:600;font-family:'DM Sans', sans-serif;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(91,104,240,0.38);
  transition:transform 0.18s var(--ease-out-quint), box-shadow 0.18s;
}
.eo-newbtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(91,104,240,0.5);}
.eo-newbtn:active{transform:translateY(0) scale(0.97);}

/* Bulk action bar */
.eo-bulk{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0 28px 12px;padding:12px 16px;
  background:rgba(91,104,240,0.12);
  border:1px solid rgba(91,104,240,0.32);
  border-radius:13px;
  animation:eo-bulk-in 0.28s var(--ease-out-quint);
}
@keyframes eo-bulk-in{
  from{opacity:0;transform:translateY(-6px);}
  to{opacity:1;transform:translateY(0);}
}
.eo-bulk-count{
  font-size:13px;font-weight:600;color:#c084fc;
  margin-right:auto;font-family:'DM Sans', sans-serif;
}
.eo-bulk-btn{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  color:#e4e7ef;
  padding:8px 14px;border-radius:10px;
  font-size:13px;font-weight:500;font-family:inherit;
  cursor:pointer;
  transition:all 0.16s;
}
.eo-bulk-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);transform:translateY(-1px);}
.eo-bulk-btn.eo-bulk-del{color:#f87171;border-color:rgba(248,113,113,0.28);background:rgba(248,113,113,0.08);}
.eo-bulk-btn.eo-bulk-del:hover{background:rgba(248,113,113,0.18);border-color:rgba(248,113,113,0.45);}
.eo-bulk-btn.eo-bulk-cancel{color:rgba(228,231,239,0.6);}

/* Scroll area */
.eo-scroll{
  flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:4px 28px 28px;
  display:flex;flex-direction:column;gap:12px;
}
.eo-scroll::-webkit-scrollbar{width:8px;}
.eo-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px;}
.eo-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.18);}

/* ═══════════════════════════════════════════════════
   Offer item row — WIDE layout with rich editable meta
   Grid: [sel] [brand] [main(title+meta+stats)] [price] [actions]
   ═══════════════════════════════════════════════════ */
.eo-item{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto auto;
  align-items:center;gap:20px;
  padding:18px 22px;
  background:rgba(255,255,255,0.025);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:18px;
  transition:border-color 0.22s, background 0.22s, transform 0.22s, box-shadow 0.22s;
  position:relative;
}
.eo-item:hover{
  border-color:rgba(91,104,240,0.4);
  background:rgba(91,104,240,0.05);
  transform:translateY(-1px);
  box-shadow:0 12px 32px rgba(0,0,0,0.3);
}
.eo-item.selected{
  border-color:rgba(91,104,240,0.6);
  background:rgba(91,104,240,0.09);
}
.eo-item.flash{animation:eo-flash 0.8s ease;}
@keyframes eo-flash{
  0%,100%{box-shadow:0 0 0 0 rgba(91,104,240,0);}
  40%{box-shadow:0 0 0 4px rgba(91,104,240,0.35), 0 8px 24px rgba(91,104,240,0.25);}
}
.eo-item[data-status="paused"]{opacity:0.78;}
.eo-item[data-status="paused"] .eo-item-title{color:rgba(228,231,239,0.72);}

/* Checkbox */
.eo-item-sel{display:flex;align-items:center;justify-content:center;}
.eo-checkbox{
  width:24px;height:24px;border-radius:8px;
  border:1.5px solid rgba(255,255,255,0.22);
  background:rgba(255,255,255,0.03);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  color:transparent;
  transition:all 0.18s;
}
.eo-checkbox:hover{border-color:rgba(91,104,240,0.6);}
.eo-checkbox.checked{
  background:linear-gradient(135deg, #5b68f0 0%, #c084fc 100%);
  border-color:transparent;
  color:#fff;
}

/* Brand icon (bigger) */
.eo-item-ico{display:flex;align-items:center;justify-content:center;}
.eo-brand-chip{
  width:64px;height:64px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  transition:background 0.22s, border-color 0.22s, transform 0.22s;
}
.eo-item:hover .eo-brand-chip{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.14);transform:scale(1.03);}
.eo-brand-chip svg{display:block;}
.eo-brand-apple{background:linear-gradient(135deg, #0a0a0a 0%, #2a2a2a 100%);border-color:rgba(255,255,255,0.15);}
.eo-brand-samsung{background:linear-gradient(135deg, #0f1a3c 0%, #1428A0 100%);border-color:rgba(20,40,160,0.4);}
.eo-brand-xiaomi{background:linear-gradient(135deg, #2a1505 0%, #ff6900 100%);border-color:rgba(255,105,0,0.4);}
.eo-brand-honor{background:linear-gradient(135deg, #1a0d0d 0%, #c8102e 100%);border-color:rgba(200,16,46,0.4);}
.eo-brand-huawei{background:linear-gradient(135deg, #1a0d0d 0%, #c8102e 100%);border-color:rgba(200,16,46,0.4);}

/* Main content column */
.eo-item-main{min-width:0;display:flex;flex-direction:column;gap:10px;}
.eo-item-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.eo-item-title{
  font-family:'DM Sans', sans-serif;
  font-size:17px;font-weight:700;color:#e4e7ef;
  letter-spacing:-0.01em;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}

/* Status pill */
.eo-status-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;
  font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:0.06em;
  font-family:'DM Sans', sans-serif;
  flex-shrink:0;
}
.eo-status-dot{
  width:6px;height:6px;border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px rgba(255,255,255,0);
  animation:eo-dot-pulse 2s ease-in-out infinite;
}
@keyframes eo-dot-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}
  50%{box-shadow:0 0 0 3px rgba(255,255,255,0.12);}
}
.eo-s-active{background:rgba(74,222,128,0.12);color:#4ade80;}
.eo-s-paused{background:rgba(228,231,239,0.08);color:rgba(228,231,239,0.7);}
.eo-s-paused .eo-status-dot{animation:none;}
.eo-s-expiring{background:rgba(240,194,48,0.14);color:#f0c230;}
.eo-s-expired{background:rgba(248,113,113,0.14);color:#f87171;}

/* ═══ EDITABLE META CHIPS ═══ */
.eo-item-meta{
  display:flex;flex-wrap:wrap;gap:8px;
  font-size:12px;
}
.eo-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  color:rgba(228,231,239,0.85);
  padding:6px 11px;border-radius:10px;
  white-space:nowrap;
  font-family:'DM Sans', sans-serif;font-weight:500;font-size:12px;
  cursor:pointer;
  transition:all 0.18s;
  position:relative;
}
.eo-chip:hover{
  background:rgba(91,104,240,0.12);
  border-color:rgba(91,104,240,0.45);
  color:#e4e7ef;
  transform:translateY(-1px);
}
.eo-chip .eo-chip-lbl{
  font-size:9.5px;text-transform:uppercase;letter-spacing:0.08em;
  color:rgba(228,231,239,0.45);font-weight:600;
}
.eo-chip .eo-chip-val{font-weight:600;color:inherit;}
.eo-chip .eo-chip-pen{
  opacity:0;width:10px;height:10px;
  color:rgba(192,132,252,0.7);
  transition:opacity 0.15s;
  margin-left:1px;
}
.eo-chip:hover .eo-chip-pen{opacity:1;}
.eo-chip.editing{
  background:rgba(91,104,240,0.18);
  border-color:rgba(91,104,240,0.6);
  padding:4px 10px;
}
.eo-chip.flash{animation:eo-chip-flash 0.8s ease;}
@keyframes eo-chip-flash{
  0%,100%{background:rgba(255,255,255,0.04);box-shadow:0 0 0 0 rgba(74,222,128,0);}
  40%{background:rgba(74,222,128,0.22);border-color:rgba(74,222,128,0.6);box-shadow:0 0 0 4px rgba(74,222,128,0.18);}
}
.eo-chip-grade-a\+{color:#34d399;}
.eo-chip-grade-a{color:#86efac;}
.eo-chip-grade-b{color:#f59e0b;}
.eo-chip-grade-c{color:#f87171;}
.eo-chip-cond-new{color:#a78bfa;}
.eo-chip-cond-likenew{color:#5eead4;}
.eo-chip-cond-excellent{color:#4ade80;}
.eo-chip-cond-good{color:#fbbf24;}
.eo-chip-cond-damaged{color:#f87171;}
/* Tiny inline swatch used inside the color chip value */
.eo-chip-sw{
  display:inline-block;width:11px;height:11px;border-radius:50%;
  margin-right:6px;vertical-align:-1px;
  border:1px solid rgba(255,255,255,0.22);
  box-shadow:0 0 0 1px rgba(0,0,0,0.35);
}
/* Color picker popover — wider than enum popovers */
.eo-color-pop{min-width:380px;max-width:420px;padding:12px;}
.eo-color-pop .offer-colors{max-height:280px;overflow:auto;}
.eo-color-pop .offer-color-confirm-btn{padding:9px 22px;font-size:12.5px;}

/* Inline input that replaces a chip */
.eo-chip-input{
  background:transparent;border:none;outline:none;
  font-family:'DM Sans', sans-serif;
  font-size:12px;font-weight:600;color:#e4e7ef;
  padding:0;margin:0;
  min-width:40px;max-width:180px;
  -moz-appearance:textfield;
}
.eo-chip-input::-webkit-outer-spin-button,
.eo-chip-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* ═══ POPOVER EDITOR (enum fields: cond/cap/grade) ═══ */
.eo-pop{
  position:fixed;top:0;left:0;z-index:10050;
  background:#161a30;
  border:1px solid rgba(91,104,240,0.38);
  border-radius:12px;
  padding:8px;
  min-width:200px;
  box-shadow:0 22px 52px rgba(0,0,0,0.6), 0 0 0 1px rgba(91,104,240,0.14), 0 0 44px rgba(91,104,240,0.18);
  opacity:0;transform:translateY(-6px) scale(0.96);
  transition:opacity 0.18s ease, transform 0.18s cubic-bezier(0.2,0.9,0.3,1);
  display:flex;flex-direction:column;gap:2px;
  max-height:min(60vh, 420px);overflow:auto;
}
.eo-pop.open{opacity:1;transform:translateY(0) scale(1);}
.eo-pop-ttl{
  font-family:'DM Sans', sans-serif;
  font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.8px;
  color:rgba(228,231,239,0.55);
  padding:6px 12px 8px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  margin-bottom:4px;
}
.eo-pop-opt{
  padding:8px 12px;border-radius:8px;
  font-size:13px;color:#e4e7ef;
  font-family:'DM Sans', sans-serif;font-weight:500;
  cursor:pointer;
  display:flex;align-items:center;gap:10px;
  transition:background 0.14s, color 0.14s;
  white-space:nowrap;
  text-align:left;
}
.eo-pop-opt:hover{background:rgba(91,104,240,0.18);}
.eo-pop-opt.active{background:rgba(91,104,240,0.22);color:#fff;}
.eo-pop-opt.active::after{content:"✓";margin-left:auto;color:#c084fc;font-weight:700;}
.eo-pop-dot{
  width:8px;height:8px;border-radius:50%;
  background:currentColor;
  flex-shrink:0;
}

/* Mini stats line */
.eo-item-stats{
  display:flex;gap:18px;
  font-size:12px;
  color:rgba(228,231,239,0.55);
  padding-top:2px;
}
.eo-ministat{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'DM Sans', sans-serif;font-weight:500;
}
.eo-ministat svg{opacity:0.75;width:13px;height:13px;}
.eo-ministat.eo-expires.warn{color:#f0c230;}

/* Price cell */
.eo-item-price{
  display:flex;flex-direction:column;align-items:flex-end;gap:5px;
  min-width:140px;
}
.eo-price-label{
  font-size:10px;text-transform:uppercase;letter-spacing:0.09em;
  color:rgba(228,231,239,0.45);font-weight:600;
}
.eo-price-val{
  display:inline-flex;align-items:baseline;gap:6px;
  padding:10px 14px;border-radius:12px;
  background:rgba(192,132,252,0.09);
  border:1px solid rgba(192,132,252,0.25);
  cursor:pointer;
  transition:all 0.18s;
  position:relative;
}
.eo-price-val:hover{background:rgba(192,132,252,0.16);border-color:rgba(192,132,252,0.45);transform:translateY(-1px);}
.eo-price-val.editing{padding:6px 10px;background:rgba(91,104,240,0.14);border-color:rgba(91,104,240,0.6);}
.eo-price-val.flash{animation:eo-price-flash 0.75s ease;}
@keyframes eo-price-flash{
  0%,100%{background:rgba(192,132,252,0.09);box-shadow:0 0 0 0 rgba(74,222,128,0);}
  40%{background:rgba(74,222,128,0.22);border-color:rgba(74,222,128,0.6);box-shadow:0 0 0 4px rgba(74,222,128,0.2);}
}
.eo-price-num{
  font-family:'DM Sans', sans-serif;
  font-size:20px;font-weight:700;color:#c084fc;
  letter-spacing:-0.02em;
}
.eo-price-cur{
  font-size:11px;font-weight:600;
  color:rgba(192,132,252,0.75);
  text-transform:uppercase;letter-spacing:0.05em;
}
.eo-price-edit{opacity:0.55;margin-left:4px;color:rgba(192,132,252,0.7);}
.eo-price-val:hover .eo-price-edit{opacity:1;}
.eo-price-input{
  width:100px;
  background:transparent;border:none;outline:none;
  font-family:'DM Sans', sans-serif;
  font-size:20px;font-weight:700;color:#e4e7ef;
  text-align:right;
  padding:0;
  -moz-appearance:textfield;
}
.eo-price-input::-webkit-outer-spin-button,
.eo-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* Action buttons */
.eo-item-actions{
  display:flex;gap:6px;
  flex-shrink:0;
}
.eo-act{
  width:36px;height:36px;
  border-radius:10px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  color:rgba(228,231,239,0.7);
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all 0.16s var(--ease-out-quint);
}
.eo-act svg{width:16px;height:16px;}
.eo-act:hover{transform:translateY(-2px);}
.eo-act:active{transform:translateY(0) scale(0.92);}
.eo-act-pause:hover{background:rgba(240,194,48,0.14);border-color:rgba(240,194,48,0.4);color:#f0c230;}
.eo-act-resume:hover{background:rgba(74,222,128,0.14);border-color:rgba(74,222,128,0.4);color:#4ade80;}
.eo-act-extend:hover{background:rgba(91,104,240,0.14);border-color:rgba(91,104,240,0.45);color:#8b95f5;}
.eo-act-dup:hover{background:rgba(96,165,250,0.14);border-color:rgba(96,165,250,0.4);color:#60a5fa;}
.eo-act-del:hover{background:rgba(248,113,113,0.14);border-color:rgba(248,113,113,0.4);color:#f87171;}

/* Extend popover (custom days input) — inherits .eo-pop base */
.eo-extend-pop{
  padding:14px;
  min-width:240px;
  display:block;
}
.eo-extend-lbl{
  font-size:11px;text-transform:uppercase;letter-spacing:0.08em;
  color:rgba(228,231,239,0.55);font-weight:600;
  margin-bottom:8px;
}
.eo-extend-row{display:flex;align-items:center;gap:8px;}
.eo-extend-input{
  flex:1;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:8px;
  padding:8px 10px;
  color:#e4e7ef;font-family:'DM Sans', sans-serif;
  font-size:14px;font-weight:600;
  outline:none;
  text-align:right;
  -moz-appearance:textfield;
}
.eo-extend-input:focus{border-color:rgba(91,104,240,0.6);}
.eo-extend-input::-webkit-outer-spin-button,
.eo-extend-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.eo-extend-unit{
  font-size:12px;color:rgba(228,231,239,0.55);
  font-family:'DM Sans', sans-serif;
}
.eo-extend-go{
  background:linear-gradient(135deg, #5b68f0 0%, #c084fc 100%);
  border:none;color:#fff;
  padding:8px 14px;border-radius:8px;
  font-size:13px;font-weight:600;font-family:'DM Sans', sans-serif;
  cursor:pointer;
  transition:transform 0.15s;
}
.eo-extend-go:hover{transform:translateY(-1px);}
.eo-extend-quick{
  display:flex;gap:6px;margin-top:10px;
}
.eo-extend-q{
  flex:1;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  color:rgba(228,231,239,0.75);
  padding:6px 0;border-radius:8px;
  font-size:12px;font-weight:500;
  cursor:pointer;
  font-family:'DM Sans', sans-serif;
  transition:all 0.15s;
}
.eo-extend-q:hover{background:rgba(91,104,240,0.15);border-color:rgba(91,104,240,0.4);color:#c084fc;}

/* Empty state */
.eo-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:80px 20px;
  color:rgba(228,231,239,0.55);
}
.eo-empty-ico{font-size:64px;margin-bottom:16px;opacity:0.6;}
.eo-empty-ttl{
  font-family:'DM Sans', sans-serif;
  font-size:19px;font-weight:700;color:#e4e7ef;
  margin-bottom:8px;
}
.eo-empty-sub{font-size:14px;margin-bottom:22px;max-width:420px;line-height:1.5;}
.eo-empty-btn{
  background:linear-gradient(135deg, #5b68f0 0%, #c084fc 100%);
  border:none;color:#fff;
  padding:13px 26px;border-radius:12px;
  font-size:14px;font-weight:600;font-family:'DM Sans', sans-serif;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(91,104,240,0.4);
  transition:transform 0.2s var(--ease-out-quint);
}
.eo-empty-btn:hover{transform:translateY(-2px);}

/* Toast */
.eo-toast{
  position:fixed;
  bottom:32px;left:50%;
  transform:translateX(-50%) translateY(20px);
  background:rgba(13,15,30,0.96);
  border:1px solid rgba(91,104,240,0.5);
  color:#e4e7ef;
  padding:14px 22px;border-radius:13px;
  font-size:14px;font-weight:500;font-family:'DM Sans', sans-serif;
  box-shadow:0 14px 36px rgba(0,0,0,0.6), 0 0 0 1px rgba(91,104,240,0.16);
  opacity:0;pointer-events:none;
  z-index:9999;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:opacity 0.22s, transform 0.32s var(--ease-out-quint);
}
.eo-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ═══ EO MODAL — Responsive ═══ */
@media(max-width:1199px){
  .eo-item{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:16px;padding:16px 18px;}
  .eo-brand-chip{width:58px;height:58px;}
  .eo-item-title{font-size:16px;}
  .eo-price-num{font-size:18px;}
  .eo-stats{grid-template-columns:repeat(5, 1fr);padding:16px 20px 4px;gap:10px;}
  .eo-stat-val{font-size:21px;}
  .eo-toolbar{padding:14px 20px 12px;}
  .eo-scroll{padding:4px 20px 24px;}
  .eo-bulk{margin:0 20px 10px;}
  .eo-hdr{padding:16px 20px;}
}
@media(max-width:899px){
  .eo-box{max-height:96dvh;border-radius:22px;}
  .eo-hdr{padding:14px 16px;}
  .eo-hdr-ico{width:40px;height:40px;}
  .eo-hdr-ico svg{width:20px;height:20px;}
  .eo-ttl{font-size:16px;}
  .eo-sub{font-size:11.5px;}
  .eo-stats{grid-template-columns:repeat(3, 1fr);padding:14px 16px 4px;gap:8px;}
  .eo-stat{padding:12px 13px;}
  .eo-stat-val{font-size:18px;}
  .eo-stat-lbl{font-size:10px;}
  .eo-toolbar{padding:12px 16px 10px;gap:8px;}
  .eo-search-wrap{flex:1 1 100%;order:1;min-width:0;}
  .eo-sort-wrap{flex:1;order:2;}
  .eo-newbtn{order:3;padding:11px 16px;font-size:13px;}
  .eo-bulk{margin:0 16px 10px;}
  .eo-scroll{padding:4px 16px 20px;gap:10px;}
  .eo-item{
    grid-template-columns:auto auto minmax(0,1fr);
    grid-template-areas:
      "sel ico main"
      "sel ico main"
      "price price actions";
    gap:12px 14px;
    padding:14px 16px;
  }
  .eo-item-sel{grid-area:sel;align-self:flex-start;padding-top:6px;}
  .eo-item-ico{grid-area:ico;align-self:flex-start;}
  .eo-item-main{grid-area:main;gap:8px;}
  .eo-brand-chip{width:52px;height:52px;border-radius:14px;}
  .eo-item-title{font-size:15px;}
  .eo-status-pill{font-size:10px;padding:3px 9px;}
  .eo-chip{font-size:11.5px;padding:5px 10px;}
  .eo-chip .eo-chip-lbl{font-size:9px;}
  .eo-item-stats{font-size:11px;gap:13px;}
  .eo-item-price{
    grid-area:price;
    flex-direction:row;align-items:center;justify-content:flex-start;
    gap:10px;min-width:0;
    padding-top:10px;margin-top:4px;
    border-top:1px solid rgba(255,255,255,0.06);
  }
  .eo-price-label{display:none;}
  .eo-price-num{font-size:17px;}
  .eo-item-actions{
    grid-area:actions;
    justify-self:end;align-self:center;
    padding-top:10px;margin-top:4px;
    border-top:1px solid rgba(255,255,255,0.06);
  }
  .eo-act{width:34px;height:34px;}
}
@media(max-width:599px){
  .eo-stats{grid-template-columns:repeat(2, 1fr);}
  .eo-stat:nth-child(5){grid-column:span 2;}
  .eo-toolbar{padding:10px 14px 8px;}
  .eo-scroll{padding:2px 14px 18px;}
  .eo-item{padding:12px 14px;}
  .offer-edit-card{padding:14px 14px;border-radius:16px;}
  .offer-edit-card .oec-ico{width:36px;height:36px;border-radius:11px;}
  .offer-edit-card .oec-title{font-size:13px;}
  .offer-edit-card .oec-sub{font-size:11px;}
}

/* ===== LPI HOVER ===== */

/* ══════════════════════════════════════════════════════════════
   ADMIN — UTILIZATORI / PLĂȚI / PREȚURI
   Reuses .eo-overlay / .eo-box / .eo-hdr / .eo-stats / .eo-toolbar
   / .eo-scroll / .eo-item / .eo-stat / .eo-act / .eo-pop
   Adds: .adm-* for admin-specific content
   ══════════════════════════════════════════════════════════════ */

/* Small accent tweaks on the shared overlay when it's admin */
.adm-overlay .eo-hdr-ico{background:linear-gradient(135deg,rgba(192,132,252,0.22),rgba(91,104,240,0.22));}
.adm-overlay .eo-hdr-ico svg{color:#c084fc;}

/* ── USER AVATAR (circle w/ initials) ───────────────────────── */
.adm-avatar{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font:700 14px 'DM Sans',sans-serif;letter-spacing:0.3px;
  color:#fff;flex-shrink:0;
  box-shadow:0 4px 14px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.08);
}

/* ── USER ITEM specifics ────────────────────────────────────── */
.adm-user .eo-item-ico{width:auto;}
.adm-user-sub{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font:500 12px 'DM Sans',sans-serif;color:rgba(228,231,239,0.72);margin-top:2px;
}
.adm-user-email{color:#a5b4fc;font-weight:600;}
.adm-user-phone{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:rgba(228,231,239,0.6);}
.adm-user-sep{opacity:0.35;}
.adm-user-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;}

/* Pills: type & usage & status */
.adm-pill{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;border-radius:20px;
  font:600 10.5px 'DM Sans',sans-serif;letter-spacing:0.25px;
  border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);
  color:rgba(228,231,239,0.82);
}
.adm-pill-pf  {color:#86efac;background:rgba(74,222,128,0.08);border-color:rgba(74,222,128,0.22);}
.adm-pill-co  {color:#c084fc;background:rgba(192,132,252,0.1);border-color:rgba(192,132,252,0.26);}
.adm-pill-pro {color:#60a5fa;background:rgba(96,165,250,0.1);border-color:rgba(96,165,250,0.24);}
.adm-pill-am  {color:rgba(228,231,239,0.7);}

/* Inline-click affordance — admin clickable pills */
.adm-pill-click{cursor:pointer;user-select:none;transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;}
.adm-pill-click:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 2px 10px rgba(0,0,0,0.25);}
.adm-pill-click:active{transform:translateY(0);filter:brightness(0.95);}
@keyframes admPillFlash{
  0%  {box-shadow:0 0 0 0 rgba(96,165,250,0.55);}
  40% {box-shadow:0 0 0 8px rgba(96,165,250,0.0);}
  100%{box-shadow:0 0 0 0 rgba(96,165,250,0);}
}
.adm-pill-flash{animation:admPillFlash .6s ease-out;}

.adm-chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 8px;border-radius:7px;
  font:500 11px 'DM Sans',sans-serif;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);
  color:rgba(228,231,239,0.8);
}
.adm-chip-lbl{color:rgba(228,231,239,0.45);font-size:10px;text-transform:uppercase;letter-spacing:0.4px;}
.adm-chip-cui{color:#f0c230;background:rgba(240,194,48,0.08);border-color:rgba(240,194,48,0.22);font-family:'JetBrains Mono',monospace;font-size:10.5px;}

.adm-status{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:20px;
  font:600 10.5px 'DM Sans',sans-serif;letter-spacing:0.3px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);
}
.adm-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;}
.adm-s-active    {color:#4ade80;background:rgba(74,222,128,0.08);border-color:rgba(74,222,128,0.22);}
.adm-s-suspended {color:#f87171;background:rgba(248,113,113,0.08);border-color:rgba(248,113,113,0.22);}
.adm-s-pending   {color:#f0c230;background:rgba(240,194,48,0.08);border-color:rgba(240,194,48,0.22);}
.adm-s-pay-completed{color:#4ade80;background:rgba(74,222,128,0.08);border-color:rgba(74,222,128,0.22);}
.adm-s-pay-pending  {color:#f0c230;background:rgba(240,194,48,0.08);border-color:rgba(240,194,48,0.22);}
.adm-s-pay-failed   {color:#f87171;background:rgba(248,113,113,0.08);border-color:rgba(248,113,113,0.22);}

/* Money column on user row */
.adm-user-money{
  display:flex;flex-direction:column;gap:4px;align-items:flex-end;
  min-width:160px;padding:0 10px;
  border-left:1px solid rgba(255,255,255,0.05);
}
.adm-money-row{display:flex;align-items:center;gap:10px;justify-content:flex-end;width:100%;}
.adm-money-lbl{font:500 10px 'DM Sans',sans-serif;color:rgba(228,231,239,0.45);text-transform:uppercase;letter-spacing:0.5px;}
.adm-money-val{font:700 14px 'JetBrains Mono',monospace;color:#e4e7ef;}
.adm-money-val.pos{color:#86efac;}
.adm-money-val.neg{color:#f87171;}
.adm-money-val.zero{color:rgba(228,231,239,0.55);}
.adm-money-debt{color:#fca5a5;}
.adm-money-limit{
  cursor:pointer;padding:2px 8px;border-radius:6px;
  border:1px dashed rgba(255,255,255,0.12);background:rgba(91,104,240,0.05);
  display:inline-flex;align-items:center;gap:6px;
  transition:background 0.15s, border-color 0.15s, transform 0.15s;
}
.adm-money-limit:hover{background:rgba(91,104,240,0.14);border-color:rgba(91,104,240,0.4);transform:translateX(-2px);}
.adm-money-edit{opacity:0.4;}
.adm-money-limit:hover .adm-money-edit{opacity:0.9;color:#a5b4fc;}

/* Actions colors */
.eo-act.adm-act-edit{color:#a5b4fc;}
.eo-act.adm-act-edit:hover{background:rgba(91,104,240,0.18);border-color:rgba(91,104,240,0.45);}
.eo-act.adm-act-credit{color:#c084fc;}
.eo-act.adm-act-credit:hover{background:rgba(192,132,252,0.18);border-color:rgba(192,132,252,0.45);}
.eo-act.adm-act-suspend{color:#f0c230;}
.eo-act.adm-act-suspend:hover{background:rgba(240,194,48,0.14);border-color:rgba(240,194,48,0.4);}
.eo-act.adm-act-restore{color:#4ade80;}
.eo-act.adm-act-restore:hover{background:rgba(74,222,128,0.14);border-color:rgba(74,222,128,0.4);}
.eo-act.adm-act-del{color:#f87171;}
.eo-act.adm-act-del:hover{background:rgba(248,113,113,0.18);border-color:rgba(248,113,113,0.45);}

/* ── ADMIN POPOVERS (shared) ────────────────────────────────── */
.adm-pop{
  min-width:240px;max-width:320px;
  padding:14px 14px 12px;gap:10px;display:flex;flex-direction:column;
}
.adm-pop-row{display:flex;align-items:center;gap:8px;}
.adm-pop-input{
  flex:1;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.1);
  border-radius:8px;color:#e4e7ef;font:600 14px 'JetBrains Mono',monospace;
  padding:8px 10px;outline:none;transition:border-color 0.15s, background 0.15s;
}
.adm-pop-input:focus{border-color:rgba(91,104,240,0.55);background:rgba(91,104,240,0.06);}
.adm-pop-unit{font:600 11px 'DM Sans',sans-serif;color:rgba(228,231,239,0.55);text-transform:uppercase;letter-spacing:0.5px;}
.adm-pop-quick{display:flex;gap:5px;flex-wrap:wrap;}
.adm-pop-q{
  flex:1;min-width:45px;padding:6px 8px;border-radius:6px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  color:rgba(228,231,239,0.8);cursor:pointer;
  font:600 11.5px 'DM Sans',sans-serif;transition:background 0.15s, border-color 0.15s, transform 0.15s;
}
.adm-pop-q:hover{background:rgba(91,104,240,0.14);border-color:rgba(91,104,240,0.35);color:#a5b4fc;transform:translateY(-1px);}
.adm-pop-ok{
  margin-top:4px;
  background:linear-gradient(135deg,#5b68f0,#818cf8);
  color:#fff;font:700 12.5px 'DM Sans',sans-serif;letter-spacing:0.3px;
  border:none;border-radius:9px;padding:10px 14px;cursor:pointer;
  box-shadow:0 8px 22px rgba(91,104,240,0.4);
  transition:transform 0.15s, box-shadow 0.15s;
}
.adm-pop-ok:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(91,104,240,0.55);}
.adm-pop-ok:active{transform:translateY(0) scale(0.97);}
.adm-pop-ok-credit{background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 8px 22px rgba(192,132,252,0.4);}
.adm-pop-ok-credit:hover{box-shadow:0 12px 28px rgba(192,132,252,0.55);}

.adm-credit-user{
  font:600 12px 'DM Sans',sans-serif;color:rgba(228,231,239,0.75);
  padding:6px 8px;border-radius:7px;background:rgba(192,132,252,0.08);
  border:1px solid rgba(192,132,252,0.2);margin-bottom:2px;
}
.adm-credit-note{margin-top:4px;}

.adm-paymod-pop{min-width:280px;}
.adm-mod-row{display:flex;flex-direction:column;gap:4px;}
.adm-mod-row label{font:600 10.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.5);text-transform:uppercase;letter-spacing:0.4px;}
.adm-mod-row input, .adm-mod-row select{
  background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.1);
  border-radius:8px;color:#e4e7ef;font:500 13px 'DM Sans',sans-serif;
  padding:8px 10px;outline:none;
}
.adm-mod-row input:focus, .adm-mod-row select:focus{border-color:rgba(91,104,240,0.55);}
.adm-mod-row select option{background:#0d0f1e;color:#e4e7ef;}

/* ══ EDIT USER MODAL ══════════════════════════════════════════ */
.adm-eu-overlay{z-index:620;}
.adm-eu-box{max-width:880px;display:grid;grid-template-areas:"hdr hdr" "tabs side" "body side" "foot foot";grid-template-columns:1fr 260px;grid-template-rows:auto auto 1fr auto;}
.adm-eu-hdr{grid-area:hdr;}
.adm-eu-avatar-wrap{width:44px;height:44px;}
.adm-eu-tabs{
  grid-area:tabs;
  display:flex;gap:4px;padding:6px 22px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.adm-eu-tab{
  position:relative;padding:10px 14px 12px;background:none;border:none;cursor:pointer;
  font:600 12.5px 'DM Sans',sans-serif;letter-spacing:0.2px;
  color:rgba(228,231,239,0.6);transition:color 0.18s;
}
.adm-eu-tab::after{
  content:'';position:absolute;left:14px;right:14px;bottom:-1px;height:2px;
  background:linear-gradient(90deg,#5b68f0,#c084fc);border-radius:2px;
  transform:scaleX(0);transform-origin:center;transition:transform 0.25s cubic-bezier(.4,0,.2,1);
}
.adm-eu-tab:hover{color:rgba(228,231,239,0.85);}
.adm-eu-tab.active{color:#fff;}
.adm-eu-tab.active::after{transform:scaleX(1);}

.adm-eu-body{grid-area:body;overflow-y:auto;padding:18px 22px;}
.adm-eu-panel{display:none;}
.adm-eu-panel.active{display:block;animation:admFadeUp 0.25s ease;}
@keyframes admFadeUp{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

.adm-eu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.adm-eu-field{display:flex;flex-direction:column;gap:4px;}
.adm-eu-field-wide{grid-column:1 / -1;}
.adm-eu-field label{
  font:600 10.5px 'DM Sans',sans-serif;letter-spacing:0.45px;text-transform:uppercase;
  color:rgba(228,231,239,0.5);
}
.adm-eu-field input, .adm-eu-field select,
#admEuLocContainer input, #admEuLocContainer select{
  background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.08);
  border-radius:9px;color:#e4e7ef;font:500 13px 'DM Sans',sans-serif !important;
  padding:9px 11px !important;outline:none;transition:border-color 0.18s, background 0.18s;
  width:100%;box-sizing:border-box;
}
.adm-eu-field input:focus, .adm-eu-field select:focus,
#admEuLocContainer input:focus, #admEuLocContainer select:focus{border-color:rgba(91,104,240,0.5);background:rgba(91,104,240,0.05) !important;}
.adm-eu-field select option, #admEuLocContainer select option{background:#0d0f1e;color:#e4e7ef;}
#admEuLocContainer{position:relative;}
#admEuLocContainer > div{position:relative;}

.adm-eu-side{
  grid-area:side;
  padding:18px 18px;margin:6px 16px 0 0;
  display:flex;flex-direction:column;gap:12px;
  background:rgba(91,104,240,0.04);border:1px solid rgba(91,104,240,0.12);
  border-radius:12px;
  align-self:start;
}
.adm-eu-side-row{display:flex;flex-direction:column;gap:2px;}
.adm-eu-side-lbl{font:600 10px 'DM Sans',sans-serif;letter-spacing:0.5px;text-transform:uppercase;color:rgba(228,231,239,0.45);}
.adm-eu-side-val{font:700 14px 'DM Sans',sans-serif;color:#e4e7ef;}

.adm-eu-footer{
  grid-area:foot;
  display:flex;gap:10px;justify-content:flex-end;
  padding:14px 22px;border-top:1px solid rgba(255,255,255,0.05);
}
.adm-eu-cancel, .adm-eu-save{
  padding:10px 18px;border-radius:9px;cursor:pointer;
  font:700 12.5px 'DM Sans',sans-serif;letter-spacing:0.3px;
}
.adm-eu-cancel{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:rgba(228,231,239,0.75);}
.adm-eu-cancel:hover{background:rgba(255,255,255,0.08);color:#fff;}
.adm-eu-save{background:linear-gradient(135deg,#5b68f0,#818cf8);color:#fff;border:none;box-shadow:0 8px 22px rgba(91,104,240,0.4);transition:transform 0.15s, box-shadow 0.15s;}
.adm-eu-save:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(91,104,240,0.55);}
.adm-eu-save:active{transform:translateY(0) scale(0.98);}

/* ══ PAYMENTS ══════════════════════════════════════════════ */
.adm-pay .eo-item-main{min-width:0;}
.adm-pay-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px;font:500 12px 'DM Sans',sans-serif;color:rgba(228,231,239,0.68);}
.adm-pay-method{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 9px;border-radius:7px;
  background:rgba(96,165,250,0.08);border:1px solid rgba(96,165,250,0.22);color:#93c5fd;
  font:600 11px 'DM Sans',sans-serif;
}
.adm-pay-method.adm-pay-credit{background:rgba(192,132,252,0.1);border-color:rgba(192,132,252,0.28);color:#c084fc;}
.adm-pay-date{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(228,231,239,0.55);}
.adm-pay-note{margin-top:6px;font:500 11.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.6);font-style:italic;padding:4px 8px;background:rgba(255,255,255,0.02);border-left:2px solid rgba(192,132,252,0.3);border-radius:0 6px 6px 0;}

.adm-pay-amount{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
  padding:0 12px;min-width:140px;border-left:1px solid rgba(255,255,255,0.05);
}
.adm-pay-amt-val{
  cursor:pointer;padding:4px 10px;border-radius:8px;
  font:800 18px 'JetBrains Mono',monospace;color:#e4e7ef;
  border:1px dashed rgba(255,255,255,0.08);background:rgba(91,104,240,0.04);
  display:inline-flex;align-items:center;gap:6px;
  transition:background 0.15s, border-color 0.15s, transform 0.15s;
}
.adm-pay-amt-val:hover{background:rgba(91,104,240,0.14);border-color:rgba(91,104,240,0.35);transform:translateX(-2px);}
.adm-pay-amount.is-credit .adm-pay-amt-val{color:#c084fc;border-color:rgba(192,132,252,0.22);background:rgba(192,132,252,0.06);}
.adm-pay-amount.is-credit .adm-pay-amt-val:hover{background:rgba(192,132,252,0.16);border-color:rgba(192,132,252,0.45);}
.adm-pay-cur{font:600 10px 'DM Sans',sans-serif;color:rgba(228,231,239,0.5);text-transform:uppercase;letter-spacing:0.5px;margin-left:4px;}
.adm-pay-badge{
  font:700 9.5px 'DM Sans',sans-serif;letter-spacing:0.6px;text-transform:uppercase;
  color:#c084fc;background:rgba(192,132,252,0.15);border:1px solid rgba(192,132,252,0.3);
  padding:2px 7px;border-radius:20px;
}

/* ══ PRICES ══════════════════════════════════════════════ */
.adm-pr-scroll{padding:8px 20px 28px;}
.adm-pr-cat{margin-top:18px;}
.adm-pr-cat:first-child{margin-top:8px;}
.adm-pr-cat-hd{
  display:flex;align-items:center;gap:9px;padding:6px 2px 10px;
  border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:4px;
}
.adm-pr-cat-ico{font-size:16px;}
.adm-pr-cat-lbl{font:700 13px 'DM Sans',sans-serif;letter-spacing:0.25px;color:#e4e7ef;flex:1;}
.adm-pr-cat-count{
  font:700 10.5px 'DM Sans',sans-serif;letter-spacing:0.4px;
  color:rgba(228,231,239,0.5);background:rgba(255,255,255,0.04);
  padding:2px 9px;border-radius:10px;border:1px solid rgba(255,255,255,0.06);
}

.adm-pr-row{
  display:grid;grid-template-columns:30px 22px 1fr auto;
  align-items:center;gap:10px;
  padding:10px 8px;border-radius:9px;
  transition:background 0.15s;
}
.adm-pr-row:hover{background:rgba(255,255,255,0.025);}
.adm-pr-num{font:700 10.5px 'JetBrains Mono',monospace;color:rgba(228,231,239,0.35);letter-spacing:0.5px;}
.adm-pr-ico{font-size:14px;text-align:center;opacity:0.75;}
.adm-pr-name{font:500 13px 'DM Sans',sans-serif;color:#e4e7ef;}

.adm-pr-price{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:9px;cursor:pointer;
  background:rgba(91,104,240,0.06);border:1px dashed rgba(91,104,240,0.22);
  font:800 14px 'JetBrains Mono',monospace;color:#a5b4fc;
  min-width:90px;justify-content:flex-end;
  transition:background 0.15s, border-color 0.15s, transform 0.15s, color 0.15s;
}
.adm-pr-price:hover{background:rgba(91,104,240,0.18);border-color:rgba(91,104,240,0.55);color:#e4e7ef;transform:translateX(-2px);}
.adm-pr-price.flash{animation:admFlash 0.7s ease;}
@keyframes admFlash{
  0%{background:rgba(74,222,128,0.25);border-color:rgba(74,222,128,0.55);color:#86efac;}
  100%{background:rgba(91,104,240,0.06);border-color:rgba(91,104,240,0.22);color:#a5b4fc;}
}
.adm-pr-num-val{font-size:15px;color:inherit;}
.adm-pr-cur{font:600 10px 'DM Sans',sans-serif;color:rgba(228,231,239,0.55);text-transform:uppercase;letter-spacing:0.5px;}
.adm-pr-edit{opacity:0.35;}
.adm-pr-price:hover .adm-pr-edit{opacity:0.85;}
.adm-pr-input{
  flex:1;background:rgba(0,0,0,0.25);border:1px solid rgba(91,104,240,0.45);
  border-radius:6px;color:#e4e7ef;font:800 14px 'JetBrains Mono',monospace;
  padding:3px 8px;outline:none;width:70px;text-align:right;
}

/* ══ RESPONSIVE ══════════════════════════════════════════════ */
@media (max-width: 760px){
  .adm-user .adm-user-money{display:none;}
  .adm-pay-amount{min-width:100px;}
  .adm-pay-amt-val{font-size:16px;}
  .adm-eu-box{grid-template-areas:"hdr" "tabs" "body" "side" "foot";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;}
  .adm-eu-side{margin:8px 16px;}
  .adm-eu-grid{grid-template-columns:1fr;}
  .adm-eu-field-wide{grid-column:1;}
  .adm-pr-row{grid-template-columns:24px 20px 1fr auto;gap:8px;}
  .adm-pr-name{font-size:12px;}
  .adm-pr-price{min-width:70px;padding:5px 9px;}
}

/* ══════════════════════════════════════════════════════════════
   ADMIN PREȚURI v2 — toolbar + alert + dual-price + create-modal
   ══════════════════════════════════════════════════════════════ */

.adm-pr-v2 .eo-box{max-width:min(1400px, calc(100vw - 32px));}

/* Alert bar */
.adm-pr-alert{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:9px 16px;cursor:pointer;user-select:none;
  background:linear-gradient(180deg,#ea580c 0%,#c2410c 100%);
  color:#fff;font:600 12.5px 'DM Sans',sans-serif;letter-spacing:0.2px;
  border-top:1px solid rgba(255,255,255,0.06);
  transition:filter 0.15s, transform 0.15s;
}
.adm-pr-alert:hover{filter:brightness(1.1);}
.adm-pr-alert svg{opacity:0.95;flex-shrink:0;}
.adm-pr-alert strong{font-weight:800;font-family:'JetBrains Mono',monospace;margin-left:2px;}
.adm-pr-alert.hide{display:none;}

/* Toolbar v2 */
.adm-pr-v2 .eo-stats{padding:14px 22px 6px;grid-template-columns:repeat(4,1fr);}
.adm-pr-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 22px 12px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  flex-wrap:wrap;position:relative;
}
.adm-pr-btns{display:flex;gap:6px;flex-wrap:wrap;}
.adm-pr-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 13px;border-radius:9px;cursor:pointer;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);
  color:rgba(228,231,239,0.82);font:600 12px 'DM Sans',sans-serif;letter-spacing:0.2px;
  transition:background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
  white-space:nowrap;
}
.adm-pr-btn:hover{background:rgba(91,104,240,0.10);border-color:rgba(91,104,240,0.28);color:#fff;transform:translateY(-1px);}
.adm-pr-btn.active{
  background:linear-gradient(135deg,rgba(91,104,240,0.22),rgba(192,132,252,0.14));
  border-color:rgba(91,104,240,0.55);color:#fff;
}
.adm-pr-btn svg{opacity:0.7;}
.adm-pr-btn.active svg{opacity:1;color:#a5b4fc;}

.adm-pr-right{display:flex;align-items:center;gap:10px;flex:1;min-width:260px;justify-content:flex-end;}
.adm-pr-search-wrap{position:relative;flex:1;max-width:280px;}
.adm-pr-search-ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:rgba(228,231,239,0.4);pointer-events:none;}
.adm-pr-search{
  width:100%;box-sizing:border-box;
  padding:9px 12px 9px 32px;border-radius:9px;outline:none;
  background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.08);
  color:#e4e7ef;font:500 13px 'DM Sans',sans-serif;
  transition:border-color 0.15s, background 0.15s;
}
.adm-pr-search:focus{border-color:rgba(91,104,240,0.5);background:rgba(91,104,240,0.05);}
.adm-pr-new{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  padding:9px 14px;border-radius:9px;border:none;
  background:linear-gradient(135deg,#5b68f0,#818cf8);color:#fff;
  font:700 12.5px 'DM Sans',sans-serif;letter-spacing:0.3px;
  box-shadow:0 6px 18px rgba(91,104,240,0.42);
  transition:transform 0.15s, box-shadow 0.15s;
  white-space:nowrap;
}
.adm-pr-new:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(91,104,240,0.56);}

/* Popovers for Column toggle + Filter */
.adm-pr-pop{
  position:absolute;z-index:50;
  top:calc(100% - 4px);left:22px;min-width:210px;
  background:#121528;border:1px solid rgba(91,104,240,0.3);
  border-radius:12px;padding:12px 14px;
  box-shadow:0 14px 40px rgba(0,0,0,0.55);
  display:none;animation:admFadeUp 0.18s ease;
}
.adm-pr-pop.open{display:block;}
.adm-pr-pop-wide{min-width:280px;left:110px;}
.adm-pr-pop-ttl{
  font:700 11px 'DM Sans',sans-serif;letter-spacing:0.5px;text-transform:uppercase;
  color:rgba(228,231,239,0.55);margin-bottom:8px;
}
.adm-pr-pop-row{
  display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;
  padding:6px 4px;border-radius:6px;
  font:500 13px 'DM Sans',sans-serif;color:rgba(228,231,239,0.88);
  transition:background 0.12s;
}
.adm-pr-pop-row:hover{background:rgba(91,104,240,0.08);}
.adm-pr-pop-row input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;
  width:16px;height:16px;border-radius:4px;
  background:rgba(0,0,0,0.4);border:1.5px solid rgba(255,255,255,0.2);
  cursor:pointer;position:relative;flex-shrink:0;
}
.adm-pr-pop-row input[type="checkbox"]:checked{background:#5b68f0;border-color:#5b68f0;}
.adm-pr-pop-row input[type="checkbox"]:checked::after{
  content:'';position:absolute;top:1px;left:4px;width:4px;height:8px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}

.adm-pr-filter-row{margin-bottom:10px;}
.adm-pr-filter-row > label{
  display:block;font:600 10.5px 'DM Sans',sans-serif;
  color:rgba(228,231,239,0.55);letter-spacing:0.5px;
  text-transform:uppercase;margin-bottom:5px;
}
.adm-pr-filter-row select,
.adm-pr-range input{
  background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);
  border-radius:8px;color:#e4e7ef;
  font:500 13px 'DM Sans',sans-serif;padding:8px 11px;
  outline:none;width:100%;box-sizing:border-box;
}
.adm-pr-range{display:flex;align-items:center;gap:8px;}
.adm-pr-range span{color:rgba(228,231,239,0.4);}
.adm-pr-filter-actions{display:flex;justify-content:flex-end;margin-top:10px;}
.adm-pr-filter-clear{
  background:transparent;border:1px solid rgba(248,113,113,0.3);color:#fca5a5;
  padding:6px 12px;border-radius:8px;cursor:pointer;
  font:600 11.5px 'DM Sans',sans-serif;letter-spacing:0.2px;
  transition:background 0.15s;
}
.adm-pr-filter-clear:hover{background:rgba(248,113,113,0.1);}

/* Dual-price row (table-like, keeps category grouping) */
.adm-pr-v2 .adm-pr-row{
  display:grid;
  grid-template-columns:32px 22px minmax(140px, 1.3fr) minmax(180px, 2fr) 90px 90px 32px;
  gap:12px;align-items:center;
  padding:11px 10px;border-radius:10px;
  border:1px solid transparent;
  transition:background 0.15s, border-color 0.15s, transform 0.15s;
}
.adm-pr-v2 .adm-pr-row:hover{background:rgba(91,104,240,0.04);border-color:rgba(91,104,240,0.12);}
.adm-pr-v2 .adm-pr-name{
  font:600 12px 'JetBrains Mono',monospace;color:#93c5fd;
  letter-spacing:0.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.adm-pr-title{
  font:500 13px 'DM Sans',sans-serif;color:#e4e7ef;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.adm-pr-val-cell{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:8px;cursor:pointer;justify-content:center;min-width:70px;
  font:800 13.5px 'JetBrains Mono',monospace;
  transition:background 0.15s, border-color 0.15s, transform 0.15s;
}
.adm-pr-val-cell.normal{
  background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.1);color:#e4e7ef;
}
.adm-pr-val-cell.normal:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.18);}
.adm-pr-val-cell.pro{
  background:rgba(91,104,240,0.08);border:1px dashed rgba(91,104,240,0.3);color:#a5b4fc;
}
.adm-pr-val-cell.pro:hover{background:rgba(91,104,240,0.16);border-color:rgba(91,104,240,0.55);color:#fff;}
.adm-pr-val-cell.flash{animation:admFlash 0.7s ease;}
.adm-pr-val-cell .adm-pr-cur{font-size:9px;opacity:0.6;}

.adm-pr-edit-btn{
  width:28px;height:28px;border-radius:7px;cursor:pointer;
  background:transparent;border:1px solid transparent;
  color:rgba(165,180,252,0.7);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:background 0.15s, border-color 0.15s, color 0.15s;
}
.adm-pr-edit-btn:hover{
  background:rgba(91,104,240,0.14);border-color:rgba(91,104,240,0.32);color:#a5b4fc;
}

/* Column visibility CSS hooks */
.adm-pr-v2.hide-name .adm-pr-name,
.adm-pr-v2.hide-name .adm-pr-h-name{display:none;}
.adm-pr-v2.hide-title .adm-pr-title,
.adm-pr-v2.hide-title .adm-pr-h-title{visibility:hidden;}
.adm-pr-v2.hide-priceNormal .adm-pr-val-cell.normal,
.adm-pr-v2.hide-priceNormal .adm-pr-h-normal{visibility:hidden;}
.adm-pr-v2.hide-pricePro .adm-pr-val-cell.pro,
.adm-pr-v2.hide-pricePro .adm-pr-h-pro{visibility:hidden;}

/* Category group header (existing markup, refined visual) */
.adm-pr-v2 .adm-pr-cat-hd{padding-top:14px;}

/* Table-style headers row (shown once at top of the scroll area) */
.adm-pr-hd{
  display:grid;
  grid-template-columns:32px 22px minmax(140px, 1.3fr) minmax(180px, 2fr) 90px 90px 32px;
  gap:12px;align-items:center;
  padding:10px 10px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  font:700 10.5px 'DM Sans',sans-serif;letter-spacing:0.6px;
  text-transform:uppercase;color:rgba(228,231,239,0.45);
  position:sticky;top:0;z-index:3;
  background:linear-gradient(180deg, #0b0d1c 60%, rgba(11,13,28,0.95) 100%);
  backdrop-filter:blur(6px);
}
.adm-pr-hd .adm-pr-h-normal,
.adm-pr-hd .adm-pr-h-pro{text-align:center;}

/* Create-Price modal */
.adm-prnew-ov{z-index:560;}
.adm-prnew-box{
  width:min(460px, calc(100vw - 32px));
  background:radial-gradient(600px 280px at 50% 0%, rgba(91,104,240,0.10), transparent 60%), #0f1224;
  border:1px solid rgba(91,104,240,0.25);border-radius:18px;
  padding:20px 22px 18px;
  box-shadow:0 30px 80px rgba(0,0,0,0.6);
  position:relative;
}
.adm-prnew-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.adm-prnew-ico{
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(135deg,#5b68f0,#818cf8);
  box-shadow:0 8px 22px rgba(91,104,240,0.42);
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.adm-prnew-x{
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);
  width:32px;height:32px;border-radius:50%;
  color:rgba(228,231,239,0.8);font-size:13px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.15s, color 0.15s;
}
.adm-prnew-x:hover{background:rgba(248,113,113,0.12);color:#fca5a5;}
.adm-prnew-ttl{font:800 18px 'DM Sans',sans-serif;color:#e4e7ef;letter-spacing:-0.01em;margin-bottom:4px;}
.adm-prnew-sub{font:500 12.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.55);margin-bottom:16px;}
.adm-prnew-group{margin-bottom:11px;}
.adm-prnew-group > label{
  display:block;
  font:700 11px 'DM Sans',sans-serif;color:rgba(228,231,239,0.7);
  letter-spacing:0.2px;margin-bottom:5px;
}
.adm-prnew-req{color:#f87171;margin-left:3px;font-weight:800;}
.adm-prnew-group input,
.adm-prnew-group select{
  width:100%;box-sizing:border-box;
  background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:10px 12px;outline:none;
  font:500 14px 'DM Sans',sans-serif;color:#e4e7ef;
  transition:border-color 0.15s, background 0.15s;
}
.adm-prnew-group input:focus,
.adm-prnew-group select:focus{border-color:rgba(91,104,240,0.55);background:rgba(91,104,240,0.05);}
.adm-prnew-group input[type="number"]{font-family:'JetBrains Mono',monospace;font-weight:700;}
.adm-prnew-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.adm-prnew-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.adm-prnew-cancel{
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:rgba(228,231,239,0.85);
  padding:11px 14px;border-radius:10px;cursor:pointer;
  font:600 13px 'DM Sans',sans-serif;letter-spacing:0.2px;
  transition:background 0.15s, color 0.15s;
}
.adm-prnew-cancel:hover{background:rgba(255,255,255,0.08);color:#fff;}
.adm-prnew-create{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
  background:linear-gradient(135deg,#5b68f0,#818cf8);color:#fff;border:none;
  padding:11px 14px;border-radius:10px;
  font:700 13px 'DM Sans',sans-serif;letter-spacing:0.3px;
  box-shadow:0 8px 22px rgba(91,104,240,0.42);
  transition:transform 0.15s, box-shadow 0.15s;
}
.adm-prnew-create:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(91,104,240,0.58);}

/* Mobile responsive for Prețuri v2 */
@media (max-width: 760px){
  .adm-pr-v2 .eo-box{border-radius:20px;}
  .adm-pr-alert{padding:8px 12px;font-size:11.5px;}
  .adm-pr-v2 .eo-stats{grid-template-columns:repeat(2,1fr);padding:10px 14px 4px;gap:8px;}
  .adm-pr-toolbar{padding:10px 14px;gap:8px;}
  .adm-pr-btn{padding:7px 10px;font-size:11.5px;}
  .adm-pr-btn span:not(:empty){display:inline;}
  .adm-pr-btns{flex:1 1 auto;min-width:0;}
  .adm-pr-right{flex:1 1 100%;width:100%;min-width:0;justify-content:stretch;}
  .adm-pr-search-wrap{max-width:none;flex:1 1 auto;min-width:0;}
  .adm-pr-new{padding:8px 12px;font-size:12px;flex-shrink:0;}
  .adm-pr-pop{left:14px;right:14px;}
  .adm-pr-pop-wide{left:14px;right:14px;min-width:0;}

  /* Table → stacked rows on mobile */
  .adm-pr-hd{display:none;}
  .adm-pr-v2 .adm-pr-row{
    grid-template-columns:22px 22px 1fr auto auto 28px;gap:8px;padding:10px 8px;
  }
  .adm-pr-v2 .adm-pr-name{display:none;}
  .adm-pr-val-cell{min-width:56px;padding:4px 7px;font-size:12.5px;}
  .adm-pr-v2.hide-name .adm-pr-row{grid-template-columns:22px 22px 1fr auto auto 28px;}

  .adm-prnew-box{padding:18px 18px 16px;}
  .adm-prnew-row{grid-template-columns:1fr;}
  .adm-prnew-footer{grid-template-columns:1fr;}
}

/* ══════════════════════════════════════════════════════════════
   ADMIN PLĂȚI v2 — 4 TABS (Statistici · Fonduri · Tranzacții · Încarcă)
   ══════════════════════════════════════════════════════════════ */

/* Compact box — tight vertical rhythm, no inner scroll between tabs */
.adm-pay-v2 .eo-box{max-width:min(1280px, calc(100vw - 32px));}
.adm-pay-v2 .eo-hdr{padding:16px 22px;}

/* Tab bar */
.adm-pay-tabs{
  display:flex;gap:6px;
  padding:10px 18px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
  overflow-x:auto;scrollbar-width:none;
  flex-shrink:0;
  background:linear-gradient(180deg, rgba(91,104,240,0.04) 0%, transparent 100%);
}
.adm-pay-tabs::-webkit-scrollbar{display:none;}
.adm-pay-tab{
  position:relative;display:inline-flex;align-items:center;gap:7px;
  padding:11px 14px 13px;
  background:none;border:none;cursor:pointer;
  font:600 13px 'DM Sans',sans-serif;letter-spacing:0.2px;
  color:rgba(228,231,239,0.58);white-space:nowrap;
  transition:color 0.18s;
}
.adm-pay-tab svg{opacity:0.7;flex-shrink:0;transition:opacity 0.18s, transform 0.25s;}
.adm-pay-tab:hover{color:rgba(228,231,239,0.9);}
.adm-pay-tab:hover svg{opacity:1;}
.adm-pay-tab::after{
  content:'';position:absolute;left:14px;right:14px;bottom:-1px;height:2px;
  background:linear-gradient(90deg,#5b68f0,#c084fc);border-radius:2px;
  transform:scaleX(0);transform-origin:center;transition:transform 0.28s cubic-bezier(.4,0,.2,1);
}
.adm-pay-tab.active{color:#fff;}
.adm-pay-tab.active svg{opacity:1;color:#a5b4fc;}
.adm-pay-tab.active::after{transform:scaleX(1);}

/* Body container — flex column, scroll inside panel */
.adm-pay-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;}
.adm-pay-panel{display:none;flex:1;flex-direction:column;overflow:hidden;min-height:0;}
.adm-pay-panel.active{display:flex;animation:admFadeUp 0.28s ease;}

/* ── Panel 1: Statistici ───────────────────────────────────── */
.adm-panel-stats{overflow-y:auto;padding:0 22px 22px;}

.adm-period-wrap{
  padding:14px 0 10px;position:sticky;top:0;z-index:2;
  background:linear-gradient(180deg, #0b0d1c 0%, #0b0d1c 80%, rgba(11,13,28,0) 100%);
}
.adm-period-chips{
  display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;
  padding-bottom:3px;
}
.adm-period-chips::-webkit-scrollbar{display:none;}
.adm-pchip{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 13px;border-radius:999px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  color:rgba(228,231,239,0.78);cursor:pointer;white-space:nowrap;
  font:600 12px 'DM Sans',sans-serif;letter-spacing:0.2px;
  transition:background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
}
.adm-pchip:hover{background:rgba(91,104,240,0.10);border-color:rgba(91,104,240,0.25);color:#e4e7ef;transform:translateY(-1px);}
.adm-pchip.active{
  background:linear-gradient(135deg,rgba(91,104,240,0.25),rgba(192,132,252,0.18));
  border-color:rgba(91,104,240,0.55);color:#fff;
  box-shadow:0 6px 18px rgba(91,104,240,0.28);
}

.adm-stat-filters{
  display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;
  padding:4px 0 14px;
}
.adm-stat-field{display:flex;flex-direction:column;gap:4px;min-width:150px;}
.adm-stat-field label{
  font:600 10px 'DM Sans',sans-serif;letter-spacing:0.5px;text-transform:uppercase;
  color:rgba(228,231,239,0.5);
}
.adm-stat-field input[type="date"]{
  background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.08);
  border-radius:9px;color:#e4e7ef;font:500 13px 'DM Sans',sans-serif;
  padding:9px 11px;outline:none;color-scheme:dark;
  transition:border-color 0.15s, background 0.15s;
}
.adm-stat-field input[type="date"]:focus{border-color:rgba(91,104,240,0.5);background:rgba(91,104,240,0.05);}
.adm-stat-check{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font:500 12.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.78);
  padding:9px 12px;border-radius:9px;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);
  transition:background 0.15s, border-color 0.15s;
  user-select:none;
}
.adm-stat-check:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);}
.adm-stat-check input{
  appearance:none;-webkit-appearance:none;
  width:16px;height:16px;border-radius:4px;
  background:rgba(0,0,0,0.4);border:1.5px solid rgba(255,255,255,0.2);
  cursor:pointer;position:relative;flex-shrink:0;
  transition:background 0.15s, border-color 0.15s;
}
.adm-stat-check input:checked{background:#5b68f0;border-color:#5b68f0;}
.adm-stat-check input:checked::after{
  content:'';position:absolute;top:1px;left:4px;width:4px;height:8px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}

/* KPI grid — 4 cards */
.adm-kpi-grid{
  display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;
  padding:2px 0 16px;
}
.adm-kpi-card{
  position:relative;overflow:hidden;
  padding:14px 16px 16px;
  border-radius:16px;border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.02);
  transition:transform 0.22s, border-color 0.22s, background 0.22s;
}
.adm-kpi-card:hover{transform:translateY(-2px);background:rgba(255,255,255,0.04);}
.adm-kpi-card::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(160px 90px at 100% 0%, currentColor, transparent 70%);
  opacity:0.10;pointer-events:none;
}
.adm-kpi-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;position:relative;}
.adm-kpi-lbl{
  font:600 11px 'DM Sans',sans-serif;color:rgba(228,231,239,0.62);
  letter-spacing:0.5px;text-transform:uppercase;
}
.adm-kpi-ico{
  width:30px;height:30px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  background:currentColor;color:currentColor;
}
.adm-kpi-ico svg{width:16px;height:16px;color:#fff;opacity:0.95;}
.adm-kpi-val{
  font:800 24px 'DM Sans',sans-serif;color:#e4e7ef;letter-spacing:-0.02em;
  position:relative;line-height:1.1;
}
.adm-kpi-sub{
  margin-top:6px;font:500 11.5px 'DM Sans',sans-serif;
  color:rgba(228,231,239,0.55);position:relative;
}
.adm-kpi-delta{
  display:inline-flex;align-items:center;gap:3px;
  padding:1px 7px;border-radius:999px;font-weight:700;font-size:11px;
  background:rgba(255,255,255,0.05);
}
.adm-kpi-delta.up{color:#86efac;background:rgba(74,222,128,0.1);}
.adm-kpi-delta.down{color:#fca5a5;background:rgba(248,113,113,0.1);}
.adm-kpi-ok{color:#4ade80;}
.adm-kpi-warn{color:#f87171;}
.adm-kpi-acc{color:#5b68f0;}
.adm-kpi-purple{color:#c084fc;}

/* Stat body breakdown cards */
.adm-stat-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.adm-stat-card{
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:14px;padding:16px 18px;
}
.adm-stat-card-wide{grid-column:1 / -1;}
.adm-stat-card-ttl{
  font:700 13px 'DM Sans',sans-serif;color:#e4e7ef;margin-bottom:4px;letter-spacing:0.1px;
}
.adm-stat-card-sub{font:500 11.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.5);margin-bottom:12px;}
.adm-stat-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 0;font:500 13px 'DM Sans',sans-serif;
  border-bottom:1px dashed rgba(255,255,255,0.05);
}
.adm-stat-row:last-child{border-bottom:none;}
.adm-stat-row-lbl{display:flex;align-items:center;gap:8px;color:rgba(228,231,239,0.78);min-width:0;}
.adm-stat-row-lbl .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0;}
.adm-stat-row-val{
  font:700 13px 'JetBrains Mono',monospace;color:#e4e7ef;
  text-align:right;flex-shrink:0;
}
.adm-stat-row-val.pos{color:#86efac;}
.adm-stat-row-val.neg{color:#fca5a5;}
.adm-stat-row-val.acc{color:#a5b4fc;}

/* Summary table */
.adm-stat-summary{
  display:grid;grid-template-columns:1fr auto auto;gap:10px 18px;
  padding:4px 0;
}
.adm-stat-summary-hdr{
  font:600 10px 'DM Sans',sans-serif;color:rgba(228,231,239,0.45);
  letter-spacing:0.6px;text-transform:uppercase;padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.adm-stat-summary-cell{
  padding:9px 0;font:500 13px 'DM Sans',sans-serif;
  border-bottom:1px dashed rgba(255,255,255,0.05);
}
.adm-stat-summary-cell.metric{color:rgba(228,231,239,0.82);}
.adm-stat-summary-cell.num{
  font-family:'JetBrains Mono',monospace;font-weight:700;text-align:right;color:#e4e7ef;
}
.adm-stat-summary-cell.num.pos{color:#86efac;}
.adm-stat-summary-cell.num.neg{color:#fca5a5;}
.adm-stat-summary-cell.num.acc{color:#a5b4fc;}
.adm-stat-summary-cell.num.purple{color:#c084fc;}
.adm-stat-summary-pill{
  display:inline-block;padding:2px 8px;border-radius:6px;
  background:rgba(91,104,240,0.14);color:#a5b4fc;
  font:700 12px 'JetBrains Mono',monospace;
}

/* ── Panel 2: Fonduri (keeps existing markup but tightens spacing) ─ */
.adm-panel-pay{overflow:hidden;}
.adm-panel-pay .eo-stats{padding:14px 22px 4px;grid-template-columns:repeat(4, 1fr);}
.adm-panel-pay .eo-toolbar{padding:12px 22px 12px;}
.adm-panel-pay .eo-scroll{padding:0 22px 20px;flex:1;overflow-y:auto;}

/* ── Panel 3: Tranzacții ───────────────────────────────────── */
.adm-panel-tx{overflow:hidden;}
.adm-panel-tx .eo-stats{padding:14px 22px 4px;grid-template-columns:repeat(4, 1fr);}
.adm-panel-tx .eo-toolbar{padding:12px 22px 12px;}
.adm-panel-tx .eo-scroll{padding:0 22px 20px;flex:1;overflow-y:auto;}

.adm-tx-item{
  display:flex;align-items:center;gap:14px;
  padding:12px 14px;margin-bottom:8px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:12px;
  transition:background 0.15s, border-color 0.15s, transform 0.15s;
}
.adm-tx-item:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.09);transform:translateX(2px);}
.adm-tx-ico{
  width:38px;height:38px;flex-shrink:0;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(91,104,240,0.12);color:#a5b4fc;
}
.adm-tx-ico svg{width:18px;height:18px;}
.adm-tx-ico.verify{background:rgba(96,165,250,0.12);color:#60a5fa;}
.adm-tx-ico.ai{background:rgba(192,132,252,0.12);color:#c084fc;}
.adm-tx-ico.topup{background:rgba(74,222,128,0.12);color:#4ade80;}
.adm-tx-main{flex:1;min-width:0;}
.adm-tx-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.adm-tx-title{font:600 13.5px 'DM Sans',sans-serif;color:#e4e7ef;}
.adm-tx-cat{
  display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;
  font:600 10.5px 'DM Sans',sans-serif;letter-spacing:0.25px;
}
.adm-tx-cat.verify{background:rgba(96,165,250,0.1);color:#93c5fd;border:1px solid rgba(96,165,250,0.22);}
.adm-tx-cat.ai{background:rgba(192,132,252,0.1);color:#c084fc;border:1px solid rgba(192,132,252,0.26);}
.adm-tx-cat.topup{background:rgba(74,222,128,0.1);color:#86efac;border:1px solid rgba(74,222,128,0.22);}
.adm-tx-sub{display:flex;gap:10px;flex-wrap:wrap;margin-top:3px;font:500 11.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.55);}
.adm-tx-sub .adm-tx-user{color:#a5b4fc;font-weight:600;}
.adm-tx-date{font-family:'JetBrains Mono',monospace;font-size:10.5px;}
.adm-tx-amt{
  font:800 16px 'JetBrains Mono',monospace;flex-shrink:0;min-width:90px;text-align:right;
}
.adm-tx-amt.pos{color:#86efac;}
.adm-tx-amt.neg{color:#fca5a5;}
.adm-tx-bal{
  font:600 11px 'JetBrains Mono',monospace;color:rgba(228,231,239,0.5);
  min-width:90px;text-align:right;flex-shrink:0;
}

/* ── Panel 4: Încarcă fonduri ──────────────────────────────── */
.adm-panel-add{overflow-y:auto;padding:18px 22px 22px;}
.adm-add-wrap{max-width:640px;margin:0 auto;}
.adm-add-card{
  background:radial-gradient(600px 300px at 0% 0%, rgba(91,104,240,0.08), transparent 60%), rgba(255,255,255,0.02);
  border:1px solid rgba(91,104,240,0.16);
  border-radius:18px;padding:22px 24px;
}
.adm-add-hdr{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.adm-add-ico{
  width:44px;height:44px;border-radius:13px;flex-shrink:0;
  background:linear-gradient(135deg,#5b68f0,#c084fc);
  box-shadow:0 10px 26px rgba(91,104,240,0.42);
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.adm-add-ttl{font:700 16px 'DM Sans',sans-serif;color:#e4e7ef;line-height:1.2;letter-spacing:-0.01em;}
.adm-add-sub{font:500 12px 'DM Sans',sans-serif;color:rgba(228,231,239,0.55);margin-top:2px;}
.adm-add-group{margin-bottom:14px;}
.adm-add-group > label{
  display:block;
  font:600 10.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.55);
  letter-spacing:0.5px;text-transform:uppercase;margin-bottom:6px;
}
.adm-add-group input[type="text"],
.adm-add-group input[type="number"]{
  width:100%;box-sizing:border-box;
  background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.08);
  border-radius:10px;color:#e4e7ef;font:500 14px 'DM Sans',sans-serif;
  padding:11px 14px;outline:none;transition:border-color 0.15s, background 0.15s;
}
.adm-add-group input[type="text"]:focus,
.adm-add-group input[type="number"]:focus{
  border-color:rgba(91,104,240,0.5);background:rgba(91,104,240,0.05);
}

/* User selector with autocomplete */
.adm-add-usel{position:relative;}
.adm-add-usel input{padding-left:38px !important;}
.adm-add-usel-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:rgba(228,231,239,0.4);pointer-events:none;}
.adm-add-usel-drop{
  position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:10;
  background:#121528;border:1px solid rgba(91,104,240,0.3);
  border-radius:12px;overflow:hidden;
  max-height:260px;overflow-y:auto;
  box-shadow:0 14px 40px rgba(0,0,0,0.55);
  display:none;
}
.adm-add-usel-drop.open{display:block;animation:admFadeUp 0.18s ease;}
.adm-add-drop-item{
  display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,0.04);
  transition:background 0.12s;
}
.adm-add-drop-item:last-child{border-bottom:none;}
.adm-add-drop-item:hover{background:rgba(91,104,240,0.12);}
.adm-add-drop-ttl{font:600 13px 'DM Sans',sans-serif;color:#e4e7ef;min-width:0;}
.adm-add-drop-sub{font:500 11px 'DM Sans',sans-serif;color:rgba(228,231,239,0.5);margin-top:1px;}
.adm-add-drop-main{flex:1;min-width:0;}
.adm-add-drop-bal{font:700 12px 'JetBrains Mono',monospace;color:#86efac;flex-shrink:0;}
.adm-add-drop-bal.neg{color:#fca5a5;}
.adm-add-drop-empty{padding:14px 12px;font:500 12.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.55);text-align:center;}

.adm-add-uselected{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;margin-top:8px;
  background:rgba(91,104,240,0.08);border:1px solid rgba(91,104,240,0.25);
  border-radius:12px;
}
.adm-add-uselected .adm-avatar{width:38px;height:38px;font-size:13px;}
.adm-add-uselected-main{flex:1;min-width:0;}
.adm-add-uselected-ttl{font:700 13.5px 'DM Sans',sans-serif;color:#e4e7ef;}
.adm-add-uselected-sub{font:500 11.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.6);margin-top:1px;}
.adm-add-uselected-bal{
  font:700 14px 'JetBrains Mono',monospace;color:#86efac;text-align:right;flex-shrink:0;
}
.adm-add-uselected-bal.neg{color:#fca5a5;}
.adm-add-uselected-clear{
  width:30px;height:30px;border-radius:50%;cursor:pointer;
  background:rgba(248,113,113,0.1);color:#f87171;border:1px solid rgba(248,113,113,0.22);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-size:14px;transition:background 0.15s, transform 0.15s;
}
.adm-add-uselected-clear:hover{background:rgba(248,113,113,0.22);transform:scale(1.05);}

/* Amount row */
.adm-add-amt-row{position:relative;}
.adm-add-amt-row input{
  font:800 20px 'JetBrains Mono',monospace !important;
  letter-spacing:-0.01em;padding-right:60px !important;
}
.adm-add-cur{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  font:700 11px 'DM Sans',sans-serif;color:rgba(228,231,239,0.45);
  letter-spacing:0.8px;pointer-events:none;
}
.adm-add-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}

/* Method radios */
.adm-add-methods{display:flex;gap:8px;flex-wrap:wrap;}
.adm-add-mbtn{
  flex:1;min-width:140px;cursor:pointer;user-select:none;
  padding:11px 14px;border-radius:10px;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);
  font:600 12.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.78);
  text-align:center;
  transition:background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
}
.adm-add-mbtn:hover{background:rgba(255,255,255,0.06);color:#fff;transform:translateY(-1px);}
.adm-add-mbtn input{display:none;}
.adm-add-mbtn.active{
  background:linear-gradient(135deg,rgba(91,104,240,0.22),rgba(192,132,252,0.14));
  border-color:rgba(91,104,240,0.55);color:#fff;
  box-shadow:0 6px 18px rgba(91,104,240,0.24);
}

/* Submit button */
.adm-add-submit{
  width:100%;margin-top:4px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 18px;border-radius:12px;border:none;
  background:linear-gradient(135deg,#5b68f0,#818cf8);color:#fff;
  font:700 14px 'DM Sans',sans-serif;letter-spacing:0.3px;
  box-shadow:0 10px 28px rgba(91,104,240,0.45);
  transition:transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
.adm-add-submit:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(91,104,240,0.6);}
.adm-add-submit:active{transform:translateY(0) scale(0.98);}
.adm-add-submit:disabled{filter:grayscale(0.4) brightness(0.7);cursor:not-allowed;transform:none;box-shadow:none;}

/* ── Mobile responsive for Plăți v2 ────────────────────────── */
@media (max-width: 760px){
  .adm-pay-v2 .eo-box{border-radius:20px;}
  .adm-pay-v2 .eo-hdr{padding:13px 14px;}
  .adm-pay-v2 .eo-sub{display:none;}
  .adm-pay-tabs{padding:6px 10px 0;gap:2px;}
  .adm-pay-tab{padding:10px 10px 12px;font-size:12px;gap:5px;}
  .adm-pay-tab svg{width:14px;height:14px;}

  .adm-panel-stats{padding:0 14px 18px;}
  .adm-period-wrap{padding:10px 0 6px;}
  .adm-pchip{padding:6px 11px;font-size:11.5px;}
  .adm-stat-filters{gap:8px;padding:2px 0 10px;}
  .adm-stat-field{min-width:0;flex:1;}
  .adm-stat-check{width:100%;}
  .adm-kpi-grid{grid-template-columns:repeat(2, 1fr);gap:9px;padding:2px 0 12px;}
  .adm-kpi-card{padding:12px 13px 13px;border-radius:14px;}
  .adm-kpi-val{font-size:20px;}
  .adm-kpi-ico{width:26px;height:26px;}
  .adm-kpi-ico svg{width:13px;height:13px;}
  .adm-stat-body{grid-template-columns:1fr;gap:10px;}
  .adm-stat-card{padding:13px 14px;}
  .adm-stat-summary{grid-template-columns:1fr auto;gap:6px 12px;}
  .adm-stat-summary-cell:nth-child(3n){display:none;}
  .adm-stat-summary-hdr:nth-child(3n){display:none;}

  .adm-panel-pay .eo-stats,
  .adm-panel-tx .eo-stats{grid-template-columns:repeat(2, 1fr);padding:10px 14px 2px;gap:8px;}
  .adm-panel-pay .eo-toolbar,
  .adm-panel-tx .eo-toolbar{padding:10px 14px 10px;gap:8px;}
  .adm-panel-pay .eo-scroll,
  .adm-panel-tx .eo-scroll{padding:0 14px 16px;}

  .adm-tx-item{padding:10px 12px;gap:10px;}
  .adm-tx-ico{width:34px;height:34px;}
  .adm-tx-title{font-size:12.5px;}
  .adm-tx-amt{font-size:14px;min-width:72px;}
  .adm-tx-bal{display:none;}

  .adm-panel-add{padding:14px 12px 18px;}
  .adm-add-card{padding:16px 16px;border-radius:16px;}
  .adm-add-hdr{gap:10px;margin-bottom:14px;}
  .adm-add-ico{width:38px;height:38px;border-radius:11px;}
  .adm-add-ttl{font-size:14px;}
  .adm-add-mbtn{min-width:0;padding:10px 10px;font-size:11.5px;}
  .adm-add-amt-row input{font-size:18px !important;}
}

/* ══════════════════════════════════════════════════════════════
   ADMIN BRANDURI v2 — reuses Prețuri v2 toolbar + new table
   ══════════════════════════════════════════════════════════════ */

.adm-br-v2 .eo-box{max-width:min(1280px, calc(100vw - 32px));}
.adm-br-v2 .eo-stats{padding:14px 22px 6px;grid-template-columns:repeat(4,1fr);}
.adm-br-v2 .adm-pr-toolbar{padding:12px 22px 12px;}
.adm-br-scroll{padding:8px 20px 28px;}

/* Sticky table header */
.adm-br-hd{
  display:grid;
  grid-template-columns:28px 50px minmax(140px, 1.4fr) minmax(110px, 1fr) 90px 100px 70px 80px;
  gap:12px;align-items:center;
  padding:10px 10px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  font:700 10.5px 'DM Sans',sans-serif;letter-spacing:0.6px;
  text-transform:uppercase;color:rgba(228,231,239,0.45);
  position:sticky;top:0;z-index:3;
  background:linear-gradient(180deg, #0b0d1c 60%, rgba(11,13,28,0.95) 100%);
  backdrop-filter:blur(6px);
}
.adm-br-hd-center{text-align:center;}

/* Brand row */
.adm-br-row{
  display:grid;
  grid-template-columns:28px 50px minmax(140px, 1.4fr) minmax(110px, 1fr) 90px 100px 70px 80px;
  gap:12px;align-items:center;
  padding:9px 10px;border-radius:10px;
  border:1px solid transparent;
  transition:background 0.15s, border-color 0.15s, transform 0.2s;
  position:relative;
}
.adm-br-row:hover{background:rgba(91,104,240,0.04);border-color:rgba(91,104,240,0.14);}
.adm-br-row.dragging{opacity:0.4;background:rgba(91,104,240,0.12);border-color:rgba(91,104,240,0.5);}
.adm-br-row.drag-over{border-top:2px solid #5b68f0;}
.adm-br-row.inactive .adm-br-chip-cell,
.adm-br-row.inactive .adm-br-name{opacity:0.38;filter:grayscale(0.8);}

/* Meta group wrapper (slug / usage / created).
   Desktop: display:contents — copiii sunt promovați ca grid items,
            păstrând layout-ul de tabelă cu 8 coloane.
   Mobile:  flex-row compact — stack sub numele brandului.     */
.adm-br-meta-group{display:contents;}
.adm-br-meta-cell{display:contents;}

.adm-br-grip{
  font:700 10.5px 'JetBrains Mono',monospace;color:rgba(228,231,239,0.3);
  letter-spacing:0.5px;cursor:grab;user-select:none;
  display:flex;align-items:center;justify-content:center;gap:2px;
}
.adm-br-grip:hover{color:rgba(165,180,252,0.85);}
.adm-br-grip:active{cursor:grabbing;}
.adm-br-grip-dots{display:inline-flex;flex-direction:column;gap:2px;}
.adm-br-grip-dots::before,
.adm-br-grip-dots::after{
  content:'⋮⋮';letter-spacing:-2px;line-height:1;font-size:13px;
}

.adm-br-chip-cell{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;
}
.adm-br-chip-cell .ob-brand > span{width:44px !important;height:44px !important;border-radius:10px !important;}
.adm-br-chip-cell img.adm-br-img{
  width:44px;height:44px;border-radius:10px;object-fit:cover;background:#12152a;
}
.adm-br-chip-text{
  width:44px;height:44px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font:800 17px 'DM Sans',sans-serif;letter-spacing:-0.01em;
  color:#fff;background:#5b68f0;
}

.adm-br-name{
  font:700 14px 'DM Sans',sans-serif;color:#e4e7ef;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.adm-br-slug{
  font:600 11.5px 'JetBrains Mono',monospace;
  color:#93c5fd;letter-spacing:0.15px;
  padding:3px 8px;border-radius:6px;
  background:rgba(147,197,253,0.08);border:1px solid rgba(147,197,253,0.16);
  display:inline-block;justify-self:start;
}

.adm-br-usage{
  display:inline-flex;align-items:center;gap:4px;justify-content:center;
  font:700 12px 'JetBrains Mono',monospace;
  padding:4px 10px;border-radius:999px;
  background:rgba(255,255,255,0.04);color:rgba(228,231,239,0.68);
  border:1px solid rgba(255,255,255,0.06);
}
.adm-br-usage.hot{background:rgba(74,222,128,0.1);color:#86efac;border-color:rgba(74,222,128,0.22);}
.adm-br-usage.zero{background:rgba(248,113,113,0.06);color:rgba(248,113,113,0.75);border-color:rgba(248,113,113,0.16);}

.adm-br-created{
  font:500 12px 'JetBrains Mono',monospace;color:rgba(228,231,239,0.5);text-align:center;
}

/* Active/Inactive toggle switch */
.adm-br-toggle{
  position:relative;width:42px;height:22px;cursor:pointer;
  background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);
  border-radius:999px;transition:background 0.2s, border-color 0.2s;
  margin:0 auto;
}
.adm-br-toggle::after{
  content:'';position:absolute;top:1px;left:1px;
  width:18px;height:18px;border-radius:50%;background:#fff;
  transition:transform 0.22s cubic-bezier(.4,0,.2,1);
  box-shadow:0 2px 5px rgba(0,0,0,0.25);
}
.adm-br-toggle.on{background:#4ade80;border-color:rgba(74,222,128,0.35);}
.adm-br-toggle.on::after{transform:translateX(20px);}

/* Row actions */
.adm-br-acts{display:flex;gap:4px;justify-content:center;}
.adm-br-act{
  width:28px;height:28px;border-radius:7px;cursor:pointer;
  background:transparent;border:1px solid transparent;
  color:rgba(165,180,252,0.7);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:background 0.15s, border-color 0.15s, color 0.15s;
}
.adm-br-act:hover{
  background:rgba(91,104,240,0.14);border-color:rgba(91,104,240,0.32);color:#a5b4fc;
}
.adm-br-act.danger:hover{
  background:rgba(248,113,113,0.14);border-color:rgba(248,113,113,0.32);color:#fca5a5;
}

/* Column visibility CSS hooks */
.adm-br-v2.hide-logo .adm-br-chip-cell,
.adm-br-v2.hide-logo .adm-br-h-logo{visibility:hidden;}
.adm-br-v2.hide-slug .adm-br-slug,
.adm-br-v2.hide-slug .adm-br-h-slug{visibility:hidden;}
.adm-br-v2.hide-usage .adm-br-usage,
.adm-br-v2.hide-usage .adm-br-h-usage{visibility:hidden;}
.adm-br-v2.hide-created .adm-br-created,
.adm-br-v2.hide-created .adm-br-h-created{visibility:hidden;}
.adm-br-v2.hide-status .adm-br-toggle,
.adm-br-v2.hide-status .adm-br-h-status{visibility:hidden;}

/* ── Create-Brand modal (WOW with live preview + drag-drop) ── */
.adm-brnew-ov{z-index:560;}
.adm-brnew-box{width:min(520px, calc(100vw - 32px));}
.adm-brnew-ico{background:linear-gradient(135deg,#5b68f0,#c084fc);}

.adm-brnew-previewrow{
  display:flex;gap:14px;align-items:stretch;margin-bottom:14px;
  padding:14px;border-radius:14px;
  background:radial-gradient(220px 120px at 20% 0%, rgba(91,104,240,0.14), transparent 65%),
             rgba(255,255,255,0.02);
  border:1px solid rgba(91,104,240,0.18);
}
.adm-brnew-preview{
  flex-shrink:0;display:flex;align-items:center;justify-content:center;
  width:70px;height:70px;border-radius:14px;
  background:#0b0d1c;border:1px dashed rgba(91,104,240,0.35);
  transition:border-color 0.2s, background 0.2s;
}
.adm-brnew-preview.pulse{animation:admBrPulse 0.6s ease;}
@keyframes admBrPulse{
  0%{transform:scale(0.9);}
  50%{transform:scale(1.06);}
  100%{transform:scale(1);}
}
.adm-brnew-chip-wrap{
  width:56px;height:56px;border-radius:11px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:#12152a;
}
.adm-brnew-chip-wrap img{width:100%;height:100%;object-fit:cover;}
.adm-brnew-chip-wrap .ob-brand > span{width:56px !important;height:56px !important;border-radius:11px !important;}
.adm-brnew-chip-placeholder{
  font:800 22px 'DM Sans',sans-serif;color:rgba(228,231,239,0.35);
}
.adm-brnew-chip-text{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font:800 22px 'DM Sans',sans-serif;color:#fff;letter-spacing:-0.01em;
}
.adm-brnew-fields{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.adm-brnew-hint{
  margin-left:auto;
  font:500 10.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.4);
  letter-spacing:0.1px;text-transform:none;
  float:right;
}
.adm-prnew-group > label{display:flex;align-items:center;gap:4px;}

/* Drag-drop zone */
.adm-brnew-drop{
  border:2px dashed rgba(91,104,240,0.3);
  border-radius:14px;padding:18px;cursor:pointer;
  background:rgba(91,104,240,0.03);
  transition:background 0.2s, border-color 0.2s;
  outline:none;
}
.adm-brnew-drop:hover,
.adm-brnew-drop:focus-visible{background:rgba(91,104,240,0.08);border-color:rgba(91,104,240,0.55);}
.adm-brnew-drop.drag-over{
  background:rgba(91,104,240,0.18);border-color:#5b68f0;
  transform:scale(1.01);
}
.adm-brnew-drop.has-file{
  background:rgba(74,222,128,0.06);border-color:rgba(74,222,128,0.4);border-style:solid;
}
.adm-brnew-drop-inner{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  color:rgba(228,231,239,0.55);pointer-events:none;
}
.adm-brnew-drop-inner svg{color:rgba(91,104,240,0.7);}
.adm-brnew-drop-ttl{font:600 13px 'DM Sans',sans-serif;color:#e4e7ef;}
.adm-brnew-drop-sub{font:500 11.5px 'DM Sans',sans-serif;color:rgba(228,231,239,0.5);}
.adm-brnew-drop-browse{
  background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;
  color:#a5b4fc;text-decoration:underline;font:inherit;
}
.adm-brnew-drop-browse:hover{color:#c7d2fe;}

/* Color palette picker */
.adm-brnew-colors{
  display:flex;gap:8px;flex-wrap:wrap;
}
.adm-brnew-color{
  width:34px;height:34px;border-radius:9px;cursor:pointer;
  border:2px solid transparent;
  transition:transform 0.15s, border-color 0.15s, box-shadow 0.15s;
  position:relative;
}
.adm-brnew-color:hover{transform:translateY(-2px);}
.adm-brnew-color.active{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,0.15), 0 4px 12px rgba(0,0,0,0.3);}
.adm-brnew-color.active::after{
  content:'';position:absolute;top:50%;left:50%;
  width:10px;height:5px;
  border:solid #fff;border-width:0 0 2px 2px;
  transform:translate(-50%,-70%) rotate(-45deg);
}

/* Import modal */
.adm-brimp-ov{z-index:560;}
.adm-brimp-box{width:min(560px, calc(100vw - 32px));}
.adm-brimp-ta{
  width:100%;box-sizing:border-box;min-height:180px;
  background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:12px 14px;outline:none;
  font:500 12.5px 'JetBrains Mono',monospace;color:#e4e7ef;
  resize:vertical;margin-bottom:4px;
  transition:border-color 0.15s, background 0.15s;
}
.adm-brimp-ta:focus{border-color:rgba(91,104,240,0.55);background:rgba(91,104,240,0.05);}

/* ─────────────────────────────────────────────────────────────
   Mobile responsive — Branduri
   Card layout: rând 1 = grip | chip | nume | toggle | acțiuni
                rând 2 = meta (slug · utilizări · creat) sub nume
   ───────────────────────────────────────────────────────────── */
@media (max-width: 699px){
  .adm-br-v2 .eo-box{border-radius:20px;}
  .adm-br-v2 .eo-hdr{padding:14px 16px;}
  .adm-br-v2 .eo-sub{font-size:11.5px;line-height:1.35;}
  .adm-br-v2 .eo-stats{grid-template-columns:repeat(2,1fr);padding:10px 14px 4px;gap:8px;}
  .adm-br-v2 .adm-pr-toolbar{padding:10px 14px;gap:8px;}
  .adm-br-scroll{padding:6px 10px 20px;}

  .adm-br-hd{display:none;}

  /* Row devine card compact cu 2 rânduri */
  .adm-br-row{
    grid-template-columns:22px 42px minmax(0,1fr) 48px 52px;
    grid-template-areas:
      "grip chip name   toggle acts"
      "grip chip meta   toggle acts";
    gap:2px 10px;
    padding:10px 10px;
    align-items:center;
  }

  /* Meta group devine container vizibil pe mobil (flex row) */
  .adm-br-meta-group{
    display:flex;
    grid-area:meta;
    align-items:center;
    gap:6px;flex-wrap:nowrap;
    min-width:0;overflow:hidden;
    font-size:10.5px;line-height:1.2;
    color:rgba(228,231,239,0.5);
    align-self:start;
    margin-top:2px;
  }
  .adm-br-meta-cell{
    display:inline-flex;align-items:center;
    min-width:0;
  }
  .adm-br-meta-cell .adm-br-slug{
    padding:1px 6px;font-size:10px;
    max-width:120px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .adm-br-meta-cell .adm-br-usage{font-size:10.5px;padding:1px 6px;min-width:auto;}
  .adm-br-meta-cell.adm-br-created{
    font:500 10.5px 'JetBrains Mono',monospace;
    color:rgba(228,231,239,0.4);
    white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;
  }
  /* Separator punct între cell-uri */
  .adm-br-meta-cell + .adm-br-meta-cell::before{
    content:'·';margin-right:6px;
    color:rgba(228,231,239,0.25);font-weight:700;
  }

  /* Plasează items explicit pe grid areas */
  .adm-br-row > .adm-br-grip{grid-area:grip;align-self:center;}
  .adm-br-row > .adm-br-chip-cell{grid-area:chip;align-self:center;}
  .adm-br-row > .adm-br-name{grid-area:name;align-self:end;font-size:13.5px;}
  .adm-br-row > .adm-br-toggle-cell{grid-area:toggle;align-self:center;}
  .adm-br-row > .adm-br-acts{grid-area:acts;align-self:center;gap:2px;justify-content:flex-end;}

  /* Logo ușor mai mic pe mobil */
  .adm-br-chip-cell{width:40px;height:40px;}
  .adm-br-chip-cell .ob-brand > span{width:40px !important;height:40px !important;border-radius:9px !important;}
  .adm-br-chip-cell img.adm-br-img{width:40px;height:40px;border-radius:9px;}
  .adm-br-chip-text{width:40px;height:40px;border-radius:9px;font-size:15px;}

  /* Ascunde Edit — tap pe rând / numele brandului deschide edit modal */
  .adm-br-v2 .adm-br-row .adm-br-acts .adm-br-act-edit{display:none;}
  .adm-br-act{width:30px;height:30px;}

  .adm-brnew-box{padding:18px 16px 16px;}
  .adm-brnew-previewrow{padding:12px;gap:10px;}
  .adm-brnew-preview{width:64px;height:64px;}
  .adm-brnew-chip-wrap{width:52px;height:52px;}
  .adm-brnew-chip-wrap .ob-brand > span{width:52px !important;height:52px !important;}
  .adm-brnew-drop{padding:14px;}
  .adm-brnew-drop-inner svg{width:26px;height:26px;}
  .adm-brimp-ta{min-height:140px;font-size:11.5px;}
}

/* ===================================================================
   ADMIN · DISPOZITIVE v2 (.adm-dv-*)
   =================================================================== */
.adm-dv-v2 .eo-box{max-width:min(1480px, calc(100vw - 32px));}
.adm-dv-ico{
  background:linear-gradient(135deg, rgba(74,222,128,0.18), rgba(91,104,240,0.12));
  color:#4ade80;
}
.adm-dv-stats{margin-bottom:14px;}
.adm-dv-toolbar{position:relative;z-index:10;}
.adm-dv-ai{
  background:linear-gradient(135deg, rgba(192,132,252,0.18), rgba(91,104,240,0.14)) !important;
  border-color:rgba(192,132,252,0.35) !important;
  color:#e9d5ff !important;
  position:relative;
}
.adm-dv-ai:hover{
  background:linear-gradient(135deg, rgba(192,132,252,0.28), rgba(91,104,240,0.22)) !important;
  border-color:rgba(192,132,252,0.55) !important;
}
.adm-dv-ai-dot{
  width:7px;height:7px;border-radius:50%;
  background:#c084fc;
  box-shadow:0 0 0 0 rgba(192,132,252,0.6);
  animation:admDvAiPulse 2s infinite;
}
@keyframes admDvAiPulse{
  0%{box-shadow:0 0 0 0 rgba(192,132,252,0.55);}
  70%{box-shadow:0 0 0 6px rgba(192,132,252,0);}
  100%{box-shadow:0 0 0 0 rgba(192,132,252,0);}
}
.adm-dv-scroll{
  max-height:calc(100vh - 340px);
  min-height:320px;
  overflow-y:auto;
  border-radius:12px;
  background:rgba(11,14,28,0.4);
  border:1px solid rgba(255,255,255,0.04);
}
.adm-dv-head{
  display:grid;
  grid-template-columns:32px 36px 44px minmax(180px,1.8fr) 110px 110px minmax(140px,1.4fr) minmax(140px,1.4fr) 100px 90px 90px;
  gap:10px;
  padding:12px 14px;
  font-size:10.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:rgba(255,255,255,0.42);
  background:rgba(11,14,28,0.85);
  border-bottom:1px solid rgba(255,255,255,0.05);
  position:sticky;
  top:0;
  z-index:5;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.adm-dv-head-ck{display:flex;align-items:center;justify-content:center;}
.adm-dv-head-ck input{cursor:pointer;accent-color:#5b68f0;}
.adm-dv-row{
  display:grid;
  grid-template-columns:32px 36px 44px minmax(180px,1.8fr) 110px 110px minmax(140px,1.4fr) minmax(140px,1.4fr) 100px 90px 90px;
  gap:10px;
  padding:10px 14px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,0.04);
  transition:background 0.15s ease;
  font-size:13px;
}
.adm-dv-row:hover{background:rgba(91,104,240,0.05);}
.adm-dv-row.selected{background:rgba(91,104,240,0.12);}
.adm-dv-row.status-upcoming{background:linear-gradient(90deg, rgba(192,132,252,0.06), transparent 60%);}
.adm-dv-row.status-discontinued{opacity:0.45;}
.adm-dv-cell-ck{display:flex;align-items:center;justify-content:center;}
.adm-dv-cell-ck input{cursor:pointer;accent-color:#5b68f0;width:14px;height:14px;}
.adm-dv-idx{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:11px;
  color:rgba(255,255,255,0.35);
  text-align:right;
  padding-right:4px;
}
.adm-dv-brandchip{display:flex;align-items:center;justify-content:center;}
.adm-dv-brandchip .ob-brand > span{width:32px !important;height:32px !important;border-radius:7px !important;}
.adm-dv-brandchip svg{width:22px !important;height:22px !important;}
.adm-dv-name{
  font-weight:600;
  color:#fff;
  cursor:text;
  padding:4px 6px;
  border-radius:6px;
  border:1px solid transparent;
  transition:all 0.15s ease;
  font-family:'DM Sans', system-ui, sans-serif;
}
.adm-dv-name:hover{background:rgba(91,104,240,0.08);border-color:rgba(91,104,240,0.18);}
.adm-dv-name:focus{
  outline:none;
  background:rgba(91,104,240,0.15);
  border-color:rgba(91,104,240,0.5);
  box-shadow:0 0 0 3px rgba(91,104,240,0.12);
}
.adm-dv-brand-pill, .adm-dv-cat-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:8px;
  background:rgba(91,104,240,0.1);
  border:1px solid rgba(91,104,240,0.18);
  color:#b5bcf5;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:0.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  cursor:text;
}
.adm-dv-cat-pill{
  background:rgba(74,222,128,0.08);
  border-color:rgba(74,222,128,0.22);
  color:#86efac;
}
.adm-dv-caps, .adm-dv-colors{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
  min-height:28px;
  cursor:pointer;
  padding:4px 6px;
  border-radius:6px;
  border:1px solid transparent;
  transition:all 0.15s ease;
}
.adm-dv-caps:hover, .adm-dv-colors:hover{
  background:rgba(91,104,240,0.06);
  border-color:rgba(91,104,240,0.15);
}
.adm-dv-cap-chip{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:10.5px;
  font-weight:600;
  padding:2px 6px;
  border-radius:5px;
  background:rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.82);
  border:1px solid rgba(255,255,255,0.08);
  white-space:nowrap;
}
.adm-dv-col-swatch{
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,0.18);
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
  position:relative;
  flex-shrink:0;
}
.adm-dv-caps-more, .adm-dv-colors-more{
  font-size:10px;
  color:rgba(255,255,255,0.45);
  font-weight:600;
  padding:2px 5px;
  border-radius:4px;
  background:rgba(255,255,255,0.05);
}
.adm-dv-caps-empty, .adm-dv-colors-empty{
  font-size:10.5px;
  color:rgba(255,255,255,0.3);
  font-style:italic;
  padding:2px 4px;
}
.adm-dv-release{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:11px;
  color:rgba(255,255,255,0.7);
  cursor:text;
  padding:3px 6px;
  border-radius:5px;
  border:1px solid transparent;
}
.adm-dv-release:hover{background:rgba(91,104,240,0.06);border-color:rgba(91,104,240,0.15);}
.adm-dv-release-upcoming{
  color:#c084fc;
  font-weight:700;
  position:relative;
}
.adm-dv-release-upcoming::after{
  content:'';
  position:absolute;
  left:-3px;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:4px;
  border-radius:50%;
  background:#c084fc;
  box-shadow:0 0 8px rgba(192,132,252,0.6);
}
.adm-dv-status-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 8px;
  border-radius:6px;
  font-size:10.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  cursor:pointer;
  user-select:none;
}
.adm-dv-status-active{background:rgba(74,222,128,0.14);color:#4ade80;border:1px solid rgba(74,222,128,0.28);}
.adm-dv-status-upcoming{background:rgba(192,132,252,0.14);color:#c084fc;border:1px solid rgba(192,132,252,0.28);}
.adm-dv-status-discontinued{background:rgba(248,113,113,0.1);color:#f87171;border:1px solid rgba(248,113,113,0.22);}
.adm-dv-actions{display:flex;gap:4px;justify-content:flex-end;}
.adm-dv-act{
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:transparent;
  border:1px solid transparent;
  color:rgba(255,255,255,0.55);
  cursor:pointer;
  transition:all 0.15s ease;
}
.adm-dv-act:hover{
  background:rgba(91,104,240,0.14);
  border-color:rgba(91,104,240,0.28);
  color:#b5bcf5;
}
.adm-dv-act-del:hover{
  background:rgba(248,113,113,0.14);
  border-color:rgba(248,113,113,0.28);
  color:#f87171;
}
.adm-dv-empty{
  padding:60px 20px;
  text-align:center;
  color:rgba(255,255,255,0.4);
  font-size:13px;
}

/* Bulk bar */
.adm-dv-bulk{
  display:none;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  background:linear-gradient(135deg, rgba(91,104,240,0.14), rgba(192,132,252,0.08));
  border:1px solid rgba(91,104,240,0.3);
  border-radius:10px;
  margin-bottom:10px;
}
.adm-dv-bulk.open{display:flex;}
.adm-dv-bulk-count{
  font-size:12px;
  font-weight:700;
  color:#b5bcf5;
  margin-right:auto;
}
.adm-dv-bulk-btn{
  font-family:'DM Sans', system-ui, sans-serif;
  font-size:11.5px;
  font-weight:600;
  padding:5px 10px;
  border-radius:6px;
  background:rgba(255,255,255,0.06);
  color:#fff;
  border:1px solid rgba(255,255,255,0.1);
  cursor:pointer;
  transition:all 0.15s ease;
}
.adm-dv-bulk-btn:hover{background:rgba(91,104,240,0.18);border-color:rgba(91,104,240,0.35);}
.adm-dv-bulk-del{
  background:rgba(248,113,113,0.08);
  border-color:rgba(248,113,113,0.22);
  color:#f87171;
}
.adm-dv-bulk-del:hover{background:rgba(248,113,113,0.18);border-color:rgba(248,113,113,0.4);}
.adm-dv-bulk-clear{
  width:24px;height:24px;
  border-radius:50%;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  color:rgba(255,255,255,0.6);
  cursor:pointer;
  font-size:12px;
}
.adm-dv-bulk-clear:hover{background:rgba(248,113,113,0.14);color:#f87171;}

/* New / Edit Device Modal */
.adm-dvnew-ov{z-index:560;}
.adm-dvnew-box{max-width:640px;}
.adm-dvnew-body{display:flex;flex-direction:column;gap:14px;padding:4px 2px;}
.adm-dvnew-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.adm-dvnew-field{display:flex;flex-direction:column;gap:5px;}
.adm-dvnew-lbl{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:rgba(255,255,255,0.6);
}
.adm-dvnew-input, .adm-dvnew-select{
  width:100%;
  padding:9px 12px;
  border-radius:8px;
  background:rgba(11,14,28,0.7);
  border:1px solid rgba(255,255,255,0.1);
  color:#fff;
  font-size:13px;
  font-family:'DM Sans', system-ui, sans-serif;
  transition:all 0.15s ease;
}
.adm-dvnew-input:focus, .adm-dvnew-select:focus{
  outline:none;
  border-color:rgba(91,104,240,0.6);
  background:rgba(11,14,28,0.95);
  box-shadow:0 0 0 3px rgba(91,104,240,0.12);
}
.adm-dvnew-select{cursor:pointer;}
.adm-dvnew-select option{background:#14182a;color:#fff;}
.adm-dvnew-section{
  display:flex;flex-direction:column;gap:8px;
  padding:12px;
  background:rgba(11,14,28,0.4);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:10px;
}
.adm-dvnew-section-hdr{display:flex;justify-content:space-between;align-items:center;}
.adm-dvnew-preset{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 8px;
  font-size:10.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  border-radius:5px;
  background:rgba(192,132,252,0.12);
  border:1px solid rgba(192,132,252,0.28);
  color:#c084fc;
  cursor:pointer;
  transition:all 0.15s ease;
}
.adm-dvnew-preset:hover{
  background:rgba(192,132,252,0.22);
  border-color:rgba(192,132,252,0.5);
}
.adm-dvnew-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;}
.adm-dvnew-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 10px;
  border-radius:6px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  color:#fff;
  font-size:12px;
  font-weight:600;
  font-family:'JetBrains Mono', ui-monospace, monospace;
}
.adm-dvnew-chip-x{
  width:14px;height:14px;
  display:flex;align-items:center;justify-content:center;
  border-radius:3px;
  background:rgba(248,113,113,0.12);
  color:#f87171;
  cursor:pointer;
  font-size:11px;
  line-height:1;
  font-family:inherit;
}
.adm-dvnew-chip-x:hover{background:rgba(248,113,113,0.28);}
.adm-dvnew-addrow{display:flex;gap:6px;}
.adm-dvnew-addinput{
  flex:1;
  padding:6px 10px;
  font-size:12px;
  border-radius:6px;
  background:rgba(11,14,28,0.85);
  border:1px solid rgba(255,255,255,0.08);
  color:#fff;
  font-family:'JetBrains Mono', ui-monospace, monospace;
}
.adm-dvnew-addinput:focus{outline:none;border-color:rgba(91,104,240,0.5);}
.adm-dvnew-addbtn{
  width:32px;height:32px;
  border-radius:6px;
  background:rgba(91,104,240,0.18);
  border:1px solid rgba(91,104,240,0.35);
  color:#b5bcf5;
  cursor:pointer;
  font-size:16px;font-weight:700;
}
.adm-dvnew-addbtn:hover{background:rgba(91,104,240,0.3);color:#fff;}
.adm-dvnew-colors{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;}
.adm-dvnew-color{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 8px 4px 4px;
  border-radius:20px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  color:#fff;
  font-size:11.5px;
  font-weight:600;
}
.adm-dvnew-color-sw{
  width:18px;height:18px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,0.2);
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
}
.adm-dvnew-coladd{align-items:center;}
.adm-dvnew-colpick{
  width:34px;height:32px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,0.12);
  background:transparent;
  cursor:pointer;
  padding:2px;
}
.adm-dvnew-colpick::-webkit-color-swatch-wrapper{padding:0;}
.adm-dvnew-colpick::-webkit-color-swatch{border:none;border-radius:4px;}

/* Paste-import & JSON import */
.adm-dvpaste-ov, .adm-dvimp-ov, .adm-dvai-ov{z-index:560;}
.adm-dvpaste-box{max-width:620px;}
.adm-dvai-box{max-width:560px;}
.adm-dvpaste-select{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr;
  gap:8px;align-items:center;
  margin-bottom:10px;
}
.adm-dvpaste-select .adm-dvnew-lbl{margin-top:0;}
.adm-dvpaste-ta{min-height:140px;font-size:12px;font-family:'DM Sans', system-ui, sans-serif;}
.adm-dvpaste-hint{
  font-size:11px;
  color:rgba(255,255,255,0.5);
  padding:8px 10px;
  border-radius:6px;
  background:rgba(91,104,240,0.06);
  border:1px solid rgba(91,104,240,0.14);
  margin-top:8px;
  font-style:italic;
}
.adm-dvpaste-hint.success{
  background:rgba(74,222,128,0.08);
  border-color:rgba(74,222,128,0.22);
  color:#86efac;
  font-style:normal;
}
.adm-dvpaste-hint.err{
  background:rgba(248,113,113,0.08);
  border-color:rgba(248,113,113,0.22);
  color:#f87171;
  font-style:normal;
}

/* AI Sync placeholder styling */
.adm-dvai-ico{
  background:linear-gradient(135deg, rgba(192,132,252,0.28), rgba(91,104,240,0.18)) !important;
  color:#c084fc !important;
}
.adm-dvai-status{
  display:flex;flex-direction:column;gap:14px;
  padding:18px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(192,132,252,0.06), rgba(91,104,240,0.04));
  border:1px solid rgba(192,132,252,0.18);
}
.adm-dvai-badge{
  display:inline-flex;align-self:flex-start;
  padding:5px 12px;
  border-radius:16px;
  font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.06em;
}
.adm-dvai-badge-soon{
  background:rgba(192,132,252,0.18);
  color:#c084fc;
  border:1px solid rgba(192,132,252,0.35);
}
.adm-dvai-expl{
  font-size:12.5px;
  line-height:1.55;
  color:rgba(255,255,255,0.72);
}
.adm-dvai-steps{display:flex;flex-direction:column;gap:8px;}
.adm-dvai-step{
  display:flex;align-items:center;gap:10px;
  padding:8px 12px;
  border-radius:8px;
  background:rgba(11,14,28,0.5);
  border:1px solid rgba(255,255,255,0.06);
  font-size:12px;
  color:rgba(255,255,255,0.8);
}
.adm-dvai-step-n{
  width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(192,132,252,0.2);
  color:#c084fc;
  font-size:11px;font-weight:800;
  flex-shrink:0;
}

/* Inline edit input for caps/colors popover */
.adm-dv-pop{
  position:absolute;
  z-index:600;
  min-width:280px;
  max-width:360px;
  padding:14px;
  border-radius:12px;
  background:rgba(11,14,28,0.98);
  border:1px solid rgba(91,104,240,0.28);
  box-shadow:0 18px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(91,104,240,0.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.adm-dv-pop-ttl{
  font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.08em;
  color:rgba(255,255,255,0.55);
  margin-bottom:10px;
}
.adm-dv-pop-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;max-height:150px;overflow-y:auto;}

/* Stats 4-up */
.adm-dv-v2 .eo-stats{
  grid-template-columns:repeat(4, 1fr);
}

/* Mobile */
@media (max-width:760px){
  .adm-dv-v2 .eo-box{max-width:calc(100vw - 12px);}
  .adm-dv-head{display:none;}
  .adm-dv-row{
    grid-template-columns:30px 36px 40px 1fr 70px;
    grid-template-areas:
      "ck brand idx name status"
      "ck brand idx cat status"
      "ck caps caps caps caps"
      "ck cols cols cols cols"
      "ck release release release actions";
    gap:6px;
    padding:10px;
    font-size:12px;
  }
  .adm-dv-cell-ck{grid-area:ck;}
  .adm-dv-brandchip{grid-area:brand;}
  .adm-dv-idx{grid-area:idx;text-align:left;}
  .adm-dv-name-cell{grid-area:name;}
  .adm-dv-cat-cell{grid-area:cat;}
  .adm-dv-cell-caps{grid-area:caps;}
  .adm-dv-cell-cols{grid-area:cols;}
  .adm-dv-cell-release{grid-area:release;}
  .adm-dv-cell-status{grid-area:status;}
  .adm-dv-cell-actions{grid-area:actions;}
  .adm-dv-brand-pill{display:none;}
  .adm-dv-scroll{max-height:calc(100vh - 420px);}
  .adm-dv-v2 .eo-stats{grid-template-columns:1fr 1fr;}
  .adm-dv-toolbar .adm-pr-tb-left{flex-wrap:wrap;gap:6px;}
  .adm-pr-tb-btn{padding:5px 8px;font-size:11.5px;}
  .adm-dvnew-row2{grid-template-columns:1fr;}
  .adm-dvpaste-select{grid-template-columns:1fr;}
}


/* ===== PUBLIC CHECK PAGE CSS (Faza 2.4 — public-check / share-check) ===== */
/*
 * Izolare: toate regulile de overflow/scroll sunt pe `.public-check-page` ca să
 * NU afecteze result-sheet-ul / DLC-ul de pe /app (aceleași clase .phone-frame).
 */
.public-check-page.phone-glow-wrap {
  /* Pagina crește cu conținutul; scroll pe document, nu pe un nested scroller. */
  overflow: visible;
  isolation: isolate;
}
.public-check-page .phone-frame {
  overflow: visible;
  min-height: 100vh;
}

.public-check-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 16px max(16px, 4vw) 12px;
  position: relative;
  z-index: 2;
}
.public-check-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
  justify-self: center;
}
.public-check-home {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text-normal);
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  cursor: pointer;
}
.public-check-home:hover {
  background: rgba(91, 104, 240, 0.12);
  border-color: rgba(91, 104, 240, 0.3);
  color: #a5b4fc;
}
.public-check-lang {
  justify-self: end;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.public-check-lang:hover {
  background: rgba(91, 104, 240, 0.12) !important;
  border-color: rgba(91, 104, 240, 0.3) !important;
}
.public-check-lang .flag {
  display: block;
  width: 26px;
  height: 19px;
  border-radius: 3px;
}

.public-check-sheet {
  position: relative;
  width: min(640px, 92vw);
  max-width: 100%;
  margin: 0 auto 32px;
  background: #12152a;
  border-radius: 18px;
  border: 1px solid var(--border);
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5);
  /* IMPORTANT: overflow visible pe desktop — altfel wheel-ul peste card e „înghițit”
     (overflow:hidden pe un container care nu scrollează blochează scroll-ul paginii).
     Clipul colțurilor rotunjite e OK pe mobil (full-bleed). */
  overflow: visible;
}
.public-check-sheet .sheet-scroll {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 14px 18px 24px;
  /* Nu intercepta wheel-ul: scroll-ul rămâne pe document. */
  overscroll-behavior: auto;
}
/* Reveal subtil al rândurilor (echivalent .result-sheet.open din vanilla). */
.public-check-sheet .s-row {
  animation: row-wave-in 0.4s cubic-bezier(0.22, 0.68, 0, 1) both;
}
.public-check-sheet .s-row:nth-child(1)  { animation-delay: 0.04s; }
.public-check-sheet .s-row:nth-child(2)  { animation-delay: 0.06s; }
.public-check-sheet .s-row:nth-child(3)  { animation-delay: 0.08s; }
.public-check-sheet .s-row:nth-child(4)  { animation-delay: 0.10s; }
.public-check-sheet .s-row:nth-child(5)  { animation-delay: 0.12s; }
.public-check-sheet .s-row:nth-child(n+6) { animation-delay: 0.14s; }
@media (max-width: 699px) {
  .public-check-page.phone-glow-wrap {
    overflow: visible;
    min-height: 100vh;
  }
  .public-check-page .phone-frame {
    overflow: visible;
  }
  .public-check-sheet {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    min-height: calc(100vh - 72px);
    overflow: visible;
  }
  .public-check-brand {
    font-size: 16px;
  }
  .public-check-head {
    padding: 12px 12px 8px;
  }
}
/* Brand pe desktop ceva mai mare */
@media (min-width: 700px) {
  .public-check-brand {
    font-size: 22px;
  }
  /* Pe desktop, documentul scrollează; frame-ul nu e un nested scroller. */
  .public-check-page .phone-frame {
    overflow: visible !important;
  }
}

/* ===== TRANZACTII MODAL (istoricul contului) ======================== */
.tx-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.tx-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.tx-box{background:linear-gradient(160deg,#0d0f1e 0%,#111428 100%);border:1px solid rgba(255,255,255,0.10);border-radius:26px;width:min(640px,100%);max-height:min(92vh,880px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.07);transform:translateY(20px) scale(0.97);transition:transform 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));}
.tx-overlay.open .tx-box{transform:translateY(0) scale(1);}

/* Header */
.tx-hdr{padding:18px 22px 14px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;gap:12px;}
.tx-hdr-ico{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(91,104,240,0.3),rgba(91,104,240,0.1));border:1px solid rgba(91,104,240,0.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tx-hdr-txt{min-width:0;flex:1;}
.tx-ttl{font-size:16px;font-weight:700;color:#e4e7ef;line-height:1.2;}
.tx-sub{font-size:11px;color:#5c6178;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tx-export{display:inline-flex;align-items:center;gap:6px;background:rgba(91,104,240,0.1);border:1px solid rgba(91,104,240,0.3);color:#a5b4fc;padding:7px 12px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;flex-shrink:0;transition:background 0.15s;}
.tx-export:hover:not(:disabled){background:rgba(91,104,240,0.2);}
.tx-export:disabled{opacity:0.45;cursor:default;}
.tx-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s,transform 0.15s;flex-shrink:0;}
.tx-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.tx-xbtn:active{transform:scale(0.92);}

/* Scroll */
.tx-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 22px 24px;}
.tx-scroll::-webkit-scrollbar{width:3px;}
.tx-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}

/* Summary */
.tx-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.tx-scard{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:12px 14px;min-width:0;}
.tx-scard.accent{border-color:rgba(91,104,240,0.25);background:rgba(91,104,240,0.07);}
.tx-scard-lbl{font-size:9.5px;color:#5c6178;text-transform:uppercase;letter-spacing:0.7px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tx-scard-val{font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:500;color:#e4e7ef;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tx-scard.accent .tx-scard-val{color:#a5b4fc;}
.tx-scard-val.green{color:#34d399;}
.tx-scard-val.red{color:#f87171;}

/* Chips (filtre categorie, scroll orizontal) */
.tx-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none;-ms-overflow-style:none;}
.tx-chips::-webkit-scrollbar{display:none;}
.tx-chip{flex-shrink:0;padding:7px 13px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:#a0a6b8;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;transition:background 0.15s,color 0.15s,border-color 0.15s;}
.tx-chip:hover{background:rgba(255,255,255,0.06);color:#e4e7ef;}
.tx-chip.active{background:rgba(91,104,240,0.18);color:#a5b4fc;border-color:rgba(91,104,240,0.35);}

/* Search */
.tx-search-wrap{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0 12px;height:42px;margin-bottom:14px;}
.tx-search{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#e4e7ef;font-size:13px;font-family:'DM Sans',sans-serif;}
.tx-search::placeholder{color:#5c6178;}
.tx-search-clear{background:none;border:none;color:#5c6178;cursor:pointer;font-size:13px;padding:2px;flex-shrink:0;line-height:1;}
.tx-search-clear:hover{color:#e4e7ef;}

/* Listă */
.tx-list{display:flex;flex-direction:column;}
.tx-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,0.05);}
.tx-row:last-child{border-bottom:none;}
.tx-ico{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tx-ico.blue{color:#a5b4fc;background:rgba(91,104,240,0.14);border:1px solid rgba(91,104,240,0.22);}
.tx-ico.violet{color:#c4b5fd;background:rgba(167,139,250,0.14);border:1px solid rgba(167,139,250,0.22);}
.tx-ico.green{color:#34d399;background:rgba(52,211,153,0.13);border:1px solid rgba(52,211,153,0.22);}
.tx-ico.orange{color:#f59e0b;background:rgba(245,158,11,0.13);border:1px solid rgba(245,158,11,0.22);}
.tx-ico.red{color:#f87171;background:rgba(248,113,113,0.13);border:1px solid rgba(248,113,113,0.22);}
.tx-main{flex:1;min-width:0;}
.tx-desc{font-size:13px;color:#e4e7ef;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.tx-metaline{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.tx-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;padding:2px 7px;border-radius:6px;}
.tx-badge.blue{color:#a5b4fc;background:rgba(91,104,240,0.14);}
.tx-badge.violet{color:#c4b5fd;background:rgba(167,139,250,0.14);}
.tx-badge.green{color:#34d399;background:rgba(52,211,153,0.13);}
.tx-badge.orange{color:#f59e0b;background:rgba(245,158,11,0.13);}
.tx-badge.red{color:#f87171;background:rgba(248,113,113,0.13);}
.tx-when{font-size:11px;color:#5c6178;white-space:nowrap;}
.tx-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;text-align:right;}
.tx-amount{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;white-space:nowrap;}
.tx-amount.green{color:#34d399;}
.tx-amount.red{color:#f87171;}
.tx-flow{display:flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#5c6178;white-space:nowrap;}
.tx-flow-arrow{color:#3a3f52;flex-shrink:0;}
.tx-flow-after{color:#a0a6b8;}

/* Stări (loading / empty / error / login) */
.tx-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 20px;text-align:center;}
.tx-state-txt{font-size:13px;color:#5c6178;}
.tx-login-btn{background:var(--accent);border:none;color:#fff;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.15s;}
.tx-login-btn:hover{background:var(--accent-hover);}

/* Paginare */
.tx-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px;}
.tx-pager-btn{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);color:#a0a6b8;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s;}
.tx-pager-btn:hover:not(:disabled){background:rgba(255,255,255,0.08);}
.tx-pager-btn:disabled{color:#3a3f52;cursor:default;}
.tx-pager-info{font-size:12px;color:#5c6178;font-family:'JetBrains Mono',monospace;}

/* Footer */
.tx-footer{padding:12px 22px;border-top:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.tx-footer-txt{font-size:11px;color:#a0a6b8;font-weight:600;}
.tx-footer-hint{font-size:10px;color:#3a3f52;font-family:'JetBrains Mono',monospace;}

/* Mobil — modalul rămâne CENTRAT (nu bottom-sheet), doar mai compact */
@media (max-width:560px){
  .tx-overlay{padding:12px;}
  .tx-box{border-radius:22px;max-height:92vh;}
  .tx-hdr{padding:15px 15px 11px;gap:10px;}
  .tx-export span{display:none;}
  .tx-export{padding:8px;}
  .tx-scroll{padding:15px 15px 18px;}
  /* „Sold curent" pe toată lățimea; „consumat"/„încasat" pe 2 coloane dedesubt,
     ca sumele să nu se trunchieze la lățime de telefon. */
  .tx-summary{grid-template-columns:1fr 1fr;gap:8px;}
  .tx-scard.accent{grid-column:1 / -1;}
  .tx-scard{padding:10px 12px;border-radius:12px;}
  .tx-scard-val{font-size:16px;}
  .tx-footer{padding:11px 15px;}
  .tx-row{gap:10px;}
  .tx-ico{width:32px;height:32px;border-radius:10px;}
  .tx-desc{font-size:12.5px;}
  .tx-amount{font-size:13px;}
  .tx-flow{font-size:9.5px;}
}
@media (max-width:380px){
  .tx-scard-lbl{letter-spacing:0.3px;}
  .tx-scard-val{font-size:15px;}
}

/* ===== PRIOR-CHECK MODAL (dispozitiv deja verificat) ================= */
.pcv-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.72);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  display:none; align-items:center; justify-content:center;
  z-index:600; padding:20px; opacity:0;
  transition:opacity 300ms var(--ease-out-quint);
}
.pcv-overlay.open{ display:flex; opacity:1; }
.pcv-box{
  position:relative;
  width:min(460px, 92vw); max-height:88vh;
  background:var(--bg-deep);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 40px 80px rgba(0,0,0,0.7);
  overflow:hidden; display:flex; flex-direction:column;
  transform:translateY(12px) scale(0.98); opacity:0;
  transition:transform 350ms var(--ease-out-quint), opacity 350ms var(--ease-out-quint);
}
.pcv-overlay.open .pcv-box{ transform:translateY(0) scale(1); opacity:1; }
.pcv-hdr{
  flex:0 0 auto; display:flex; align-items:center; gap:10px;
  padding:16px 18px; border-bottom:1px solid var(--border);
}
.pcv-hdr-icon{
  flex:0 0 auto; width:30px; height:30px; border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  background:var(--accent-dim); color:var(--accent);
}
.pcv-title{ flex:1; font-size:14.5px; font-weight:700; color:var(--text-bright); }
.pcv-close{
  width:30px; height:30px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:transparent; border:none; color:var(--text-dim);
  border-radius:8px; cursor:pointer;
  transition:background 150ms var(--ease-out-cubic), color 150ms var(--ease-out-cubic);
}
.pcv-close:hover{ background:var(--bg-hover); color:var(--text-bright); }
.pcv-scroll{ flex:1 1 auto; overflow-y:auto; padding:18px; -webkit-overflow-scrolling:touch; }
.pcv-msg{ font-size:13px; line-height:1.55; color:var(--text-normal); }
.pcv-msg strong{ color:var(--text-bright); font-weight:700; }
.pcv-device{
  margin-top:12px; padding:11px 13px; border-radius:11px;
  background:var(--bg-hover); border:1px solid var(--border);
}
.pcv-device-model{ font-size:13px; font-weight:700; color:var(--text-bright); }
.pcv-device-date{ margin-top:3px; font-size:11.5px; color:var(--text-dim); font-family:'JetBrains Mono',monospace; }
/* Admin: lista utilizatorilor care au verificat dispozitivul */
.pcv-list-lbl{ font-size:11px; font-weight:700; letter-spacing:0.4px; text-transform:uppercase; color:var(--text-dim); margin:2px 0 9px; }
.pcv-list{ display:flex; flex-direction:column; gap:7px; }
.pcv-row{
  display:flex; align-items:center; gap:10px;
  padding:9px 11px; border-radius:11px; cursor:pointer;
  background:var(--bg-hover); border:1px solid var(--border);
  transition:border-color 150ms var(--ease-out-cubic), background 150ms var(--ease-out-cubic), transform 150ms var(--ease-out-cubic);
}
.pcv-row:hover{ border-color:var(--accent); background:var(--accent-dim); transform:translateY(-1px); }
.pcv-row-main{ flex:1; min-width:0; }
.pcv-row-name{ font-size:12.5px; font-weight:700; color:var(--text-bright); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pcv-row-sub{ margin-top:2px; font-size:11px; color:var(--text-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pcv-row-when{ flex:0 0 auto; text-align:right; font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--text-dim); line-height:1.4; }
.pcv-row-arrow{ flex:0 0 auto; color:var(--text-dim); transition:color 150ms var(--ease-out-cubic), transform 150ms var(--ease-out-cubic); }
.pcv-row:hover .pcv-row-arrow{ color:var(--accent); transform:translateX(2px); }
.pcv-foot{
  flex:0 0 auto; display:flex; gap:9px; padding:14px 18px;
  border-top:1px solid var(--border);
}
.pcv-btn{
  flex:1; display:inline-flex; align-items:center; justify-content:center; gap:6px;
  min-height:42px; padding:0 16px; border:none; border-radius:11px;
  font-family:'DM Sans',sans-serif; font-size:13px; font-weight:700; cursor:pointer;
  transition:transform 150ms var(--ease-out-cubic), box-shadow 200ms var(--ease-out-cubic), background 150ms var(--ease-out-cubic), border-color 150ms var(--ease-out-cubic);
}
.pcv-btn-ghost{ background:transparent; border:1px solid var(--border); color:var(--text-normal); }
.pcv-btn-ghost:hover{ border-color:var(--accent); color:var(--text-bright); background:var(--accent-dim); }
.pcv-btn-primary{ background:var(--accent); color:#fff; }
.pcv-btn-primary:hover{ transform:translateY(-1px); box-shadow:0 8px 24px var(--accent-glow); background:var(--accent-hover); }
.pcv-btn-primary:active{ transform:translateY(0); }
@media (prefers-reduced-motion: reduce){
  .pcv-overlay, .pcv-box, .pcv-row, .pcv-btn, .pcv-row-arrow{ transition:none; }
}

/* ===== ADMIN CHECK DETAILS CARD (sub input, desktop, doar admin) ===== */
.acd-card{
  margin-top:16px;
  /* Aceeași stilizare „glass” ca celelalte carduri (.input-section / .prices-section). */
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(10px) saturate(1.3);
  -webkit-backdrop-filter: blur(10px) saturate(1.3);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius:20px;
  padding:18px 22px 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 8px 40px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.10);
  font-family:'DM Sans',sans-serif;
}
.acd-empty{ padding:14px 2px; font-size:12.5px; color:var(--text-dim); text-align:center; }
.acd-empty-sm{ font-size:11.5px; color:var(--text-dim); padding:2px 0 8px; }
.acd-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding-bottom:12px; border-bottom:1px solid var(--border); }
.acd-head-title{ display:flex; align-items:center; gap:7px; font-size:13px; font-weight:700; color:var(--text-bright); }
.acd-head-title svg{ color:var(--accent); }
.acd-id{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--text-dim); font-weight:600; }
.acd-badges{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.acd-badge{ font-size:9.5px; font-weight:800; letter-spacing:0.5px; padding:3px 7px; border-radius:6px; }
.acd-badge.ok{ background:rgba(34,197,94,0.14); color:var(--green); }
.acd-badge.err{ background:rgba(239,68,68,0.14); color:var(--red); }
.acd-badge.warn{ background:rgba(245,158,11,0.14); color:var(--orange); }
.acd-badge.accent{ background:var(--accent-dim); color:var(--accent); }
.acd-badge.muted{ background:var(--bg-hover); color:var(--text-dim); }
.acd-sec{ padding:11px 0; border-bottom:1px solid var(--border); }
.acd-sec-lbl{ font-size:10px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; color:var(--text-dim); margin-bottom:8px; }
.acd-sec-count{ font-weight:600; letter-spacing:0; text-transform:none; opacity:0.75; }
.acd-user{ display:flex; flex-direction:column; gap:2px; }
.acd-user-name{ font-size:13px; font-weight:700; color:var(--text-bright); }
.acd-user-sub{ font-size:11px; color:var(--text-dim); }
.acd-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:11px 0; border-bottom:1px solid var(--border); }
.acd-sec .acd-grid{ padding:0; border-bottom:none; }
.acd-cell{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.acd-k{ font-size:10.5px; color:var(--text-dim); }
.acd-v{ font-size:12.5px; font-weight:600; color:var(--text-normal); word-break:break-word; }
.acd-v.mono{ font-family:'JetBrains Mono',monospace; font-size:11.5px; }
.acd-profit{ color:var(--green); }
.acd-neg{ color:var(--red); }
.acd-pos{ color:var(--green); }
.acd-apis, .acd-txs{ display:flex; flex-direction:column; gap:5px; }
.acd-api{ display:flex; align-items:center; gap:8px; padding:6px 9px; border-radius:8px; background:var(--bg-hover); border:1px solid transparent; }
.acd-api.err{ border-color:rgba(239,68,68,0.35); background:rgba(239,68,68,0.06); }
/* Rând-link către pagina admin /requested-api cu filtrele completate. */
.acd-api-link{ text-decoration:none; cursor:pointer; transition:background var(--dur-2,0.16s) var(--ease-out-cubic), border-color var(--dur-2,0.16s) var(--ease-out-cubic), transform var(--dur-2,0.16s) var(--ease-out-cubic); }
.acd-api-link:hover{ background:var(--accent-dim); border-color:var(--accent); transform:translateX(2px); }
.acd-api-link:hover .acd-api-prov{ color:var(--accent); }
.acd-api-link.err:hover{ background:rgba(239,68,68,0.12); border-color:rgba(239,68,68,0.55); }
.acd-api-ext{ flex:0 0 auto; color:var(--text-dim); opacity:0.55; transition:opacity var(--dur-2,0.16s) var(--ease-out-cubic), color var(--dur-2,0.16s) var(--ease-out-cubic); }
.acd-api-link:hover .acd-api-ext{ opacity:1; color:var(--accent); }
.acd-api-prov{ flex:1; min-width:0; font-size:11.5px; font-weight:700; color:var(--text-bright); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.acd-api-svc{ color:var(--text-dim); font-weight:500; }
.acd-api-cost{ flex:0 0 auto; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--text-normal); }
.acd-api-st{ flex:0 0 auto; font-size:9px; font-weight:800; letter-spacing:0.4px; padding:2px 6px; border-radius:5px; }
.acd-api-st.ok{ background:rgba(34,197,94,0.14); color:var(--green); }
.acd-api-st.err{ background:rgba(239,68,68,0.16); color:var(--red); }
.acd-api-time{ flex:0 0 auto; font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--text-dim); }
.acd-tx{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 9px; border-radius:8px; background:var(--bg-hover); }
.acd-tx-main{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.acd-tx-cat{ font-size:11.5px; font-weight:700; color:var(--text-bright); }
.acd-tx-desc{ font-size:10.5px; color:var(--text-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px; }
.acd-tx-amt{ flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; gap:1px; }
.acd-tx-time{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--text-dim); }

/* ═══════════════════════════════════════════════════════════════════════
   API MODAL — chei API + documentația API-ului public (features/api-keys)
   Aceeași anatomie ca modalul Tranzacții (tx-*): overlay blur, box centrat.
   ═══════════════════════════════════════════════════════════════════════ */
.api-overlay{display:none;position:fixed;inset:0;z-index:600;background:rgba(0,0,0,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease-out-cubic, ease-out);}
.api-overlay.open{display:flex;opacity:1;pointer-events:auto;}
.api-box{background:linear-gradient(160deg,#0d0f1e 0%,#111428 100%);border:1px solid rgba(255,255,255,0.10);border-radius:26px;width:min(680px,100%);max-height:min(92vh,880px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.07);transform:translateY(20px) scale(0.97);transition:transform 0.3s var(--ease-out-quint, cubic-bezier(.23,1,.32,1));}
.api-overlay.open .api-box{transform:translateY(0) scale(1);}

/* Header */
.api-hdr{padding:18px 22px 14px;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;gap:12px;}
.api-hdr-ico{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(91,104,240,0.3),rgba(91,104,240,0.1));border:1px solid rgba(91,104,240,0.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.api-hdr-txt{min-width:0;flex:1;}
.api-ttl{font-size:16px;font-weight:700;color:#e4e7ef;line-height:1.2;}
.api-sub{font-size:11px;color:#5c6178;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.api-xbtn{width:30px;height:30px;border-radius:50%;background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.2);color:#f87171;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background 0.15s,transform 0.15s;flex-shrink:0;}
.api-xbtn:hover{background:rgba(248,113,113,0.24);transform:scale(1.08);}
.api-xbtn:active{transform:scale(0.92);}

/* Tabs */
.api-tabs{display:flex;gap:7px;padding:12px 22px 0;flex-shrink:0;}
.api-tab{padding:8px 15px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:#a0a6b8;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;transition:background 0.15s,color 0.15s,border-color 0.15s;}
.api-tab:hover{background:rgba(255,255,255,0.06);color:#e4e7ef;}
.api-tab.active{background:rgba(91,104,240,0.18);color:#a5b4fc;border-color:rgba(91,104,240,0.35);}

/* Scroll */
.api-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 22px 24px;}
.api-scroll::-webkit-scrollbar{width:3px;}
.api-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}

/* Stări (loading / empty / error / login) */
.api-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 20px;text-align:center;}
.api-state-txt{font-size:13px;color:#5c6178;}
.api-login-btn{background:var(--accent);border:none;color:#fff;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.15s;}
.api-login-btn:hover{background:var(--accent-hover);}

/* Reveal — cheia nou generată (o singură afișare) */
.api-reveal{background:rgba(245,158,11,0.06);border:1px solid rgba(245,158,11,0.28);border-radius:14px;padding:14px;margin-bottom:14px;}
.api-reveal-head{display:flex;align-items:flex-start;gap:8px;color:#f59e0b;font-size:12px;font-weight:600;line-height:1.4;}
.api-reveal-head svg{flex-shrink:0;margin-top:1px;}
.api-reveal-key{display:flex;align-items:center;gap:10px;margin-top:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:10px 12px;}
.api-reveal-key code{flex:1;min-width:0;font-family:'JetBrains Mono',monospace;font-size:12px;color:#e4e7ef;word-break:break-all;line-height:1.45;}
.api-reveal-done{margin-top:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:#a0a6b8;padding:7px 14px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.15s,color 0.15s;}
.api-reveal-done:hover{background:rgba(255,255,255,0.09);color:#e4e7ef;}

/* Generare cheie */
.api-create{display:flex;gap:9px;margin-bottom:8px;}
.api-create-input{flex:1;min-width:0;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0 14px;height:42px;color:#e4e7ef;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.15s,box-shadow 0.15s;}
.api-create-input::placeholder{color:#5c6178;}
.api-create-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,104,240,0.13);}
.api-create-btn{flex-shrink:0;background:var(--accent);border:none;color:#fff;padding:0 16px;height:42px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background 0.15s,transform 0.15s;}
.api-create-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);}
.api-create-btn:active:not(:disabled){transform:scale(0.98);}
.api-create-btn:disabled{opacity:0.55;cursor:default;}
.api-hint{font-size:11.5px;color:#5c6178;line-height:1.5;margin-bottom:14px;}
.api-hint-code{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#a5b4fc;background:rgba(91,104,240,0.1);border:1px solid rgba(91,104,240,0.2);border-radius:5px;padding:1px 5px;}

/* Lista cheilor */
.api-list{display:flex;flex-direction:column;gap:10px;}
.api-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:13px 15px;transition:border-color 0.15s;}
.api-row:hover{border-color:rgba(255,255,255,0.13);}
.api-row.inactive{opacity:0.62;}
.api-row-main{flex:1;min-width:0;}
.api-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.api-row-name{font-size:13px;font-weight:700;color:#e4e7ef;}
.api-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;padding:2px 7px;border-radius:6px;}
.api-badge.green{color:#34d399;background:rgba(52,211,153,0.13);}
.api-badge.red{color:#f87171;background:rgba(248,113,113,0.13);}
.api-row-key{display:block;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#a0a6b8;margin-top:5px;word-break:break-all;line-height:1.4;}
.api-row-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:5px;font-size:10.5px;color:#5c6178;}
.api-row-actions{display:flex;align-items:center;gap:7px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}
.api-confirm-txt{font-size:11.5px;color:#f87171;font-weight:600;white-space:nowrap;}
.api-mini-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:#a0a6b8;padding:6px 11px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;transition:background 0.15s,color 0.15s;}
.api-mini-btn:hover:not(:disabled){background:rgba(255,255,255,0.09);color:#e4e7ef;}
.api-mini-btn:disabled{opacity:0.5;cursor:default;}
.api-mini-btn.red{color:#f87171;border-color:rgba(248,113,113,0.25);background:rgba(248,113,113,0.08);}
.api-mini-btn.red:hover:not(:disabled){background:rgba(248,113,113,0.16);color:#f87171;}
.api-mini-btn.accent{color:#a5b4fc;border-color:rgba(91,104,240,0.3);background:rgba(91,104,240,0.1);}
.api-mini-btn.accent:hover:not(:disabled){background:rgba(91,104,240,0.2);}

/* Documentație */
.api-docs{display:flex;flex-direction:column;gap:20px;}
.api-doc-sec{min-width:0;}
.api-doc-h{font-size:13px;font-weight:700;color:#e4e7ef;margin-bottom:9px;}
.api-doc-p{font-size:12px;color:#a0a6b8;line-height:1.55;margin:9px 0 0;}
.api-doc-table{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.07);border-radius:12px;overflow:hidden;}
.api-doc-row{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,0.05);flex-wrap:wrap;}
.api-doc-row:last-child{border-bottom:none;}
.api-doc-row:nth-child(odd){background:rgba(255,255,255,0.02);}
.api-method{flex-shrink:0;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:0.4px;padding:2px 7px;border-radius:6px;}
.api-method.get{color:#34d399;background:rgba(52,211,153,0.13);}
.api-method.post{color:#a5b4fc;background:rgba(91,104,240,0.14);}
.api-method.err{color:#f59e0b;background:rgba(245,158,11,0.13);}
.api-doc-path{font-family:'JetBrains Mono',monospace;font-size:11px;color:#e4e7ef;word-break:break-all;}
.api-doc-path.wide{min-width:130px;}
.api-doc-desc{flex:1;min-width:160px;font-size:11.5px;color:#a0a6b8;line-height:1.45;}

/* Code block cu copy */
.api-code{background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;margin-top:9px;}
.api-code-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);}
.api-code-title{font-size:10px;color:#5c6178;text-transform:uppercase;letter-spacing:0.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.api-code-copy{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:#5c6178;font-size:10.5px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;padding:2px 4px;flex-shrink:0;transition:color 0.15s;}
.api-code-copy:hover{color:#a5b4fc;}
.api-code-pre{margin:0;padding:11px 12px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#a0a6b8;line-height:1.55;overflow-x:auto;white-space:pre;}
.api-code-pre::-webkit-scrollbar{height:3px;}
.api-code-pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}

/* Footer */
.api-footer{padding:12px 22px;border-top:1px solid rgba(255,255,255,0.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.api-footer-txt{font-size:11px;color:#a0a6b8;font-weight:600;}
.api-footer-hint{font-size:10px;color:#3a3f52;font-family:'JetBrains Mono',monospace;}

/* Mobil — modalul rămâne CENTRAT, doar mai compact (ca tx-*) */
@media (max-width:560px){
  .api-overlay{padding:12px;}
  .api-box{border-radius:22px;max-height:92vh;}
  .api-hdr{padding:15px 15px 11px;gap:10px;}
  .api-tabs{padding:10px 15px 0;}
  .api-scroll{padding:13px 15px 18px;}
  .api-footer{padding:11px 15px;}
  .api-create{flex-direction:column;}
  .api-create-btn{height:40px;}
  .api-row{flex-direction:column;align-items:stretch;gap:10px;}
  .api-row-actions{justify-content:flex-start;}
}

/* API modal — carduri de integrări rapide (skill AI + Postman) în tab-ul Documentație */
.api-integr{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.api-integr-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:8px;min-width:0;}
.api-integr-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#e4e7ef;}
.api-integr-title svg{color:#a5b4fc;flex-shrink:0;}
.api-integr-desc{font-size:11.5px;color:#a0a6b8;line-height:1.5;flex:1;}
.api-integr-actions{display:flex;gap:7px;flex-wrap:wrap;}
@media (max-width:560px){
  .api-integr{grid-template-columns:1fr;}
}