/* VOGENTRA Workspace — kurumsal çalışma alanı arayüzü (tek aile: Inter) */
:root{
  --navy:#0B1F3B;--navy-2:#102A4F;--navy-3:#163662;--blue:#2563EB;--blue-2:#1D4ED8;--cyan:#06B6D4;
  --ink:#111827;--gray-9:#1F2937;--gray-7:#4B5563;--gray-5:#6B7280;--gray-4:#9CA3AF;--gray-3:#D1D5DB;--gray-2:#E5E7EB;--gray-1:#F3F4F6;--gray-0:#F8FAFC;
  --ok:#15803D;--ok-bg:#ECFDF5;--warn:#B45309;--warn-bg:#FFFBEB;--risk:#B91C1C;--risk-bg:#FEF2F2;--info-bg:#EFF6FF;
  --r:10px;--r-lg:14px;--shadow:0 1px 2px rgba(11,31,59,.06),0 8px 24px rgba(11,31,59,.06);--shadow-lg:0 20px 50px rgba(11,31,59,.18);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--gray-9);background:var(--gray-0);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss03"}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0;color:var(--navy);letter-spacing:-.02em;line-height:1.2}
h1{font-size:24px;font-weight:700}h2{font-size:18px;font-weight:650}h3{font-size:15px;font-weight:650}h4{font-size:13px;font-weight:650}
p{margin:0 0 8px}
.muted{color:var(--gray-5)}.small{font-size:12.5px}.tiny{font-size:11.5px}.strong{font-weight:600}.right{text-align:right}.nowrap{white-space:nowrap}
.hidden{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
.boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:8px;background:var(--navy);color:#C7D2E3}
.boot-mark{font-weight:800;letter-spacing:.18em;color:#fff;font-size:22px}

/* ---------- layout ---------- */
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:linear-gradient(180deg,var(--navy) 0%,#0E2748 100%);color:#C7D2E3;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px}
.side .brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.side .brand img{height:26px}
.side .brand span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#7DD3FC;font-weight:600}
.nav{display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#C7D2E3;font-weight:500;text-decoration:none}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav a.on{background:rgba(37,99,235,.28);color:#fff;box-shadow:inset 2px 0 0 #7DD3FC}
.nav .sep{height:1px;background:rgba(255,255,255,.08);margin:10px 4px}
.nav .label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6B83A8;padding:10px 10px 4px;font-weight:600}
.side .me{margin-top:auto;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px}
.side .me b{color:#fff;display:block;font-weight:600}
.main{min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px 0}
.content{padding:18px 28px 60px;max-width:1440px;width:100%}
.btn.menu-btn{display:none}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;inset:0 auto 0 0;width:260px;z-index:40;transform:translateX(-100%);transition:transform .2s}
  .side.open{transform:none;box-shadow:var(--shadow-lg)}
  .btn.menu-btn{display:inline-flex}
  .topbar,.content{padding-left:16px;padding-right:16px}
}

/* ---------- primitives ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--gray-3);background:#fff;color:var(--gray-9);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}
.btn:hover{background:var(--gray-1);text-decoration:none}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-2)}
.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.ghost{background:transparent;border-color:transparent;color:var(--gray-7)}.btn.ghost:hover{background:var(--gray-1)}
.btn.danger{color:var(--risk);border-color:#FCA5A5}.btn.danger:hover{background:var(--risk-bg)}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn.lg{height:44px;padding:0 20px;font-size:14px}
.btn[disabled]{opacity:.5;pointer-events:none}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}
.stack{display:flex;flex-direction:column;gap:12px}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.g-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
@media (max-width:1100px){.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main,.g3{grid-template-columns:1fr}}
@media (max-width:640px){.g2{grid-template-columns:1fr}.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.stat .v{font-size:22px}.card{padding:14px}}
.card{background:#fff;border:1px solid var(--gray-2);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)}
.card.flat{box-shadow:none}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.stat{display:flex;flex-direction:column;gap:4px}
.stat .v{font-size:26px;font-weight:700;color:var(--navy);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat .l{font-size:12px;color:var(--gray-5);font-weight:500}
.stat.alert .v{color:var(--risk)}
.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--gray-1);color:var(--gray-7);white-space:nowrap}
.badge.blue{background:var(--info-bg);color:var(--blue-2)}.badge.green{background:var(--ok-bg);color:var(--ok)}.badge.yellow{background:var(--warn-bg);color:var(--warn)}.badge.red{background:var(--risk-bg);color:var(--risk)}.badge.navy{background:var(--navy);color:#fff}.badge.cyan{background:#ECFEFF;color:#0E7490}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--gray-3)}.dot.green{background:#22C55E}.dot.yellow{background:#F59E0B}.dot.red{background:#EF4444}
.bar{height:8px;border-radius:999px;background:var(--gray-2);overflow:hidden;min-width:60px}
.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .4s}
.bar.warn i{background:linear-gradient(90deg,#F59E0B,#FBBF24)}.bar.risk i{background:linear-gradient(90deg,#EF4444,#F87171)}
.empty{padding:28px;text-align:center;color:var(--gray-5);border:1px dashed var(--gray-3);border-radius:var(--r-lg);background:#fff}
hr.sep{border:0;border-top:1px solid var(--gray-2);margin:14px 0}

/* ---------- forms ---------- */
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field label{font-size:12px;font-weight:600;color:var(--gray-7)}
.field .hint{font-size:11.5px;color:var(--gray-5)}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=url],input[type=search],select,textarea{width:100%;height:36px;border:1px solid var(--gray-3);border-radius:8px;padding:0 10px;background:#fff;outline:none;transition:border-color .12s,box-shadow .12s}
textarea{height:auto;min-height:74px;padding:8px 10px;resize:vertical;line-height:1.45}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer}.check input{margin-top:3px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}
.err{color:var(--risk);font-size:12.5px;min-height:1em}

/* ---------- tables ---------- */
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--gray-2);border-radius:var(--r-lg);overflow:hidden}
.tbl th{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-5);font-weight:600;text-align:left;padding:10px 12px;background:var(--gray-0);border-bottom:1px solid var(--gray-2)}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--gray-1);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#FAFCFF}
.tbl-wrap{overflow-x:auto}

/* ---------- engagement header & tabs ---------- */
.eng-head{background:#fff;border:1px solid var(--gray-2);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow);display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.eng-head .code{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gray-5)}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--gray-2);margin:18px 0 18px;overflow-x:auto;scrollbar-width:thin}
.tabs a{padding:10px 12px;color:var(--gray-7);font-weight:600;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none}
.tabs a:hover{color:var(--navy)}.tabs a.on{color:var(--blue-2);border-bottom-color:var(--blue)}
.subtabs{display:inline-flex;background:var(--gray-1);border-radius:9px;padding:3px;gap:2px}
.subtabs button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-weight:600;font-size:12.5px;color:var(--gray-7);cursor:pointer}
.subtabs button.on{background:#fff;color:var(--navy);box-shadow:0 1px 2px rgba(0,0,0,.08)}

/* ---------- phases timeline ---------- */
.phases{display:flex;flex-direction:column;gap:10px}
.phase{display:grid;grid-template-columns:minmax(0,1fr) 160px 46px;gap:12px;align-items:center}
.phase .n{font-weight:600;color:var(--navy);font-size:13px}.phase .d{font-size:11.5px;color:var(--gray-5)}
.phase.current .n::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px rgba(6,182,212,.2)}

/* ---------- task board ---------- */
.board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.col{background:var(--gray-1);border-radius:var(--r-lg);padding:10px;min-height:200px;display:flex;flex-direction:column;gap:8px}
.col.drop{outline:2px dashed var(--blue);outline-offset:-4px}
.col-h{display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:12.5px;color:var(--gray-7);padding:2px 4px 4px}
.tcard{background:#fff;border:1px solid var(--gray-2);border-radius:10px;padding:10px 11px;cursor:pointer;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(11,31,59,.05)}
.tcard:hover{border-color:#BFDBFE}
.tcard .t{font-weight:600;color:var(--gray-9);font-size:13px;line-height:1.35}
.tcard .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11.5px;color:var(--gray-5)}
.tcard.ms{border-left:3px solid var(--cyan)}
.due.over{color:var(--risk);font-weight:600}.due.soon{color:var(--warn);font-weight:600}
.task-list .grp{margin:16px 0 6px;display:flex;align-items:center;gap:10px}
.status-sel{height:28px;font-size:12px;padding:0 6px;width:auto}

/* ---------- drawer & modal ---------- */
.overlay{position:fixed;inset:0;background:rgba(11,31,59,.42);z-index:60;display:flex;justify-content:flex-end;animation:fade .15s}
.overlay.center{justify-content:center;align-items:flex-start;padding:6vh 16px;overflow:auto}
.drawer{width:min(620px,100%);height:100%;background:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide .2s}
.drawer-h{padding:16px 20px;border-bottom:1px solid var(--gray-2);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.drawer-b{padding:18px 20px;overflow:auto;flex:1}
.drawer-f{padding:12px 20px;border-top:1px solid var(--gray-2);display:flex;gap:8px;justify-content:flex-end;background:var(--gray-0)}
.modal{width:min(720px,100%);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:pop .15s}
.modal.wide{width:min(980px,100%)}
.modal-h{padding:16px 20px;border-bottom:1px solid var(--gray-2);display:flex;justify-content:space-between;align-items:center}
.modal-b{padding:18px 20px;max-height:72vh;overflow:auto}
.modal-f{padding:12px 20px;border-top:1px solid var(--gray-2);display:flex;gap:8px;justify-content:flex-end;background:var(--gray-0);border-radius:0 0 var(--r-lg) var(--r-lg)}
.x{border:0;background:transparent;font-size:22px;line-height:1;color:var(--gray-5);cursor:pointer;padding:2px 6px}
@keyframes fade{from{opacity:0}}@keyframes slide{from{transform:translateX(30px);opacity:.6}}@keyframes pop{from{transform:translateY(8px);opacity:.6}}
.comments{display:flex;flex-direction:column;gap:10px}
.cmt{background:var(--gray-0);border:1px solid var(--gray-2);border-radius:10px;padding:10px 12px}
.cmt.client{background:#F0F9FF;border-color:#BAE6FD}.cmt.internal{background:var(--warn-bg);border-color:#FDE68A}
.cmt .h{display:flex;justify-content:space-between;font-size:11.5px;color:var(--gray-5);margin-bottom:4px}
.cmt .b{white-space:pre-wrap}
.files{display:flex;flex-direction:column;gap:6px}
.file{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--gray-2);border-radius:8px;background:#fff}
.file .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- MRI ---------- */
.dim{border:1px solid var(--gray-2);border-radius:var(--r-lg);background:#fff;margin-bottom:10px;overflow:hidden}
.dim-h{display:grid;grid-template-columns:minmax(0,1fr) 200px 60px 24px;gap:14px;align-items:center;padding:12px 16px;cursor:pointer}
.dim-h:hover{background:var(--gray-0)}
.dim-b{border-top:1px solid var(--gray-2);padding:4px 0}
.crit{display:grid;grid-template-columns:minmax(0,1.3fr) auto 120px 110px minmax(0,1fr);gap:10px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--gray-1)}
.crit:last-child{border-bottom:0}
.crit .nm{font-weight:600;font-size:13px}.crit .nm small{display:block;font-weight:400;color:var(--gray-5);font-size:11.5px}
.scale{display:inline-flex;border:1px solid var(--gray-3);border-radius:8px;overflow:hidden}
.scale button{border:0;background:#fff;width:30px;height:30px;font-weight:600;cursor:pointer;border-right:1px solid var(--gray-2);font-variant-numeric:tabular-nums}
.scale button:last-child{border-right:0}.scale button:hover{background:var(--gray-1)}
.scale button.on{background:var(--blue);color:#fff}
@media (max-width:1000px){.crit{grid-template-columns:1fr;gap:6px}.dim-h{grid-template-columns:1fr 100px 50px 20px}}
.bigscore{font-size:42px;font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.bigscore small{font-size:15px;color:var(--gray-5);font-weight:600;margin-left:4px;letter-spacing:0}
.dimbars{display:grid;gap:7px}
.dimbars .r{display:grid;grid-template-columns:150px 1fr 38px;gap:10px;align-items:center;font-size:12.5px}
.dimbars .r .v{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- discovery ---------- */
.q{background:#fff;border:1px solid var(--gray-2);border-radius:12px;padding:12px 14px;display:grid;gap:8px}
.q.answered{border-left:3px solid #22C55E}.q.verified{border-left:3px solid var(--blue)}.q.na{opacity:.7}
.q .qh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.q .qt{font-weight:600;color:var(--gray-9)}
.q .qm{display:grid;grid-template-columns:150px 150px minmax(0,1fr) minmax(0,1fr);gap:8px}
@media (max-width:900px){.q .qm{grid-template-columns:1fr 1fr}}

/* ---------- processes ---------- */
.proc{background:#fff;border:1px solid var(--gray-2);border-radius:12px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px}
.proc:hover{border-color:#BFDBFE;box-shadow:var(--shadow)}
.pips{display:inline-flex;gap:3px}.pips i{width:8px;height:8px;border-radius:2px;background:var(--gray-2)}.pips i.on{background:var(--cyan)}
.steps-tbl input{height:32px}
.flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.flow .s{background:var(--info-bg);color:var(--navy);border:1px solid #BFDBFE;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:600}
.flow .s.auto{background:#ECFEFF;border-color:#A5F3FC}
.flow .arr{color:var(--gray-4)}

/* ---------- login ---------- */
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}
.auth-l{background:radial-gradient(900px 500px at 20% 10%,rgba(37,99,235,.35),transparent 60%),linear-gradient(160deg,#0B1F3B,#12305E);color:#C7D2E3;padding:48px;display:flex;flex-direction:column;justify-content:space-between}
.auth-l img{height:34px;align-self:flex-start}
.auth-l h1{color:#fff;font-size:34px;font-weight:700;letter-spacing:-.03em;max-width:15ch;margin:0 0 12px}
.auth-l .motto{color:#7DD3FC;font-weight:600}
.auth-r{display:grid;place-items:center;padding:32px}
.auth-box{width:min(400px,100%);display:flex;flex-direction:column;gap:14px}
@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-l{padding:28px;min-height:auto;gap:24px}.auth-l h1{font-size:26px}}

/* ---------- toast ---------- */
#toast{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:8px}
#toast div{background:var(--navy);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow-lg);font-weight:500;animation:pop .15s;max-width:380px}
#toast div.err{background:var(--risk)}

/* ---------- report (print) ---------- */
.report{background:#fff;border:1px solid var(--gray-2);border-radius:var(--r-lg);padding:36px 40px;max-width:900px;margin:0 auto;box-shadow:var(--shadow)}
.report .rh{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--navy);padding-bottom:14px;margin-bottom:18px}
.report .rh .brand{font-weight:800;letter-spacing:.18em;color:var(--navy)}
.report h2{font-size:16px;margin:22px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--gray-2)}
.report table{width:100%;border-collapse:collapse;font-size:12.5px;margin:6px 0}
.report th,.report td{border:1px solid var(--gray-2);padding:6px 8px;text-align:left;vertical-align:top}
.report th{background:var(--gray-0);font-weight:600}
.report .kv{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0}
.report .kv div{border:1px solid var(--gray-2);border-radius:8px;padding:10px}
.report .kv b{display:block;font-size:20px;color:var(--navy)}
.report .foot{margin-top:28px;font-size:11px;color:var(--gray-5);border-top:1px solid var(--gray-2);padding-top:8px}
@media print{
  body{background:#fff}
  .side,.topbar,.tabs,.eng-head,.no-print,#toast{display:none!important}
  .shell{display:block}.content{padding:0;max-width:none}
  .report{border:0;box-shadow:none;padding:0;max-width:none}
  .report h2{break-after:avoid}.report table{break-inside:auto}.report tr{break-inside:avoid}
}