:root{
  --bg:#030916;
  --panel:#071426;
  --panel2:#0b1a31;
  --line:rgba(91,126,214,.20);
  --text:#f3f7ff;
  --muted:#93a5c3;
  --blue:#3b72e8;
  --blue2:#244fae;
  --green:#57d96e;
  --orange:#ff9b45;
  --red:#ff6767;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100%;
  background:
    radial-gradient(circle at 92% 0%,rgba(48,94,220,.18),transparent 28%),
    linear-gradient(180deg,#020814 0%,#051020 100%);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}

body{
  padding:16px 14px 28px;
}

.mobile-page{
  width:100%;
  max-width:430px;
  margin:0 auto;
}

.hero{
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px 18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(58,107,229,.18),transparent 34%),
    linear-gradient(145deg,#081426,#061021);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  margin-bottom:14px;
}

.brand{
  color:#6f9dfd;
  font-size:15px;
  margin-bottom:5px;
}

.logo{
  font-size:29px;
  line-height:1.05;
  font-weight:800;
  margin-bottom:20px;
}

.user{
  display:flex;
  align-items:center;
  gap:12px;
}

.avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#2958c6,#193878);
  border:1px solid rgba(122,158,255,.5);
  font-weight:700;
}

.user-name{
  font-size:16px;
  font-weight:700;
}

.user-role{
  color:var(--muted);
  font-size:14px;
  margin-top:3px;
}

.quick{
  border:1px solid var(--line);
  border-radius:22px;
  padding:12px;
  background:linear-gradient(180deg,rgba(8,19,36,.98),rgba(6,14,28,.98));
  margin-bottom:16px;
}

.quick-title{
  color:var(--muted);
  font-size:14px;
  margin:0 5px 9px;
}

.menu{
  display:grid;
  gap:8px;
}

.menu a{
  min-height:58px;
  padding:0 14px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  color:var(--text);
  background:linear-gradient(90deg,#09182f,#081529);
  border:1px solid rgba(78,115,196,.18);
}

.menu a.active{
  background:linear-gradient(100deg,#244b9e,#3267d0);
  border-color:rgba(116,155,247,.42);
}

.menu-left{
  display:flex;
  align-items:center;
  gap:12px;
}

.icon{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#72a3ff;
  background:rgba(48,93,192,.16);
  font-size:18px;
}

.active .icon{
  color:#fff;
  background:rgba(255,255,255,.13);
}

.chev{
  font-size:26px;
  color:#f1f5ff;
}

.kicker{
  color:#6f9dfd;
  font-size:14px;
  margin:18px 2px 4px;
}

.page-title{
  font-size:30px;
  line-height:1.05;
  font-weight:800;
  margin:0 2px 14px;
}

.card{
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,#0a1b32,#081629);
  padding:15px;
  margin-bottom:10px;
}

.grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.stat{
  min-height:96px;
}

.muted{color:var(--muted)}
.good{color:var(--green)}
.warn{color:var(--orange)}
.bad{color:var(--red)}

.btn-primary{
  width:100%;
  min-height:56px;
  border:none;
  border-radius:16px;
  color:white;
  font-size:16px;
  font-weight:700;
  background:linear-gradient(180deg,#3774ea,#2555c3);
}

@media (max-width:360px){
  .grid2{grid-template-columns:1fr}
}

/* SEGREST MOBILE COMPACT V2 */
body{
  padding:10px 10px 22px;
}

.mobile-page{
  max-width:420px;
}

.hero{
  padding:15px 14px;
  border-radius:18px;
  margin-bottom:10px;
}

.brand{
  font-size:13px;
  margin-bottom:3px;
}

.logo{
  font-size:25px;
  margin-bottom:14px;
}

.user{
  gap:10px;
}

.avatar{
  width:44px;
  height:44px;
  font-size:16px;
}

.user-name{
  font-size:15px;
}

.user-role{
  font-size:13px;
}

.quick{
  padding:9px;
  border-radius:18px;
  margin-bottom:12px;
}

.quick-title{
  font-size:13px;
  margin:0 4px 7px;
}

.menu{
  gap:6px;
}

.menu a{
  min-height:48px;
  padding:0 12px;
  border-radius:12px;
  font-size:14px;
}

.icon{
  width:30px;
  height:30px;
  font-size:15px;
}

.chev{
  font-size:22px;
}

.kicker{
  margin-top:13px;
  font-size:13px;
}

.page-title{
  font-size:27px;
  margin-bottom:11px;
}

.card{
  padding:12px;
  border-radius:15px;
  margin-bottom:8px;
}

.grid2{
  gap:8px;
}

.stat{
  min-height:82px;
}

/* SEGREST HERO MINI V4 */
.hero{
  padding:10px 12px !important;
  border-radius:18px !important;
  margin-bottom:8px !important;
  min-height:auto !important;
}

.brand{
  font-size:11px !important;
  line-height:1.1 !important;
  margin-bottom:4px !important;
}

.logo{
  font-size:22px !important;
  line-height:1.03 !important;
  margin:0 0 10px 0 !important;
}

.hero-user{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:0 !important;
}

.avatar{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  font-size:14px !important;
  border-radius:50% !important;
}

.user-name{
  font-size:14px !important;
  line-height:1.1 !important;
  margin:0 !important;
}

.user-role{
  font-size:11px !important;
  line-height:1.1 !important;
  margin-top:2px !important;
  opacity:.9 !important;
}

@media (max-width:390px){
  .hero{
    padding:9px 10px !important;
  }

  .logo{
    font-size:20px !important;
    margin-bottom:8px !important;
  }

  .avatar{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    font-size:13px !important;
  }

  .user-name{
    font-size:13px !important;
  }

  .user-role{
    font-size:10px !important;
  }
}


/* ==========================================================
   SEGREST MOBILE COMPLETE PAGES V6
   ========================================================== */

h2{
  margin:7px 0 0;
  font-size:22px;
}

h3{
  margin:0 0 12px;
  font-size:16px;
}

.small{
  font-size:12px;
  margin-top:5px;
}

.subcard{
  padding:12px;
  border-radius:13px;
  margin-top:8px;
  background:rgba(12,30,56,.78);
  border:1px solid rgba(88,125,214,.14);
  line-height:1.35;
}

.row-between{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.toolrow{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:48px;
  margin-top:7px;
  padding:0 12px;
  border-radius:12px;
  text-decoration:none;
  color:var(--text);
  background:#0b1a31;
  border:1px solid rgba(88,125,214,.15);
}

.filter-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:10px;
}

.filter-stack{
  display:grid;
  gap:7px;
  margin-bottom:10px;
}

.filterbox{
  min-height:44px;
  padding:0 12px;
  display:flex;
  align-items:center;
  border-radius:12px;
  color:var(--muted);
  background:#0b1a31;
  border:1px solid rgba(88,125,214,.16);
}

.task-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:88px;
  padding:12px;
  margin-bottom:8px;
  border-radius:16px;
  background:linear-gradient(180deg,#0a1b32,#081629);
  border:1px solid var(--line);
}

.task-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  border-radius:50%;
  font-size:19px;
  background:rgba(51,100,207,.22);
}

.task-main{
  min-width:0;
  flex:1;
}

.status{
  flex:0 0 auto;
  padding:6px 8px;
  border-radius:10px;
  font-size:11px;
}

.status.done{
  background:rgba(46,164,80,.16);
  color:#68e37a;
}

.status.open{
  background:rgba(54,104,220,.17);
  color:#78a6ff;
}

.status.late{
  background:rgba(211,64,64,.15);
  color:#ff7171;
}

.archive-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  padding-top:10px;
  margin-top:10px;
  border-top:1px solid rgba(90,125,214,.12);
  color:var(--muted);
  font-size:11px;
}

.btn-danger{
  width:100%;
  min-height:56px;
  margin-top:8px;
  margin-bottom:10px;
  border-radius:16px;
  border:1px solid rgba(255,87,87,.38);
  color:#fff;
  font-size:16px;
  font-weight:700;
  background:linear-gradient(180deg,#7c252a,#5b181d);
}

.timeline-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  padding:0 12px;
  margin-top:7px;
  border-radius:12px;
  background:#0b1a31;
}

.ranking{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:68px;
  padding:10px;
  margin-bottom:7px;
  border-radius:14px;
  background:linear-gradient(180deg,#0a1b32,#081629);
  border:1px solid var(--line);
}

.rank{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(54,105,220,.2);
  color:#8bb2ff;
  font-weight:800;
}

.rank-main{
  flex:1;
}

.points{
  font-weight:700;
  color:#8bb2ff;
}

.big-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:25px;
  background:rgba(54,105,220,.18);
}

.notice{
  padding:13px;
  border-radius:14px;
  margin-top:10px;
  color:#ffbf69;
  background:rgba(182,111,26,.12);
  border:1px solid rgba(255,165,64,.20);
}

pre{
  margin:8px 0 0;
  white-space:pre-wrap;
  word-break:break-word;
  color:var(--muted);
  font-size:11px;
}

/* Üst alan son kompakt ölçü */
.hero{
  padding:8px 10px !important;
  margin-bottom:7px !important;
}

.brand{
  font-size:10px !important;
  margin-bottom:2px !important;
}

.logo{
  font-size:19px !important;
  margin-bottom:7px !important;
}

.avatar{
  width:29px !important;
  height:29px !important;
  font-size:12px !important;
  min-width:29px !important;
}

.user{
  gap:8px !important;
}

.user-name{
  font-size:12px !important;
}

.user-role{
  font-size:10px !important;
}

.quick{
  padding:6px !important;
}

.quick-title{
  font-size:11px !important;
}

.menu{
  gap:4px !important;
}

.menu a{
  min-height:40px !important;
  font-size:12px !important;
}

.icon{
  width:25px !important;
  height:25px !important;
  font-size:13px !important;
}

.page-title{
  font-size:24px !important;
}


/* Alt sayfa kompakt görünüm */
@media (max-width: 600px) {
  .page-title {
    font-size: 28px !important;
    margin-bottom: 14px !important;
  }

  .kicker {
    font-size: 15px !important;
    margin-bottom: 4px !important;
  }

  .card {
    padding: 16px !important;
    border-radius: 16px !important;
    margin-bottom: 12px !important;
  }

  .card h2 {
    font-size: 24px !important;
  }

  .card h3 {
    font-size: 18px !important;
  }

  .subcard {
    padding: 13px !important;
    font-size: 14px !important;
  }

  .stat {
    min-height: 105px !important;
  }

  .stat h2 {
    font-size: 26px !important;
  }

  .muted {
    font-size: 14px !important;
  }

  .toolrow,
  .task-card,
  .filterbox,
  .ranking {
    padding: 13px !important;
    font-size: 14px !important;
  }

  .btn-primary,
  .btn-danger {
    min-height: 50px !important;
    font-size: 15px !important;
  }
}

/* SEGREST MOBILE FUNCTIONAL V23 */
.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.head-row>div:first-child{min-width:0}.mini-btn,.secondary-btn,.btn-success,.file-btn{border:1px solid rgba(111,157,253,.28);border-radius:11px;background:#102348;color:#eef4ff;padding:9px 11px;font-weight:700;font-size:12px;cursor:pointer}.mini-btn{white-space:nowrap;margin-bottom:10px}.secondary-btn.full{width:100%;margin-top:10px;min-height:42px}.btn-success{background:rgba(39,132,68,.24);border-color:rgba(87,217,110,.34);color:#7bec8e}.file-btn{display:inline-flex;align-items:center}.form-grid{display:grid;gap:10px}.form-grid label,.card label{display:grid;gap:6px;color:var(--muted);font-size:12px}.form-grid input,.form-grid select,.form-grid textarea,.card input,.card select,.card textarea{width:100%;border:1px solid rgba(91,126,214,.24);border-radius:11px;background:#071426;color:var(--text);padding:11px;font:inherit;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.card input:focus,.card select:focus,.card textarea:focus{border-color:#4a7ced}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}.check-row input{width:auto!important}.compact{padding:10px!important}.gap-top{margin-top:8px}.task-card-stack{display:block}.task-top{display:flex;align-items:center;gap:10px}.task-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(91,126,214,.15)}.toggle-row{display:flex!important;grid-template-columns:1fr auto!important;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:8px 0;border-bottom:1px solid rgba(91,126,214,.12)}.toggle-row:last-child{border-bottom:none}.toggle-row input{width:20px!important;height:20px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);z-index:9999;max-width:88vw;padding:11px 15px;border-radius:12px;background:#0b1a31;border:1px solid var(--line);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.good{color:#7bec8e}.toast.bad{color:#ff8080}.good-box{color:#79e88b!important;border-color:rgba(87,217,110,.28)!important;background:rgba(39,132,68,.12)!important}.bad-box{color:#ff8989!important;border-color:rgba(255,103,103,.28)!important;background:rgba(160,41,41,.12)!important}.unread{border-color:rgba(111,157,253,.45)!important;box-shadow:inset 3px 0 0 #4f7de5}.ai-text{line-height:1.5}.task-main b,.card b{overflow-wrap:anywhere}

/* V32 Belge AI */
.ai-doc-card{margin-top:12px}.ai-preview{margin-top:10px;line-height:1.5;color:#d9e4f5;font-size:14px;max-height:210px;overflow:auto}select[multiple]{min-height:130px}input[type=file]{padding:11px;background:#071326;border:1px solid #20375e;border-radius:12px;color:#dce8ff;width:100%;box-sizing:border-box}.good-box{border-color:#277a55!important;color:#8ce0b5!important}.bad-box{border-color:#9b3940!important;color:#ff858a!important}

.logout-btn{margin-left:auto;border:1px solid rgba(111,157,253,.28);background:#0b1930;color:#eef4ff;border-radius:12px;padding:9px 13px;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.user-identity{min-width:0;flex:1}.user-role{display:none!important}

/* V36: account header shows name only */
.user-role,#userRole,.user .role,.user-identity .role{display:none!important;}
.task-card{cursor:pointer;}

/* V38 multi-assignee task controls */
.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.multi-check-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px;max-height:280px;overflow:auto}
.person-check{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035)}
.person-check input{width:20px;height:20px;flex:0 0 auto}
.person-check span{font-weight:600}


/* ==========================================================
   SEGREST V40 — PROTOTYPE-MATCHING MOBILE DASHBOARD
   ========================================================== */
body{padding:0!important;background:#020916!important;overflow-x:hidden}
.v40-app{min-height:100vh;background:radial-gradient(circle at 72% -10%,rgba(23,72,168,.28),transparent 34%),#020916}
.v40-main{min-height:100vh;width:100%;max-width:760px;margin:0 auto;padding:0 14px 28px}
.v40-topbar{height:88px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid rgba(84,133,230,.12)}
.hamburger{width:44px;height:44px;border:0;background:transparent;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:9px;cursor:pointer}
.hamburger span{display:block;width:26px;height:3px;border-radius:3px;background:#f2f6ff;box-shadow:0 0 9px rgba(89,143,255,.55)}
.top-brand .brand{font-size:12px!important;color:#5c94ff!important;margin:0!important}
.top-brand .logo{font-size:22px!important;margin:1px 0 0!important;line-height:1!important}
.top-user{display:flex;align-items:center;gap:9px;min-width:0}
.top-user .avatar{width:43px!important;height:43px!important;min-width:43px!important;font-size:14px!important;border-color:#3179f4!important;background:linear-gradient(145deg,#183c83,#0f244b)!important}
.top-user .avatar:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#39de71;border:2px solid #08162b;transform:translate(14px,14px)}
.top-user .avatar{position:relative}
.top-user .user-name{font-size:14px!important;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.drawer-shade{position:fixed;inset:0;background:rgba(0,5,15,.66);backdrop-filter:blur(2px);z-index:998;opacity:0;pointer-events:none;transition:.22s}
.drawer-shade.open{opacity:1;pointer-events:auto}
.side-drawer{position:fixed;z-index:999;top:0;left:0;bottom:0;width:min(82vw,330px);padding:36px 16px 24px;background:linear-gradient(180deg,#061a37,#031225 70%,#041a38);border-right:1px solid rgba(65,122,238,.28);box-shadow:20px 0 55px rgba(0,0,0,.45);transform:translateX(-102%);transition:.24s ease;display:flex;flex-direction:column}
.side-drawer.open{transform:translateX(0)}
.drawer-brand{padding:10px 24px 24px}.segrest-word{font-size:13px;letter-spacing:.42em;color:#6da2ff}.drawer-logo{font-size:24px;font-weight:800;margin-top:8px}
.drawer-menu{display:grid;gap:5px;overflow:auto;padding:4px 0 18px}
.drawer-menu a{min-height:53px;padding:0 17px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#cbd8ee;background:transparent;border:1px solid transparent}
.drawer-menu a.active{background:linear-gradient(90deg,#0b55c5,#154796);color:#fff;border-color:#2d7af2;box-shadow:0 0 28px rgba(35,104,232,.23)}
.drawer-menu .menu-left{gap:14px}.drawer-menu .icon{font-size:19px;width:30px;height:30px;background:transparent!important;color:#69a1ff}.drawer-menu .chev{font-size:20px}
.drawer-footer{margin-top:auto;text-align:center;letter-spacing:.28em;color:#a9bad8;font-size:10px;line-height:1.9;padding-top:20px;border-top:1px solid rgba(94,145,236,.2)}
.drawer-footer small{display:block;color:#5d90ea;margin-top:8px;letter-spacing:.22em}
#welcome,.quick,.hero{display:none!important}

.v40-welcome{position:relative;min-height:250px;border:1px solid #246fe0;border-radius:16px;overflow:hidden;margin-top:12px;padding:28px 31% 26px 22px;background:
linear-gradient(90deg,rgba(2,12,28,.90) 0%,rgba(2,12,28,.68) 48%,rgba(2,12,28,.45) 100%),
linear-gradient(0deg,rgba(1,9,20,.42),rgba(1,9,20,.1)),
url('/static/assets/segrest_dashboard_hero.jpg?v=70') center 54%/cover no-repeat}
.welcome-kicker{color:#68a0ff;font-size:12px;letter-spacing:.28em;margin-bottom:8px}.welcome-name{font-size:36px;font-weight:850;line-height:1.02}.welcome-desc{font-size:16px;line-height:1.35;margin-top:9px;color:#f1f5fd}.welcome-sub{position:absolute;left:22px;bottom:22px;font-size:12px;color:#b8c8e2;max-width:48%}
.welcome-quote{position:absolute;right:16px;top:22px;width:27%;font-size:13px;line-height:1.35;color:#f5f7fb}.welcome-quote span{display:block;margin-top:19px;color:#8aa1c5;font-size:9px;letter-spacing:.32em}
.v40-meta{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aebfda;font-size:12px;border-bottom:1px solid rgba(79,126,210,.12)}
.v40-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.v40-stat-card{position:relative;text-align:left;min-height:154px;padding:15px 14px;border-radius:15px;border:1px solid rgba(66,126,234,.32);background:linear-gradient(145deg,#07162c,#061328);color:#f4f7ff;cursor:pointer;box-shadow:none}
.stat-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:800}.stat-icon.blue{background:#123a7b;color:#72a7ff}.stat-icon.red{background:#5b202c;color:#ff686e}.stat-icon.amber{background:#5a4212;color:#ffc341}.stat-icon.green{background:#153e2b;color:#57e779}
.stat-name{position:absolute;left:65px;top:20px;font-size:13px;font-weight:750}.stat-value{font-size:34px;font-weight:850;margin-top:12px}.stat-note{font-size:11px;color:#8fa5c8;margin-top:1px}.stat-arrow,.row-chev{position:absolute;right:13px;top:13px;font-size:25px;color:#c8d7ef}
.v40-panel{margin-top:10px;border:1px solid rgba(67,127,235,.30);border-radius:15px;background:linear-gradient(160deg,#07172d,#061326);overflow:hidden}
.v40-panel-head{min-height:47px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(82,126,208,.13);font-size:13px}.v40-panel-head a{color:#5e99ff;text-decoration:none;font-size:11px}
.v40-list-row{position:relative;min-height:70px;margin:0 10px;padding:11px 45px 10px 52px;border-bottom:1px solid rgba(80,122,198,.13);cursor:pointer}.v40-list-row:last-child{border-bottom:0}.list-badge{position:absolute;left:7px;top:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800}.list-badge.red{background:#54202a;color:#ff7377}.list-badge.amber{background:#524012;color:#ffc640}.list-badge.green{background:#173d29;color:#5fe278}.list-badge.blue{background:#123772;color:#7da9ff}
.list-main{display:grid;gap:3px}.list-main b{font-size:12px}.list-main span{font-size:10px;color:#88a0c7}.list-tag{position:absolute;right:34px;top:21px;border-radius:14px;padding:5px 11px;font-size:10px}.list-tag.red{color:#ff777b;background:#4a1e29}.list-tag.amber{color:#ffc94b;background:#463610}.list-tag.green{color:#64df7a;background:#153922}.list-tag.blue{color:#77aaff;background:#102f65}.row-chev{top:21px;right:11px;font-size:18px}
.v40-activity{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;min-height:61px;margin:0 10px;border-bottom:1px solid rgba(80,122,198,.13);cursor:pointer}.v40-activity:last-child{border-bottom:0}.v40-activity i{width:9px;height:9px;border-radius:50%;background:#41e16a;box-shadow:0 0 10px rgba(65,225,106,.48)}.v40-activity div{display:grid;gap:2px}.v40-activity b{font-size:11px}.v40-activity span,.v40-activity time{font-size:9px;color:#8fa5c8}.v40-empty{padding:18px;color:#8fa5c8;font-size:11px}
.v40-ai-strip{position:relative;display:grid;grid-template-columns:48px 1fr 20px;gap:10px;align-items:center;min-height:90px;padding:13px 16px;margin-top:11px;border:1px solid #1763d6;border-radius:15px;background:radial-gradient(circle at 80% 100%,rgba(25,83,190,.32),transparent 40%),linear-gradient(145deg,#07182e,#06132a);cursor:pointer}.ai-strip-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0f3675}.v40-ai-strip b{font-size:13px}.v40-ai-strip #v40AIText{font-size:10px;color:#9bb1d4;line-height:1.4;margin-top:4px}.v40-ai-strip .stat-arrow{position:static;font-size:25px}
@media(min-width:900px){.side-drawer{transform:none;position:fixed;width:300px}.drawer-shade{display:none}.v40-main{margin-left:300px;max-width:760px}.hamburger{visibility:hidden}}
@media(max-width:380px){.v40-main{padding-left:10px;padding-right:10px}.welcome-name{font-size:31px}.welcome-desc{font-size:14px}.v40-welcome{padding-left:17px;min-height:235px}.stat-name{font-size:12px}.stat-value{font-size:30px}}


/* ==========================================================
   SEGREST V40.0 REFINEMENT — COMPACT SPLIT DRAWER
   ========================================================== */
.v40-main{
  transition:transform .28s ease,width .28s ease,filter .28s ease;
  transform-origin:top left;
}
@media(max-width:899px){
  .side-drawer{
    width:36vw;
    min-width:138px;
    max-width:174px;
    padding:23px 8px 18px;
    box-shadow:13px 0 36px rgba(0,0,0,.38);
  }
  .drawer-brand{padding:7px 10px 18px}
  .segrest-word{font-size:9px;letter-spacing:.30em}
  .drawer-logo{font-size:16px;margin-top:5px}
  .drawer-menu{gap:2px}
  .drawer-menu a{
    min-height:42px;
    padding:0 9px;
    border-radius:10px;
    font-size:10px;
  }
  .drawer-menu .menu-left{gap:6px}
  .drawer-menu .icon{
    width:22px;height:22px;font-size:14px;
  }
  .drawer-menu .chev{display:none}
  .drawer-footer{
    padding-top:11px;
    font-size:7px;
    letter-spacing:.20em;
    line-height:1.6;
  }
  .drawer-footer small{font-size:6px;margin-top:5px}
  .drawer-shade.open{
    background:rgba(0,5,15,.14);
    backdrop-filter:none;
  }

  body.drawer-open{
    overflow:hidden;
  }
  body.drawer-open .v40-main{
    width:131.5%;
    transform:translateX(36vw) scale(.76);
    max-width:none;
    margin:0;
    filter:saturate(.96);
  }
  body.drawer-open .v40-topbar{
    height:78px;
  }
  body.drawer-open .top-brand .brand{font-size:10px!important}
  body.drawer-open .top-brand .logo{font-size:19px!important}
  body.drawer-open .top-user .user-name{font-size:12px!important}
  body.drawer-open .top-user .avatar{
    width:37px!important;height:37px!important;min-width:37px!important;font-size:12px!important
  }
  body.drawer-open .v40-welcome{min-height:224px}
  body.drawer-open .welcome-name{font-size:31px}
  body.drawer-open .welcome-desc{font-size:14px}
  body.drawer-open .welcome-kicker{font-size:10px}
  body.drawer-open .welcome-sub,
  body.drawer-open .welcome-quote{font-size:10px}
  body.drawer-open .v40-meta{font-size:10px}
  body.drawer-open .v40-stat-card{min-height:136px}
  body.drawer-open .stat-name{font-size:11px}
  body.drawer-open .stat-value{font-size:29px}
  body.drawer-open .stat-note{font-size:9px}
  body.drawer-open .v40-panel-head{font-size:11px}
  body.drawer-open .v40-list-row{min-height:62px}
  body.drawer-open .list-main b{font-size:10px}
  body.drawer-open .list-main span{font-size:8px}
  body.drawer-open .v40-activity{min-height:53px}
  body.drawer-open .v40-activity b{font-size:10px}
  body.drawer-open .v40-activity span,
  body.drawer-open .v40-activity time{font-size:8px}
  body.drawer-open .v40-ai-strip{min-height:78px}
}


/* ==========================================================
   SEGREST V40.1 — COMPACT HOME + VISIBLE AI BRIEF
   ========================================================== */
body{overflow-y:auto!important}
.v40-main{padding-bottom:54px!important}

/* Karşılama/isim kutusu: V40.0'a göre yaklaşık yarı yükseklik */
.v40-welcome{
  min-height:132px!important;
  height:132px!important;
  padding:16px 29% 13px 17px!important;
  margin-top:8px!important;
  background-position:center 58%!important;
}
.welcome-kicker{font-size:9px!important;margin-bottom:4px!important}
.welcome-name{font-size:28px!important}
.welcome-desc{
  font-size:12px!important;
  line-height:1.28!important;
  margin-top:5px!important;
  max-width:70%!important;
}
.welcome-sub{
  display:none!important;
}
.welcome-quote{
  right:10px!important;
  top:14px!important;
  width:27%!important;
  font-size:9px!important;
  line-height:1.28!important;
}
.welcome-quote span{font-size:6px!important;margin-top:8px!important}
.v40-meta{min-height:38px!important;font-size:10px!important}

/* Üstteki dört kutu daha kompakt */
.v40-stat-grid{gap:7px!important;margin-top:7px!important}
.v40-stat-card{
  min-height:105px!important;
  height:105px!important;
  padding:10px 10px!important;
  border-radius:12px!important;
}
.stat-icon{
  width:31px!important;height:31px!important;
  font-size:14px!important;
}
.stat-name{
  left:48px!important;
  top:13px!important;
  font-size:10px!important;
}
.stat-value{
  font-size:27px!important;
  margin-top:8px!important;
  line-height:1!important;
}
.stat-note{
  font-size:8px!important;
  max-width:78%!important;
  margin-top:3px!important;
}
.v40-stat-card .stat-arrow{
  top:8px!important;right:8px!important;font-size:18px!important;
}

/* Alt bölümler eski sürümdeki gibi daha ferah, okunur ve aşağı doğru devam eder */
.v40-panel-classic{
  margin-top:11px!important;
  border-radius:14px!important;
  background:#07172d!important;
}
.v40-panel-classic .v40-panel-head{
  min-height:49px!important;
  padding:0 15px!important;
  font-size:13px!important;
}
.v40-panel-classic .v40-panel-head a{font-size:11px!important}
.v40-panel-classic .v40-list-row{
  min-height:73px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.v40-panel-classic .list-main b{font-size:12px!important}
.v40-panel-classic .list-main span{font-size:10px!important}
.v40-panel-classic .v40-activity{
  min-height:64px!important;
}
.v40-panel-classic .v40-activity b{font-size:11px!important}
.v40-panel-classic .v40-activity span,
.v40-panel-classic .v40-activity time{font-size:9px!important}

/* AI özeti artık ana ekranda tam metin olarak görünür */
.v40-ai-card{
  margin-top:11px;
  border:1px solid rgba(67,127,235,.34);
  border-radius:14px;
  background:#07172d;
  padding:15px;
}
.v40-ai-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}
.v40-ai-head>div{display:flex;align-items:center;gap:9px}
.v40-ai-icon{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#123772;
}
.v40-ai-head b{font-size:13px}
.v40-ai-text{
  font-size:12px;
  line-height:1.55;
  color:#dce7f8;
  background:#081a34;
  border:1px solid rgba(84,134,222,.18);
  border-radius:11px;
  padding:13px;
  min-height:56px;
}
.v40-ai-more{
  display:block;
  margin-top:10px;
  text-decoration:none;
  color:#68a0ff;
  font-size:10px;
  text-align:right;
}

/* Menü açıkken de yeni kompakt ana ekran dengeli kalsın */
@media(max-width:899px){
  body.drawer-open .v40-welcome{
    min-height:118px!important;
    height:118px!important;
  }
  body.drawer-open .welcome-name{font-size:24px!important}
  body.drawer-open .welcome-desc{font-size:10px!important}
  body.drawer-open .v40-stat-card{
    min-height:92px!important;
    height:92px!important;
  }
  body.drawer-open .stat-value{font-size:23px!important}
  body.drawer-open .v40-panel-classic .v40-list-row{min-height:61px!important}
  body.drawer-open .v40-panel-classic .v40-activity{min-height:55px!important}
  body.drawer-open .v40-ai-text{font-size:10px!important}
}


/* ==========================================================
   SEGREST V40.2 — HERO COPY + DRAWER LOGOUT REFINEMENT
   ========================================================== */

/* Hero typography follows the selected prototype */
.v40-welcome{
  min-height:146px!important;
  height:146px!important;
  padding:17px 30% 15px 18px!important;
}
.welcome-kicker{
  font-size:10px!important;
  letter-spacing:.27em!important;
  margin-bottom:5px!important;
}
.welcome-name{
  font-size:31px!important;
  line-height:1.02!important;
  letter-spacing:-.02em!important;
}
.welcome-desc{
  font-size:14px!important;
  line-height:1.42!important;
  margin-top:8px!important;
  max-width:67%!important;
  color:#f2f5fb!important;
}
.welcome-sub{display:none!important}
.welcome-quote{
  right:12px!important;
  top:17px!important;
  width:26%!important;
  font-size:11px!important;
  line-height:1.45!important;
  color:#f3f6fc!important;
}
.welcome-quote span{display:none!important}

/* Logout sits visually separated under the menu */
.drawer-logout-wrap{
  margin:14px 0 8px;
  padding-top:14px;
  border-top:1px solid rgba(112,146,202,.18);
}
.drawer-logout{
  width:100%;
  min-height:45px;
  border:1px solid rgba(255,86,98,.42);
  border-radius:11px;
  background:linear-gradient(90deg,rgba(118,25,38,.72),rgba(72,20,31,.70));
  color:#ff7b83;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:750;
  font-size:11px;
  cursor:pointer;
  box-shadow:0 0 20px rgba(150,30,47,.12);
}
.drawer-logout:active{transform:scale(.985)}
.drawer-footer{
  margin-top:auto!important;
  border-top:0!important;
  padding-top:12px!important;
}
.drawer-footer small{
  display:block!important;
  margin:0!important;
  color:#6f9ef2!important;
  font-size:8px!important;
  letter-spacing:.22em!important;
}

/* When drawer is open, keep the compact split-view balanced */
@media(max-width:899px){
  body.drawer-open .v40-welcome{
    min-height:128px!important;
    height:128px!important;
  }
  body.drawer-open .welcome-kicker{font-size:8px!important}
  body.drawer-open .welcome-name{font-size:26px!important}
  body.drawer-open .welcome-desc{font-size:11px!important}
  body.drawer-open .welcome-quote{font-size:8px!important}
  body.drawer-open .drawer-logout{min-height:38px;font-size:9px}
}

/* =========================
   V41 SIMPRA SATIŞ & CİRO
   ========================= */
.sales-connection{margin:10px 0;padding:12px 14px;border:1px solid rgba(70,125,225,.28);border-radius:12px;background:#07162b;font-size:11px;line-height:1.45}
.sales-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}
.sales-tabs button{border:1px solid rgba(70,125,225,.22);background:#071326;color:#9cafcf;border-radius:10px;padding:10px 4px;font-size:10px}
.sales-tabs button.active{background:#123b7b;color:#fff;border-color:#367ff0}
.sales-filter-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sales-filter-row select{max-width:54%;background:#09172b;color:#edf4ff;border:1px solid rgba(79,132,225,.28);border-radius:10px;padding:9px 10px;font-size:10px}
.sales-period{font-size:10px;color:#8fa5c8;margin:7px 0}
.sales-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sales-kpi{min-height:94px;border:1px solid rgba(73,128,230,.26);border-radius:12px;background:linear-gradient(145deg,#07172d,#061226);padding:11px;display:flex;flex-direction:column;justify-content:center}
.sales-kpi.hero{background:linear-gradient(145deg,#0b704a,#0b513e);border-color:rgba(66,228,160,.35)}
.sales-kpi span{font-size:9px;color:#9eb1d0}.sales-kpi b{font-size:20px;margin:5px 0;color:#fff}.sales-kpi small{font-size:8px;color:#afbfda}
.sales-section{margin-top:10px;border:1px solid rgba(70,125,225,.26);border-radius:13px;background:#07162b;overflow:hidden}
.sales-section-head{height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(80,124,201,.13);font-size:11px}.sales-section-head span{font-size:8px;color:#8198bf}
.sales-center-row,.sales-product-row{min-height:57px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:0 11px;border-bottom:1px solid rgba(77,118,192,.12)}
.sales-center-row:last-child,.sales-product-row:last-child{border-bottom:0}.sales-center-row div,.sales-product-row div{display:grid;gap:2px}.sales-center-row b,.sales-product-row b{font-size:10px}.sales-center-row span,.sales-product-row span{font-size:8px;color:#8299c0}.sales-center-row strong,.sales-product-row strong{font-size:10px}
.sales-product-row{grid-template-columns:27px 1fr auto}.sales-product-row i{width:23px;height:23px;border-radius:50%;background:#12356b;color:#79a8ff;display:grid;place-items:center;font-style:normal;font-size:9px}.sales-product-row.low i{background:#4c3510;color:#ffc34a}
.sales-ai-card{margin-top:11px;padding:14px;border:1px solid rgba(85,139,235,.32);border-radius:13px;background:linear-gradient(145deg,#07172d,#061328)}
.sales-ai-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sales-ai-head b{font-size:12px}.sales-ai-text{margin-top:11px;padding:12px;border-radius:10px;background:#081a34;color:#dce8fb;font-size:10px;line-height:1.55;min-height:55px}

/* ==========================================================
   SEGREST V41.1 — SIMPRA SALES INTELLIGENCE
   ========================================================== */
.sales-analysis-controls{margin:10px 0;padding:13px;border:1px solid rgba(80,132,224,.28);border-radius:13px;background:#07162b}
.sales-control-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.sales-control-title b{font-size:11px}.sales-control-title span{font-size:8px;color:#8098c0}
.sales-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.sales-control-grid.one{grid-template-columns:1fr}
.sales-control-grid label,.sales-wide-label{display:grid;gap:5px;font-size:8px;color:#8ea5c8}
.sales-control-grid input,.sales-control-grid select,.sales-wide-label input{width:100%;box-sizing:border-box;background:#09182d;color:#eef5ff;border:1px solid rgba(82,135,226,.28);border-radius:9px;padding:10px;font-size:10px;min-height:38px}
.sales-wide-label{margin:8px 0}.sales-data-warning{margin:8px 0;padding:10px 12px;border:1px solid rgba(237,171,55,.35);border-radius:10px;background:rgba(105,70,12,.22);color:#ffd68a;font-size:9px;line-height:1.45}
.sales-insights{margin:9px 0;border:1px solid rgba(64,164,225,.28);border-radius:13px;background:#071a31;overflow:hidden}.sales-insight-row{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;padding:10px 12px;border-top:1px solid rgba(75,124,196,.12);font-size:10px;line-height:1.45}.sales-insight-row i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#123b73;color:#8bb6ff;font-style:normal;font-size:9px}
.sales-campaign-form{padding:12px}.sales-campaign-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-top:1px solid rgba(77,118,192,.12)}.sales-campaign-row>div:first-child{display:grid;gap:4px}.sales-campaign-row b{font-size:10px}.sales-campaign-row span{font-size:8px;color:#849bc0;line-height:1.45}.sales-campaign-actions{display:flex;gap:5px;flex-direction:column}.mini-btn.danger{border-color:rgba(255,91,105,.38);color:#ff8791}
@media(max-width:420px){.sales-control-grid{grid-template-columns:1fr 1fr}.sales-kpi b{font-size:17px}.sales-campaign-row{grid-template-columns:1fr}.sales-campaign-actions{flex-direction:row}}

/* V41.1.1 sales intelligence UX */
.sales-analysis-toggle{width:100%;margin:10px 0 8px;padding:12px 14px;border:1px solid rgba(82,135,226,.32);border-radius:12px;background:#09182d;color:#eef5ff;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:space-between;text-align:left}
.sales-analysis-toggle span{font-size:15px;color:#82a9ef}
.sales-analysis-controls[hidden]{display:none!important}
.sales-period-card{display:grid;gap:8px;margin:9px 0 11px;padding:11px 12px;border:1px solid rgba(82,135,226,.26);border-radius:12px;background:#07172c}
.sales-period-card>div{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid rgba(82,135,226,.13)}
.sales-period-card>div:last-child{padding-bottom:0;border-bottom:0}
.sales-period-card span{font-size:8px;color:#8098c0;text-transform:uppercase;letter-spacing:.04em}
.sales-period-card b{font-size:10px;color:#eef5ff}
.sales-period-card small{font-size:8px;color:#65a0ff}

/* SEGREST V41.3 — GM Assistant / Strategic AI */
.v413-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px 4px 10px}
.v413-kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:#7da7ff;margin-bottom:6px}
.v413-hero h1{font-size:28px;line-height:1.08;margin:0 0 8px;color:#f5f7fb}
.v413-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.45;max-width:310px}
.v413-icon-btn{width:42px;height:42px;border:1px solid var(--border);border-radius:14px;background:#111a29;color:#dce6f8;font-size:22px}
.v413-section{margin-top:18px}
.v413-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}
.v413-section-head span{display:block;color:#7f8ca3;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-bottom:3px}
.v413-section-head h2{font-size:19px;line-height:1.2;margin:0;color:#eef2f9}
.v413-section-head a{font-size:12px;color:#8bb2ff;text-decoration:none;white-space:nowrap}
.v413-priority-list{display:grid;gap:9px}
.v413-priority{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:14px;border:1px solid #263149;border-radius:18px;background:linear-gradient(180deg,#111827,#0d1421)}
.v413-priority.critical{border-color:#59313c;background:linear-gradient(180deg,#1d151b,#11131c)}
.v413-priority.warning{border-color:#5c4a29;background:linear-gradient(180deg,#1d1a12,#11151d)}
.v413-priority.positive{border-color:#244e42;background:linear-gradient(180deg,#11201d,#10161d)}
.v413-priority-num{font-size:13px;font-weight:900;color:#72819c;background:#172033;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}
.v413-priority.critical .v413-priority-num{color:#ff8fa0;background:#351c25}.v413-priority.warning .v413-priority-num{color:#ffc76e;background:#332817}.v413-priority.positive .v413-priority-num{color:#73dfa8;background:#18342b}
.v413-priority-area{font-size:10px;color:#8390a6;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:3px}
.v413-priority-copy>b{display:block;color:#f4f6fa;font-size:15px;line-height:1.3}
.v413-priority-copy p{margin:5px 0 7px;color:#9ba8ba;font-size:12px;line-height:1.4}
.v413-priority-copy a{font-size:12px;color:#8eb4ff;text-decoration:none;font-weight:700}
.v413-loading{padding:18px;border:1px solid var(--border);border-radius:16px;color:var(--muted);background:#101722}
.v413-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.v413-summary-card{border:1px solid #263149;border-radius:18px;background:#101722;color:#f1f5fb;padding:14px;text-align:left;min-width:0}
.v413-card-top{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;font-size:12px;color:#aeb8c8;font-weight:700}
.v413-card-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:16px;font-weight:900}.v413-card-icon.sales{background:#223a2f;color:#71e3a2}.v413-card-icon.ops{background:#1e3155;color:#8cb3ff}
.v413-big{font-size:21px;font-weight:850;margin:14px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v413-trend{font-size:11px;color:#8491a6;min-height:30px;line-height:1.3}.v413-trend.up{color:#69d49c}.v413-trend.down{color:#ff8a98}
.v413-mini{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #202b3d;margin-top:10px;padding-top:10px;font-size:10px;color:#7f8ba0}.v413-mini b{display:block;color:#dfe7f4;font-size:11px;margin-top:2px}
.v413-opline{display:flex;align-items:baseline;gap:6px;margin:12px 0 8px}.v413-opline strong{font-size:28px}.v413-opline span{font-size:12px;color:#9aa5b6}
.v413-question-list{display:grid;gap:8px}
.v413-question-list button,.v413-ask-main{width:100%;border:1px solid #27334a;border-radius:16px;background:#111927;color:#eef3fb;display:grid;grid-template-columns:32px 1fr 18px;gap:8px;align-items:center;text-align:left;padding:12px 13px}
.v413-question-list button>span,.v413-ask-main>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#2a2148;color:#c8aaff;font-size:15px}.v413-question-list p{margin:0;font-size:13px;line-height:1.35}.v413-question-list b,.v413-ask-main>strong{color:#68758c;font-size:20px}
.v413-ask-main{margin-top:9px;background:linear-gradient(180deg,#171d2c,#111724);grid-template-columns:32px 1fr 18px}.v413-ask-main b{display:block;font-size:13px}.v413-ask-main small{display:block;color:#7f8ba0;font-size:10px;margin-top:2px;line-height:1.3}
.v413-note{display:flex;gap:10px;border:1px solid #202c40;background:#0d1420;border-radius:16px;padding:13px;margin:18px 0 8px}.v413-note>span{font-size:20px}.v413-note b{font-size:12px}.v413-note p{font-size:11px;color:#8390a4;margin:4px 0 0;line-height:1.4}
@media(max-width:360px){.v413-summary-grid{grid-template-columns:1fr}.v413-hero h1{font-size:24px}}


/* V41.4 — GM Assistant appended below the classic home */
.v414-assistant-wrap{margin-top:26px;padding-top:24px;border-top:1px solid rgba(142,163,195,.18)}
.v414-assistant-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 22px}
.v414-assistant-title span{font-size:12px;font-weight:900;letter-spacing:.22em;color:#79a8ff}
.v414-assistant-title h2{font-size:29px;margin:6px 0 5px}.v414-assistant-title p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.v414-open-detail{display:inline-block;margin-top:12px;color:#8db5ff;font-weight:800}
.v413-priority{cursor:pointer}.v414-qhead{margin-top:26px}
.v413-trend.neutral{color:var(--muted)}
#gmDetailBody h2{margin-top:0}.timeline-row{cursor:pointer}

/* V41.5 Smart Sales */
.sales-smart-compare{margin:14px 0;padding:14px;border:1px solid #243b5d;border-radius:18px;background:#091629}.sales-smart-buttons{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:3px}.sales-smart-buttons button{flex:0 0 auto;border:1px solid #315486;background:#102443;color:#dce9ff;border-radius:999px;padding:10px 13px;font-weight:700}.sales-kpi-grid a.sales-kpi{text-decoration:none;color:inherit;display:block;cursor:pointer}.sales-kpi-grid a.sales-kpi:active{transform:scale(.99)}


/* V41.6 Strategic Sales KPI system */
.sales-kpi-grid-v416{gap:12px!important}
.sales-kpi-v416{min-height:172px!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(145deg,#081a31,#07172b)!important;border:1px solid rgba(54,120,224,.48)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden;box-shadow:inset 0 0 24px rgba(14,63,128,.08)}
.sales-kpi-v416.hero{grid-column:1/-1;min-height:158px!important;background:linear-gradient(145deg,#09233b,#08182e)!important}
.sales-kpi-top{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%}
.sales-kpi-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:23px;background:#143a75;color:#8ebcff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.sales-kpi-icon.green,.sales-kpi-icon.mint{background:rgba(18,105,72,.55);color:#69efae}.sales-kpi-icon.amber{background:rgba(112,75,15,.6);color:#ffc14f}.sales-kpi-icon.purple{background:rgba(82,37,130,.62);color:#c184ff}.sales-kpi-icon.rose{background:rgba(124,35,68,.58);color:#ff7fa9}.sales-kpi-icon.red{background:rgba(130,34,40,.58);color:#ff6670}.sales-kpi-icon.slate{background:rgba(83,99,124,.58);color:#d7e3f7}
.sales-kpi-title{font-size:14px!important;font-weight:800;color:#b8c9e6!important;white-space:normal}.sales-kpi-link{font-size:11px!important;color:#5f9eff!important;white-space:nowrap}
.sales-kpi-value{font-size:31px!important;line-height:1.05!important;margin:14px 0 11px 54px!important;color:#fff!important;letter-spacing:-.02em;white-space:normal;overflow-wrap:anywhere}
.sales-kpi-meta{margin-left:54px;display:flex;align-items:center;gap:8px;min-height:29px;color:#a9bcda;font-size:10px;line-height:1.35}.sales-kpi-meta.stacked{flex-direction:column;align-items:flex-start;gap:6px}
.sales-delta{padding:5px 8px;border-radius:9px;font-weight:800}.sales-delta.up{background:rgba(23,116,82,.35);color:#65e5a5}.sales-delta.down{background:rgba(134,42,58,.32);color:#ff7184}.sales-delta.neutral{background:rgba(40,90,140,.35);color:#83b4ff}.sales-data-pill{padding:6px 9px;border-radius:9px;background:rgba(50,91,145,.26);border:1px solid rgba(95,145,215,.18)}
.sales-kpi-foot{margin-top:auto;padding-top:10px;border-top:1px solid rgba(91,132,193,.22);color:#8299bd;font-size:9px;line-height:1.3}
.sales-ai-presets{display:flex;gap:7px;margin:12px 0 6px}.sales-ai-presets button,.sales-ai-actionbar button{border:1px solid rgba(83,136,228,.36);background:#0d2341;color:#d8e8ff;border-radius:999px;padding:8px 12px;font-weight:750;font-size:9px}.sales-ai-actionbar{margin-top:13px;padding-top:11px;border-top:1px solid rgba(83,136,228,.18)}
.sales-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.sales-detail-actions a{text-decoration:none;text-align:center;display:grid;place-items:center}
@media(max-width:420px){.sales-kpi-v416{min-height:166px!important;padding:13px!important}.sales-kpi-top{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.sales-kpi-icon{width:38px;height:38px;border-radius:11px;font-size:19px}.sales-kpi-title{font-size:12px!important}.sales-kpi-link{font-size:9px!important}.sales-kpi-value{font-size:25px!important;margin-left:46px!important}.sales-kpi-meta{margin-left:46px;font-size:9px}.sales-kpi-foot{font-size:8px}}

/* V41.6.1 — Compact KPI cards + mobile hierarchy */
.sales-kpi-grid-v416{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sales-kpi-v416,.sales-kpi-v416.hero{
  grid-column:auto!important;
  min-height:96px!important;
  padding:10px!important;
  border-radius:15px!important;
  justify-content:flex-start!important;
}
.sales-kpi-top{grid-template-columns:32px minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important}
.sales-kpi-icon{width:32px!important;height:32px!important;border-radius:10px!important;font-size:15px!important}
.sales-kpi-title{font-size:10.5px!important;line-height:1.15!important;font-weight:800!important}
.sales-kpi-link{font-size:8.5px!important;line-height:1!important}
.sales-kpi-value{
  font-size:21px!important;
  line-height:1!important;
  margin:9px 0 5px 39px!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.sales-kpi-meta{
  margin-left:39px!important;
  min-height:18px!important;
  gap:5px!important;
  font-size:7.8px!important;
  line-height:1.15!important;
  flex-wrap:wrap!important;
}
.sales-kpi-meta.stacked{gap:3px!important}
.sales-delta{padding:3px 5px!important;border-radius:7px!important;font-size:7.5px!important}
.sales-data-pill{padding:3px 5px!important;border-radius:7px!important;font-size:7.2px!important}
.sales-kpi-foot{display:none!important}
@media(max-width:420px){
  .sales-kpi-grid-v416{gap:7px!important}
  .sales-kpi-v416,.sales-kpi-v416.hero{min-height:92px!important;padding:9px!important;border-radius:14px!important}
  .sales-kpi-top{grid-template-columns:30px minmax(0,1fr) auto!important;gap:6px!important}
  .sales-kpi-icon{width:30px!important;height:30px!important;border-radius:9px!important;font-size:14px!important}
  .sales-kpi-title{font-size:9.5px!important}.sales-kpi-link{font-size:7.5px!important}
  .sales-kpi-value{font-size:19px!important;margin:8px 0 4px 36px!important}
  .sales-kpi-meta{margin-left:36px!important;font-size:7.2px!important;min-height:16px!important}
}

/* ==========================================================
   SEGREST V41.7 — DESKTOP RESPONSIVE EXPERIENCE
   Same product, same data, desktop-first layout at >= 1000px
   ========================================================== */
@media (min-width:1000px){
  html,body{min-width:1000px;background:#020916!important}
  body{overflow-x:hidden!important}
  .v40-app{min-height:100vh;background:radial-gradient(circle at 78% -5%,rgba(24,78,181,.22),transparent 34%),#020916}

  /* Persistent desktop navigation */
  .side-drawer{
    width:264px!important;min-width:264px!important;max-width:264px!important;
    transform:none!important;position:fixed!important;inset:0 auto 0 0!important;
    padding:26px 14px 20px!important;border-right:1px solid rgba(78,133,232,.22)!important;
    box-shadow:14px 0 44px rgba(0,0,0,.26)!important;
  }
  .drawer-shade{display:none!important}
  .drawer-brand{padding:8px 16px 22px!important}
  .segrest-word{font-size:11px!important;letter-spacing:.35em!important}
  .drawer-logo{font-size:21px!important;margin-top:7px!important}
  .drawer-menu{gap:3px!important;padding-right:2px!important}
  .drawer-menu a{min-height:46px!important;padding:0 12px!important;border-radius:11px!important;font-size:12px!important}
  .drawer-menu .menu-left{gap:10px!important}
  .drawer-menu .icon{width:27px!important;height:27px!important;font-size:16px!important}
  .drawer-menu .chev{font-size:17px!important}
  .drawer-logout{min-height:42px!important;font-size:10px!important}

  /* Wide working canvas */
  .v40-main{
    margin-left:264px!important;max-width:none!important;width:calc(100% - 264px)!important;
    padding:0 30px 54px!important;transform:none!important;
  }
  .v40-topbar{
    position:sticky;top:0;z-index:90;height:78px!important;
    grid-template-columns:1fr auto!important;gap:18px!important;
    background:linear-gradient(180deg,rgba(2,9,22,.97),rgba(2,9,22,.90));
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  }
  .hamburger{display:none!important}
  .top-brand .brand{font-size:11px!important}
  .top-brand .logo{font-size:20px!important}
  .top-user .user-name{font-size:13px!important;max-width:220px!important}
  .top-user .avatar{width:39px!important;height:39px!important;min-width:39px!important;font-size:12px!important}
  #content{width:100%;max-width:1480px;margin:0 auto;padding-top:12px}

  /* Classic GM home: dense desktop dashboard */
  .v40-welcome{
    min-height:170px!important;height:170px!important;margin-top:4px!important;border-radius:18px!important;
    padding:25px 30% 22px 28px!important;background-position:center 54%!important;
  }
  .welcome-kicker{font-size:10px!important}.welcome-name{font-size:38px!important}
  .welcome-desc{font-size:15px!important;max-width:58%!important;margin-top:7px!important}
  .welcome-quote{right:26px!important;top:28px!important;width:25%!important;font-size:13px!important;line-height:1.55!important}
  .v40-meta{min-height:44px!important;font-size:11px!important}
  .v40-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important}
  .v40-stat-card{min-height:132px!important;padding:14px 15px!important;border-radius:16px!important}
  .stat-icon{width:38px!important;height:38px!important;font-size:16px!important}.stat-name{left:62px!important;top:18px!important;font-size:12px!important}
  .stat-value{font-size:31px!important;margin-top:10px!important}.stat-note{font-size:10px!important}
  .v40-panel{border-radius:16px!important}.v40-panel-head{min-height:46px!important;padding:0 16px!important}
  .v40-list-row{min-height:66px!important}.v40-activity{min-height:58px!important}
  .v40-ai-card{border-radius:16px!important}

  /* General pages */
  .page-title{font-size:31px!important;margin-bottom:18px!important}.kicker{font-size:12px!important}
  .head-row{align-items:center!important;margin-top:4px!important}
  .card{border-radius:16px!important;padding:17px!important;margin-bottom:12px!important}
  .grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
  .form-grid>label:has(textarea),.form-grid>.subcard,.form-grid>.btn-primary,.form-grid>.check-row,.form-grid>div:not(.grid2){grid-column:1/-1}
  .multi-check-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-height:360px!important}
  .filter-grid{grid-template-columns:2fr 1fr!important}

  /* Sales: use wide desktop space without making cards huge */
  .sales-tabs{grid-template-columns:repeat(4,minmax(120px,1fr))!important;max-width:720px!important}
  .sales-kpi-grid-v416{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  .sales-kpi-v416,.sales-kpi-v416.hero{min-height:112px!important;padding:12px!important}
  .sales-kpi-title{font-size:11px!important}.sales-kpi-link{font-size:8px!important}
  .sales-kpi-value{font-size:23px!important;margin:10px 0 6px 40px!important}
  .sales-kpi-meta{margin-left:40px!important;font-size:8px!important}
  .sales-analysis-controls{padding:16px!important}.sales-control-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sales-smart-buttons{flex-wrap:wrap!important;overflow:visible!important}
  .sales-detail-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}

  /* Lists/tables read better on desktop */
  .task-card-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
  .task-card-stack>.card,.task-card-stack>.task-card{margin-bottom:0!important}
  .sales-center-row,.sales-product-row{min-height:52px!important}
  .timeline-row{min-height:50px!important}

  /* GM Assistant desktop */
  .v414-assistant-wrap{margin-top:34px!important;padding-top:30px!important}
  .v414-assistant-title h2{font-size:31px!important}
  .v413-priority-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
  .v413-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (min-width:1400px){
  .v40-main{padding-left:38px!important;padding-right:38px!important}
  .sales-kpi-grid-v416{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* ==========================================================
   SEGREST V41.7.1 — FULL DESKTOP RESPONSIVE / LEGACY PAGES
   Admin, tasks, procurement, attendance, performance, etc.
   Mobile layout is untouched below 1000px.
   ========================================================== */
@media (min-width:1000px){
  body:has(.mobile-page){padding:0 28px 48px 292px!important;overflow-x:hidden!important;background:radial-gradient(circle at 82% 0%,rgba(40,91,210,.16),transparent 32%),linear-gradient(180deg,#020814 0%,#051020 100%)!important}
  .mobile-page{max-width:1480px!important;width:100%!important;margin:0 auto!important;padding-top:18px!important}
  .mobile-page>.hero{min-height:76px!important;border-radius:16px!important;padding:12px 18px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:14px!important;background:linear-gradient(145deg,rgba(8,20,38,.94),rgba(6,16,33,.94))!important}
  .mobile-page>.hero .brand{font-size:9px!important;letter-spacing:.18em!important;margin:0!important;white-space:nowrap!important}
  .mobile-page>.hero .logo{font-size:18px!important;margin:0 20px 0 0!important;white-space:nowrap!important}
  .mobile-page>.hero .user{margin-left:auto!important;min-width:0!important}
  .mobile-page>.hero .avatar{width:38px!important;height:38px!important;font-size:11px!important}
  .mobile-page>.hero .user-name{font-size:12px!important}.mobile-page>.hero .user-role{font-size:10px!important}
  .mobile-page>.hero .logout-btn{min-height:36px!important;padding:0 12px!important;font-size:10px!important}
  .mobile-page>section:nth-of-type(2){min-height:52px!important;margin-bottom:14px!important}
  .mobile-page>section:nth-of-type(2) button{padding:8px 12px!important;font-size:11px!important;border-radius:10px!important}
  .mobile-page #content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .mobile-page .page-title{font-size:30px!important;line-height:1.1!important;margin-bottom:16px!important}
  .mobile-page .kicker{font-size:10px!important}.mobile-page .muted{line-height:1.45}
  .mobile-page .grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .mobile-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .mobile-page .card{border-radius:15px!important;padding:16px!important;margin-bottom:12px!important}
  .mobile-page .stat{min-height:100px!important}.mobile-page .stat h2{font-size:27px!important;margin:7px 0 0!important}
  .mobile-page .multi-check-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mobile-page .task-card-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .mobile-page .task-card-stack>.card,.mobile-page .task-card-stack>.task-card{margin-bottom:0!important}
  .mobile-page .toolrow{min-height:48px!important}
  .mobile-page table{font-size:12px!important}
  .mobile-page input,.mobile-page select,.mobile-page textarea{font-size:12px!important}

  .legacy-desktop-nav{position:fixed;z-index:500;left:0;top:0;bottom:0;width:264px;padding:25px 14px 18px;background:linear-gradient(180deg,#061226,#030a17);border-right:1px solid rgba(78,133,232,.22);box-shadow:14px 0 44px rgba(0,0,0,.28);overflow:auto}
  .legacy-desktop-nav .ldn-brand{padding:7px 12px 20px;border-bottom:1px solid rgba(91,126,214,.16);margin-bottom:12px}
  .legacy-desktop-nav .ldn-kicker{font-size:9px;letter-spacing:.28em;color:#75a2ff}.legacy-desktop-nav .ldn-logo{font-size:20px;font-weight:850;margin-top:6px}
  .legacy-desktop-nav .ldn-menu{display:grid;gap:3px}.legacy-desktop-nav a{min-height:44px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:10px;color:#dce8ff;text-decoration:none;font-size:11px;border:1px solid transparent}
  .legacy-desktop-nav a:hover{background:#0b1d3a;border-color:rgba(91,126,214,.2)}.legacy-desktop-nav a.active{background:linear-gradient(90deg,#153b82,#0c2858);border-color:rgba(111,157,253,.35);color:#fff}
  .legacy-desktop-nav .ldn-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(45,92,183,.18);font-size:14px}
  .legacy-desktop-nav .ldn-foot{margin-top:18px;padding:14px 10px 0;border-top:1px solid rgba(91,126,214,.16);color:#6f84a7;font-size:9px;line-height:1.5}
}
@media (min-width:1400px){
  .mobile-page .grid2.admin-wide{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mobile-page .task-card-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* V4.2 Beverage Cost — shared mobile + desktop responsive UI */
.bev-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.desktop-two-col{display:grid;grid-template-columns:1fr;gap:14px}
.bev-doc-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(120,155,210,.14)}
.bev-doc-line:first-child{border-top:0}.right{text-align:right}.pill{font-size:12px;padding:5px 9px;border-radius:999px;background:#112a50;color:#9dc2ff;border:1px solid #244776}.wide-field{grid-column:1/-1}
@media(min-width:1000px){.desktop-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bev-hero{padding:22px 24px}.bev-doc-line{padding:12px 4px}}


/* V4.2.1 Cost Control Intelligence */
.cost-control-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;background:linear-gradient(135deg,rgba(13,43,83,.96),rgba(7,24,49,.98));border-color:#24518b}
.cost-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#73aaff;text-transform:uppercase;margin-bottom:7px}
.cost-health{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(74,220,157,.25);background:rgba(25,139,93,.08);border-radius:14px;min-width:160px}.cost-health-dot{width:10px;height:10px;border-radius:50%;background:#46e6a0;box-shadow:0 0 14px rgba(70,230,160,.8)}
.cost-module-grid{display:grid;grid-template-columns:1fr;gap:14px}.cost-module-card{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;background:linear-gradient(145deg,rgba(14,40,76,.95),rgba(8,25,52,.98));border:1px solid #224675;border-radius:20px;padding:20px;min-height:150px}.cost-module-card.active-module{border-color:#2c69b8;box-shadow:inset 0 0 0 1px rgba(75,137,223,.08)}.cost-module-card.future-module{opacity:.58}.cost-module-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#123867;font-size:28px;flex:0 0 auto}.cost-module-copy{flex:1;min-width:0}.cost-module-copy h3{font-size:20px;margin:0}.cost-module-copy p{color:#a9bad4;line-height:1.5;margin:8px 0 12px}.cost-module-meta{display:flex;gap:7px;flex-wrap:wrap}.cost-module-meta span{font-size:11px;border:1px solid #264f81;border-radius:999px;padding:5px 8px;color:#9fc3f5;background:rgba(15,52,96,.55)}.cost-module-arrow{font-size:28px;color:#5fa3ff}.muted-pill{background:#17243a!important;color:#8496ad!important;border-color:#2a3a52!important}.cost-sync-status{padding:14px;border-radius:14px;border:1px solid rgba(73,130,207,.25);background:rgba(13,42,79,.45)}
.premium-bev-hero{background:linear-gradient(135deg,rgba(15,49,91,.96),rgba(6,23,48,.98))}.bev-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.simpra-sync-card{border-color:#28588f;background:linear-gradient(145deg,rgba(12,39,74,.95),rgba(7,26,54,.98))}
.bev-risk-row{display:grid;grid-template-columns:minmax(0,1.6fr) .7fr .7fr .7fr;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(117,157,210,.13)}.bev-risk-row:first-child{border-top:0}.risk-high{color:#ff9d9d}.risk-mid{color:#ffd18a}.risk-good{color:#73e0ae}
@media(min-width:1000px){.cost-module-grid{grid-template-columns:1.35fr .65fr}.cost-module-card{padding:24px}.cost-module-icon{width:66px;height:66px;font-size:32px}}
@media(max-width:620px){.cost-control-hero,.bev-hero{flex-direction:column;align-items:stretch}.cost-health{min-width:0}.cost-module-card{align-items:flex-start;padding:16px}.cost-module-arrow{display:none}.bev-hero-actions{justify-content:stretch}.bev-hero-actions button{flex:1}.bev-risk-row{grid-template-columns:1fr auto}.bev-risk-row>*:nth-child(3),.bev-risk-row>*:nth-child(4){display:none}}

/* V4.2.2 Cost Control — Bulk AI Import */
.bulk-import-card{border-color:#2a5c97;background:linear-gradient(145deg,rgba(12,38,73,.98),rgba(7,24,50,.98))}
.bulk-source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bulk-source{border:1px solid #274b78;background:#0b1f3d;color:#b7c8e3;border-radius:12px;min-height:44px;padding:9px 10px;font-weight:750;cursor:pointer}.bulk-source.active{background:linear-gradient(135deg,#176ce0,#2659c8);color:#fff;border-color:#4c8bf0;box-shadow:0 8px 20px rgba(15,82,190,.2)}
.bev-drop-zone{margin-top:12px;min-height:112px;border:1.5px dashed #3568a4;border-radius:16px;background:rgba(13,42,80,.48);display:grid;place-items:center;text-align:center;padding:20px;cursor:pointer;transition:.18s}.bev-drop-zone:hover,.bev-drop-zone.dragging{border-color:#62a4ff;background:rgba(23,77,145,.34);transform:translateY(-1px)}.bev-drop-zone b{display:block;margin-bottom:5px}.bulk-selection{margin-top:10px}.bulk-file-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.bulk-file-chips span{font-size:10px;border:1px solid #294e7a;background:#0c2242;border-radius:999px;padding:5px 8px;color:#b7cdf0;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bulk-rule-grid{display:grid;grid-template-columns:1fr;gap:8px}.bulk-rule-grid>div{border:1px solid rgba(75,126,191,.22);background:rgba(8,28,55,.6);border-radius:12px;padding:11px}.bulk-rule-grid b{display:block;font-size:11px;color:#d9e8ff}.bulk-rule-grid span{display:block;font-size:10px;color:#91a5c5;line-height:1.45;margin-top:4px}.bulk-result-grid{display:flex;gap:7px;flex-wrap:wrap}.bulk-result-grid span,.bulk-doc-summary{display:inline-flex;padding:5px 8px;border-radius:999px;background:#102e55;border:1px solid #28558b;color:#a9c9f8;font-size:10px}.bulk-doc-card{border-left:3px solid #2d6fc5}
@media(min-width:1000px){.bulk-source-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.bulk-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bev-drop-zone{min-height:128px}}
/* V4.2.3 Auto Cost Engine */
.danger-btn{border-color:rgba(255,90,90,.45)!important;color:#ffaaaa!important}.bev-doc-check{width:18px;height:18px;accent-color:#318cff;margin-top:2px}

/* V4.2.4 Cost Control manager + AI automation */
.kpi-button{appearance:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}
.kpi-button:hover{transform:translateY(-1px)}
.mini-link{margin-left:auto;font-size:11px;color:var(--accent,#58a6ff)}
.manage-toolbar,.inline-actions,.stack-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.manage-toolbar{justify-content:space-between;margin:10px 0}
.manage-title{display:flex;gap:10px;align-items:flex-start;min-width:0}
.manage-card{margin-top:10px}
.danger-btn{border-color:rgba(255,99,99,.45)!important;color:#ff9b9b!important}
.recipe-breakdown{margin-top:10px;display:grid;gap:6px}
.recipe-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.12)}
.bev-risk-detail{border-bottom:1px solid rgba(255,255,255,.07)}
.bev-risk-detail>summary{list-style:none;cursor:pointer}.bev-risk-detail>summary::-webkit-details-marker{display:none}
.mini-history{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;display:grid;gap:6px}
.mini-history>div{display:grid;grid-template-columns:90px 1fr auto;gap:10px;font-size:12px;padding:6px 0}
.archive-month{margin-top:14px}.archive-month h4{margin:4px 0 8px;color:var(--muted)}
.stack-actions{margin-top:12px}
@media(max-width:760px){
  .inline-actions{width:100%;justify-content:flex-start}.row-between:has(.inline-actions){align-items:flex-start;flex-direction:column}
  .mini-history>div{grid-template-columns:1fr}.recipe-breakdown>div{align-items:flex-start}
  .bev-hero-actions .btn-primary,.bev-hero-actions .secondary-btn{width:100%}
}

/* V4.2.5 Beverage Intelligence Workspace */
.bev-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bev-nav-card{min-height:132px;padding:16px;border-radius:18px;border:1px solid rgba(70,137,230,.42);background:linear-gradient(145deg,#0a2342,#081a32);color:inherit;text-decoration:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start}
.bev-nav-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#0f376a;font-size:21px}.bev-nav-copy{min-width:0;display:grid;gap:6px}.bev-nav-copy b{font-size:15px}.bev-nav-copy span{font-size:11px;color:#9db1cf;line-height:1.45}.bev-nav-open{font-size:11px;color:#69adff;white-space:nowrap}
.bev-home-search,.bev-searchbar{display:flex;gap:8px;align-items:center;margin-top:14px}.bev-home-search input,.bev-searchbar input{flex:1;min-width:0}
.bev-page-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 0 10px;scrollbar-width:none}.bev-page-tabs::-webkit-scrollbar{display:none}.bev-page-tabs a{white-space:nowrap;text-decoration:none;color:#b8c9e4;background:#0a1d38;border:1px solid #234b79;border-radius:11px;padding:8px 10px;font-size:11px}.bev-page-tabs a.active{background:#1169d7;color:#fff;border-color:#2b8cff}
.bev-collapsible>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.bev-collapsible>summary::-webkit-details-marker{display:none}.bev-collapsible>summary:after{content:'▾';color:#6eafff;margin-left:6px}.bev-collapsible:not([open])>summary:after{content:'▸'}
.bev-product-row{border-top:1px solid rgba(255,255,255,.08)}.bev-product-row:first-child{border-top:0}.bev-product-row>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(90px,.65fr));gap:10px;align-items:center;padding:12px 2px}.bev-product-row>summary::-webkit-details-marker{display:none}.bev-product-row>summary>div{min-width:0}.bev-product-row>summary span{display:block;color:#8fa5c6;font-size:10px;margin-top:3px}.bev-product-row>summary b{overflow-wrap:anywhere}
.bev-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bev-summary-grid>div{padding:12px;border-radius:13px;background:#0a203c;border:1px solid rgba(70,127,202,.3);display:grid;gap:6px}.bev-summary-grid span{font-size:10px;color:#91a9c9}.bev-summary-grid b{font-size:18px}
.bev-table{display:grid}.bev-table>div{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(4,minmax(90px,.75fr));gap:10px;padding:11px 4px;border-top:1px solid rgba(255,255,255,.08);align-items:center}.bev-table>div:first-child{border-top:0}.bev-table span{font-size:11px;color:#a3b5cf;overflow-wrap:anywhere}
.bev-manage-row{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(120px,.45fr) auto;gap:12px;align-items:center}.bev-manage-main,.bev-manage-price{min-width:0;display:grid;gap:4px}.bev-manage-main span,.bev-manage-price span{font-size:11px;color:#91a7c8}.bev-row-extra{grid-column:2/-1}.bev-recipe-card>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.bev-recipe-card>summary::-webkit-details-marker{display:none}.bev-recipe-metrics{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.bev-recipe-metrics span{font-size:10px;color:#91a7c8}.bev-recipe-metrics b{display:block;color:#fff;margin-top:2px}.bev-search-result{margin-top:10px}.bev-search-metrics{display:flex;gap:12px;flex-wrap:wrap}.bev-search-metrics span{font-size:10px;color:#91a7c8}.bev-search-metrics b{display:block;color:#fff;margin-top:2px}
.bulk-doc-card .manage-title{min-width:0}.bulk-doc-card .manage-title>div{min-width:0}.bulk-doc-card b{overflow-wrap:anywhere}
@media(max-width:760px){
 .bev-nav-grid{grid-template-columns:1fr}.bev-nav-card{min-height:104px;grid-template-columns:40px minmax(0,1fr);padding:13px}.bev-nav-open{grid-column:2;margin-top:2px}.bev-nav-icon{width:40px;height:40px}
 .bev-home-search,.bev-searchbar{align-items:stretch}.bev-searchbar{flex-wrap:wrap}.bev-searchbar input{width:100%;flex-basis:100%}.bev-home-search .btn-primary{width:auto}
 .bev-summary-grid{grid-template-columns:1fr 1fr}.bev-summary-grid b{font-size:16px}
 .bev-product-row>summary{grid-template-columns:minmax(0,1fr) auto;padding:12px 0}.bev-product-row>summary>div:nth-child(n+4){display:none}.bev-product-row>summary>div:nth-child(2),.bev-product-row>summary>div:nth-child(3){text-align:right}
 .bev-table>div{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.bev-table>div span:nth-child(n+3){grid-column:2}.bev-table>div>*{min-width:0;overflow-wrap:anywhere}
 .bev-manage-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.bev-manage-price{grid-column:2}.bev-manage-row>.inline-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bev-manage-row>.inline-actions button{width:100%;min-width:0;padding-left:5px;padding-right:5px}.bev-row-extra{grid-column:1/-1}
 .bev-recipe-card>summary{align-items:flex-start;flex-direction:column}.bev-recipe-metrics{justify-content:flex-start;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .bulk-doc-card>.row-between{align-items:flex-start;flex-direction:column}.bulk-doc-card .manage-title{width:100%}.bulk-doc-card .inline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.bulk-doc-card .inline-actions button{width:100%;min-width:0}
 .bev-doc-line{align-items:flex-start}.bev-doc-line>div{min-width:0}.bev-doc-line b{overflow-wrap:anywhere}.bev-doc-line .mini-btn{flex:0 0 auto}
}
@media(max-width:390px){.bev-summary-grid{grid-template-columns:1fr}.bev-manage-row>.inline-actions,.bulk-doc-card .inline-actions{grid-template-columns:1fr 1fr}.bev-search-metrics{display:grid;grid-template-columns:1fr 1fr;width:100%}}
.bev-pending-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.bev-pending-row>div{display:grid;gap:4px;min-width:0}.bev-pending-row span{font-size:11px;color:#91a7c8;overflow-wrap:anywhere}
@media(max-width:760px){.bev-pending-row{align-items:flex-start;flex-direction:column}.bev-pending-row .mini-btn{width:100%}}


/* V4.2.6 security/workspace fixes */
.bev-global-search-input,#bevGlobalQ{display:block!important;width:100%!important;min-width:240px!important;min-height:46px!important;flex:1 1 320px!important;opacity:1!important;visibility:visible!important;color:#f5f8ff!important;background:#071b35!important;border:1px solid #2b68a8!important;padding:10px 12px!important;border-radius:12px!important;}
.bev-searchbar{width:100%!important;display:grid!important;grid-template-columns:minmax(240px,1fr) auto!important;align-items:center!important;}
@media(max-width:760px){.bev-searchbar{grid-template-columns:1fr!important}.bev-global-search-input,#bevGlobalQ{min-width:0!important;width:100%!important}.bev-searchbar>.btn-primary,.bev-searchbar>.secondary-btn{width:100%!important}.bev-manage-row,.bulk-doc-card{overflow:hidden}.bev-manage-main b,.bulk-doc-card b{word-break:break-word;overflow-wrap:anywhere}.bev-page-tabs{max-width:100%;overflow-x:auto}.v40-main{overflow-x:hidden}}
/* V4.2.7 Recipe Import Engine V2 */
.recipe-preview-box{border:1px solid rgba(90,165,255,.42);background:rgba(8,31,61,.82);padding:16px;border-radius:16px}
.preview-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.preview-kpis span{padding:10px;border-radius:12px;background:rgba(255,255,255,.045);text-align:center}.preview-kpis strong{display:block;font-size:20px}
.preview-file{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);overflow-wrap:anywhere}
@media(max-width:720px){.preview-kpis{grid-template-columns:1fr}.recipe-preview-box .inline-actions{display:grid;grid-template-columns:1fr}.recipe-preview-box button{width:100%}}

/* V4.3.1 Cost Control performance + inline commercial editors */
.bev-line-editable{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.bev-line-editable .bev-inline-editor{grid-column:1/-1}.bev-inline-editor{margin-top:10px;padding:12px;border:1px solid rgba(96,165,250,.22);border-radius:14px;background:rgba(4,18,40,.45)}.bev-recipe-edit-line{display:grid;grid-template-columns:minmax(160px,1fr) 120px 100px;gap:8px;align-items:center;margin-top:8px}.bev-recipe-edit-line input{min-width:0}.bev-searchbar{flex:1}.bulk-doc-card{content-visibility:auto;contain-intrinsic-size:500px}.bev-product-row{content-visibility:auto;contain-intrinsic-size:180px}@media(max-width:760px){.bev-line-editable{grid-template-columns:1fr}.bev-line-editable>.inline-actions{justify-content:flex-start}.bev-recipe-edit-line{grid-template-columns:1fr 1fr}.bev-recipe-edit-line b{grid-column:1/-1}}

/* V4.3.2 per-product commercial terms */
.bev-commercial-row{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) auto auto;gap:8px;align-items:end;padding:10px;border:1px solid rgba(96,165,250,.18);border-radius:12px;background:rgba(4,18,40,.34)}
.bev-commercial-row label{font-size:11px;color:#9db0cd}.bev-commercial-row input{width:100%;min-width:0;margin-top:4px}
@media(max-width:760px){.bev-commercial-row{grid-template-columns:1fr 1fr}.bev-commercial-row label:first-child{grid-column:1/-1}.bev-commercial-row .mini-btn{width:100%}}


/* V4.3.3 — live Beverage intelligence, global search, AI radar */
.bev-today-primary{border:1px solid rgba(82,157,255,.34);background:linear-gradient(145deg,rgba(12,41,76,.96),rgba(6,20,43,.98));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.bev-today-primary h2{margin:.2rem 0 .1rem;font-size:clamp(22px,3vw,34px)}
.bev-summary-grid small{display:block;margin-top:4px;color:#91a7c9;font-size:11px}
.bev-hero-upload{display:flex;justify-content:center;align-items:center}.bev-upload-main{display:inline-flex!important;justify-content:center;align-items:center;min-width:min(440px,100%);text-align:center;padding:15px 24px!important}
.ai-radar-card{border:1px solid rgba(125,108,255,.3);background:linear-gradient(145deg,rgba(22,29,66,.97),rgba(7,18,39,.98))}
.ai-radar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-radar-item{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid #20375e;border-radius:14px;background:rgba(7,19,40,.72)}.ai-radar-item b{font-size:14px}.ai-radar-item span{font-size:12px;color:#9fb1cb;line-height:1.45}.ai-radar-item.high{border-color:rgba(255,91,91,.45)}.ai-radar-item.medium{border-color:rgba(255,189,83,.38)}
.bev-economy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.economy-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(85,110,150,.18)}.economy-line:last-child{border-bottom:0}.economy-line span{text-align:right;color:#a8b9d3;font-size:12px}
.bev-cost-line-suspect{background:rgba(255,99,99,.09);border:1px solid rgba(255,99,99,.24)!important;border-radius:10px;padding:8px!important}.bev-gap-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(70,96,133,.2)}
.bev-global-search-fab{position:fixed;right:22px;top:18px;z-index:1200;width:46px;height:46px;border-radius:50%;border:1px solid rgba(118,171,255,.48);background:#0b2041;color:#fff;font-size:20px;box-shadow:0 10px 32px rgba(0,0,0,.35);cursor:pointer}.bev-global-modal{position:fixed;inset:0;z-index:1300;background:rgba(1,6,15,.72);backdrop-filter:blur(8px);padding:70px 18px 18px}.bev-global-panel{width:min(720px,100%);max-height:78vh;overflow:auto;margin:0 auto;background:#07152d;border:1px solid #23456f;border-radius:20px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.bev-quick-result{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:#fff;padding:12px;border-bottom:1px solid rgba(75,104,145,.22)}.bev-quick-result:hover{background:rgba(61,126,221,.12)}.bev-quick-result span{color:#92a9c8;font-size:12px}
@media(max-width:760px){.ai-radar-grid,.bev-economy-grid{grid-template-columns:1fr}.bev-global-search-fab{top:auto;bottom:22px;right:16px}.bev-global-modal{padding-top:28px}.bev-quick-result{flex-direction:column}.economy-line{align-items:flex-start}}
/* V4.3.4 — clickable cost drilldowns, inline smart search, live daily coverage */
.cost-kpi-link{display:block;text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease}.cost-kpi-link:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.55)}
.bev-today-link{display:block;text-decoration:none;color:inherit}.bev-today-link:hover{border-color:rgba(96,165,250,.5)}
.bev-global-search-bar{width:100%;margin:0 0 16px}.bev-smart-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(7,25,52,.96);border:1px solid rgba(86,141,221,.35);border-radius:16px;padding:9px 10px;box-shadow:0 8px 28px rgba(0,0,0,.18)}.bev-smart-search>span{font-size:18px}.bev-smart-search input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 2px!important;color:#f7fbff!important;outline:none}.bev-smart-results{position:relative;margin-top:7px;background:#07152d;border:1px solid #23456f;border-radius:14px;padding:4px 10px;max-height:360px;overflow:auto;box-shadow:0 16px 42px rgba(0,0,0,.35);z-index:40}.bev-smart-results[hidden]{display:none!important}
.bev-live-product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:13px 0;border-bottom:1px solid rgba(87,111,148,.18)}.bev-live-product>div{display:grid;gap:4px}.bev-live-product>div:last-child{text-align:right}.bev-live-product span{font-size:12px;color:#93a9c8}.bev-live-product.pending-cost{border-left:3px solid rgba(251,191,36,.75);padding-left:10px}.economy-line-action{gap:14px}.economy-line-action>div{display:grid;gap:4px;min-width:0}.economy-line-action button{flex:0 0 auto}
@media(max-width:760px){.bev-smart-search{grid-template-columns:auto minmax(0,1fr)}.bev-smart-search button{grid-column:1/-1;width:100%}.bev-live-product{grid-template-columns:1fr}.bev-live-product>div:last-child{text-align:left}.economy-line-action{align-items:flex-start;flex-direction:column}.economy-line-action button{width:100%}}

/* V4.3.8 sales center quick filters */
.sales-center-quick{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.sales-center-quick button{border:1px solid #315486;background:#102443;color:#dce9ff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.sales-center-quick button.active{background:#0b6cff;border-color:#4b98ff;color:white;box-shadow:0 0 0 1px rgba(75,152,255,.18) inset}

.sales-business-switch{padding:8px;border:1px solid #315486;border-radius:14px;background:rgba(9,31,64,.55)} .sales-business-switch button{min-width:120px;font-size:14px}

/* V4.4.1 compact Cost Control KPI row */
.cost-kpi-compact-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.cost-kpi-compact{min-height:96px!important;padding:12px 14px!important;border-radius:16px!important}
.cost-kpi-compact .kpi416-top{gap:7px!important}.cost-kpi-compact .kpi416-icon{font-size:18px!important}.cost-kpi-compact .kpi416-label{font-size:12px!important}.cost-kpi-compact .kpi416-value{font-size:24px!important;margin:4px 0!important}.cost-kpi-compact .muted.small{font-size:10px!important}
@media(max-width:700px){.cost-kpi-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cost-kpi-compact{min-height:88px!important;padding:10px!important}}


/* V4.5.2 Weather Intelligence */
.v452-weather-meta-link{color:inherit;text-decoration:none;font-weight:800}.v452-weather-card{margin:14px 0 16px;border:1px solid rgba(75,142,228,.34);background:linear-gradient(145deg,rgba(11,37,72,.96),rgba(7,23,47,.98));border-radius:18px;overflow:hidden}.v452-weather-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 17px;color:inherit;text-decoration:none}.v452-weather-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(55,132,232,.16);font-size:27px}.v452-weather-kicker{font-size:10px;font-weight:900;letter-spacing:.1em;color:#7cb5ff;margin-bottom:4px}.v452-weather-main b{font-size:17px}.v452-weather-main span{display:block;color:#9fb2cf;font-size:11px;margin-top:4px}.v452-weather-open{color:#72afff;font-weight:800}.v452-weather-alert{margin:0 12px 12px;padding:10px 12px;border-radius:12px;display:flex;gap:10px;align-items:center;font-size:11px}.v452-weather-alert span{color:#b8c6da}.v452-weather-alert.good,.v452-risk.good{border:1px solid rgba(65,211,145,.28);background:rgba(20,125,83,.1)}.v452-weather-alert.warn,.v452-risk.warn{border:1px solid rgba(248,186,70,.36);background:rgba(172,111,15,.12)}.v452-weather-alert.danger,.v452-risk.danger{border:1px solid rgba(255,93,93,.4);background:rgba(165,30,40,.14)}
.v452-weather-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(12,48,91,.98),rgba(7,24,49,.98))}.v452-weather-hero h1{margin:6px 0;font-size:clamp(26px,4vw,42px)}.v452-weather-hero p{color:#a7b9d2}.v452-weather-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.v452-risk{border-radius:14px;padding:13px;display:grid;gap:6px}.v452-risk span{color:#aebed3;font-size:12px;line-height:1.4}.v452-forecast-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}.v452-forecast-day{min-width:110px;padding:12px;border-radius:14px;border:1px solid rgba(75,126,192,.27);background:rgba(7,27,54,.65);display:grid;gap:6px}.v452-forecast-day span,.v452-forecast-day small{font-size:10px;color:#9fb1c9}.v452-forecast-day strong{font-size:14px}.v452-weather-compare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.v452-weather-compare>div{padding:13px;border:1px solid rgba(76,129,200,.25);border-radius:14px;background:rgba(8,29,57,.56);display:grid;gap:4px}.v452-weather-compare span,.v452-weather-compare small{font-size:10px;color:#98abc6}.v452-weather-compare b{font-size:20px}.v452-history>div{display:grid;grid-template-columns:150px 100px 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(94,121,158,.16);font-size:12px}.v452-history>div:first-child{border-top:0}.v452-history span{color:#9eb0c8}
@media(max-width:760px){.v452-weather-main{grid-template-columns:auto minmax(0,1fr)}.v452-weather-open{display:none}.v452-weather-alert{align-items:flex-start;flex-direction:column}.v452-weather-hero{align-items:stretch;flex-direction:column}.v452-weather-risk-grid{grid-template-columns:1fr}.v452-weather-compare{grid-template-columns:1fr 1fr}.v452-history>div{grid-template-columns:1fr}.v452-forecast-grid{grid-template-columns:repeat(7,128px)}}
@media(max-width:390px){.v452-weather-compare{grid-template-columns:1fr}}

/* V4.5.3 — General Overview desktop weather card aligned with mobile visual language */
@media (min-width:761px){
  .v452-weather-card{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    align-items:stretch;
    gap:0;
    min-height:132px;
    margin:14px 0 18px;
    border:1px solid rgba(56,139,255,.44);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(9,32,67,.98),rgba(5,20,45,.98));
    box-shadow:0 14px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
    overflow:hidden;
  }
  .v452-weather-main{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:20px;
    align-items:center;
    padding:20px 24px;
    min-width:0;
    color:inherit;
    text-decoration:none;
    background:linear-gradient(90deg,rgba(15,54,102,.26),rgba(6,25,53,.04));
  }
  .v452-weather-main:hover{background:linear-gradient(90deg,rgba(23,70,126,.34),rgba(6,25,53,.08))}
  .v452-weather-icon{
    width:72px;height:72px;border-radius:20px;
    display:grid;place-items:center;
    background:linear-gradient(145deg,rgba(30,100,192,.28),rgba(19,70,143,.20));
    box-shadow:inset 0 0 0 1px rgba(98,168,255,.09);
    font-size:40px;
  }
  .v452-weather-kicker{
    margin:0 0 6px;
    color:#73b6ff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.13em;
    line-height:1.2;
  }
  .v452-weather-main b{
    display:block;
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.02em;
    color:#f6f9ff;
  }
  .v452-weather-main span{
    display:block;
    margin-top:8px;
    font-size:14px;
    line-height:1.35;
    color:#a9bbd5;
  }
  .v452-weather-open{display:none}
  .v452-weather-alert{
    margin:16px 18px 16px 0;
    padding:18px 20px;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    font-size:13px;
    position:relative;
  }
  .v452-weather-alert::after{
    content:'›';
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:28px;
    color:rgba(177,204,240,.55);
  }
  .v452-weather-alert b{font-size:16px;line-height:1.25;padding-right:26px}
  .v452-weather-alert span{font-size:13px;line-height:1.45;padding-right:26px;color:#b8c8de}
  .v452-weather-alert.good{border-color:rgba(50,210,139,.34);background:linear-gradient(135deg,rgba(9,87,67,.28),rgba(8,54,58,.18))}
  .v452-weather-alert.good b{color:#43df91}
  .v452-weather-alert.warn{border-color:rgba(246,181,67,.42);background:linear-gradient(135deg,rgba(124,82,16,.28),rgba(70,46,12,.18))}
  .v452-weather-alert.warn b{color:#ffc45d}
  .v452-weather-alert.danger{border-color:rgba(255,91,91,.46);background:linear-gradient(135deg,rgba(126,25,35,.30),rgba(69,19,28,.18))}
  .v452-weather-alert.danger b{color:#ff7777}
}
/* V4.6.1 inline editors + document hierarchy */
.bev-inline-edit-card{margin-top:12px;padding:14px;border:1px solid rgba(72,154,255,.35);border-radius:14px;background:rgba(5,20,48,.72)}
.bev-doc-supplier{display:block;font-size:1.08rem;letter-spacing:.01em;color:#f7fbff;margin-bottom:3px}
#bevDocSort{min-width:180px}
@media(max-width:760px){#bevDocSort{min-width:0;max-width:180px}.bev-inline-edit-card{grid-template-columns:1fr!important}}

/* V5.0 Weather day detail + task chat */
.v50-weather-day-btn{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
.v50-weather-day-btn:hover{transform:translateY(-1px);border-color:rgba(91,157,255,.55)}
.v50-open-day{color:#78b5ff!important;font-weight:800!important;margin-top:5px}
.v50-day-hero{display:flex;justify-content:space-between;gap:16px;align-items:center}
.v50-day-hero h1{margin:5px 0 4px}.v50-day-hero p{margin:0;color:var(--muted)}
.v50-sun{display:grid;gap:7px;min-width:120px;text-align:right;color:#c9d9ef;font-weight:700}
.v50-hour-chart{display:flex;gap:8px;align-items:flex-end;overflow-x:auto;padding:18px 4px 6px;min-height:150px}
.v50-hour-bar{min-width:42px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;font-size:11px;color:var(--muted)}
.v50-hour-bar span{color:#eef4ff;font-weight:800}.v50-hour-bar i{display:block;width:18px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#ffb62e,#3c78d8);min-height:18px}
.v50-hour-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
.v50-hour-card{border:1px solid rgba(91,126,214,.18);background:#08172b;border-radius:13px;padding:10px;display:grid;gap:4px}
.v50-hour-card b{font-size:12px}.v50-hour-card strong{font-size:19px}.v50-hour-card span{font-size:10px;color:var(--muted)}
.v50-chat-list{display:grid;gap:8px;margin-top:12px;max-height:440px;overflow:auto;padding-right:3px}
.v50-chat-msg{background:#08172b;border:1px solid rgba(91,126,214,.18);border-radius:14px;padding:10px 12px}
.v50-chat-msg>b{display:inline-block;margin-right:8px}.v50-chat-msg>small{color:var(--muted)}.v50-chat-msg p{margin:7px 0 0;white-space:pre-wrap;line-height:1.45}
.v50-chat-file{margin-top:8px;padding:7px 9px;border-radius:10px;background:rgba(55,132,232,.10);font-size:12px}
@media(max-width:720px){.v50-hour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v50-day-hero{display:grid}.v50-sun{text-align:left;grid-template-columns:repeat(3,auto);min-width:0}}
/* V5.1 Cost Autopilot control UX */
.bev-cost-click{background:transparent;border:0;padding:0;font:inherit;font-weight:800;cursor:pointer;color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.bev-cost-drawer-backdrop{position:fixed;inset:0;background:rgba(1,6,16,.58);z-index:99999;display:flex;justify-content:flex-end;align-items:stretch;backdrop-filter:blur(3px)}
.bev-cost-drawer{width:min(470px,92vw);height:100%;overflow:auto;background:#071326;border-left:1px solid #26436f;padding:22px;box-shadow:-20px 0 60px rgba(0,0,0,.35)}
.bev-cost-math{display:grid;gap:8px}.bev-cost-math>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(142,183,255,.15)}
.bev-cost-math>div span{color:#aebbd0}.bev-cost-math>div b{text-align:right}.bev-cost-math .cost-math-final{font-size:1.05rem;border-top:1px solid #4977bd;border-bottom:0;margin-top:8px;padding-top:16px}
@media(max-width:640px){.bev-cost-drawer{width:100vw;padding:18px}.bev-cost-drawer-backdrop{align-items:flex-end}.bev-cost-drawer{height:min(82vh,760px);border-left:0;border-top:1px solid #26436f;border-radius:22px 22px 0 0}}

/* V5.1.2 — Cost percentage traffic-light colors must override the clickable drawer link. */
.bev-cost-click.risk-high{color:#ff777b!important}
.bev-cost-click.risk-mid{color:#ffc94b!important}
.bev-cost-click.risk-good{color:#64df7a!important}

/* V5.2.0.7 invoice-card alignment */
.bev-document-row,.bev-doc-row,.bev-document-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.bev-document-row .inline-actions,.bev-doc-row .inline-actions,.bev-document-card .inline-actions{justify-self:end;align-self:center;flex-wrap:wrap}
@media(max-width:760px){.bev-document-row,.bev-doc-row,.bev-document-card{grid-template-columns:1fr}.bev-document-row .inline-actions,.bev-doc-row .inline-actions,.bev-document-card .inline-actions{justify-self:stretch}}

/* V5.2.0.8 exact invoice deep-link */
.bev-deeplink-highlight{outline:2px solid currentColor;outline-offset:3px;border-radius:12px;animation:bevDeepLinkPulse 1s ease-in-out 3}
@keyframes bevDeepLinkPulse{50%{filter:brightness(1.35)}}
.cost-source-sub{padding-left:14px;opacity:.92}