/* ARVIS Premium Glass Shell · 2026-09-23
   UI-only shell refresh. Existing routes/actions remain untouched. */
:root{
  --shell-navy:#102454;
  --shell-blue:#1768ff;
  --shell-blue-2:#4e8dff;
  --shell-violet:#7658ef;
  --shell-glass:rgba(255,255,255,.72);
  --shell-border:rgba(255,255,255,.84);
  --shell-line:#dbe7f7;
  --shell-shadow:0 22px 60px rgba(42,86,154,.12);
}
html{background:#f4f8ff}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 18% 9%,rgba(148,205,255,.25),transparent 28%),
    radial-gradient(circle at 84% 5%,rgba(193,170,255,.17),transparent 24%),
    linear-gradient(145deg,#f8fbff 0%,#f3f8ff 45%,#f8fbff 100%);
  color:var(--shell-navy);
}
body:before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 4% 85%,rgba(93,164,255,.13),transparent 19%),
    radial-gradient(circle at 29% 97%,rgba(180,213,255,.22),transparent 22%);
}
@media(min-width:821px){
  .sidebar{
    width:286px;
    inset:14px auto 14px 14px;
    height:auto;
    padding:22px 16px 18px;
    border:1px solid rgba(255,255,255,.92);
    border-radius:30px;
    background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(236,246,255,.67));
    backdrop-filter:blur(24px) saturate(1.15);
    -webkit-backdrop-filter:blur(24px) saturate(1.15);
    box-shadow:0 20px 64px rgba(48,92,158,.14),inset 0 1px 0 rgba(255,255,255,.9);
    overflow:hidden;
  }
  .sidebar:after{
    content:'';
    position:absolute;left:-90px;right:-70px;bottom:-120px;height:315px;
    border-radius:50%;
    background:
      radial-gradient(circle at 34% 25%,rgba(93,153,255,.17),transparent 42%),
      radial-gradient(circle at 70% 45%,rgba(142,102,255,.12),transparent 42%);
    pointer-events:none;
  }
  .app{margin-left:314px}
  main{padding:18px 28px 22px;max-width:1700px}
  .brand{
    min-height:86px;
    margin:2px 5px 24px!important;
    padding:0 8px;
    justify-content:flex-start!important;
  }
  .brandmark{
    width:220px!important;
    max-height:78px!important;
    object-position:left center!important;
  }
  .main-nav,.worker-nav{position:relative;z-index:2}
  .main-nav{gap:7px}
  .main-nav button,.main-nav a{
    min-height:51px;
    display:flex;align-items:center;gap:14px;
    width:100%;
    padding:11px 14px;
    border:1px solid transparent;
    border-radius:15px;
    color:#243c68;
    text-decoration:none;
    font-size:15px;
    font-weight:520;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease;
  }
  .main-nav button:hover,.main-nav a:hover,
  .worker-nav button:hover{
    transform:translateX(2px);
    background:rgba(255,255,255,.62);
    border-color:rgba(196,216,246,.72);
    box-shadow:0 9px 25px rgba(56,97,158,.07);
  }
  .main-nav button.active,.main-nav a.active{
    color:#0c5ef5;
    background:linear-gradient(115deg,rgba(255,255,255,.86),rgba(228,240,255,.72));
    border-color:rgba(255,255,255,.95);
    box-shadow:0 10px 28px rgba(47,99,183,.10),inset 0 0 0 1px rgba(205,224,255,.72);
  }
  .main-nav [data-icon],.admin-users-icon{width:25px;height:25px;color:#244c84;flex:0 0 auto}
  .admin-users-icon svg{width:100%;height:100%}
  .nav-section-title{
    margin:23px 9px 11px;
    color:#506b99;
    font-size:11px;
    font-weight:800;
    letter-spacing:.13em;
  }
  .nav-section-title i{background:linear-gradient(90deg,#b9d2f4,transparent)}
  .worker-nav{
    gap:4px;
    padding:7px;
    border:1px solid rgba(255,255,255,.76);
    border-radius:20px;
    background:linear-gradient(150deg,rgba(255,255,255,.44),rgba(231,241,255,.32));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  }
  .worker-nav button{
    position:relative;
    min-height:48px;
    padding:8px 37px 8px 10px;
    gap:12px;
    border:1px solid transparent;
    border-radius:14px;
    color:#29446f;
    font-size:14px;
    transition:all .18s ease;
  }
  .worker-nav button:after{
    content:'';
    position:absolute;right:13px;top:50%;transform:translateY(-50%);
    width:7px;height:7px;border-radius:50%;
    background:#bdcce2;
    box-shadow:0 0 0 4px rgba(189,204,226,.10);
  }
  .worker-nav button[data-nav="arvis-core"]:after,
  .worker-nav button[data-nav="meta"]:after{background:#16bf72;box-shadow:0 0 0 4px rgba(22,191,114,.11)}
  .worker-nav button.active{
    color:#0c5ef5;
    background:linear-gradient(110deg,rgba(255,255,255,.94),rgba(211,230,255,.80));
    border-color:rgba(255,255,255,.96);
    box-shadow:0 11px 29px rgba(30,101,210,.14),inset 0 0 0 1px rgba(186,213,255,.82);
  }
  .worker-nav button.active:before{
    content:'';
    position:absolute;inset:4px auto 4px 3px;width:3px;border-radius:999px;
    background:linear-gradient(#5ba2ff,#615eff);
    box-shadow:0 0 12px rgba(48,111,255,.5);
  }
  .worker-nav button img{width:27px;height:27px}
  .nav-worker-icon{width:29px;height:29px;border-radius:9px;font-size:11px;box-shadow:0 5px 12px rgba(40,70,120,.10)}
  .arvis-mini{background:linear-gradient(145deg,#edf4ff,#dbe9ff);color:#3c6ee7}
  .sidebar-spacer{flex:1;min-height:12px}
  .sidebar-profile{
    position:relative;z-index:2;
    display:flex;align-items:center;gap:11px;
    min-height:69px;
    padding:10px 12px;
    margin-top:12px;
    border:1px solid rgba(255,255,255,.90);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(230,241,255,.62));
    box-shadow:0 11px 28px rgba(40,85,154,.08);
  }
  .sidebar-profile-avatar{
    width:43px;height:43px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
    color:#fff;font-size:13px;font-weight:800;
    background:linear-gradient(145deg,#5d93ff,#5365ed);
    box-shadow:0 7px 18px rgba(61,101,224,.22);
  }
  .sidebar-profile-copy{display:grid;gap:3px;min-width:0;flex:1}
  .sidebar-profile-copy strong{font-size:13px;color:#17315f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar-profile-copy small{font-size:11px;color:#4773ce}
  .sidebar-profile-chevron{font-size:26px;color:#42638f;line-height:1}
  .sidebar-bottom{position:absolute;inset:auto 0 0 0;z-index:0;pointer-events:none}
  .sidebar-bottom .waves{display:none}
  .sidebar-bottom p{display:none}
  .arvis-top-search{
    min-height:58px;
    display:flex;align-items:center;
    width:min(470px,42vw);
    margin:0 auto 14px;
    padding:0 12px 0 16px;
    border:1px solid rgba(255,255,255,.95);
    border-radius:19px;
    background:rgba(255,255,255,.66);
    backdrop-filter:blur(18px);
    box-shadow:0 12px 34px rgba(47,88,151,.08),inset 0 1px 0 rgba(255,255,255,.95);
  }
  .arvis-top-search .top-search-icon{font-size:25px;color:#7892bd;line-height:1;margin-right:9px;transform:rotate(-15deg)}
  .arvis-top-search input{
    flex:1;border:0!important;background:transparent!important;padding:10px 4px!important;
    color:#27446f;outline:0!important;box-shadow:none!important;font-size:14px;
  }
  .arvis-top-search input::placeholder{color:#9bacc8}
  .arvis-top-search kbd{
    border:0;border-radius:9px;padding:6px 8px;background:#edf3ff;color:#5573a3;font:600 12px/1 Inter,sans-serif;
  }
  .page-heading{
    border:1px solid rgba(255,255,255,.86);
    border-radius:24px;
    padding:19px 21px 18px;
    margin-bottom:14px;
    background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(247,251,255,.66));
    backdrop-filter:blur(18px);
    box-shadow:0 13px 36px rgba(47,87,149,.07);
  }
  .page-heading h1{color:#112b58}
  .account-avatar{box-shadow:0 8px 22px rgba(46,107,241,.20)}
  .tabs{
    background:rgba(255,255,255,.69);
    backdrop-filter:blur(14px);
    border-color:rgba(255,255,255,.88);
    box-shadow:0 13px 32px rgba(47,90,156,.07);
  }
  .tabs button.active{background:linear-gradient(135deg,#eef5ff,#dfeaff);box-shadow:inset 0 0 0 1px #cfe0ff}
  .form-panel,.preview-panel,#ads-section,.metric,.ai-card,.settings-panel,.growth-head,.growth-kpis>div,.campaign-card,.growth-toolbar,.growth-section,.analysis-builder,.analysis-result{
    border-color:rgba(255,255,255,.88)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(249,252,255,.70))!important;
    backdrop-filter:blur(14px);
    box-shadow:0 13px 36px rgba(49,90,150,.06)!important;
  }
}

/* Overview: generated-design direction, real metrics retained */
.overview-page{gap:16px}
.overview-hero{
  position:relative;
  min-height:190px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:30px 34px;
  border:1px solid rgba(255,255,255,.91);
  border-radius:27px;
  background:
    radial-gradient(circle at 92% 5%,rgba(189,166,255,.19),transparent 30%),
    radial-gradient(circle at 78% 110%,rgba(89,169,255,.18),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(242,249,255,.70));
  box-shadow:0 18px 48px rgba(46,89,153,.09);
  overflow:hidden;
}
.overview-hero>div:first-child{position:relative;z-index:2}
.overview-hero .overview-eyebrow{display:block;color:#8196bb;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:13px}
.overview-hero h2{margin:0;color:#0f2854;font-size:clamp(30px,3.1vw,48px);line-height:1.03;letter-spacing:-1.8px;max-width:700px}
.overview-hero p{margin:14px 0 0;color:#7185a8;font-size:16px}
.overview-hero-orb{
  position:relative;z-index:2;
  width:120px;height:120px;flex:0 0 120px;border-radius:34px;
  display:grid;place-items:center;font-size:48px;color:#fff;
  background:radial-gradient(circle at 34% 28%,#91ecff,#4a85ff 50%,#744bea 83%);
  box-shadow:0 0 0 13px rgba(221,237,255,.58),0 20px 45px rgba(64,97,225,.26);
  transform:rotate(-5deg);
}
.overview-source-note{
  width:max-content;max-width:100%;
  padding:7px 11px;border-radius:999px;
  color:#657fa8;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.86);
  font-size:10px;
}
.overview-kpis{gap:12px}
.overview-kpi{
  min-height:126px!important;
  border-color:rgba(255,255,255,.90)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(246,250,255,.70))!important;
  box-shadow:0 14px 38px rgba(46,88,150,.07)!important;
}
.command-center,.overview-panel{
  border-color:rgba(255,255,255,.91)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,251,255,.69))!important;
  box-shadow:0 16px 43px rgba(48,91,154,.07)!important;
  backdrop-filter:blur(12px);
}

/* Sidebar worker glass hover panel */
.worker-hover-card{
  position:fixed;
  z-index:120;
  width:360px;
  padding:18px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:23px;
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(235,245,255,.82));
  backdrop-filter:blur(24px) saturate(1.12);
  -webkit-backdrop-filter:blur(24px) saturate(1.12);
  box-shadow:0 24px 70px rgba(31,73,142,.22),inset 0 1px 0 rgba(255,255,255,.96);
  opacity:0;visibility:hidden;transform:translateX(-8px) scale(.98);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.worker-hover-card.visible{opacity:1;visibility:visible;transform:translateX(0) scale(1)}
.worker-hover-card:before{
  content:'';position:absolute;left:-9px;top:31px;width:18px;height:18px;
  background:rgba(247,251,255,.96);border-left:1px solid rgba(255,255,255,.95);border-bottom:1px solid rgba(255,255,255,.95);
  transform:rotate(45deg);
}
.worker-hover-head{display:flex;align-items:flex-start;gap:12px}
.worker-hover-logo{
  width:55px;height:55px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(145deg,#f6f9ff,#e3eeff);box-shadow:inset 0 0 0 1px #dce8fb;
}
.worker-hover-logo img{width:43px;height:43px}
.worker-hover-title{min-width:0;flex:1}
.worker-hover-title strong{display:block;color:#102c5c;font-size:19px;margin:1px 0 5px}
.worker-hover-status{display:inline-flex;align-items:center;gap:6px;color:#079154;font-size:11px;background:#e7f9ef;border-radius:999px;padding:5px 8px}
.worker-hover-status i{width:7px;height:7px;border-radius:50%;background:#13bd6c}
.worker-hover-close{font-size:20px;color:#8295b6;padding:2px 4px}
.worker-hover-copy{color:#60799f;font-size:13px;line-height:1.5;margin:13px 0 15px}
.worker-hover-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.worker-hover-actions button{
  min-height:64px;border:1px solid #dce7f7;border-radius:14px;background:rgba(244,249,255,.83);
  display:grid;place-items:center;gap:4px;padding:8px;color:#294b7c;font-size:10px;font-weight:700;
}
.worker-hover-actions button:hover{background:#eaf3ff;border-color:#c2d7fa;color:#0c5ff5}
.worker-hover-actions button b{font-size:18px;font-weight:500}

/* mobile stays compact and functional */
@media(max-width:820px){
  body{background:#f7faff}
  .arvis-top-search{display:none}
  .sidebar-profile{display:none}
  .worker-hover-card{display:none!important}
  .overview-hero{min-height:auto;padding:22px 18px;border-radius:20px}
  .overview-hero h2{font-size:30px}
  .overview-hero p{font-size:14px}
  .overview-hero-orb{display:none}
}


/* Focused ARVIS network: workers ↔ core */
@media(min-width:1161px){
  .command-center.command-center-focused{
    min-height:390px;
    grid-template-columns:minmax(300px,1fr) minmax(280px,340px) minmax(300px,1fr)!important;
    gap:68px!important;
    padding:26px 38px!important;
    align-items:center;
    overflow:visible;
  }
  .command-center-focused .left-workers{grid-column:1!important;grid-row:1!important}
  .command-center-focused .arvis-core{grid-column:2!important;grid-row:1!important;min-height:300px}
  .command-center-focused .right-workers{grid-column:3!important;grid-row:1!important}
  .command-center-focused .worker-column{gap:12px}
  .command-center-focused .command-worker{
    min-height:74px;
    padding:11px 14px;
    border-radius:15px;
  }
  .command-center-focused .worker-logo{width:48px;height:48px;border-radius:13px}
  .command-center-focused .worker-copy strong{font-size:13px}
  .command-center-focused .worker-copy small{font-size:10px}
  .command-center-focused .left-workers .command-worker:after,
  .command-center-focused .right-workers .command-worker:before{
    width:70px!important;
    height:1.5px!important;
    top:50%;
    opacity:.9;
    background:linear-gradient(90deg,rgba(71,187,237,.42),rgba(91,104,255,.95))!important;
    box-shadow:0 0 8px rgba(77,134,255,.14);
  }
  .command-center-focused .left-workers .command-worker:after{right:-71px!important}
  .command-center-focused .right-workers .command-worker:before{
    left:-71px!important;
    background:linear-gradient(90deg,rgba(91,104,255,.95),rgba(71,187,237,.42))!important;
  }
  .command-center-focused .core-logo{
    width:146px;height:146px;
    box-shadow:0 0 0 11px rgba(219,238,255,.72),0 0 46px rgba(65,135,255,.62),0 15px 34px rgba(72,42,200,.28);
  }
  .command-center-focused .core-rings i{width:235px;height:235px}
  .command-center-focused .core-rings i:nth-child(2){width:195px;height:195px}
  .command-center-focused .core-rings i:nth-child(3){width:270px;height:270px}
  .command-center-focused .arvis-core>strong{font-size:21px}
}
@media(min-width:821px) and (max-width:1160px){
  .command-center.command-center-focused{
    grid-template-columns:minmax(220px,1fr) minmax(230px,.85fr) minmax(220px,1fr)!important;
    gap:36px!important;
    padding:22px 24px!important;
  }
  .command-center-focused .left-workers{grid-column:1!important;grid-row:1!important}
  .command-center-focused .arvis-core{grid-column:2!important;grid-row:1!important}
  .command-center-focused .right-workers{grid-column:3!important;grid-row:1!important}
  .command-center-focused .left-workers .command-worker:after,
  .command-center-focused .right-workers .command-worker:before{width:38px!important}
  .command-center-focused .left-workers .command-worker:after{right:-39px!important}
  .command-center-focused .right-workers .command-worker:before{left:-39px!important}
}
@media(max-width:820px){
  .command-center.command-center-focused{grid-template-columns:1fr 1fr!important}
  .command-center-focused .arvis-core{grid-column:1/-1!important;grid-row:1!important}
  .command-center-focused .left-workers{grid-column:1!important;grid-row:2!important}
  .command-center-focused .right-workers{grid-column:2!important;grid-row:2!important}
}


/* Bottom sidebar account center */
@media(min-width:821px){
  .sidebar-profile{
    width:100%;
    cursor:pointer;
    text-align:left;
    appearance:none;
    color:inherit;
  }
  .sidebar-profile:hover,.sidebar-profile.open{
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(221,237,255,.78));
    border-color:rgba(190,214,250,.94);
    box-shadow:0 14px 34px rgba(38,84,154,.14),inset 0 1px 0 rgba(255,255,255,.95);
  }
  .sidebar-profile-avatar-wrap{
    position:relative;width:45px;height:45px;flex:0 0 45px;border-radius:50%;overflow:hidden;
    background:linear-gradient(145deg,#5d93ff,#5365ed);
    box-shadow:0 7px 18px rgba(61,101,224,.22),0 0 0 3px rgba(255,255,255,.68);
  }
  .sidebar-profile-avatar-wrap img{width:100%;height:100%;display:block;object-fit:cover}
  .sidebar-profile-avatar{
    width:100%;height:100%;border-radius:50%;display:grid;place-items:center;
    color:#fff;font-size:13px;font-weight:800;background:transparent;box-shadow:none;
  }
  .sidebar-profile-copy small{display:flex;align-items:center;gap:6px;color:#5678b1}
  .sidebar-profile-copy small i{width:7px;height:7px;border-radius:50%;background:#18be70;box-shadow:0 0 0 4px rgba(24,190,112,.10)}
  .sidebar-profile-chevron{font-size:20px;transition:transform .18s ease;color:#526f9a}
  .sidebar-profile.open .sidebar-profile-chevron{transform:rotate(180deg)}
  .sidebar-account-menu{
    position:fixed;
    z-index:220;
    max-height:min(650px,calc(100vh - 32px));
    overflow:auto;
    padding:14px;
    border:1px solid rgba(255,255,255,.94);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,246,255,.91));
    backdrop-filter:blur(26px) saturate(1.16);
    -webkit-backdrop-filter:blur(26px) saturate(1.16);
    box-shadow:0 28px 80px rgba(28,70,139,.24),inset 0 1px 0 rgba(255,255,255,.98);
  }
  .sidebar-account-menu:before{
    content:'';
    position:absolute;
    left:-9px;bottom:30px;
    width:18px;height:18px;
    background:rgba(247,251,255,.97);
    border-left:1px solid rgba(255,255,255,.96);
    border-bottom:1px solid rgba(255,255,255,.96);
    transform:rotate(45deg);
  }
  .sidebar-account-head{
    display:flex;align-items:flex-start;gap:13px;
    padding:8px 7px 15px;
    border-bottom:1px solid #e5edf8;
  }
  .sidebar-account-photo{
    position:relative;width:60px;height:60px;flex:0 0 60px;padding:0;border-radius:50%;overflow:hidden;
    color:#fff;background:linear-gradient(145deg,#5b94ff,#4c67ed);
    box-shadow:0 9px 22px rgba(60,102,225,.24),0 0 0 4px rgba(225,238,255,.9);
  }
  .sidebar-account-photo img{width:100%;height:100%;display:block;object-fit:cover}
  .sidebar-account-photo>span{width:100%;height:100%;display:grid;place-items:center;font-size:16px;font-weight:800}
  .sidebar-account-photo>b{
    position:absolute;right:0;bottom:0;width:21px;height:21px;display:grid;place-items:center;
    border-radius:50%;background:#fff;color:#3970d8;font-size:10px;box-shadow:0 2px 8px rgba(25,59,117,.18)
  }
  .sidebar-account-head>div{min-width:0;flex:1}
  .sidebar-account-head strong{display:block;font-size:16px;color:#112b58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar-account-head small{display:block;margin-top:3px;color:#6f84a6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar-account-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
  .sidebar-account-chips span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}
  .sidebar-account-chips .admin-chip{color:#1761d9;background:#e6efff}
  .sidebar-account-chips .online-chip{color:#078b54;background:#e4f8ed}
  .sidebar-account-chips .online-chip i{width:6px;height:6px;border-radius:50%;background:#0eb76a}
  .sidebar-account-chips .meta-chip{color:#4e6b98;background:#edf3fc}
  .sidebar-account-chips .meta-chip.offline{color:#9a6a0a;background:#fff2d7}
  .sidebar-account-actions{display:grid;gap:3px;padding-top:8px}
  .sidebar-account-actions button{
    width:100%;min-height:62px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;
    padding:8px 9px;border-radius:14px;text-align:left;color:#18335f;background:transparent;border:1px solid transparent;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
  }
  .sidebar-account-actions button:hover{background:rgba(241,247,255,.88);border-color:#e0eaf8;transform:translateX(1px)}
  .sidebar-account-actions button>span:nth-child(2){min-width:0}
  .sidebar-account-actions button strong{display:block;font-size:13px;color:#162f5a}
  .sidebar-account-actions button small{display:block;margin-top:3px;font-size:10px;color:#7488a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar-account-actions button>b{font-size:20px;color:#7890b5;font-weight:400}
  .account-action-icon{
    width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:700;
  }
  .account-action-icon.profile{color:#1f6df2;background:#e8f1ff}
  .account-action-icon.users{color:#7252e8;background:#efeaff;font-size:12px}
  .account-action-icon.notifications{color:#d48b08;background:#fff3de}
  .account-action-icon.integrations{color:#1769e9;background:#e7f1ff}
  .account-action-icon.security{color:#078b63;background:#e4f8ef}
  .account-action-icon.logout{color:#d93e55;background:#ffe8ec}
  .sidebar-account-actions .logout-action{
    margin-top:5px;background:linear-gradient(90deg,#fff7f8,#fff1f3);border-color:#ffe3e8
  }
  .sidebar-account-actions .logout-action strong{color:#c9354c}
  .sidebar-account-actions .logout-action small{color:#a6727c}
  .heading-actions:empty{display:none}
}


/* Premium account popover v2 — match glass reference */
@media(min-width:821px){
  .sidebar-account-menu{
    padding:0!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.96)!important;
    background:
      radial-gradient(circle at 12% 2%,rgba(121,174,255,.20),transparent 28%),
      radial-gradient(circle at 94% 10%,rgba(178,151,255,.14),transparent 27%),
      linear-gradient(145deg,rgba(255,255,255,.97),rgba(241,247,255,.93))!important;
    box-shadow:
      0 34px 90px rgba(28,67,133,.24),
      0 12px 36px rgba(86,116,190,.13),
      inset 0 1px 0 rgba(255,255,255,1)!important;
    overflow:hidden;
  }
  .sidebar-account-menu:after{
    content:'';
    position:absolute;inset:0;
    pointer-events:none;
    border-radius:30px;
    box-shadow:inset 0 0 0 1px rgba(208,225,251,.38);
  }
  .sidebar-account-glow{
    position:absolute;inset:-110px -80px auto auto;width:280px;height:220px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(104,124,255,.19),rgba(110,192,255,.10) 42%,transparent 70%);
    filter:blur(2px);pointer-events:none;
  }
  .sidebar-account-head{
    position:relative;
    z-index:1;
    min-height:116px;
    padding:21px 22px 15px!important;
    gap:17px!important;
    align-items:center!important;
    border-bottom:0!important;
  }
  .sidebar-account-photo{
    width:76px!important;height:76px!important;flex:0 0 76px!important;
    border-radius:50%!important;
    box-shadow:
      0 14px 30px rgba(45,89,202,.24),
      0 0 0 5px rgba(230,239,255,.92),
      0 0 0 7px rgba(255,255,255,.92)!important;
  }
  .sidebar-account-photo>b{
    width:25px!important;height:25px!important;
    font-size:11px!important;
    right:1px!important;bottom:1px!important;
    background:#fff!important;
    color:#2f69d9!important;
  }
  .sidebar-account-identity{min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center}
  .sidebar-account-identity>strong{
    grid-column:1/-1;
    font-size:20px!important;
    line-height:1.1;
    letter-spacing:-.35px;
    color:#10285a!important;
  }
  .sidebar-account-identity>small{
    grid-column:1/-1;
    font-size:12px!important;
    margin-top:6px!important;
    color:#6e83aa!important;
  }
  .sidebar-account-identity>.admin-chip{
    grid-column:1;
    width:max-content;
    margin-top:10px;
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 10px!important;
    border-radius:11px!important;
    background:linear-gradient(145deg,#e9f1ff,#dfeaff)!important;
    color:#1762df!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:inset 0 0 0 1px rgba(191,215,255,.72);
  }
  .sidebar-account-status{
    position:relative;z-index:1;
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    margin:0 20px;
    padding:14px 2px 17px;
    border-bottom:1px solid rgba(218,228,244,.9);
  }
  .sidebar-account-status span{
    display:inline-flex;align-items:center;gap:6px;
    min-height:31px;
    padding:7px 10px;
    border-radius:11px;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);
  }
  .sidebar-account-status .access-chip{
    color:#087c58;background:linear-gradient(145deg,#e7f9f1,#dff6ec);
  }
  .sidebar-account-status .access-chip b{font-size:9px;color:#0db16c}
  .sidebar-account-status .online-chip{
    color:#078953;background:linear-gradient(145deg,#e8faef,#def6e9);
  }
  .sidebar-account-status .online-chip i{
    width:7px;height:7px;border-radius:50%;background:#11ba6b;
    box-shadow:0 0 0 4px rgba(17,186,107,.10);
  }
  .sidebar-account-status .meta-chip{
    color:#496a9f;background:linear-gradient(145deg,#eef4ff,#e7effb);
  }
  .sidebar-account-status .meta-chip.offline{color:#966912;background:#fff3da}
  .sidebar-account-actions{
    position:relative;z-index:1;
    gap:0!important;
    padding:4px 18px 18px!important;
  }
  .sidebar-account-actions button{
    min-height:76px!important;
    grid-template-columns:48px 1fr auto!important;
    gap:14px!important;
    padding:10px 8px!important;
    border-radius:0!important;
    border:0!important;
    border-bottom:1px solid rgba(222,231,245,.86)!important;
    background:transparent!important;
    transform:none!important;
  }
  .sidebar-account-actions button:not(.logout-action):hover{
    background:linear-gradient(90deg,rgba(242,247,255,.82),rgba(249,252,255,.42))!important;
    border-radius:14px!important;
    border-bottom-color:transparent!important;
  }
  .sidebar-account-actions button>span:nth-child(2){padding-right:8px}
  .sidebar-account-actions button strong{
    font-size:15px!important;
    line-height:1.15;
    color:#142d5a!important;
  }
  .sidebar-account-actions button small{
    font-size:11px!important;
    margin-top:5px!important;
    color:#7b8ead!important;
  }
  .sidebar-account-actions button>b{
    font-size:27px!important;
    color:#6680aa!important;
    padding-right:5px;
    font-weight:300!important;
  }
  .account-action-icon{
    width:46px!important;height:46px!important;border-radius:14px!important;
    font-size:20px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);
  }
  .account-action-icon.profile{color:#1c69ed!important;background:linear-gradient(145deg,#edf4ff,#e2edff)!important}
  .account-action-icon.users{color:#7150e7!important;background:linear-gradient(145deg,#f2edff,#eae3ff)!important;font-size:13px!important}
  .account-action-icon.notifications{color:#cc8304!important;background:linear-gradient(145deg,#fff5e4,#ffedd3)!important}
  .account-action-icon.integrations{color:#1768e9!important;background:linear-gradient(145deg,#edf5ff,#e3efff)!important}
  .account-action-icon.security{color:#07845f!important;background:linear-gradient(145deg,#e8faf1,#dcf5e9)!important}
  .account-action-icon.logout{color:#d73c52!important;background:linear-gradient(145deg,#ffeff2,#ffe5ea)!important}
  .sidebar-account-actions .logout-action{
    min-height:72px!important;
    margin-top:10px!important;
    padding:10px 12px!important;
    border:1px solid #ffdee5!important;
    border-radius:16px!important;
    background:linear-gradient(90deg,#fff7f8,#fff0f3)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
  }
  .sidebar-account-actions .logout-action strong{color:#cc334a!important}
  .sidebar-account-actions .logout-action small{color:#a86e79!important}
  .sidebar-account-actions .logout-action>b{color:#c97886!important}
  .sidebar-account-menu:before{
    left:-10px!important;
    bottom:27px!important;
    width:20px!important;height:20px!important;
    background:rgba(248,251,255,.98)!important;
    box-shadow:-3px 4px 10px rgba(48,80,135,.05);
  }
}


/* FORCE PREMIUM ACCOUNT — supports both old + new DOM */
@media(min-width:821px){
  #sidebar-account-menu.sidebar-account-menu{
    width:470px!important;
    min-width:470px!important;
    max-width:calc(100vw - 32px)!important;
    padding:0!important;
    border-radius:32px!important;
    border:1px solid rgba(255,255,255,.98)!important;
    background:
      radial-gradient(circle at 8% 0%,rgba(133,184,255,.24),transparent 30%),
      radial-gradient(circle at 96% 4%,rgba(184,154,255,.18),transparent 27%),
      linear-gradient(145deg,rgba(255,255,255,.985),rgba(240,247,255,.955))!important;
    backdrop-filter:blur(32px) saturate(1.22)!important;
    -webkit-backdrop-filter:blur(32px) saturate(1.22)!important;
    box-shadow:
      0 42px 105px rgba(24,61,127,.30),
      0 16px 42px rgba(74,103,177,.16),
      inset 0 1px 0 rgba(255,255,255,1)!important;
    overflow:hidden!important;
  }

  #sidebar-account-menu .sidebar-account-head{
    min-height:126px!important;
    padding:24px 24px 17px!important;
    gap:18px!important;
    align-items:center!important;
    border-bottom:0!important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(236,245,255,.05))!important;
  }

  #sidebar-account-menu .sidebar-account-photo{
    width:82px!important;
    height:82px!important;
    flex:0 0 82px!important;
    border-radius:50%!important;
    box-shadow:
      0 15px 34px rgba(44,88,207,.27),
      0 0 0 5px rgba(226,238,255,.96),
      0 0 0 8px rgba(255,255,255,.96)!important;
  }

  #sidebar-account-menu .sidebar-account-head>div,
  #sidebar-account-menu .sidebar-account-identity{
    min-width:0!important;
    flex:1!important;
  }

  #sidebar-account-menu .sidebar-account-head>div>strong,
  #sidebar-account-menu .sidebar-account-identity>strong{
    display:block!important;
    font-size:21px!important;
    line-height:1.1!important;
    letter-spacing:-.45px!important;
    color:#0d285a!important;
    margin:0!important;
  }

  #sidebar-account-menu .sidebar-account-head>div>small,
  #sidebar-account-menu .sidebar-account-identity>small{
    display:block!important;
    margin-top:7px!important;
    color:#6b82aa!important;
    font-size:12px!important;
  }

  /* old DOM chips */
  #sidebar-account-menu .sidebar-account-chips{
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    margin-top:13px!important;
  }
  #sidebar-account-menu .sidebar-account-chips span{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:32px!important;
    padding:7px 10px!important;
    border-radius:11px!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important;
  }
  #sidebar-account-menu .sidebar-account-chips .admin-chip{
    color:#175fd8!important;
    background:linear-gradient(145deg,#edf3ff,#dfeaff)!important;
  }
  #sidebar-account-menu .sidebar-account-chips .online-chip{
    color:#087f56!important;
    background:linear-gradient(145deg,#e8faf1,#def6e9)!important;
  }
  #sidebar-account-menu .sidebar-account-chips .meta-chip{
    color:#4e6999!important;
    background:linear-gradient(145deg,#eef4ff,#e6eefb)!important;
  }

  /* new DOM status row */
  #sidebar-account-menu .sidebar-account-status{
    margin:0 22px!important;
    padding:15px 2px 19px!important;
    border-bottom:1px solid rgba(216,227,244,.92)!important;
  }

  /* make old DOM look like reference even without new status row */
  #sidebar-account-menu .sidebar-account-head + .sidebar-account-actions{
    border-top:1px solid rgba(216,227,244,.92)!important;
    margin-top:0!important;
  }

  #sidebar-account-menu .sidebar-account-actions{
    padding:7px 18px 18px!important;
    gap:0!important;
  }

  #sidebar-account-menu .sidebar-account-actions button{
    min-height:80px!important;
    grid-template-columns:52px 1fr auto!important;
    gap:15px!important;
    padding:11px 10px!important;
    border:0!important;
    border-bottom:1px solid rgba(219,229,245,.88)!important;
    border-radius:0!important;
    background:transparent!important;
    transform:none!important;
  }

  #sidebar-account-menu .sidebar-account-actions button:not(.logout-action):hover{
    border-radius:15px!important;
    border-bottom-color:transparent!important;
    background:linear-gradient(90deg,rgba(236,245,255,.92),rgba(249,252,255,.68))!important;
    box-shadow:inset 0 0 0 1px rgba(214,228,250,.75)!important;
  }

  #sidebar-account-menu .account-action-icon{
    width:50px!important;
    height:50px!important;
    border-radius:15px!important;
    font-size:21px!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.78),
      0 5px 14px rgba(65,91,145,.06)!important;
  }

  #sidebar-account-menu .sidebar-account-actions button strong{
    font-size:15.5px!important;
    line-height:1.15!important;
    color:#132d5b!important;
  }

  #sidebar-account-menu .sidebar-account-actions button small{
    margin-top:6px!important;
    font-size:11.5px!important;
    color:#788bab!important;
  }

  #sidebar-account-menu .sidebar-account-actions button>b{
    font-size:28px!important;
    font-weight:300!important;
    color:#6881a9!important;
    padding-right:6px!important;
  }

  #sidebar-account-menu .logout-action{
    margin:12px 0 2px!important;
    min-height:76px!important;
    padding:11px 13px!important;
    border:1px solid #ffdce4!important;
    border-radius:17px!important;
    background:
      radial-gradient(circle at 12% 50%,rgba(255,224,230,.48),transparent 36%),
      linear-gradient(90deg,#fff9fa,#fff0f3)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
  }

  #sidebar-account-menu .logout-action strong{color:#c92f49!important}
  #sidebar-account-menu .logout-action small{color:#a96f7a!important}

  /* premium pointer */
  #sidebar-account-menu:before{
    width:22px!important;height:22px!important;
    left:-11px!important;bottom:27px!important;
    background:rgba(247,251,255,.99)!important;
    border-left:1px solid rgba(255,255,255,.98)!important;
    border-bottom:1px solid rgba(255,255,255,.98)!important;
    box-shadow:-5px 5px 16px rgba(45,76,130,.06)!important;
  }
}


/* Compact premium account sizing — keep full menu visible */
@media(min-width:821px){
  #sidebar-account-menu.sidebar-account-menu{
    width:430px!important;
    min-width:430px!important;
    max-height:calc(100vh - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-radius:28px!important;
  }
  #sidebar-account-menu .sidebar-account-head{
    min-height:102px!important;
    padding:18px 20px 12px!important;
    gap:15px!important;
  }
  #sidebar-account-menu .sidebar-account-photo{
    width:68px!important;height:68px!important;flex-basis:68px!important;
    box-shadow:0 12px 26px rgba(44,88,207,.24),0 0 0 4px rgba(226,238,255,.95),0 0 0 6px rgba(255,255,255,.96)!important;
  }
  #sidebar-account-menu .sidebar-account-head>div>strong,
  #sidebar-account-menu .sidebar-account-identity>strong{
    font-size:18px!important;
  }
  #sidebar-account-menu .sidebar-account-head>div>small,
  #sidebar-account-menu .sidebar-account-identity>small{
    font-size:11px!important;
    margin-top:5px!important;
  }
  #sidebar-account-menu .sidebar-account-identity>.admin-chip{
    margin-top:8px!important;
    padding:6px 9px!important;
    font-size:10px!important;
  }
  #sidebar-account-menu .sidebar-account-status{
    margin:0 18px!important;
    padding:11px 0 13px!important;
    gap:7px!important;
  }
  #sidebar-account-menu .sidebar-account-status span,
  #sidebar-account-menu .sidebar-account-chips span{
    min-height:28px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  #sidebar-account-menu .sidebar-account-actions{
    padding:3px 15px 14px!important;
  }
  #sidebar-account-menu .sidebar-account-actions button{
    min-height:62px!important;
    grid-template-columns:42px 1fr auto!important;
    gap:12px!important;
    padding:8px 8px!important;
  }
  #sidebar-account-menu .account-action-icon{
    width:40px!important;height:40px!important;border-radius:12px!important;font-size:18px!important;
  }
  #sidebar-account-menu .sidebar-account-actions button strong{font-size:14px!important}
  #sidebar-account-menu .sidebar-account-actions button small{font-size:10px!important;margin-top:4px!important}
  #sidebar-account-menu .sidebar-account-actions button>b{font-size:24px!important;padding-right:4px!important}
  #sidebar-account-menu .logout-action{
    min-height:60px!important;
    margin-top:8px!important;
    padding:8px 10px!important;
    border-radius:14px!important;
  }
  #sidebar-account-menu:before{bottom:23px!important}
}


/* Test Center live delivery hierarchy */
.test-delivery-summary{
  display:flex;align-items:flex-start;gap:10px;margin:12px 0 4px;padding:11px 13px;border-radius:13px;border:1px solid #dfe8f5;
  background:rgba(248,251,255,.82);color:#5b7195
}
.test-delivery-summary strong{display:block;min-width:max-content;font-size:11px}
.test-delivery-summary span{font-size:10px;line-height:1.4}
.test-delivery-summary.good{border-color:#ccebd9;background:#effaf4;color:#0b7c54}
.test-delivery-summary.warn{border-color:#f1ddae;background:#fff9ea;color:#8b6618}
.test-delivery{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.test-delivery-chip{display:inline-flex;align-items:center;min-height:23px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
.test-delivery-chip.good{background:#e6f8ee;color:#0a8257}
.test-delivery-chip.warn{background:#fff1dc;color:#9a6714}
@media(max-width:820px){
  .test-delivery-summary{display:grid;gap:4px}
  .test-delivery-summary strong{min-width:0}
  .test-delivery{margin-top:6px}
}


/* Controlled test start action */
.test-run-actions{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:14px 0 0;padding:12px 13px;border:1px solid #dce6f5;border-radius:14px;
  background:linear-gradient(135deg,#f8fbff,#f4f8ff)
}
.test-run-actions>div{display:grid;gap:3px}
.test-run-actions strong{font-size:11px;color:#173563}
.test-run-actions small{font-size:9px;color:#7084a4;line-height:1.35}
.test-run-actions button{min-width:132px}
.test-run-actions.active{justify-content:flex-start;border-color:#ccebd9;background:#effaf4;color:#0a7e55;font-size:10px;font-weight:850}
@media(max-width:820px){
  .test-run-actions{display:grid;gap:10px}
  .test-run-actions button{width:100%;min-width:0}
}


/* Instagram worker branding */
.worker-nav .instagram-mini{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  flex:0 0 29px;
  border-radius:50%;
  overflow:hidden;
  background:radial-gradient(circle at 32% 106%,#fdf497 0 5%,#fdf497 5% 15%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
  box-shadow:0 5px 14px rgba(214,36,159,.22);
}
.worker-nav .instagram-mini img{
  width:17px!important;
  height:17px!important;
  display:block;
}
.worker-logo.instagram,
.shell-logo.instagram{
  display:grid;
  place-items:center;
  color:#fff;
  background:radial-gradient(circle at 32% 106%,#fdf497 0 5%,#fdf497 5% 15%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
}
.worker-logo.instagram img,
.shell-logo.instagram img{
  width:24px;
  height:24px;
  display:block;
}


/* Controlled test winner action */
.test-run-actions.active .test-winner-apply{margin-left:auto}
.test-winner-apply{
  min-width:220px!important;
  box-shadow:0 9px 22px rgba(25,135,89,.14)
}
.test-run-actions.completed{
  justify-content:flex-start;
  border-color:#ccebd9;
  background:linear-gradient(135deg,#effaf4,#f5fcf8)
}
.test-run-actions.completed strong{color:#08794f}
.test-run-actions.completed small{color:#5d856f}
.test-decision.finalized{
  border:1px solid #ccebd9;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)
}
@media(max-width:820px){
  .test-run-actions.active .test-winner-apply{margin-left:0}
  .test-winner-apply{min-width:0!important}
}

/* Worker brand icons + reliable availability dots */
@media(min-width:821px){
  .worker-nav button:after{
    background:#bdcce2!important;
    box-shadow:0 0 0 4px rgba(189,204,226,.10)!important;
  }
  .worker-nav button[data-worker-state="active"]:after{
    background:#16bf72!important;
    box-shadow:0 0 0 4px rgba(22,191,114,.12),0 0 10px rgba(22,191,114,.28)!important;
  }
  .worker-nav button[data-worker-state="inactive"]:after{
    background:#bdcce2!important;
    box-shadow:0 0 0 4px rgba(189,204,226,.10)!important;
  }
}
.worker-nav .nav-brand-icon,
.worker-nav .nav-worker-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  flex:0 0 30px!important;
  aspect-ratio:1/1;
  border-radius:50%!important;
  overflow:hidden;
  display:grid;
  place-items:center;
  box-sizing:border-box;
}
.worker-nav .nav-brand-icon{
  background:#fff;
  border:1px solid rgba(208,219,236,.78);
  box-shadow:0 5px 13px rgba(35,63,105,.10);
}
.worker-nav .nav-brand-icon img{
  display:block!important;
  object-fit:contain!important;
  max-width:none!important;
}
.worker-nav .meta-brand{
  border-color:rgba(44,111,232,.16);
  background:#f7faff;
}
.worker-nav .meta-brand img{
  width:23px!important;height:23px!important;
}
.worker-nav .trendyol-brand{
  background:#fff7f0;
  border-color:rgba(242,122,26,.24);
}
.worker-nav .trendyol-brand img{
  width:27px!important;
  height:18px!important;
}
.worker-nav .hepsiburada-brand{
  background:#fff8f3;
  border-color:rgba(255,96,0,.22);
}
.worker-nav .hepsiburada-brand img{
  width:27px!important;
  height:13px!important;
}
.worker-nav .whatsapp-brand{
  background:#20c76a;
  border-color:rgba(17,180,93,.24);
}
.worker-nav .whatsapp-brand img{
  width:21px!important;height:21px!important;
}
.worker-nav .instagram-brand{
  background:radial-gradient(circle at 32% 106%,#fdf497 0 5%,#fdf497 5% 15%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
  border-color:rgba(214,36,159,.20);
}
.worker-nav .instagram-brand img{
  width:18px!important;height:18px!important;
}
.worker-nav .content-mini,
.worker-nav .finance-mini,
.worker-nav .stock-mini,
.worker-nav .arvis-mini,
.worker-nav .stayfitgo-mini,
.worker-nav .store-mini{
  border-radius:50%!important;
}
.worker-logo.trendyol,
.activity-icon.trendyol,
.shell-logo.trendyol{
  background:#fff7f0;
  border:1px solid rgba(242,122,26,.22);
  color:#f27a1a;
}
.worker-logo.hepsiburada,
.activity-icon.hepsiburada,
.shell-logo.hepsiburada{
  background:#fff8f3;
  border:1px solid rgba(255,96,0,.22);
  color:#ff6000;
}
.worker-logo.trendyol img,
.activity-icon.trendyol img,
.shell-logo.trendyol img{
  width:82%!important;height:auto!important;object-fit:contain!important;
}
.worker-logo.hepsiburada img,
.activity-icon.hepsiburada img,
.shell-logo.hepsiburada img{
  width:84%!important;height:auto!important;object-fit:contain!important;
}
@media(max-width:820px){
  .worker-nav button:after{
    background:#bdcce2!important;
    box-shadow:0 0 0 4px rgba(189,204,226,.10)!important;
  }
  .worker-nav button[data-worker-state="active"]:after{
    background:#16bf72!important;
    box-shadow:0 0 0 4px rgba(22,191,114,.12)!important;
  }
}

/* Supplied marketplace round logos */
.worker-nav .trendyol-brand,
.worker-nav .hepsiburada-brand{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.worker-nav .trendyol-brand img,
.worker-nav .hepsiburada-brand img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.worker-logo.trendyol,
.activity-icon.trendyol,
.shell-logo.trendyol,
.worker-logo.hepsiburada,
.activity-icon.hepsiburada,
.shell-logo.hepsiburada{
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
  border-radius:50%!important;
}
.worker-logo.trendyol img,
.activity-icon.trendyol img,
.shell-logo.trendyol img,
.worker-logo.hepsiburada img,
.activity-icon.hepsiburada img,
.shell-logo.hepsiburada img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}


/* Sidebar stock + invoice pictograms — ARVIS custom vector identities.
   Icons only; menu spacing, menu navigation and business functions stay untouched. */
.worker-nav .nav-worker-icon.stock-mini{
  color:#fff!important;
  background:radial-gradient(circle at 24% 13%,rgba(149,204,255,.52),transparent 48%),linear-gradient(145deg,#347efc 0%,#3559d8 56%,#333dba 100%)!important;
  border:1px solid rgba(214,234,255,.45)!important;
  box-shadow:0 5px 13px rgba(51,92,211,.22),inset 0 1px 1px rgba(255,255,255,.23)!important;
}
.worker-nav .nav-worker-icon.finance-mini{
  color:#fff!important;
  background:radial-gradient(circle at 24% 13%,rgba(137,254,216,.43),transparent 48%),linear-gradient(145deg,#18bc9a 0%,#0b947c 56%,#08736e 100%)!important;
  border:1px solid rgba(190,248,224,.45)!important;
  box-shadow:0 5px 13px rgba(10,139,114,.20),inset 0 1px 1px rgba(255,255,255,.23)!important;
}
.worker-nav .nav-worker-icon.stock-mini .arvis-nav-glyph,
.worker-nav .nav-worker-icon.finance-mini .arvis-nav-glyph{
  display:block;width:22px!important;height:22px!important;flex:none;
  color:#fff;overflow:visible;
}