*{box-sizing:border-box}body{margin:0;background:#0e1116;color:#edf1f7;font:14px Arial,sans-serif}.layout{display:flex;min-height:100vh}aside{width:225px;background:#11151b;border-right:1px solid #2a3039;padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{font-size:20px;font-weight:800;letter-spacing:.4px;margin-bottom:24px}.brand span{color:#4693ff}.who{padding:12px;background:#171c24;border-radius:10px;margin-bottom:18px}.who small{display:block;color:#8993a3;margin-top:4px;text-transform:uppercase;font-size:10px}nav a{display:block;color:#cbd4df;text-decoration:none;padding:11px 12px;border-radius:8px;margin:2px 0}nav a:hover{background:#1c2430;color:#fff}.navsep{font-size:10px;color:#697588;padding:18px 12px 5px}main{margin-left:225px;width:calc(100% - 225px);padding:28px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pagehead h1{font-size:30px;margin:0 0 6px}.pagehead p{margin:0;color:#9da8b7}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.card,.panel{background:#171c24;border:1px solid #2c333e;border-radius:12px}.card{padding:18px}.card span{display:block;color:#aeb8c7;margin-bottom:10px}.card b{font-size:24px}.panel{padding:18px;margin-bottom:20px;overflow:auto}.panel h2{margin:0 0 16px;font-size:19px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.narrow{max-width:760px}.btn,button{background:#347ff1;color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer}.btn.ghost{background:#202733}.small{padding:7px 10px;font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #2b323c;padding:11px 10px;vertical-align:middle}th{color:#aab6c6;font-size:12px}td small{display:block;color:#7f8a9b;margin-top:3px}.badge{display:inline-block;background:#242c38;border:1px solid #343e4c;border-radius:20px;padding:4px 8px;font-size:12px}.link{color:#6ca6ff;text-decoration:none}.stack{display:flex;flex-direction:column;gap:10px}.stack label{color:#aeb8c7}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}input,select,textarea{width:100%;background:#10151c;color:#eef2f6;border:1px solid #313947;border-radius:8px;padding:10px}textarea{min-height:90px;resize:vertical}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:16px}.inlineform{display:flex;gap:8px;margin-top:16px}.mini select{padding:6px}.details{display:grid;grid-template-columns:1fr 1fr;gap:14px}.details div{background:#10151c;border-radius:8px;padding:10px}.details span{display:block;color:#8792a3;font-size:12px;margin-bottom:5px}.details .wide{grid-column:1/-1}.timeline>div{border-left:3px solid #347ff1;padding:0 0 14px 12px;margin-bottom:10px}.timeline small{display:block;color:#8591a2;margin:4px 0}.timeline p{margin:4px 0}.timeline em{color:#f1bc54;font-style:normal}.flash{padding:12px 14px;border-radius:9px;margin-bottom:16px}.flash.success{background:#163723;border:1px solid #285b3a}.flash.error{background:#422028;border:1px solid #6a303d}.notice{background:#3b3216;border:1px solid #66561e;padding:12px;border-radius:8px;color:#f0d881}.check{display:flex;align-items:center;gap:8px;background:#11161d;border-radius:8px;padding:10px}.check input{width:auto}.check small{color:#7e8998}.pager{display:flex;justify-content:center;gap:16px;align-items:center}.pager a{color:#fff;text-decoration:none;background:#202733;padding:8px 12px;border-radius:7px}.loginwrap{min-height:100vh;display:grid;place-items:center}.loginbox{width:360px;background:#171c24;border:1px solid #2b333e;padding:28px;border-radius:14px;display:flex;flex-direction:column;gap:10px}.loginbox h1{margin:0}.loginbox p{color:#929dab;margin-top:0}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:span 2}}@media(max-width:760px){aside{position:static;width:100%}.layout{display:block}main{margin:0;width:100%;padding:16px}.cards,.filters{grid-template-columns:1fr}.cards .card:last-child{grid-column:auto}}
.rowform{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px;margin-bottom:7px}.rowform input,.rowform select{padding:7px;font-size:12px}.muted{color:#9da8b7}
/* V4.1 - flux agent aerisit */
.clients-head{margin-bottom:16px}.work-stats{min-width:130px;padding:10px 16px;border:1px solid #334155;background:#151b24;border-radius:12px;text-align:center}.work-stats span{display:block;color:#9ca9ba;font-size:12px}.work-stats b{font-size:24px;color:#6da7ff}.clients-filters{grid-template-columns:minmax(340px,2fr) minmax(190px,1fr) auto}.clients-panel{padding:0}.clients-table th{position:sticky;top:0;background:#171c24;z-index:1}.clients-table td{padding-top:15px;padding-bottom:15px}.client-name{white-space:nowrap}.address-cell{min-width:180px}.last-order{max-width:220px}.action-cell{min-width:430px}.client-action-form{display:block}.action-main{display:grid;grid-template-columns:145px minmax(130px,1fr) auto;gap:7px;align-items:center}.action-main input,.action-main select{padding:8px}.follow-wrap{margin-top:8px;padding:9px 10px;background:#111821;border:1px solid #293445;border-radius:9px}.follow-wrap label{display:block;color:#f0b95d;font-size:11px;margin-bottom:6px}.follow-wrap input{padding:8px}.order-wrap{margin-top:8px}.order-btn{display:inline-block;background:#6657ff}.phone-reveal{background:transparent;border:1px solid #3b82f6;color:#76aaff;padding:8px 10px;white-space:nowrap}.phone-reveal:hover{background:#17243a}.phone-reveal.revealed{border-color:#2f9d65;color:#8be0b2;background:#13251d}.status-select{font-weight:700}.status-select option{font-weight:400}
@media(max-width:1250px){.action-cell{min-width:360px}.action-main{grid-template-columns:130px 1fr auto}.clients-table{min-width:1350px}}
/* V4.2 - identitate vizuală și rol agent evidențiat */
body{background:radial-gradient(circle at 85% 0%,rgba(52,127,241,.10),transparent 28%),#0b0f15}.brand{font-size:22px}.brand span{display:block;margin-top:5px}.who{position:relative;padding:15px 14px 14px 17px;border:1px solid #29313d;box-shadow:0 8px 24px rgba(0,0,0,.18)}.who strong{font-size:16px;letter-spacing:.2px}.who-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.who-agent{background:linear-gradient(135deg,#3b1118,#21151b);border-color:#7b2633;box-shadow:0 8px 25px rgba(190,35,55,.14)}.who-agent .who-dot{background:#ff4d5f;box-shadow:0 0 12px #ff4d5f}.who-agent strong{color:#ffdde1}.who-agent small{color:#ff8792;font-weight:800;letter-spacing:.8px}.who-admin{background:linear-gradient(135deg,#12233d,#171c24);border-color:#2f5e9b}.who-admin .who-dot{background:#4c9aff}.panel,.card{box-shadow:0 12px 30px rgba(0,0,0,.13)}.btn,button{transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:hover,button:hover{filter:brightness(1.08);box-shadow:0 6px 18px rgba(52,127,241,.2)}.btn:active,button:active{transform:translateY(1px)}.danger{background:#c93446}.danger:hover{box-shadow:0 6px 18px rgba(201,52,70,.24)}.status-badge{display:inline-block;padding:7px 10px;border-radius:999px;background:#202b3a;border:1px solid #35445a;color:#cfe0f7;font-weight:700}.order-actions{display:flex;gap:7px;align-items:center}.order-actions form{margin:0}
/* V4.3 - interfață vie, administrare și analytics */
:root{--blue:#4b8cff;--purple:#7657ff;--green:#31c48d;--red:#ff5263;--orange:#ff8a34;--panel:#171d26;--line:#2b3544}body{background:radial-gradient(circle at 78% -10%,rgba(118,87,255,.15),transparent 30%),radial-gradient(circle at 30% 110%,rgba(49,196,141,.06),transparent 28%),#0b0f15}.brand span{background:linear-gradient(90deg,#55a0ff,#8b6cff);-webkit-background-clip:text;color:transparent}.card{position:relative;overflow:hidden}.card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--purple))}.card.green:after{background:var(--green)}.card.accent{background:linear-gradient(135deg,#1b2840,#201d39)}.panel{border-color:#303a49;background:linear-gradient(180deg,#181e27,#151a22)}nav a:hover{background:linear-gradient(90deg,rgba(75,140,255,.15),rgba(118,87,255,.08));transform:translateX(2px)}.analytics-cards{grid-template-columns:repeat(5,1fr)}.metric-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.metric-row>div{background:#10161e;border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}.metric-row span{display:block;color:#aab5c5;margin-bottom:8px}.metric-row b{font-size:22px}.bar-chart{height:230px;display:flex;align-items:flex-end;gap:12px;padding:20px 10px 0;overflow-x:auto;border-bottom:1px solid var(--line)}.bar-item{min-width:54px;text-align:center}.bar{min-height:20px;background:linear-gradient(180deg,var(--purple),var(--blue));border-radius:8px 8px 2px 2px;display:flex;justify-content:center;padding-top:5px;box-shadow:0 0 20px rgba(118,87,255,.15)}.bar-item span{display:block;font-size:10px;color:#aeb8c7;margin-top:7px;white-space:nowrap;transform:rotate(-25deg);transform-origin:center}.source-cards{display:flex;gap:10px;flex-wrap:wrap}.source-card{padding:13px 16px;background:#10161e;border:1px solid #344154;border-radius:10px;min-width:170px}.source-card span{display:block;color:#9ba8ba;margin-top:5px}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.agent-card{background:#111720;border:1px solid #2c3746;border-radius:12px;padding:16px}.agent-card h3{margin:0 0 12px;font-size:18px}.agent-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.agent-numbers span{padding:9px;background:#171f2a;border-radius:8px;color:#9da9ba}.agent-numbers b{display:block;color:#fff;font-size:18px;margin-top:3px}.source-lines{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;color:#83a8dc}.assign-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:7px}.package-grid{display:grid;grid-template-columns:.7fr 1fr 2fr .7fr 1.3fr auto;gap:8px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.alert-row{display:grid;grid-template-columns:140px 160px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid #63381f;border-left:4px solid var(--orange);border-radius:10px;margin-bottom:8px;background:#201711}.alert-pill{background:#e96b14;color:#fff;border-radius:20px;padding:6px 9px;font-weight:700;text-align:center}.success-box{padding:14px;background:#123126;border:1px solid #245b45;border-radius:9px}.logo-preview{max-height:90px;max-width:300px;margin-top:10px;border-radius:8px}@media(max-width:1200px){.metric-row{grid-template-columns:repeat(3,1fr)}.agent-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr 1fr}.analytics-cards{grid-template-columns:repeat(2,1fr)}}
/* V4.4 dashboard & admin operations */
.dash-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.dash-tabs a{padding:9px 14px;border-radius:10px;color:#aebdd3;border:1px solid transparent;text-decoration:none}.dash-tabs a.active{background:linear-gradient(135deg,#2563eb,#6d5dfc);color:#fff;border-color:#5f73ff;box-shadow:0 8px 22px #3157df33}.dash-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px}.dash-filter label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#9fb0c6;min-width:150px}.dash-filter input,.dash-filter select{min-width:150px}.dash-filter button{height:42px}.range-note{font-size:12px;color:#8fa2ba;padding:0 4px 8px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-title p{margin:2px 0 0;color:#8ea0b8}.dashboard-bars{min-height:225px;overflow-x:auto;padding:18px 8px 4px}.dashboard-bars .bar-item{min-width:54px}.dashboard-bars .bar{background:linear-gradient(180deg,#7768ff,#3e49cc);border-radius:9px 9px 3px 3px;box-shadow:0 8px 20px #453fd544}.wide-table{overflow:auto}.wide-table table{min-width:1100px}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.metric-row>div{background:#101822;border:1px solid #263342;border-radius:12px;padding:14px}.metric-row span{display:block;color:#8fa3bd;font-size:12px}.metric-row b{display:block;font-size:23px;margin-top:6px}.ok-text{color:#42d392}.warn-text{color:#f8b84e}.danger-text{color:#ff6678}.print-cell{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.print-cell small{color:#95a7be;line-height:1.25}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#202b39;border:1px solid #33445b;font-size:12px}.ghost{background:#17202c!important;border:1px solid #34455c!important;color:#dce8f8!important}.bar-item span{white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.card.green{background:linear-gradient(145deg,#13241e,#172f27);border-color:#245c46}
@media(max-width:900px){.dash-filter{align-items:stretch}.dash-filter label,.dash-filter input,.dash-filter select{width:100%;min-width:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V4.7.3 - golire bază pentru reimport */
.btn.danger{border-color:#b42318;background:#7a271a;color:#fff}
.btn.danger:hover{filter:brightness(1.08)}
.delete-base-panel{margin:0 0 16px;padding:16px}
.delete-base-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.delete-base-head h3{margin:0 0 6px}
.delete-base-head p{margin:0;opacity:.8;max-width:900px}
.delete-base-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.delete-base-grid form{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;display:grid;gap:10px}
.delete-base-grid select,.delete-base-grid input{width:100%}
@media(max-width:900px){.delete-base-grid{grid-template-columns:1fr}}

/* V4.8 - facelift TeleSales Promo: interfață admin luminoasă */
:root{--ui-purple:#6254ff;--ui-purple-2:#7668ff;--ui-text:#202124;--ui-muted:#687184;--ui-line:#e3e5e8;--ui-bg:#fff;--ui-soft:#f7f7f9;--ui-danger:#df3434;--ui-orange:#f36b0b;--ui-green:#1c9b4b}
html,body{background:#fff!important;color:var(--ui-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px}.app-shell{min-height:100vh;background:#fff}.topbar{height:40px;position:fixed;left:0;right:0;top:0;z-index:50;background:#fff;border-bottom:1px solid #ddd;display:grid;grid-template-columns:28px 210px 1fr 260px;align-items:center;padding:0 12px}.menu-toggle{padding:0!important;background:transparent!important;color:#333!important;box-shadow:none!important;font-size:17px}.top-title{font-size:16px;font-weight:600}.top-brand{text-align:center;font-size:16px;font-weight:600}.top-user{display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:11px}.top-bell{position:relative;font-size:15px}.top-bell i{position:absolute;top:-8px;right:-12px;background:#e13232;color:#fff;border-radius:999px;padding:1px 4px;font-size:8px;font-style:normal}.user-dot{font-size:12px;color:#222}.layout{padding-top:40px;min-height:100vh}.layout aside{top:40px;width:178px;padding:7px 7px 12px;background:#fff!important;border-right:1px solid #e3e3e3;box-shadow:none}.layout main{margin-left:178px;width:calc(100% - 178px);padding:14px 12px 28px;background:#fff}.layout aside nav a{position:relative;color:#5f6674!important;padding:8px 8px;border-radius:4px;margin:0;font-size:13px;transition:.12s}.layout aside nav a span{display:inline-block;width:22px;color:#666;text-align:center}.layout aside nav a:hover,.layout aside nav a.active{background:#f6f5ff!important;color:#28223f!important;transform:none}.layout aside nav a.active{font-weight:600}.nav-badge{background:#df2d2d;color:#fff;border-radius:10px;padding:1px 5px;font-size:9px;font-style:normal;margin-left:2px}.nav-tools{margin-top:10px;padding-top:8px;border-top:1px solid #eee}.nav-tools a{font-size:11px!important}.logout-link{margin-top:8px!important;border-top:1px solid #eee}.pagehead{margin:0 0 14px;min-height:34px}.pagehead h1{font-size:18px!important;margin:0 0 3px!important;font-weight:650}.pagehead p{font-size:12px;color:#7a8190!important}.panel,.card,.agent-card,.source-card{background:#fff!important;border:1px solid var(--ui-line)!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important;border-radius:9px!important}.panel{padding:13px;margin-bottom:13px}.panel h2{font-size:16px;margin-bottom:12px}.card{padding:14px}.card:after{height:2px;background:var(--ui-purple)!important}.card span,.metric-row span{color:#707887!important}.card b{font-size:22px}.btn,button{background:var(--ui-purple)!important;color:#fff!important;border-radius:7px!important;padding:8px 12px;box-shadow:0 2px 4px rgba(98,84,255,.18)!important}.btn:hover,button:hover{filter:brightness(1.03)!important;box-shadow:0 3px 7px rgba(98,84,255,.2)!important}.btn.ghost,.ghost{background:#fff!important;color:var(--ui-purple)!important;border:1px solid #c9c5ff!important}.danger,.btn.danger{background:var(--ui-danger)!important;color:#fff!important;border-color:var(--ui-danger)!important}input,select,textarea{background:#fff!important;color:#30343b!important;border:1px solid #cfd2d7!important;border-radius:8px!important;padding:9px 10px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(98,84,255,.12);border-color:#8e85ff!important}table{font-size:12px}th,td{border-bottom:1px solid #e4e5e7!important;padding:10px 9px}th{background:#fafafa;color:#202124!important;font-weight:600}tbody tr:hover{background:#fafaff}.badge,.status-badge{background:#fff!important;border:1px solid #d5d7dc!important;color:#444!important}.link{color:var(--ui-purple)!important}.muted{color:#858c98!important}.notice{background:#fff8e8!important;border-color:#f2d99c!important;color:#795d1d!important}.check,.details div,.metric-row>div{background:#fafafa!important;border:1px solid #e5e6e8!important;color:#30343b}.dash-tabs{border-bottom:1px solid #e5e5e5;margin-top:0}.dash-tabs a{border-radius:0;color:#535b69;padding:8px 16px}.dash-tabs a.active{background:transparent!important;color:var(--ui-purple)!important;border:0;border-bottom:2px solid var(--ui-purple);box-shadow:none!important}.dash-filter{border:0!important;box-shadow:none!important;padding:8px 0!important}.bar-chart{border-color:#e5e5e5!important}.bar{background:linear-gradient(180deg,#8177ff,#5144e6)!important;box-shadow:none!important}.bar-item span{color:#6f7480!important}.ok-text{color:var(--ui-green)!important}.warn-text{color:#cf7b00!important}.danger-text{color:var(--ui-danger)!important}.agent-card{padding:13px}.agent-card h3{font-size:16px}.agent-numbers span{background:#fafafa!important;color:#687184!important;border:1px solid #eee}.agent-numbers b{color:#202124!important}.source-lines{color:#5f64a8!important}.source-card span{color:#777!important}.alert-row{grid-template-columns:135px 130px 1fr 90px 24px;background:#fff!important;border:1px solid #e4e4e4!important;border-left:3px solid var(--ui-orange)!important;border-radius:9px!important;box-shadow:0 2px 7px rgba(0,0,0,.04);margin-bottom:9px;padding:11px 12px}.alert-row.unread{background:#fffdfb!important}.alert-pill{background:var(--ui-orange)!important;padding:5px 8px}.alert-row small{color:#9297a1;text-align:right}.mail-state{color:#777;text-align:center}.success-box{background:#f0fbf5!important;border-color:#c5ebd4!important;color:#24764a!important}.notification-head{padding-top:4px}.page-bell{font-size:18px}.mark-read{background:transparent!important;color:var(--ui-purple)!important;box-shadow:none!important}.mark-read:disabled{color:#aaa!important;cursor:default}.notification-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e5e5;margin-bottom:22px}.notification-tabs button{background:transparent!important;color:#606778!important;box-shadow:none!important;border-radius:0!important;padding:9px 14px}.notification-tabs button.active{color:var(--ui-purple)!important;border-bottom:2px solid var(--ui-purple)!important}.notification-tabs button span{background:#e73a3a;color:#fff;border-radius:9px;padding:1px 5px;font-size:9px}.notification-tabs button:disabled{opacity:.55}.notification-list{padding:0 6px}.flash{color:#222}.flash.success{background:#edf9f1;border-color:#bfe3ca}.flash.error{background:#fff0f0;border-color:#efc2c2}.setting-tab label,.stack label{color:#555!important}.tabs{border-bottom:1px solid #e5e5e5}.tabs button,.tabs .btn{background:transparent!important;color:#596071!important;border:0!important;border-radius:0!important;box-shadow:none!important}.tabs button:focus{color:var(--ui-purple)!important;border-bottom:2px solid var(--ui-purple)!important}.delete-base-grid form{border-color:#e5e5e5!important}.phone-reveal{background:#fff!important;color:var(--ui-purple)!important;border-color:#bcb7ff!important}.phone-reveal.revealed{color:var(--ui-green)!important;background:#f2fbf6!important;border-color:#9ed7b7!important}.follow-wrap{background:#fffaf0!important;border-color:#f0dfb7!important}.work-stats{background:#fafafa!important;border-color:#e4e4e4!important}.work-stats b{color:var(--ui-purple)!important}
@media(max-width:760px){.topbar{grid-template-columns:28px 1fr auto}.top-brand{display:none}.top-user b{display:none}.layout{display:block}.layout aside{position:fixed;left:0;transform:translateX(-100%);transition:.2s;z-index:45;width:210px}.layout main{margin-left:0;width:100%;padding:12px}.nav-collapsed .layout aside{transform:translateX(0)}.alert-row{grid-template-columns:1fr}.alert-row small{text-align:left}.top-title{font-size:14px}}


/* =========================================================
   SALEVO X PREMIUM V26 - identitate + fundal glassmorphism
   ========================================================= */
:root{--sx-purple:#5c46ff;--sx-violet:#7d63ff;--sx-navy:#0f1729;--sx-glass:rgba(255,255,255,.88);--sx-glass-soft:rgba(255,255,255,.78);--sx-border:rgba(255,255,255,.56);--sx-shadow:0 12px 34px rgba(25,31,73,.12)}
html,body{min-height:100%;background:#eef0ff!important}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(239,241,255,.97) 0%,rgba(244,245,255,.86) 36%,rgba(233,231,255,.42) 62%,rgba(18,20,46,.18) 100%),url('/static/img/salevo-x-premium-bg.jpg') center/cover no-repeat fixed}
body:after{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.82),transparent 31%),linear-gradient(180deg,rgba(104,84,255,.04),rgba(17,23,52,.08));pointer-events:none}
.salevo-app{background:transparent!important}.topbar{background:rgba(255,255,255,.80)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border-bottom:1px solid rgba(101,86,190,.16)!important;box-shadow:0 4px 22px rgba(35,34,79,.05)}
.top-brand{display:flex!important;align-items:center;justify-content:center;gap:8px;color:#15192a!important;letter-spacing:.2px}.top-brand b{font-size:15px}.top-brand i,.side-brand i{font-style:normal;color:var(--sx-purple)}.sx-mini{font-size:11px;font-weight:900;font-style:italic;padding:3px 5px;border-radius:6px;background:linear-gradient(135deg,#171d3c,#725cff);color:#fff;box-shadow:0 4px 10px rgba(92,70,255,.24)}.top-bell{text-decoration:none}
.layout aside{background:linear-gradient(180deg,rgba(15,22,49,.96),rgba(20,24,57,.94))!important;border-right:1px solid rgba(136,121,255,.26)!important;box-shadow:8px 0 30px rgba(22,24,55,.12)!important;overflow:auto}.side-brand{display:flex;align-items:center;gap:9px;padding:8px 9px 13px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:8px;color:#fff}.sx-mark{font-weight:900;font-style:italic;font-size:18px;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#9d8cff 45%,#654cff 70%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.side-brand b{font-size:13px;letter-spacing:.5px}.side-brand small{display:block;color:#9ea7cb;font-size:8px;letter-spacing:1.2px;text-transform:uppercase;margin-top:2px}.layout aside nav a{color:#e4e8fa!important}.layout aside nav a span{color:#b8c0e8!important}.layout aside nav a:hover,.layout aside nav a.active{background:linear-gradient(90deg,rgba(106,82,255,.28),rgba(106,82,255,.10))!important;color:#fff!important;box-shadow:inset 2px 0 0 #7f69ff}.nav-tools,.logout-link{border-color:rgba(255,255,255,.10)!important}.side-slogan{margin:22px 9px 0;padding:13px 5px;border-left:2px solid #7058ff;color:#bac2df;font-size:9px;line-height:1.55;letter-spacing:1.5px}.side-slogan b{color:#8b73ff}.layout main{background:transparent!important}.panel,.card,.agent-card,.source-card{background:var(--sx-glass)!important;border:1px solid var(--sx-border)!important;box-shadow:var(--sx-shadow)!important;backdrop-filter:blur(15px) saturate(125%);-webkit-backdrop-filter:blur(15px) saturate(125%)}.panel:hover,.card:hover{border-color:rgba(120,101,255,.30)!important}.card:after{background:linear-gradient(90deg,#5c46ff,#8c74ff)!important}.dash-filter{background:rgba(255,255,255,.56)!important;border:1px solid rgba(255,255,255,.52)!important;border-radius:12px!important;padding:10px!important;backdrop-filter:blur(10px)}
input,select,textarea{background:rgba(255,255,255,.92)!important;border-color:rgba(94,91,124,.23)!important}.wide-table table,.clients-table{background:rgba(255,255,255,.44)}th{background:rgba(246,246,252,.90)!important}tbody tr:hover{background:rgba(243,241,255,.78)!important}.flash{backdrop-filter:blur(14px);box-shadow:0 8px 20px rgba(20,30,70,.08)}
/* login premium */
.salevo-login{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.02fr) minmax(390px,.78fr) minmax(320px,1.1fr);align-items:center;position:relative;overflow:hidden;padding:48px 5vw;background:linear-gradient(90deg,rgba(248,249,255,.98) 0%,rgba(248,249,255,.94) 39%,rgba(240,239,255,.53) 58%,rgba(14,18,44,.14) 100%),url('/static/img/salevo-x-premium-bg.jpg') center/cover no-repeat}.salevo-login:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-110px;height:220px;background:linear-gradient(135deg,#161d45 0%,#3f36bd 42%,#765cff 70%,#251d79 100%);transform:rotate(-3deg);opacity:.96}.login-copy,.login-center,.login-right-copy{position:relative;z-index:2}.login-copy{max-width:520px}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:44px}.sx-hero{font-weight:950;font-size:38px;font-style:italic;letter-spacing:-5px;background:linear-gradient(135deg,#141a39,#5e46ff 56%,#9b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-logo strong{font-size:31px;letter-spacing:1px;color:#14182b}.login-logo strong i{font-style:normal;color:#654cff}.login-logo span{display:block;letter-spacing:4px;font-size:9px;color:#4e5577;margin-top:3px}.login-copy h1{font-size:55px;line-height:1.02;font-weight:500;letter-spacing:-2.4px;margin:0 0 42px;color:#171b35}.login-copy h1 em{font-style:normal;color:#624aff;font-weight:750;position:relative}.login-copy h1 em:after{content:"";position:absolute;left:8px;right:-12px;height:4px;bottom:-8px;background:#654cff;transform:rotate(-4deg);border-radius:99px}.login-benefits{display:grid;gap:17px}.login-benefits>div{display:flex;align-items:center;gap:14px}.login-benefits>div>b{display:grid;place-items:center;width:46px;height:46px;background:rgba(255,255,255,.75);border:1px solid rgba(101,76,255,.12);border-radius:13px;color:#634cff;font-size:21px;box-shadow:0 9px 25px rgba(50,45,120,.08)}.login-benefits p{margin:0}.login-benefits strong{display:block;font-size:15px;color:#191d35}.login-benefits span{display:block;color:#666e8a;font-size:12px;margin-top:3px}.login-center{display:flex;justify-content:center}.premium-loginbox{width:min(440px,94%);background:linear-gradient(160deg,rgba(13,20,40,.98),rgba(18,27,52,.96))!important;color:#fff!important;border:1px solid rgba(143,127,255,.26)!important;box-shadow:0 24px 60px rgba(16,20,46,.30)!important;padding:30px!important;border-radius:15px!important}.premium-loginbox h2{margin:0;font-size:22px}.premium-loginbox p{color:#9ca6c1!important;margin:0 0 7px}.premium-loginbox label{font-size:12px;color:#c9cfe0}.premium-loginbox input{height:46px;background:#fff!important;color:#1b2034!important}.premium-loginbox button{height:47px;background:linear-gradient(90deg,#563eff,#7359ff)!important;font-size:14px}.loginbox-brand{text-align:center;padding-top:15px;margin-top:6px;border-top:1px solid rgba(255,255,255,.15);font-weight:800;letter-spacing:.8px}.premium-loginbox small{text-align:center;color:#818ca8}.login-right-copy{height:72%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#f7f8ff;text-shadow:0 2px 12px rgba(8,10,28,.55)}.login-right-copy>span{font-size:13px;letter-spacing:2px;line-height:1.5}.login-right-copy b{color:#9e89ff}.login-right-copy em{font-size:25px;line-height:1.2;transform:rotate(-5deg);font-family:"Segoe Script","Comic Sans MS",cursive}.agent-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.agent-package-card{background:rgba(255,255,255,.75);border:1px solid rgba(102,82,220,.15);border-radius:12px;padding:12px;box-shadow:0 6px 18px rgba(38,40,90,.05)}.agent-package-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.agent-package-head b{font-size:15px}.agent-package-head small{display:block;color:#7e8498;margin-top:3px}.agent-package-head strong{color:#5c46ff}.agent-package-card th,.agent-package-card td{padding:7px 6px}.no-sales{padding:13px;border-radius:9px;background:rgba(245,245,250,.8);color:#8a8f9f;text-align:center}.btn.danger,.danger{background:#dc3434!important}
@media(max-width:1180px){.salevo-login{grid-template-columns:1fr 1fr}.login-right-copy{display:none}.login-copy h1{font-size:46px}}
@media(max-width:820px){.salevo-login{grid-template-columns:1fr;padding:28px 20px}.login-copy{display:none}.login-center{justify-content:center}.premium-loginbox{margin:auto}.side-brand{display:none}}

/* =========================================================
   SALEVO X V27.1 — FINAL PREMIUM GLASS THEME
   Aplicat identic pentru ADMIN si AGENT pe toate paginile.
   ========================================================= */
:root{
  --sx-purple:#6a4cff;
  --sx-purple-2:#8c73ff;
  --sx-navy:#10162f;
  --sx-glass:rgba(28,36,72,.46);
  --sx-glass-soft:rgba(255,255,255,.11);
  --sx-line:rgba(214,220,255,.26);
  --sx-text:#f7f8ff;
  --sx-muted:#c4c9df;
}
html,body{min-height:100%;}
body{
  background:#0d1330 url('/static/img/salevo-office-clean.jpg') center center/cover fixed no-repeat !important;
  color:var(--sx-text) !important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,16,48,.78) 0%,rgba(28,35,78,.38) 26%,rgba(18,24,61,.18) 56%,rgba(11,17,45,.42) 100%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 32% 8%,rgba(255,255,255,.13),transparent 32%),linear-gradient(180deg,rgba(33,42,92,.12),rgba(5,8,26,.18));
}
.salevo-app,.layout,main{background:transparent !important;}
.app-shell{min-height:100vh;}
.topbar{
  background:rgba(14,20,49,.70) !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  box-shadow:0 8px 28px rgba(2,5,20,.16);
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
}
.topbar .top-title,.topbar .top-user,.topbar .top-brand{color:#fff !important;}
.top-brand b,.top-brand i{color:#fff !important;}
.sx-mini{background:linear-gradient(135deg,#7b61ff,#b4a5ff)!important;color:#fff!important;box-shadow:0 0 18px rgba(116,88,255,.42)}
aside{
  background:linear-gradient(180deg,rgba(12,18,48,.94),rgba(18,25,61,.90)) !important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  box-shadow:14px 0 35px rgba(5,8,28,.18);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}
.side-brand{border-bottom-color:rgba(255,255,255,.13)!important}.side-brand b,.side-brand small,.side-slogan{color:#fff!important}.side-brand i,.side-slogan b{color:#8f77ff!important}
nav a{color:#eef0ff!important;border:1px solid transparent!important}
nav a:hover{background:rgba(113,83,255,.17)!important;border-color:rgba(139,113,255,.18)!important;color:#fff!important}
nav a.active{background:linear-gradient(90deg,rgba(91,63,239,.70),rgba(114,86,255,.32))!important;border-color:rgba(154,137,255,.38)!important;box-shadow:0 8px 24px rgba(56,39,170,.23)!important}
.nav-tools,.logout-link{border-color:rgba(255,255,255,.11)!important}
main{position:relative;}

/* Header/page titles */
.pagehead,.page-head,.clients-head{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.pagehead p,.page-head p,.muted{color:#d4d9ef!important}
h1,h2,h3,h4,label{color:#fff}

/* Glass panels everywhere */
.card,.panel,.work-stats,.agent-card,.source-card,.metric-row>div,.details div,.follow-wrap,.agent-package-card,.no-sales,
.filters,.filterbar,.toolbar,.stats-card,.summary-card,.settings-card,.client-card,.order-card,.notice-card,
form:not(.premium-loginbox):not(.inlineform):not(.rowform):not(.client-action-form){
  background:linear-gradient(145deg,rgba(46,56,101,.52),rgba(28,37,78,.40)) !important;
  border:1px solid rgba(218,224,255,.24) !important;
  box-shadow:0 14px 36px rgba(5,9,30,.16),inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(13px) saturate(120%);
  -webkit-backdrop-filter:blur(13px) saturate(120%);
  color:#fff!important;
}
.panel,.card{border-radius:14px!important}
.card span,.panel p,.panel small,.card small,.details span,.source-card span,.agent-card span{color:#d2d7ec!important}
.card b,.panel b,.metric-row b,.agent-numbers b{color:#fff!important}
.card:after{background:linear-gradient(90deg,#7154ff,#9a83ff)!important;box-shadow:0 0 12px rgba(112,80,255,.55)}

/* tables as transparent glass instead of solid blocks */
table{background:transparent!important;color:#fff!important}
thead,thead tr,th{background:rgba(25,33,73,.56)!important;color:#f7f8ff!important}
tbody tr{background:rgba(31,40,83,.24)!important}
tbody tr:nth-child(even){background:rgba(51,59,103,.20)!important}
tbody tr:hover{background:rgba(107,82,255,.22)!important}
th,td{border-bottom-color:rgba(231,234,255,.15)!important;color:#f5f6ff!important}
td small{color:#c2c8de!important}
.clients-table th{background:rgba(20,28,67,.88)!important;backdrop-filter:blur(12px)}

/* inputs/selects */
input,select,textarea{
  background:rgba(248,249,255,.94)!important;
  color:#151a35!important;
  border:1px solid rgba(224,227,255,.78)!important;
  box-shadow:0 3px 12px rgba(8,12,39,.08)!important;
}
input::placeholder,textarea::placeholder{color:#7b8299!important}
.btn,button{background:linear-gradient(90deg,#593eff,#7458ff)!important;color:#fff!important;box-shadow:0 8px 20px rgba(66,45,210,.28)!important}
.btn.ghost{background:rgba(23,31,70,.68)!important;border:1px solid rgba(255,255,255,.18)!important}
.btn.danger,.danger{background:linear-gradient(90deg,#d73749,#f05a66)!important}
.link,a.link{color:#c2b5ff!important}
.badge,.status-badge{background:rgba(28,38,81,.62)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.flash{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}

/* Dashboard chart space must keep background visible */
.bar-chart{background:rgba(23,31,72,.16)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important}
.bar{background:linear-gradient(180deg,#8067ff,#543cf0)!important;box-shadow:0 8px 20px rgba(72,48,222,.25)!important}
.bar-item span{color:#f1f2ff!important}

/* Scrollbars */
*{scrollbar-color:rgba(139,113,255,.7) rgba(17,24,58,.30)}

/* LOGIN — same for admin and agent */
.salevo-login{
  min-height:100vh!important;
  grid-template-columns:minmax(430px,1fr) minmax(520px,.95fr) minmax(320px,1fr)!important;
  background:
    linear-gradient(90deg,rgba(249,250,255,.96) 0%,rgba(249,250,255,.88) 31%,rgba(218,220,255,.24) 50%,rgba(11,16,45,.16) 72%,rgba(7,12,35,.32) 100%),
    url('/static/img/salevo-office-clean.jpg') center center/cover fixed no-repeat !important;
  padding:34px 5vw 58px!important;
}
.salevo-login:after{height:128px!important;bottom:-72px!important;background:linear-gradient(135deg,#1f285f 0%,#4938d4 48%,#7557ff 77%,#261d7e 100%)!important;opacity:.92!important}
.login-copy{align-self:center!important}.login-logo{margin-bottom:36px!important;align-items:flex-start!important}.sx-hero{font-size:62px!important;letter-spacing:-10px!important;line-height:.82!important}.login-logo strong{font-size:38px!important;letter-spacing:1.2px!important}.login-logo span{font-size:10px!important;letter-spacing:4.5px!important;margin-top:7px!important}.login-copy h1{font-size:62px!important;line-height:.98!important;margin-bottom:40px!important}.login-benefits>div{background:rgba(255,255,255,.58)!important;border:1px solid rgba(255,255,255,.50)!important;padding:9px 13px!important;border-radius:15px!important;max-width:390px!important;box-shadow:0 8px 28px rgba(37,41,90,.06)!important}
.login-center{align-self:center!important}
.premium-loginbox{
  width:min(550px,96%)!important;
  padding:38px 40px 32px!important;
  border-radius:28px!important;
  background:linear-gradient(155deg,rgba(18,28,62,.88),rgba(15,23,54,.74))!important;
  border:1.5px solid rgba(171,157,255,.58)!important;
  box-shadow:0 30px 80px rgba(8,12,38,.42),0 0 28px rgba(122,95,255,.22),inset 0 1px 0 rgba(255,255,255,.11)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  gap:12px!important;
}
.premium-loginbox h2{font-size:31px!important;letter-spacing:-.5px!important}.premium-loginbox p{font-size:15px!important;color:#c6cbe0!important;margin-bottom:20px!important}.premium-loginbox label{font-size:13px!important;color:#e6e8f6!important}.premium-loginbox input{height:57px!important;border-radius:13px!important;font-size:15px!important;padding-left:17px!important}.premium-loginbox button{height:58px!important;border-radius:13px!important;font-size:17px!important;margin-top:4px!important}.login-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:3px 0 4px;color:#e5e7f4;font-size:13px}.remember-row{display:flex;align-items:center;gap:8px}.remember-row input{width:18px!important;height:18px!important;accent-color:#6b50ff;box-shadow:none!important}.forgot-pass{color:#c9bdff}.loginbox-brand{font-size:14px!important;letter-spacing:2px!important;padding-top:18px!important}.login-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:10px}.login-trust div{text-align:center;border-right:1px solid rgba(255,255,255,.17);font-size:11px;color:#e9eaff}.login-trust div:last-child{border-right:0}.login-trust b{display:block;color:#8e76ff;font-size:18px;margin-bottom:3px}.login-right-copy{height:78%!important;padding-top:5px!important}.login-right-copy>span{font-size:14px!important;letter-spacing:2.5px!important}.login-right-copy em{font-size:28px!important}

@media(max-width:1180px){.salevo-login{grid-template-columns:1fr 1fr!important}.login-right-copy{display:none!important}.login-copy h1{font-size:48px!important}.premium-loginbox{width:min(500px,95%)!important}}
@media(max-width:820px){.salevo-login{grid-template-columns:1fr!important;padding:24px 18px!important}.login-copy{display:none!important}.premium-loginbox{width:min(500px,100%)!important;padding:28px 24px!important}}

/* =========================================================
   SALEVO X V29 — AGENT WORK MODE
   Interfata odihnitoare pentru lucru 8h. Admin ramane V27.
   ========================================================= */
body.agent-work-mode{--aw-bg:#f3f6fb;--aw-panel:#fff;--aw-panel2:#f8faff;--aw-text:#152039;--aw-muted:#66728b;--aw-line:#dce3ef;--aw-head:#eef2f8;background:var(--aw-bg)!important;color:var(--aw-text)!important;font-size:15px}
body.agent-work-mode:before{background:radial-gradient(circle at 75% 0%,rgba(108,82,255,.07),transparent 28%),linear-gradient(180deg,#f7f9fd,#eef3f9)!important}
body.agent-work-mode:after{display:none!important}
body.agent-work-mode .topbar{background:rgba(250,252,255,.96)!important;color:var(--aw-text)!important;border-bottom:1px solid var(--aw-line)!important;box-shadow:0 3px 16px rgba(20,32,65,.06)!important}
body.agent-work-mode .topbar .top-title,body.agent-work-mode .topbar .top-user,body.agent-work-mode .topbar .top-brand,body.agent-work-mode .top-brand b{color:var(--aw-text)!important}
body.agent-work-mode .top-brand i{color:#674cff!important}
body.agent-work-mode aside{background:linear-gradient(180deg,#111a32,#11182d)!important}
body.agent-work-mode main{padding:18px!important}
body.agent-work-mode .pagehead,body.agent-work-mode .page-head,body.agent-work-mode .clients-head{color:var(--aw-text)!important;text-shadow:none!important}
body.agent-work-mode h1,body.agent-work-mode h2,body.agent-work-mode h3,body.agent-work-mode h4,body.agent-work-mode label{color:var(--aw-text)}
body.agent-work-mode .pagehead p,body.agent-work-mode .page-head p,body.agent-work-mode .muted{color:var(--aw-muted)!important}
body.agent-work-mode .card,body.agent-work-mode .panel,body.agent-work-mode .work-stats,body.agent-work-mode .agent-card,body.agent-work-mode .source-card,body.agent-work-mode .metric-row>div,body.agent-work-mode .details div,body.agent-work-mode .follow-wrap,body.agent-work-mode .agent-package-card,body.agent-work-mode .no-sales,body.agent-work-mode .filters,body.agent-work-mode .filterbar,body.agent-work-mode .toolbar,body.agent-work-mode .stats-card,body.agent-work-mode .summary-card,body.agent-work-mode .settings-card,body.agent-work-mode .client-card,body.agent-work-mode .order-card,body.agent-work-mode .notice-card{background:var(--aw-panel)!important;border:1px solid var(--aw-line)!important;box-shadow:0 5px 18px rgba(31,45,80,.055)!important;backdrop-filter:none!important;color:var(--aw-text)!important}
body.agent-work-mode .panel p,body.agent-work-mode .panel small,body.agent-work-mode .card small,body.agent-work-mode .details span{color:var(--aw-muted)!important}
body.agent-work-mode .panel b,body.agent-work-mode .card b,body.agent-work-mode .metric-row b{color:var(--aw-text)!important}
body.agent-work-mode table{color:var(--aw-text)!important;background:#fff!important;font-size:14px!important}
body.agent-work-mode thead,body.agent-work-mode thead tr,body.agent-work-mode th,body.agent-work-mode .clients-table th{background:var(--aw-head)!important;color:#34405a!important}
body.agent-work-mode tbody tr,body.agent-work-mode tbody tr:nth-child(even){background:#fff!important}
body.agent-work-mode tbody tr:nth-child(even){background:#fbfcfe!important}
body.agent-work-mode tbody tr:hover{background:#f2f0ff!important}
body.agent-work-mode th,body.agent-work-mode td{color:var(--aw-text)!important;border-bottom:1px solid var(--aw-line)!important;padding-top:13px!important;padding-bottom:13px!important;line-height:1.35!important}
body.agent-work-mode td small{color:var(--aw-muted)!important}
body.agent-work-mode .clients-table td:first-child,body.agent-work-mode .clients-table td:first-child a{font-weight:700!important}
body.agent-work-mode input,body.agent-work-mode select,body.agent-work-mode textarea{background:#fff!important;color:#172039!important;border:1px solid #cfd8e6!important;font-size:14px!important;min-height:39px}
body.agent-work-mode input::placeholder,body.agent-work-mode textarea::placeholder{color:#8791a6!important}
body.agent-work-mode .btn,body.agent-work-mode button:not(.theme-toggle){font-size:14px!important;font-weight:700!important}
body.agent-work-mode .phone-reveal{min-height:39px!important;padding:8px 12px!important}
body.agent-work-mode .link,body.agent-work-mode a.link{color:#5842e8!important}
body.agent-work-mode .status-badge,body.agent-work-mode .badge{color:#26324b!important;background:#eef1f7!important;border-color:#d7deea!important}
body.agent-work-mode .theme-toggle{width:54px;height:29px;border:0;border-radius:99px;background:#e8eaf1!important;box-shadow:inset 0 0 0 1px #d5d9e4!important;padding:3px;display:flex;align-items:center;justify-content:space-between;color:#69738b!important;cursor:pointer;margin-right:7px;position:relative}
body.agent-work-mode .theme-toggle:after{content:"";position:absolute;width:23px;height:23px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(20,25,50,.2);transition:.2s}
body.agent-work-mode .theme-toggle span{font-size:13px;z-index:1;width:22px;text-align:center}

/* Agent dark mode */
body.agent-work-mode[data-agent-theme="dark"]{--aw-bg:#08111f;--aw-panel:#101b2d;--aw-panel2:#132036;--aw-text:#f1f5fb;--aw-muted:#9facbf;--aw-line:#26364d;--aw-head:#17253d;background:#08111f!important;color:var(--aw-text)!important}
body.agent-work-mode[data-agent-theme="dark"]:before{background:radial-gradient(circle at 70% 0%,rgba(100,72,255,.10),transparent 30%),linear-gradient(180deg,#091322,#08101d)!important}
body.agent-work-mode[data-agent-theme="dark"] .topbar{background:rgba(9,18,32,.97)!important;border-color:#24334a!important}
body.agent-work-mode[data-agent-theme="dark"] .topbar .top-title,body.agent-work-mode[data-agent-theme="dark"] .topbar .top-user,body.agent-work-mode[data-agent-theme="dark"] .topbar .top-brand,body.agent-work-mode[data-agent-theme="dark"] .top-brand b{color:#f3f6fc!important}
body.agent-work-mode[data-agent-theme="dark"] h1,body.agent-work-mode[data-agent-theme="dark"] h2,body.agent-work-mode[data-agent-theme="dark"] h3,body.agent-work-mode[data-agent-theme="dark"] h4,body.agent-work-mode[data-agent-theme="dark"] label{color:#f2f5fb!important}
body.agent-work-mode[data-agent-theme="dark"] .card,body.agent-work-mode[data-agent-theme="dark"] .panel,body.agent-work-mode[data-agent-theme="dark"] .work-stats,body.agent-work-mode[data-agent-theme="dark"] .agent-card,body.agent-work-mode[data-agent-theme="dark"] .source-card,body.agent-work-mode[data-agent-theme="dark"] .filters,body.agent-work-mode[data-agent-theme="dark"] .filterbar,body.agent-work-mode[data-agent-theme="dark"] .toolbar{background:#101b2d!important;border-color:#26364d!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}
body.agent-work-mode[data-agent-theme="dark"] table{background:#0e1929!important;color:#edf2fa!important}
body.agent-work-mode[data-agent-theme="dark"] thead,body.agent-work-mode[data-agent-theme="dark"] thead tr,body.agent-work-mode[data-agent-theme="dark"] th,body.agent-work-mode[data-agent-theme="dark"] .clients-table th{background:#17253d!important;color:#cbd5e5!important}
body.agent-work-mode[data-agent-theme="dark"] tbody tr,body.agent-work-mode[data-agent-theme="dark"] tbody tr:nth-child(even){background:#0f1a2b!important}
body.agent-work-mode[data-agent-theme="dark"] tbody tr:nth-child(even){background:#111e31!important}
body.agent-work-mode[data-agent-theme="dark"] tbody tr:hover{background:#172642!important}
body.agent-work-mode[data-agent-theme="dark"] th,body.agent-work-mode[data-agent-theme="dark"] td{color:#eaf0f8!important;border-color:#26364d!important}
body.agent-work-mode[data-agent-theme="dark"] input,body.agent-work-mode[data-agent-theme="dark"] select,body.agent-work-mode[data-agent-theme="dark"] textarea{background:#0b1626!important;color:#edf2fa!important;border-color:#31445e!important;box-shadow:none!important}
body.agent-work-mode[data-agent-theme="dark"] input::placeholder,body.agent-work-mode[data-agent-theme="dark"] textarea::placeholder{color:#73839a!important}
body.agent-work-mode[data-agent-theme="dark"] .status-badge,body.agent-work-mode[data-agent-theme="dark"] .badge{color:#dbe4f1!important;background:#17253b!important;border-color:#304159!important}
body.agent-work-mode[data-agent-theme="dark"] .theme-toggle{background:#6549ff!important;box-shadow:none!important;color:#fff!important}
body.agent-work-mode[data-agent-theme="dark"] .theme-toggle:after{left:28px;background:#fff}
body.agent-work-mode[data-agent-theme="dark"] .link,body.agent-work-mode[data-agent-theme="dark"] a.link{color:#a895ff!important}
@media(max-width:900px){body.agent-work-mode{font-size:14px}body.agent-work-mode main{padding:10px!important}body.agent-work-mode th,body.agent-work-mode td{padding-top:10px!important;padding-bottom:10px!important}}

/* =========================================================
   SALEVO X V30 — COMANDĂ DUBLĂ
   2 pachete într-o singură comandă/AWB, 2 puncte agent
   ========================================================= */
.order-type-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin:8px 0 14px;border:1px solid rgba(124,97,255,.28);border-radius:12px;background:rgba(105,78,255,.09)}
.order-type-banner b{letter-spacing:.4px}.order-type-banner span{font-size:13px;opacity:.82}.order-type-banner.double{background:linear-gradient(90deg,rgba(111,75,255,.18),rgba(160,85,255,.10));border-color:rgba(148,108,255,.48);box-shadow:0 8px 24px rgba(90,58,220,.10)}
.order-total-preview{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:12px;background:rgba(82,62,200,.10);border:1px solid rgba(125,99,255,.28)}
.order-total-preview span{font-size:13px;font-weight:700;opacity:.78}.order-total-preview b{font-size:20px!important;color:#7056ff!important}.double-order-badge{background:linear-gradient(90deg,#6848ff,#915cff)!important;color:#fff!important;border-color:transparent!important;font-weight:800!important}
body.agent-work-mode .order-type-banner,body.agent-work-mode .order-total-preview{background:#f4f1ff!important;border-color:#d8d0ff!important;color:#302a5c!important}
body.agent-work-mode .order-total-preview b{color:#5c46dc!important}
body.agent-work-mode[data-agent-theme="dark"] .order-type-banner,body.agent-work-mode[data-agent-theme="dark"] .order-total-preview{background:#171c39!important;border-color:#42377c!important;color:#ebe8ff!important}
body.agent-work-mode[data-agent-theme="dark"] .order-total-preview b{color:#aa96ff!important}

/* ===== SALEVO X V31 · Agent & Control ===== */
.profile-menu{position:relative}.profile-button{background:transparent!important;border:0!important;color:inherit!important;display:flex;align-items:center;gap:7px;padding:7px 9px!important;box-shadow:none!important}.profile-dropdown{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:#10172d;border:1px solid rgba(122,103,255,.35);border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.28);padding:6px;z-index:9999}.profile-dropdown.open{display:block}.profile-dropdown a{display:block;color:#fff;text-decoration:none;padding:10px 12px;border-radius:7px}.profile-dropdown a:hover{background:rgba(99,76,255,.22)}
.agent-target-widget{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(82,74,190,.25);border-radius:10px;background:rgba(255,255,255,.86);font-size:12px;color:#596178}.agent-target-widget b{color:#1d263d;font-size:13px}.agent-target-widget.under-target #agentCallsHour{color:#d73535}.agent-target-widget:not(.under-target) #agentCallsHour{color:#159447}.agent-target-widget.on-pause{border-color:#e4a11b;background:#fff8e7}.pause-mini{font-size:12px!important;padding:7px 10px!important;border-radius:8px!important}
body.agent-work-mode[data-agent-theme="dark"] .agent-target-widget{background:#172238;color:#aeb8cf;border-color:#34425f}body.agent-work-mode[data-agent-theme="dark"] .agent-target-widget b{color:#fff}
.live-agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.live-agent-card{border:1px solid rgba(120,120,160,.25);border-left:4px solid #7f6cff;border-radius:10px;padding:12px;background:rgba(255,255,255,.08)}.live-agent-card>div{display:flex;justify-content:space-between;gap:8px}.live-agent-card small{display:block;margin-top:6px;opacity:.8}.live-agent-card.good{border-left-color:#22b76b}.live-agent-card.below{border-left-color:#e84949}.live-agent-card.paused{border-left-color:#e4a11b}.live-agent-card.offline{opacity:.62;border-left-color:#777}
.admin-kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important}.inline-policy{display:flex;gap:6px;align-items:center}.inline-policy input{width:74px!important;min-width:60px!important}.critical-box{border:1px solid rgba(220,55,55,.42)!important}.save-state{min-width:72px;font-size:11px;white-space:nowrap}.save-state.saving{color:#d39500}.save-state.saved{color:#169c55}.save-state.failed{color:#d43b3b}.action-main{align-items:center}
@media(max-width:1200px){.agent-target-widget span{display:none}.agent-target-widget{gap:5px}.top-user{gap:4px}}
.agent-personal-alert{margin:0 0 10px;padding:10px 14px;border-radius:10px;background:#fff1f1;border:1px solid #f1aaaa;color:#b32626;font-weight:800;font-size:14px}body.agent-work-mode[data-agent-theme="dark"] .agent-personal-alert{background:#35191f;border-color:#743541;color:#ffb8c0}

/* SALEVO X - rata de succes totală în statistici */
.metric-success-rate{position:relative}.metric-success-rate b{color:#8b7cff}.metric-success-rate small{display:block;margin-top:5px;font-size:11px;opacity:.72;font-weight:500}