/* =========================================================
     V6.5 HOME EXPERIENCE 2.0
     ========================================================= */
  .home2-shell{display:grid;gap:18px}
  .home2-focus{
    position:relative;overflow:hidden;padding:28px;border-radius:26px;
    background:
      radial-gradient(circle at 90% 8%,rgba(138,92,255,.18),transparent 28%),
      radial-gradient(circle at 0% 100%,rgba(79,213,199,.10),transparent 34%),
      linear-gradient(145deg,#142845,#0c192c 72%);
    border:1px solid rgba(216,194,143,.20);
    box-shadow:0 20px 54px rgba(0,0,0,.24)
  }
  .home2-eyebrow{color:#d8c28f;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px}
  .home2-focus-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
  .home2-focus h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.08!important;margin:0 0 10px!important;max-width:760px}
  .home2-focus p{margin:0;color:#9fb1c8;font-size:14px;line-height:1.6}
  .home2-task{
    margin-top:22px;padding:18px 20px;border-radius:18px;
    background:rgba(255,255,255,.035);border:1px solid rgba(143,169,200,.16)
  }
  .home2-task b{display:block;font-size:20px;color:#fff!important}
  .home2-task span{display:block;margin-top:6px;color:#9fb1c8;font-size:12px}
  .home2-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
  .home2-ring{
    --p:0;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;
    background:radial-gradient(circle,#102038 57%,transparent 59%),conic-gradient(#4fd5c7 calc(var(--p)*1%),rgba(255,255,255,.08) 0);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)
  }
  .home2-ring strong{font-size:28px;color:#4fd5c7!important}

  .home2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .home2-kpi{padding:18px;border-radius:18px;background:linear-gradient(145deg,#14243b,#101d31);border:1px solid rgba(143,169,200,.16)}
  .home2-kpi-head{display:flex;align-items:center;justify-content:space-between;color:#91a4bd;font-size:11px;margin-bottom:8px}
  .home2-kpi b{display:block;font-size:28px;color:#eef5ff!important;line-height:1}
  .home2-kpi small{display:block;margin-top:7px;color:#7f93ad;font-size:11px}

  .home2-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}
  .home2-work{padding:24px;border-radius:24px;background:linear-gradient(145deg,#13243d,#0e1b2f);border:1px solid rgba(143,169,200,.16)}
  .home2-work-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
  .home2-work-head h3{margin:0!important;font-size:20px!important}
  .home2-work-head .score{font-size:24px;color:#4fd5c7;font-weight:900}
  .home2-filter{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
  .home2-filter button{border-radius:999px!important}
  .home2-weekly{
    margin-top:18px;padding-top:18px;border-top:1px solid rgba(143,169,200,.14)
  }
  .home2-weekly-line{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .home2-weekly-item{padding:14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(143,169,200,.12);text-align:center}
  .home2-weekly-item b{display:block;font-size:22px;color:#4fd5c7!important}
  .home2-weekly-item span{display:block;margin-top:5px;color:#7f93ad;font-size:10px}

  .home2-side{display:grid;gap:18px}
  .home2-career,.home2-message{
    padding:22px;border-radius:22px;background:linear-gradient(145deg,#13243d,#0e1b2f);border:1px solid rgba(143,169,200,.16)
  }
  .home2-career h3,.home2-message h3{margin:0 0 15px!important;font-size:19px!important}
  .home2-career-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
  .home2-career-path .current,.home2-career-path .next{padding:8px 13px;border-radius:999px;font-size:11px;font-weight:900}
  .home2-career-path .current{background:#25cbbd;color:#062421}
  .home2-career-path .next{background:rgba(138,92,255,.13);color:#d9caff;border:1px solid rgba(138,92,255,.55)}
  .home2-career-meta{display:flex;justify-content:space-between;gap:12px;color:#9fb1c8;font-size:12px;margin:9px 0}
  .home2-career-score{margin-top:12px;color:#9fb1c8;font-size:12px}

  .home2-message{
    background:radial-gradient(circle at 90% 10%,rgba(138,92,255,.22),transparent 35%),linear-gradient(145deg,#1d2252,#121b36);
    border-color:rgba(138,92,255,.45)
  }
  .home2-message blockquote{margin:0;font-size:18px;line-height:1.5;font-weight:750;color:#f7f8ff}
  .home2-author{display:flex;align-items:center;gap:10px;margin-top:17px}
  .home2-author-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid #4fd5c7}
  .home2-author b{display:block;color:#fff!important}
  .home2-author span{display:block;color:#aab8cd;font-size:11px;margin-top:2px}

  .home2-bottom{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:18px}
  .home2-streak,.home2-quick{padding:19px;border-radius:20px;background:linear-gradient(145deg,#13243d,#0e1b2f);border:1px solid rgba(143,169,200,.16)}
  .home2-streak{display:flex;align-items:center;gap:15px}
  .home2-streak-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:rgba(255,159,67,.12);border:1px solid rgba(255,159,67,.28)}
  .home2-streak b{display:block;font-size:18px;color:#fff!important}
  .home2-streak span{display:block;margin-top:3px;color:#9fb1c8;font-size:11px}
  .home2-quick{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px}
  .home2-quick .btn{width:100%;justify-content:center}
  .home2-quick .btn:first-child{background:linear-gradient(135deg,#8a5cff,#6f4be9)!important;border-color:transparent!important;color:#fff!important}

  @media(max-width:1050px){
    .home2-main-grid,.home2-bottom{grid-template-columns:1fr}
  }
  @media(max-width:800px){
    .home2-focus-grid{grid-template-columns:1fr}
    .home2-ring{width:96px;height:96px}
    .home2-kpis,.home2-weekly-line{grid-template-columns:1fr 1fr}
    .home2-quick{grid-template-columns:1fr}
  }
  @media(max-width:480px){
    .home2-focus,.home2-work,.home2-career,.home2-message{padding:19px}
    .home2-kpis,.home2-weekly-line{grid-template-columns:1fr}
  }

  /* =========================================================
     V6.6 PROFESYONEL ETKİLEŞİM 1 — TOAST & DIALOG
     ========================================================= */
  .wt-toast-region{
    position:fixed;
    top:22px;
    right:22px;
    z-index:100000;
    width:min(390px,calc(100vw - 28px));
    display:grid;
    gap:10px;
    pointer-events:none;
  }
  .wt-toast{
    --toast-accent:#4fd5c7;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 30px;
    align-items:start;
    gap:11px;
    padding:13px 12px;
    border-radius:17px;
    color:#edf6ff;
    background:rgba(11,25,43,.96);
    border:1px solid rgba(143,169,200,.22);
    border-left:4px solid var(--toast-accent);
    box-shadow:0 22px 54px rgba(0,0,0,.36);
    backdrop-filter:blur(18px);
    pointer-events:auto;
    overflow:hidden;
    position:relative;
    animation:wtToastIn .28s cubic-bezier(.2,.8,.2,1) both;
  }
  .wt-toast.success{--toast-accent:#4fd5c7}
  .wt-toast.warning{--toast-accent:#d8c28f}
  .wt-toast.error{--toast-accent:#ff6b7a}
  .wt-toast.info{--toast-accent:#8a5cff}
  .wt-toast.removing{animation:wtToastOut .2s ease forwards}
  .wt-toast-icon{
    width:36px;height:36px;border-radius:12px;
    display:grid;place-items:center;
    background:color-mix(in srgb,var(--toast-accent) 14%,transparent);
    color:var(--toast-accent);
    font-weight:900;font-size:17px;
  }
  .wt-toast-copy{min-width:0;padding-top:1px}
  .wt-toast-copy b{
    display:block;color:#fff!important;
    font-size:12.5px;line-height:1.3;margin-bottom:3px;
  }
  .wt-toast-copy p{
    margin:0!important;color:#aebdd0!important;
    font-size:11.5px;line-height:1.45;
    overflow-wrap:anywhere;
  }
  .wt-toast-close{
    width:28px;height:28px;border:0;border-radius:9px;
    display:grid;place-items:center;
    background:transparent;color:#91a4bd;
    cursor:pointer;font-size:17px;padding:0;
  }
  .wt-toast-close:hover{background:rgba(255,255,255,.06);color:#fff}
  .wt-toast-progress{
    position:absolute;left:0;bottom:0;height:2px;width:100%;
    background:var(--toast-accent);
    transform-origin:left;
    animation:wtToastTimer var(--toast-duration,4200ms) linear forwards;
    opacity:.75;
  }

  .wt-dialog-backdrop{
    position:fixed;inset:0;z-index:100001;
    display:grid;place-items:center;padding:20px;
    background:rgba(3,9,17,.72);
    backdrop-filter:blur(9px);
    animation:wtDialogFade .18s ease both;
  }
  .wt-dialog{
    width:min(460px,100%);
    border-radius:24px;
    padding:24px;
    background:
      radial-gradient(circle at 100% 0%,rgba(138,92,255,.13),transparent 36%),
      linear-gradient(145deg,#152741,#0d1b2f);
    border:1px solid rgba(216,194,143,.24);
    box-shadow:0 34px 90px rgba(0,0,0,.50);
    animation:wtDialogIn .23s cubic-bezier(.2,.8,.2,1) both;
  }
  .wt-dialog-symbol{
    width:48px;height:48px;border-radius:15px;
    display:grid;place-items:center;
    background:rgba(216,194,143,.11);
    border:1px solid rgba(216,194,143,.25);
    color:#d8c28f;font-size:21px;margin-bottom:16px;
  }
  .wt-dialog h3{
    margin:0 0 8px!important;
    font-size:20px!important;color:#fff!important;
  }
  .wt-dialog p{
    margin:0!important;color:#aebdd0!important;
    font-size:13px;line-height:1.6;white-space:pre-line;
  }
  .wt-dialog-actions{
    display:flex;justify-content:flex-end;gap:10px;
    margin-top:23px;
  }
  .wt-dialog-actions .btn{min-width:108px;justify-content:center}
  .wt-dialog-danger{
    background:linear-gradient(135deg,#e34d61,#ba3349)!important;
    border-color:transparent!important;color:#fff!important;
  }

  @keyframes wtToastIn{
    from{opacity:0;transform:translateX(24px) scale(.97)}
    to{opacity:1;transform:translateX(0) scale(1)}
  }
  @keyframes wtToastOut{
    to{opacity:0;transform:translateX(28px) scale(.97)}
  }
  @keyframes wtToastTimer{
    from{transform:scaleX(1)}
    to{transform:scaleX(0)}
  }
  @keyframes wtDialogFade{from{opacity:0}to{opacity:1}}
  @keyframes wtDialogIn{
    from{opacity:0;transform:translateY(12px) scale(.97)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }

  @media(max-width:600px){
    .wt-toast-region{top:12px;right:14px}
    .wt-dialog{padding:21px;border-radius:21px}
    .wt-dialog-actions{flex-direction:column-reverse}
    .wt-dialog-actions .btn{width:100%}
  }
  @media(prefers-reduced-motion:reduce){
    .wt-toast,.wt-toast.removing,.wt-toast-progress,
    .wt-dialog-backdrop,.wt-dialog{animation:none!important}
  }

  /* V6.8.1 SAFE RECOVERY — Paket 3 */
  .wt-celebration{position:fixed;inset:0;z-index:100010;display:grid;place-items:center;padding:20px;background:rgba(3,9,17,.78);backdrop-filter:blur(12px)}
  .wt-celebration-card{position:relative;width:min(520px,100%);overflow:hidden;text-align:center;padding:34px 30px 28px;border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(216,194,143,.20),transparent 34%),radial-gradient(circle at 100% 100%,rgba(138,92,255,.20),transparent 40%),linear-gradient(145deg,#172b48,#0d1a2e);border:1px solid rgba(216,194,143,.32);box-shadow:0 38px 110px rgba(0,0,0,.58)}
  .wt-celebration-badge{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;margin:0 auto 18px;font-size:42px;background:linear-gradient(145deg,#d8c28f,#9d7c3f);color:#102038}
  .wt-celebration-eyebrow{color:#d8c28f;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
  .wt-celebration h2{margin:0 0 9px!important;color:#fff!important;font-size:clamp(25px,4vw,38px)!important}
  .wt-celebration p{margin:0 auto!important;max-width:410px;color:#aebdd0!important;line-height:1.6}
  .wt-celebration-points{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 15px;border-radius:999px;background:rgba(79,213,199,.10);border:1px solid rgba(79,213,199,.24);color:#4fd5c7;font-weight:950}
  .wt-celebration-actions{display:flex;justify-content:center;margin-top:23px}
  .wt-confetti-piece{position:absolute;top:-18px;width:8px;height:14px;border-radius:3px;opacity:.92;animation:wtConfettiFall var(--fall,1700ms) var(--delay,0ms) ease-in forwards}
  @keyframes wtConfettiFall{to{transform:translate3d(var(--drift,0px),620px,0) rotate(560deg);opacity:0}}
  @media(prefers-reduced-motion:reduce){.wt-confetti-piece{animation:none!important}}

  /* =========================================================
     V6.9 PAKET 4 — PWA + MASTER SELECTOR + MENTOR TASKS
     ========================================================= */
  .pwa-install-bar{
    position:fixed;
    left:50%;bottom:18px;z-index:100020;
    transform:translateX(-50%);
    width:min(620px,calc(100vw - 24px));
    display:none;
    grid-template-columns:46px minmax(0,1fr) auto auto;
    align-items:center;gap:12px;
    padding:12px 13px;
    border-radius:18px;
    background:rgba(10,24,42,.97);
    border:1px solid rgba(79,213,199,.25);
    box-shadow:0 24px 70px rgba(0,0,0,.42);
    backdrop-filter:blur(18px);
  }
  .pwa-install-bar.show{display:grid;animation:wtToastIn .25s ease both}
  .pwa-install-icon{
    width:44px;height:44px;border-radius:14px;
    display:grid;place-items:center;
    background:linear-gradient(135deg,#8a5cff,#25cbbd);
    color:white;font-weight:950;font-size:17px
  }
  .pwa-install-copy b{display:block;color:#fff!important;font-size:13px}
  .pwa-install-copy span{display:block;color:#9fb1c8;font-size:11.5px;margin-top:3px}
  .pwa-install-close{
    width:34px;height:34px;border:0;border-radius:10px;
    background:transparent;color:#91a4bd;cursor:pointer;font-size:19px
  }

  /* Master seçim ekranında yatay kesilmeyi tamamen kaldır */
  .overlay:has(.master-selector) .modal{
    width:min(980px,calc(100vw - 28px))!important;
    max-width:980px!important;
    overflow-x:hidden!important;
  }
  .master-selector{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .master-partner-list{
    width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr))!important;
  }
  .master-partner-card{
    min-width:0!important;
    overflow:hidden!important;
  }
  .master-card-info{min-width:0!important}
  @media(max-width:760px){
    .master-selector-head{align-items:flex-start!important}
    .master-selector-count{display:none}
    .master-partner-list{grid-template-columns:1fr!important}
  }

  .mentor-task-btn{
    display:inline-flex;align-items:center;gap:6px;
    white-space:nowrap
  }
  .mentor-task-note{
    margin-top:10px;padding:11px 13px;border-radius:12px;
    background:rgba(79,213,199,.07);
    border:1px solid rgba(79,213,199,.18);
    color:#aee9e2;font-size:12px
  }
  @media(max-width:650px){
    .pwa-install-bar{
      grid-template-columns:42px 1fr auto;
    }
    .pwa-install-bar .pwa-install-action{grid-column:1/-1;width:100%;justify-content:center}
  }


/* =========================================================
   MODULAR V1.1 — LİDER GENEL BAKIŞ 3.0 + LAYOUT FIXES
   ========================================================= */
html.admin-rendering{scrollbar-gutter:stable}
html.admin-rendering #app{visibility:visible;opacity:1}
body.admin-mode .topbar{
  box-sizing:border-box!important;
  width:calc(100% - var(--admin-sidebar-w) - var(--admin-sidebar-gap) - 28px)!important;
  max-width:none!important;
  min-height:90px!important;
  margin:10px 14px 24px calc(var(--admin-sidebar-w) + var(--admin-sidebar-gap) + 14px)!important;
}

/* V3.0.5 — giriş mesajı, profil dönüşü ve bölüm checklistleri */
body.landing-mode .hero h2 em{
  border-bottom:0!important;
  padding-bottom:5px;
  background:linear-gradient(transparent calc(100% - 3px),var(--amber) 0);
}
body.landing-mode .gate.after-master-message{margin-top:18px!important}
.profile-detail-title{display:flex;align-items:center;gap:12px;min-width:0}
.profile-back-btn{flex:0 0 auto}
.section-checklist-collapsible{padding:0!important;overflow:hidden}
.section-checklist-collapsible .checklist-head{margin:0!important;padding:15px 17px}
.checklist-toggle{
  width:100%;border:0;background:transparent;color:inherit;
  text-align:left;cursor:pointer;
}
.checklist-toggle-side{display:flex;align-items:center;gap:9px}
.checklist-chevron{
  display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:rgba(255,255,255,.06);transition:transform 160ms ease;font-size:20px;
}
.section-checklist-collapsible.open .checklist-chevron{transform:rotate(180deg)}
.section-checklist-collapsible .checklist-content{
  padding:0 17px 17px;border-top:1px solid rgba(143,169,200,.16);
}
.section-checklist-collapsible .checklist-content[hidden]{display:none!important}
body.admin-mode .topbar>.row{width:100%;justify-content:flex-end!important}

.leader-v3{display:grid;gap:18px;margin-bottom:20px}
.leader-v3-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center;
  padding:30px;border-radius:24px;
  background:radial-gradient(circle at 90% 10%,rgba(138,92,255,.24),transparent 28%),linear-gradient(135deg,#102544,#171742 68%,#291651);
  border:1px solid rgba(138,92,255,.32);box-shadow:0 24px 60px rgba(0,0,0,.24)
}
.leader-v3-copy h2{font-size:clamp(29px,3vw,42px)!important;margin:5px 0 8px!important}
.leader-v3-copy p{max-width:760px;margin:0!important;color:#b9c6d9!important}
.leader-v3-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#7ee4d7}
.leader-v3-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.leader-v3-health{display:grid;place-items:center;gap:10px;text-align:center}
.leader-v3-ring{
  width:142px;height:142px;border-radius:50%;display:grid;place-items:center;position:relative;
  background:conic-gradient(#4fd5c7 calc(var(--health)*1%),rgba(255,255,255,.07) 0);
  box-shadow:0 18px 45px rgba(0,0,0,.24)
}
.leader-v3-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#17223d;border:1px solid rgba(255,255,255,.08)}
.leader-v3-ring strong,.leader-v3-ring span{position:relative;z-index:1;grid-area:1/1}
.leader-v3-ring strong{font-size:34px;color:#fff;transform:translateY(-9px)}
.leader-v3-ring span{font-size:11px;color:#9fb0c7;transform:translateY(18px)}
.leader-v3-health.watch .leader-v3-ring{background:conic-gradient(#d8c28f calc(var(--health)*1%),rgba(255,255,255,.07) 0)}
.leader-v3-health.risk .leader-v3-ring{background:conic-gradient(#ff6b7a calc(var(--health)*1%),rgba(255,255,255,.07) 0)}
.leader-v3-health small{color:#aebbd0}

.leader-v3-priorities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.leader-v3-priority{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;text-align:left;padding:16px;border-radius:17px;background:linear-gradient(180deg,rgba(18,34,58,.98),rgba(11,24,42,.98));border:1px solid rgba(146,169,200,.17);color:#eef5ff}
.leader-v3-priority:hover{transform:translateY(-2px);border-color:rgba(79,213,199,.35)}
.leader-v3-priority-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.055)}
.leader-v3-priority b{display:block;font-size:25px;line-height:1;color:#fff}
.leader-v3-priority span:not(.leader-v3-priority-icon){display:block;font-size:12px;margin-top:5px}
.leader-v3-priority small{display:block;color:#8295ad;margin-top:3px}
.leader-v3-priority.risk .leader-v3-priority-icon{color:#ff8b97;background:rgba(255,107,122,.10)}
.leader-v3-priority.warn .leader-v3-priority-icon{color:#e2c979;background:rgba(216,194,143,.10)}
.leader-v3-priority.good .leader-v3-priority-icon{color:#62ded0;background:rgba(79,213,199,.10)}

.leader-v3-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.leader-v3-metric{padding:18px;border-radius:17px;background:linear-gradient(180deg,rgba(18,34,58,.98),rgba(11,24,42,.98));border:1px solid rgba(146,169,200,.17)}
.leader-v3-metric span{display:block;color:#8fa2bb;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.leader-v3-metric b{display:block;color:#45d8c7;font-size:30px;margin:7px 0 3px}
.leader-v3-metric small{color:#71859f}

.leader-v3-data-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}
.leader-v3-panel{padding:22px;border-radius:20px;background:linear-gradient(180deg,rgba(18,34,58,.98),rgba(11,24,42,.98));border:1px solid rgba(146,169,200,.17)}
.leader-v3-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.leader-v3-panel-head h3{margin:5px 0 0!important;font-size:20px!important}
.leader-v3-badge{padding:7px 10px;border-radius:999px;background:rgba(79,213,199,.09);border:1px solid rgba(79,213,199,.20);color:#7ee4d7;font-size:11px;font-weight:800}
.leader-v3-chart{height:190px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;margin-top:22px}
.leader-v3-bar-col{height:100%;display:grid;grid-template-rows:18px 1fr 18px;gap:6px;align-items:end;text-align:center}
.leader-v3-bar-value{font-size:11px;color:#9fb1c9}
.leader-v3-bar-track{height:100%;border-radius:10px;background:rgba(255,255,255,.035);display:flex;align-items:flex-end;overflow:hidden}
.leader-v3-bar-track i{display:block;width:100%;border-radius:10px;background:linear-gradient(180deg,#8a5cff,#35d4c2);box-shadow:0 0 24px rgba(79,213,199,.16);min-height:8px}
.leader-v3-bar-col small{color:#8093ab}
.leader-v3-chart-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.leader-v3-chart-foot span{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.035);color:#91a5bd;font-size:11px}

.leader-v3-status-body{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;margin-top:26px}
.leader-v3-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#42d5c4 0 calc(var(--active)*1%),#d8c28f 0 calc((var(--active) + var(--watch))*1%),#ff6b7a 0);position:relative}
.leader-v3-donut:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#101e34}
.leader-v3-donut div{position:relative;z-index:1;text-align:center}.leader-v3-donut b{display:block;font-size:30px}.leader-v3-donut span{font-size:11px;color:#8fa2b9}
.leader-v3-legend{display:grid;gap:9px}.leader-v3-legend button{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;text-align:left;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.025);color:#dce6f3}
.leader-v3-legend i{width:9px;height:9px;border-radius:50%}.leader-v3-legend i.active{background:#42d5c4}.leader-v3-legend i.watch{background:#d8c28f}.leader-v3-legend i.risk{background:#ff6b7a}.leader-v3-legend span{font-size:11px;color:#8fa2b9}

.leader-v3-signal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border-radius:16px;border:1px solid rgba(146,169,200,.16);background:rgba(146,169,200,.16)}
.leader-v3-signal-strip>div{padding:15px 17px;background:#101f36}.leader-v3-signal-strip span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6f849f}.leader-v3-signal-strip b{display:block;margin-top:5px;font-size:13px}

@media(max-width:1100px){
  .leader-v3-metrics{grid-template-columns:repeat(3,1fr)}
  .leader-v3-data-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  html.admin-rendering #app{visibility:visible;opacity:1}
  body.admin-mode .topbar{width:auto!important;margin:8px 12px 16px!important;min-height:74px!important}
  .leader-v3{gap:12px}
  .leader-v3-hero{grid-template-columns:1fr;padding:21px}
  .leader-v3-health{grid-template-columns:auto 1fr;justify-content:start;text-align:left}
  .leader-v3-ring{width:108px;height:108px}.leader-v3-ring strong{font-size:27px}
  .leader-v3-priorities,.leader-v3-metrics,.leader-v3-signal-strip{grid-template-columns:1fr 1fr}
  .leader-v3-data-grid{grid-template-columns:1fr}
  .leader-v3-status-body{grid-template-columns:1fr;justify-items:center;width:100%}
  .leader-v3-legend{width:100%}
  .leader-v3-chart{gap:7px;height:165px}
  .pwa-install-bar{
    left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;transform:none!important;
    box-sizing:border-box!important;grid-template-columns:42px minmax(0,1fr) 34px!important;
    padding:11px!important;gap:9px!important;overflow:hidden!important
  }
  .pwa-install-copy{min-width:0}.pwa-install-copy b,.pwa-install-copy span{overflow-wrap:anywhere}
  .pwa-install-bar .pwa-install-action{grid-column:1/-1!important;width:100%!important}
  .pwa-install-close{grid-column:3;grid-row:1}
}
@media(max-width:480px){
  .leader-v3-priorities,.leader-v3-metrics,.leader-v3-signal-strip{grid-template-columns:1fr}
  .leader-v3-actions .btn{width:100%}
}


/* =========================================================
   MODULAR V1.2 — ORGANİZASYON SAĞLIK SKORU
   ========================================================= */
.leader-health-command{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) 245px minmax(330px,.92fr);
  gap:26px;
  align-items:center;
  padding:30px;
  border-radius:26px;
  background:
    radial-gradient(circle at 82% 0%,rgba(138,92,255,.25),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(79,213,199,.11),transparent 32%),
    linear-gradient(135deg,#102544,#15163c 64%,#291651);
  border:1px solid rgba(138,92,255,.34);
  box-shadow:0 28px 72px rgba(0,0,0,.28);
}
.leader-health-intro h2{
  margin:6px 0 9px!important;
  font-size:clamp(30px,3.2vw,46px)!important;
  letter-spacing:-.04em
}
.leader-health-intro>p{
  max-width:650px;
  margin:0!important;
  color:#b9c6d9!important;
  line-height:1.6
}
.leader-health-insight{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin-top:20px;
  padding:13px 14px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.085)
}
.leader-health-insight-icon{
  width:39px;height:39px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(79,213,199,.10);
  color:#5ce1d2;font-size:19px;font-weight:950
}
.leader-health-insight b{display:block;color:#fff;font-size:13px}
.leader-health-insight small{display:block;color:#8fa3bd;margin-top:4px;line-height:1.4}

.leader-health-score{
  display:grid;justify-items:center;gap:13px;text-align:center
}
.leader-health-ring{
  width:190px;height:190px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(#4fd5c7 calc(var(--health)*1%),rgba(255,255,255,.075) 0);
  box-shadow:0 24px 60px rgba(0,0,0,.32),0 0 44px rgba(79,213,199,.08);
  position:relative
}
.leader-health-score.watch .leader-health-ring{
  background:conic-gradient(#d8c28f calc(var(--health)*1%),rgba(255,255,255,.075) 0)
}
.leader-health-score.risk .leader-health-ring{
  background:conic-gradient(#ff6b7a calc(var(--health)*1%),rgba(255,255,255,.075) 0)
}
.leader-health-ring:before{
  content:"";position:absolute;inset:13px;border-radius:50%;
  background:linear-gradient(145deg,#192744,#101a31);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 0 28px rgba(0,0,0,.25)
}
.leader-health-ring-core{
  position:relative;z-index:1;
  display:flex;align-items:flex-end;justify-content:center;gap:3px
}
.leader-health-ring-core strong{
  color:#fff;font-size:58px;line-height:.9;letter-spacing:-.07em
}
.leader-health-ring-core span{color:#899cb6;font-size:15px;padding-bottom:6px}
.leader-health-score-copy b{display:block;color:#fff;font-size:16px}
.leader-health-score-copy span{
  display:inline-flex;margin-top:6px;padding:6px 9px;border-radius:999px;
  font-size:10px;font-weight:900
}
.leader-health-score-copy span.up{
  color:#67e3d5;background:rgba(79,213,199,.10);border:1px solid rgba(79,213,199,.20)
}
.leader-health-score-copy span.down{
  color:#ff939f;background:rgba(255,107,122,.10);border:1px solid rgba(255,107,122,.20)
}

.leader-health-components{display:grid;gap:11px}
.leader-health-component{
  padding:11px 12px;border-radius:13px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.075)
}
.leader-health-component-head{
  display:flex;justify-content:space-between;gap:12px;align-items:center
}
.leader-health-component-head>span{
  display:flex;align-items:center;gap:8px;color:#c8d3e2;font-size:11px;font-weight:800
}
.leader-health-component-head i{
  width:24px;height:24px;border-radius:8px;
  display:grid;place-items:center;font-style:normal;
  background:rgba(255,255,255,.055);color:#83e6da
}
.leader-health-component-head b{color:#fff;font-size:13px}
.leader-health-component-track{
  height:6px;margin-top:8px;border-radius:999px;
  background:rgba(255,255,255,.065);overflow:hidden
}
.leader-health-component-track i{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#8a5cff,#4fd5c7)
}
.leader-health-component.low .leader-health-component-track i{background:linear-gradient(90deg,#c84d65,#ff7b89)}
.leader-health-component.mid .leader-health-component-track i{background:linear-gradient(90deg,#9e7d3d,#d8c28f)}
.leader-health-component small{display:block;color:#71859f;margin-top:6px;font-size:9.5px}

@media(max-width:1250px){
  .leader-health-command{
    grid-template-columns:minmax(0,1fr) 210px;
  }
  .leader-health-components{
    grid-column:1/-1;
    grid-template-columns:repeat(5,1fr)
  }
}
@media(max-width:900px){
  .leader-health-command{grid-template-columns:1fr 180px}
  .leader-health-ring{width:155px;height:155px}
  .leader-health-ring-core strong{font-size:46px}
  .leader-health-components{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .leader-health-command{
    grid-template-columns:1fr;
    gap:20px;padding:21px
  }
  .leader-health-score{
    grid-template-columns:auto minmax(0,1fr);
    justify-items:start;text-align:left
  }
  .leader-health-ring{width:132px;height:132px}
  .leader-health-ring-core strong{font-size:40px}
  .leader-health-components{grid-template-columns:1fr}
}


/* =========================================================
   MODULAR V1.3 — MOBILE ERGONOMİ & PROFİL RENK DÜZELTMELERİ
   ========================================================= */
.task-assigned-by{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(138,92,255,.10);
  border:1px solid rgba(178,144,255,.20);
  color:#9eb0c8;
  font-size:10.5px;
}
.task-assigned-by b{color:#dcd2ff!important;font-size:10.5px}

/* Profil penceresinde açık zemin sızıntılarını kapat */
body.admin-mode .modal,
body.admin-mode .profile-shell,
body.admin-mode .profile-main,
body.admin-mode .photo-editor,
body.admin-mode .presentation-list,
body.admin-mode .journey,
body.admin-mode .health-card,
body.admin-mode .badge-section,
body.admin-mode .quick-actions,
body.admin-mode .personal-message-box,
body.admin-mode .task-manager,
body.admin-mode .profile-edit,
body.admin-mode .notes-box{
  color:#eef5ff!important;
}
body.admin-mode .photo-editor,
body.admin-mode .presentation-list,
body.admin-mode .journey,
body.admin-mode .health-card,
body.admin-mode .badge-section,
body.admin-mode .quick-actions{
  background:linear-gradient(180deg,rgba(18,34,58,.98),rgba(11,24,42,.98))!important;
  border:1px solid rgba(143,169,200,.16)!important;
  border-radius:16px!important;
}
body.admin-mode .profile-side b,
body.admin-mode .profile-main b,
body.admin-mode .profile-edit b,
body.admin-mode .health-card b,
body.admin-mode .presentation-list b,
body.admin-mode .journey b{color:#f3f7ff!important}
body.admin-mode .profile-main p,
body.admin-mode .profile-main .muted,
body.admin-mode .profile-edit .muted,
body.admin-mode .photo-editor .muted,
body.admin-mode .presentation-list .muted,
body.admin-mode .journey .muted{color:#91a5bf!important}
body.admin-mode .profile-edit input,
body.admin-mode .profile-edit select,
body.admin-mode .profile-edit textarea,
body.admin-mode .photo-editor input,
body.admin-mode .notes-box textarea,
body.admin-mode .personal-message-box textarea{
  background:#091729!important;
  color:#eef5ff!important;
  border-color:rgba(143,169,200,.22)!important;
}
body.admin-mode .profile-edit input::placeholder,
body.admin-mode .profile-edit textarea::placeholder,
body.admin-mode .notes-box textarea::placeholder{color:#60748f!important}
body.admin-mode .profile-edit label,
body.admin-mode .notes-box label,
body.admin-mode .task-manager label{color:#b9c8dc!important}

/* V3.0.4 — Marka ortağı profilindeki açık/koyu tema çakışmalarını gider */
body.admin-mode .admin-task-summary,
body.admin-mode .modal .timeline-item{
  background:linear-gradient(180deg,#12223a,#0c1a2e)!important;
  color:#eef5ff!important;
  border-color:rgba(143,169,200,.20)!important;
}
body.admin-mode .admin-task-summary h3,
body.admin-mode .admin-task-summary b,
body.admin-mode .modal .timeline-item b{color:#f3f7ff!important}
body.admin-mode .admin-task-summary .empty-mini{
  background:#091729!important;
  color:#9fb1c9!important;
  border-color:rgba(143,169,200,.22)!important;
}
body.admin-mode .modal .timeline-item .muted{color:#9fb1c9!important}
body.admin-mode .modal .timeline-dot{
  background:rgba(79,213,199,.10)!important;
  color:#72e5d7!important;
}

/* Mobil admin ana görünümünü daha kısa, okunabilir ve başparmak dostu yap */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body.admin-mode .wrap{
    padding:10px 10px calc(112px + env(safe-area-inset-bottom))!important;
  }
  body.admin-mode .admin-sidebar{
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    height:72px!important;
    border-radius:20px!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  body.admin-mode .admin-side-nav{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:4px!important;
  }
  body.admin-mode .admin-side-nav button{
    min-width:0!important;
    width:100%!important;
    height:54px!important;
    padding:4px!important;
    justify-content:center!important;
    transform:none!important;
  }
  body.admin-mode .admin-side-icon{
    width:38px!important;height:38px!important;border-radius:12px!important;
  }
  body.admin-mode .admin-side-nav button.first-screen-nav .admin-side-icon{
    border:1px solid rgba(255,255,255,.12);
  }

  body.admin-mode .card{
    border-radius:20px!important;
    padding:18px!important;
  }
  body.admin-mode .card h3{
    font-size:20px!important;
    margin-bottom:12px!important;
  }
  body.admin-mode .dash-two{gap:12px!important}
  body.admin-mode .dash-item{
    min-height:62px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
    gap:8px!important;
  }
  body.admin-mode .dash-item-main{
    min-width:0!important;
    gap:9px!important;
  }
  body.admin-mode .dash-item-main>div{min-width:0!important}
  body.admin-mode .partner-link{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px!important;
  }
  body.admin-mode .dash-item .muted{
    font-size:11px!important;
    line-height:1.35!important;
  }
  body.admin-mode .dash-icon,
  body.admin-mode .rank-badge{
    flex:0 0 auto;
    width:34px!important;height:34px!important;
  }
  body.admin-mode .recent-activity-card .dash-list{
    max-height:330px;
    overflow-y:auto;
    padding-right:2px;
    overscroll-behavior:contain;
  }
  body.admin-mode .partner-progress-card{
    max-height:510px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  body.admin-mode .partner-progress-card>div{
    margin-bottom:10px!important;
  }

  /* Lider tablosu mobilde kontrollü yatay alan */
  body.admin-mode .leader-team-status-card{overflow:hidden!important}
  body.admin-mode .leader-team-scroll{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:14px;
  }
  body.admin-mode .leader-team-table{
    width:100%!important;
    min-width:520px!important;
    table-layout:fixed;
  }
  body.admin-mode .leader-team-table th,
  body.admin-mode .leader-team-table td{
    padding:10px 9px!important;
    font-size:11px!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  body.admin-mode .leader-team-table th:nth-child(1),
  body.admin-mode .leader-team-table td:nth-child(1){width:30%}
  body.admin-mode .leader-team-table th:nth-child(2),
  body.admin-mode .leader-team-table td:nth-child(2){width:22%}
  body.admin-mode .leader-team-table th:nth-child(n+3),
  body.admin-mode .leader-team-table td:nth-child(n+3){width:16%;text-align:center}

  /* Profil modalı mobilde tek sütun ve tam kontrast */
  body.admin-mode .overlay{padding:8px!important;align-items:flex-start!important}
  body.admin-mode .modal{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:20px!important;
    padding:16px!important;
    overflow-x:hidden!important;
  }
  body.admin-mode .profile-shell{grid-template-columns:1fr!important;gap:12px!important}
  body.admin-mode .profile-side{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    text-align:left!important;
    align-items:center!important;
    gap:10px!important;
    padding:14px!important;
  }
  body.admin-mode .profile-side .profile-avatar{
    grid-row:1/6;
    width:66px!important;height:66px!important;margin:0!important
  }
  body.admin-mode .profile-side h3{margin:0!important}
  body.admin-mode .detail-grid,
  body.admin-mode .identity-grid,
  body.admin-mode .profile2-highlight,
  body.admin-mode .crm-followup-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.admin-mode .detail-stat,
  body.admin-mode .identity-item,
  body.admin-mode .profile2-item{
    min-height:74px!important;
    padding:11px!important;
  }
  body.admin-mode .photo-editor{
    grid-template-columns:58px minmax(0,1fr)!important;
    padding:12px!important;
  }
  body.admin-mode .photo-preview{width:54px!important;height:54px!important}
  body.admin-mode .profile-edit .row,
  body.admin-mode .quick-actions,
  body.admin-mode .photo-actions{
    flex-wrap:wrap!important;
  }
  body.admin-mode .profile-edit .row>div{
    width:100%!important;
    min-width:0!important;
  }
  body.admin-mode .quick-actions .btn{flex:1 1 46%!important}
  /* İçerik satırında aksiyonlar başlığın altında, tek sırada kalır. */
  body.admin-mode .module-tree-row{
    grid-template-columns:34px 28px minmax(0,1fr)!important;
    row-gap:10px!important;
  }
  body.admin-mode .module-tree-row>.row{
    grid-column:3!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
  }
  body.admin-mode .module-tree-row>.row .btn{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
  }
  body.admin-mode .presentation-row,
  body.admin-mode .timeline-item{
    grid-template-columns:36px minmax(0,1fr)!important;
  }
  body.admin-mode .presentation-row>span:last-child,
  body.admin-mode .timeline-item>span:last-child{
    grid-column:2;
    justify-self:start;
  }
}
