:root{
  --grad: linear-gradient(120deg,#F9A826 0%,#F76B1C 32%,#E5308A 72%,#A0369D 100%);
  --grad-soft: linear-gradient(120deg,rgba(249,168,38,.14),rgba(229,48,138,.14));
  --orange:#F76B1C; --magenta:#E5308A; --purple:#A0369D;
  --ink:#1B1520; --muted:#8A8194; --line:#ECE7EE;
  --bg:#F7F4F2; --card:#FFFFFF;
  --s-onay:#C77400; --s-onay-bg:#FFF3E0;
  --s-rev:#D62839;  --s-rev-bg:#FDECEE;
  --s-yay:#128A4E;  --s-yay-bg:#E5F5EC;
  --shadow:0 1px 2px rgba(27,21,32,.05),0 8px 24px rgba(27,21,32,.06);
  --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit}
.wordmark{font-weight:800;font-size:26px;letter-spacing:1px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Marka logosu (assets/logo.png) */
.brand-logo{height:34px;width:auto;display:block}
.brand-logo-login{height:52px;width:auto;display:block;margin-bottom:2px}

/* ---------- Top bar ---------- */
header.topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:20px;padding:12px 24px}
.brand-wrap{display:flex;align-items:center;gap:12px}
.brand-tag{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;line-height:1.2}
.brand-tag b{color:var(--ink);font-weight:600;display:block;font-size:12px}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.company-picker{position:relative}
.company-btn{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--line);
  border-radius:12px;background:#fff;font-weight:600;font-size:13.5px}
.company-btn .chev{color:var(--muted);font-size:11px}
.avatar-badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  color:#fff;font-weight:700;font-size:13px;flex:none}
.dropdown{position:absolute;top:48px;right:0;background:#fff;border:1px solid var(--line);
  border-radius:14px;box-shadow:var(--shadow);padding:6px;min-width:250px;display:none;z-index:50}
.dropdown.open{display:block}
.dropdown .dd-lbl{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}
.dropdown .dd-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:500;width:100%;text-align:left}
.dropdown .dd-item:hover{background:#F6F2F7}
.dropdown .dd-item.sel{background:var(--grad-soft)}
.dropdown .dd-add{color:var(--orange);font-weight:700;border-top:1px solid var(--line);margin-top:4px;padding-top:11px}
.user-chip{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;
  display:grid;place-items:center;font-weight:700;font-size:14px}
.logout{font-size:12.5px;color:var(--muted);font-weight:600;padding:8px 12px;border:1px solid var(--line);border-radius:10px}
.logout:hover{color:var(--ink);border-color:#D9CFDE}

/* ---------- Badges ---------- */
.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px}
.badge::before{content:"";width:6px;height:6px;border-radius:50%}
.b-onay{color:var(--s-onay);background:var(--s-onay-bg)} .b-onay::before{background:var(--s-onay)}
.b-rev{color:var(--s-rev);background:var(--s-rev-bg)} .b-rev::before{background:var(--s-rev)}
.b-yay{color:var(--s-yay);background:var(--s-yay-bg)} .b-yay::before{background:var(--s-yay)}
.type-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;background:#F2EEF3;color:#5A5364}

/* ---------- Buttons ---------- */
.btn{padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;transition:.12s;display:inline-flex;align-items:center;gap:6px;justify-content:center}
.btn-grad{background:var(--grad);color:#fff}
.btn-grad:hover{filter:brightness(1.05)}
.btn.uploading{opacity:.85;cursor:progress}
.btn:disabled{opacity:.7;cursor:default}
.btn-ok{background:var(--s-yay-bg);color:var(--s-yay)} .btn-ok:hover{background:#d4efdf}
.btn-rev{background:var(--s-rev-bg);color:var(--s-rev)} .btn-rev:hover{background:#fbdadf}
.btn-ghost{background:#F2EEF3;color:#5A5364} .btn-ghost:hover{background:#e9e3ec}

/* ---------- Login (modern, iki panelli) ---------- */
.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}
.auth-brand{position:relative;overflow:hidden;background:var(--grad);color:#fff;display:grid;place-items:center;padding:48px}
.auth-brand-inner{position:relative;z-index:2;max-width:440px;animation:authIn .6s ease both}
.auth-logo-chip{background:#fff;border-radius:18px;padding:16px 20px;display:inline-block;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.auth-logo-chip img{height:46px;width:auto;display:block}
.auth-brand-inner h1{font-size:34px;font-weight:800;letter-spacing:-.5px;margin:26px 0 12px;line-height:1.15}
.auth-brand-inner p{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.92);max-width:400px}
.auth-feats{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.auth-feats li{position:relative;padding-left:32px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.95)}
.auth-feats li::before{content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:12px;font-weight:800}
.auth-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:1}
.auth-blob.b1{width:420px;height:420px;background:#FFD08A;top:-120px;right:-100px}
.auth-blob.b2{width:360px;height:360px;background:#C13B9A;bottom:-120px;left:-80px}

.auth-form{display:grid;place-items:center;padding:40px 32px;background:var(--bg)}
.auth-form-inner{width:100%;max-width:390px;animation:authIn .6s ease .05s both}
.auth-form-inner h2{font-size:26px;font-weight:800;letter-spacing:-.3px}
.auth-sub{color:var(--muted);font-size:14px;margin:6px 0 22px}
.auth-form .field{margin-bottom:16px}
.auth-form label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px}
.auth-form input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;font-size:14.5px;background:#fff;transition:.15s}
.auth-form input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(247,107,28,.12)}
.auth-form .btn{width:100%;padding:14px;font-size:15px;margin-top:6px;border-radius:12px}
@keyframes authIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:820px){
  .auth{grid-template-columns:1fr}
  .auth-brand{padding:36px 28px;min-height:auto}
  .auth-brand-inner h1{font-size:26px;margin-top:18px}
  .auth-feats{display:none}
  .auth-form{padding:32px 24px}
}

/* ---------- Login (eski, kullanılmıyor) ---------- */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;
  background:radial-gradient(1200px 600px at 15% -10%,rgba(249,168,38,.18),transparent),
             radial-gradient(1000px 600px at 110% 120%,rgba(160,54,157,.18),transparent),var(--bg)}
.login-card{width:100%;max-width:400px;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(27,21,32,.15);overflow:hidden}
.login-head{background:var(--grad);padding:30px 30px 26px;color:#fff}
.login-head .wordmark{color:#fff;background:none;-webkit-text-fill-color:#fff;font-size:30px}
.login-head p{opacity:.92;font-size:13px;margin-top:6px;font-weight:500}
.login-body{padding:26px 30px 30px}
.login-body .field{margin-bottom:16px}
.login-body label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.login-body input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;font-size:14px;background:#FBF9FA}
.login-body input:focus{outline:none;border-color:var(--orange);background:#fff}
.login-body .btn{width:100%;padding:13px;font-size:14px;margin-top:4px}
.login-err{background:var(--s-rev-bg);color:var(--s-rev);font-size:12.5px;font-weight:600;padding:10px 12px;border-radius:10px;margin-bottom:14px;display:none}
.login-err.show{display:block}
.login-hint{margin-top:18px;font-size:11.5px;color:var(--muted);line-height:1.7;background:#FBF9FA;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.login-hint b{color:var(--ink)}

/* ---------- Client layout ---------- */
.client-layout{display:grid;grid-template-columns:264px 1fr;min-height:calc(100vh - 63px)}
aside.side{border-right:1px solid var(--line);background:#fff;padding:18px 14px;overflow-y:auto}
.side-head{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 14px}
.side-head h3{font-size:12px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
.year-pill{font-size:12px;font-weight:700;color:var(--orange)}
.month-item{margin-bottom:2px}
.month-btn{width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px;color:#4A4353;transition:.12s}
.month-btn:hover{background:#F7F3F8}
.month-btn.active{background:var(--grad-soft);color:var(--ink)}
.month-btn .mleft{display:flex;align-items:center;gap:10px}
.m-dot{width:7px;height:7px;border-radius:50%;background:#D9D2DE}
.month-btn.active .m-dot{background:var(--magenta)}
.m-count{font-size:11px;font-weight:700;color:#fff;background:#C9C2CE;border-radius:20px;padding:1px 7px;min-width:20px;text-align:center}
.month-btn.active .m-count{background:var(--magenta)}
.m-chev{color:var(--muted);font-size:10px;transition:.2s}
.month-item.exp .m-chev{transform:rotate(90deg)}
.weeks{display:none;padding:4px 0 8px 14px;margin-left:12px;border-left:2px solid var(--line)}
.month-item.exp .weeks{display:block}
.week-btn{width:100%;text-align:left;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--muted);font-weight:500;display:flex;justify-content:space-between;align-items:center}
.week-btn:hover{background:#F7F3F8;color:var(--ink)}
.week-btn.active{color:var(--orange);font-weight:700;background:#FFF4EC}
.week-btn .wc{font-size:10px;color:#B5AEBD}

main.content{padding:26px 30px 60px;overflow-y:auto}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.page-head h1{font-size:24px;font-weight:800;letter-spacing:-.3px}
.page-head .sub{color:var(--muted);font-size:13.5px;margin-top:3px}
.tabs{display:flex;gap:4px;background:#F0ECF1;border-radius:11px;padding:4px}
.tabs button{padding:8px 15px;border-radius:8px;font-weight:600;font-size:13px;color:var(--muted)}
.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* stats */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}
.stat .n{font-size:28px;font-weight:800;letter-spacing:-.5px}
.stat .l{font-size:12.5px;color:var(--muted);font-weight:500;margin-top:2px;display:flex;align-items:center;gap:7px}
.stat .l::before{content:"";width:9px;height:9px;border-radius:3px}
.stat.onay .l::before{background:var(--s-onay)} .stat.onay .n{color:var(--s-onay)}
.stat.rev .l::before{background:var(--s-rev)} .stat.rev .n{color:var(--s-rev)}
.stat.yay .l::before{background:var(--s-yay)} .stat.yay .n{color:var(--s-yay)}

/* ---------- "Bu Ay" list ---------- */
.item-row{display:flex;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}
.item-media{width:230px;flex:none;position:relative;display:grid;place-items:center;color:#fff;min-height:170px}
.item-media .big{font-size:56px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}
.item-media .tpill{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.38);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;display:flex;gap:5px;align-items:center}
.item-media .datechip{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,.92);color:var(--ink);font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px}
.item-media .play{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.8);display:grid;place-items:center;font-size:20px}
.item-main{flex:1;padding:16px 20px;display:flex;flex-direction:column;min-width:0}
.item-main .it-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.item-main .it-title{font-size:16.5px;font-weight:800;letter-spacing:-.2px}
.item-main .it-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:12.5px;color:var(--muted)}
.revize-area{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line)}
.revize-area .lastnote{background:#FBF9FA;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:8px;padding:9px 12px;font-size:12.5px;color:#5A5364;margin-bottom:10px}
.revize-area .lastnote b{color:var(--ink)}
.revize-area.rev .lastnote{border-left-color:var(--s-rev);background:var(--s-rev-bg)}
.rev-input-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.rev-input-row input{flex:1;min-width:180px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:#FBF9FA}
.rev-input-row input:focus{outline:none;border-color:var(--orange);background:#fff}
.status-note{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}
.empty-state{text-align:center;color:var(--muted);padding:60px 20px;background:#fff;border:1px dashed var(--line);border-radius:var(--radius)}
.empty-state .em{font-size:40px;margin-bottom:10px}


/* ---------- "Bu Ay" kart ızgarası ---------- */
.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1150px){.month-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.month-grid{grid-template-columns:1fr}}
.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.15s}
.ccard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(27,21,32,.10)}
.ccard-media{width:auto;min-height:0;height:500px;border-radius:0;cursor:pointer;overflow:hidden;position:relative}
.ccard-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#0E0B12}
.ccard-playbadge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.85);color:#fff;display:grid;place-items:center;font-size:15px;pointer-events:none;transition:.2s;z-index:2}
.filecount{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;z-index:2}
.ccard-media:hover .ccard-playbadge{opacity:0}
.ccard-body{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}
.ccard-title{font-size:15.5px;font-weight:800;line-height:1.3;letter-spacing:-.2px;cursor:pointer}
.ccard-title:hover{color:var(--orange)}
.ccard-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:9px 0 13px}
.ccard-act{margin-top:auto}
.ccard-act input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:12.5px;background:#FBF9FA;margin-bottom:8px}
.ccard-act input:focus{outline:none;border-color:var(--orange);background:#fff}
.ccard-btns{display:flex;gap:8px}
.ccard-btns .btn{flex:1;padding:8px 4px;font-size:12px}
.ccard-note{border-radius:9px;padding:9px 11px;font-size:12px;line-height:1.4}
.ccard-note.rev{background:var(--s-rev-bg);border-left:3px solid var(--s-rev);color:#8a3038}
.ccard-note.rev b{color:var(--s-rev)}
.ccard-note.pub{background:var(--s-yay-bg);color:var(--s-yay);font-weight:600}

/* ---------- İçerik Detay Sayfası ---------- */
.detail-top{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:63px;z-index:20;flex-wrap:wrap;row-gap:10px}
.back-btn{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:#5A5364;padding:8px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}
.back-btn:hover{border-color:#D9CFDE;color:var(--ink)}
.detail-top .dt-title{font-size:16px;font-weight:800;letter-spacing:-.2px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.dt-info{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.dt-chip{display:inline-flex;align-items:center;gap:7px;background:#FBF9FA;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12.5px;white-space:nowrap}
.dt-chip .k{color:var(--muted);font-weight:600}
.dt-chip .v{font-weight:700;color:var(--ink)}
.dt-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.dt-approve{display:inline-flex;align-items:center;gap:8px;background:var(--s-yay);color:#fff;border-radius:11px;padding:9px 18px;font-weight:800;font-size:13.5px;box-shadow:0 4px 12px rgba(18,138,78,.25)}
.dt-approve:hover{filter:brightness(1.06)}
.dt-approve span{font-size:15px;line-height:1}
.detail-top .dt-co{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);font-weight:600}
@media(max-width:900px){.dt-actions{margin-left:0}}

.detail-wrap{max-width:1240px;margin:0 auto;padding:26px 30px 60px}
.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start}
.detail-media-col{position:sticky;top:150px}
.detail-media{background:#0E0B12;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:grid;place-items:center;min-height:340px}
.detail-media video,.detail-media img{width:100%;max-height:74vh;display:block;object-fit:contain;background:#0E0B12}
.detail-media .ph{width:100%;min-height:380px;display:grid;place-items:center;color:#fff}
.detail-media .ph .big{font-size:80px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.detail-fileinfo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.detail-fileinfo a{font-weight:700;color:var(--orange)}

.detail-side{display:flex;flex-direction:column;gap:18px}
.dcard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.dcard-h{padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#4A4353}
.dcard-b{padding:16px 18px}
.detail-title{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
.detail-props{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.detail-props .row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13.5px}
.detail-props .row .k{color:var(--muted)}
.detail-props .row .v{font-weight:700;text-align:right}

.thread-list{max-height:340px;overflow-y:auto}
.compose{display:flex;gap:9px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.compose input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:#FBF9FA}
.compose input:focus{outline:none;border-color:var(--orange);background:#fff}

.action-box .hint2{font-size:12.5px;color:var(--muted);margin-bottom:10px}
.action-box textarea{width:100%;min-height:78px;resize:vertical;padding:11px 13px;border:1px solid var(--line);border-radius:11px;font-size:13.5px;background:#FBF9FA;font-family:inherit;line-height:1.5}
.action-box textarea:focus{outline:none;border-color:var(--orange);background:#fff}
.action-box .btns{display:flex;gap:10px;margin-top:12px}
.action-box .btns .btn{flex:1;padding:12px}
.big-note{border-radius:11px;padding:12px 14px;font-size:13.5px;line-height:1.5}
.big-note.rev{background:var(--s-rev-bg);border-left:3px solid var(--s-rev);color:#8a3038}
.big-note.rev b{color:var(--s-rev)}
.big-note.pub{background:var(--s-yay-bg);color:var(--s-yay);font-weight:600}
.big-note.wait{background:var(--s-onay-bg);color:var(--s-onay)}

@media(max-width:900px){
  .detail-grid{grid-template-columns:1fr}
  .detail-media-col{position:static}
  .detail-top{padding:14px 18px}
  .detail-wrap{padding:20px 18px 50px}
}

/* calendar */
.cal-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cal-dow{text-align:center;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;padding-bottom:6px}
.cal-cell{min-height:100px;border:1px solid var(--line);border-radius:10px;padding:7px;background:#FBF9FA}
.cal-cell.blank{background:transparent;border:none}
.cal-date{font-size:12px;font-weight:700;color:#6B6474;margin-bottom:5px}
.cal-pill{font-size:10px;font-weight:600;color:#fff;border-radius:6px;padding:3px 6px;margin-bottom:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:flex;align-items:center;gap:4px}
.cal-pill .ci{flex:none}
.cal-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--muted)}
.cal-legend span{display:flex;align-items:center;gap:6px}
.cal-legend .sw{width:10px;height:10px;border-radius:3px}

/* ---------- Admin ---------- */
.admin-layout{display:grid;grid-template-columns:1fr 330px;gap:22px;padding:24px 30px 60px;align-items:start}
.admin-main{min-width:0}
.section-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px}
.section-card .sc-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.section-card .sc-head h2{font-size:16px;font-weight:800}
.section-card .sc-head .hint{font-size:12px;color:var(--muted)}
.sc-body{padding:18px 20px}
.form-grid{display:grid;grid-template-columns:1.6fr .9fr .9fr;gap:12px;margin-bottom:14px}
.field label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;background:#FBF9FA;color:var(--ink)}
.field input:focus,.field select:focus{outline:none;border-color:var(--orange);background:#fff}
.type-toggle{display:flex;gap:8px}
.type-toggle button{flex:1;padding:10px;border:1px solid var(--line);border-radius:10px;background:#FBF9FA;font-weight:700;font-size:13px;color:#5A5364;display:flex;align-items:center;justify-content:center;gap:6px}
.type-toggle button.active{border-color:transparent;color:#fff;background:var(--grad)}
.upload-zone{border:2px dashed #E0D6E4;border-radius:12px;padding:16px;text-align:center;color:var(--muted);font-size:13px;background:#FBF9FA;cursor:pointer}
.upload-zone b{color:var(--orange)}
.upload-zone:hover{border-color:var(--orange);background:#fff}

/* çoklu yükleme satırları */
.bulk-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.bulk-row:last-child{border-bottom:none}
.bulk-ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:16px}
.bulk-title{flex:1;min-width:120px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-size:13px;background:#FBF9FA}
.bulk-date{width:150px;flex:none;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:13px;background:#FBF9FA}
.bulk-title:focus,.bulk-date:focus{outline:none;border-color:var(--orange);background:#fff}
.bulk-meta{width:96px;flex:none;font-size:11.5px;color:var(--muted);text-align:right}
.bulk-del{width:30px;height:30px;flex:none;border-radius:8px;background:#F2EEF3;color:#8A8194;font-size:16px;font-weight:700;display:grid;place-items:center}
.bulk-del:hover{background:var(--s-rev-bg);color:var(--s-rev)}
.bulk-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:#fff}
.bulk-desc{width:100%;margin-top:8px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-size:12.5px;background:#FBF9FA;font-family:inherit;resize:vertical;min-height:38px}
.bulk-desc:focus{outline:none;border-color:var(--orange);background:#fff}
.add-more{margin-top:10px;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1.5px dashed #E0D6E4;border-radius:11px;font-weight:700;font-size:13px;color:var(--orange);background:#fff}
.add-more:hover{border-color:var(--orange);background:#FFF7F1}
@media(max-width:640px){.bulk-row{flex-wrap:wrap}.bulk-meta{display:none}.bulk-date{width:130px}}

/* plan blokları (admin form) */
.plan-block{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px;background:#fff;box-shadow:0 1px 2px rgba(27,21,32,.04)}
.plan-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.pb-no{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--orange)}
.pb-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pb-empty{font-size:12px;color:#B5AEBD}
.filechip{display:inline-flex;align-items:center;gap:7px;background:#F6F2F7;border:1px solid var(--line);border-radius:20px;padding:4px 6px 4px 4px;font-size:12px;font-weight:600;color:#3A3444;max-width:230px}
.filechip .fc-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;flex:none}
.filechip span:not(.fc-ic){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filechip button{width:18px;height:18px;border-radius:50%;background:#E7E1EA;color:#8A8194;font-size:12px;line-height:1;display:grid;place-items:center;flex:none}
.filechip button:hover{background:var(--s-rev-bg);color:var(--s-rev)}

/* detay medya slider */
.detail-media-wrap{position:relative}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;z-index:5}
.slide-arrow:hover{background:rgba(0,0,0,.7)}
.slide-arrow.left{left:10px}
.slide-arrow.right{right:10px}
.slide-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:3px 11px;border-radius:20px;z-index:5}

/* logo avatar */
.avatar-badge.logo{overflow:hidden;background:#fff;border:1px solid var(--line);padding:2px}
.avatar-badge.logo img{width:100%;height:100%;object-fit:contain;display:block}
/* mesaj avatarı (logo) */
.mi.mi-img{background:#fff;border:1px solid var(--line);overflow:hidden;padding:2px}
.mi.mi-img img{width:100%;height:100%;object-fit:contain;display:block}
/* tıklanabilir bildirim */
.act.act-link{cursor:pointer;border-radius:8px;transition:.12s;margin:0 -6px;padding-left:6px;padding-right:6px}
.act.act-link:hover{background:#FBF9FA}

/* hafta filtre çipleri */
.weekfilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.wchip{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:20px;font-size:13px;font-weight:600;color:#5A5364;display:inline-flex;align-items:center;gap:8px}
.wchip:hover{border-color:#D9CFDE}
.wchip.active{background:var(--grad);color:#fff;border-color:transparent}
.wchip small{font-weight:500;opacity:.8;font-size:11px}
.wchip .cnt{font-size:10.5px;font-weight:700;background:rgba(0,0,0,.08);border-radius:20px;padding:1px 7px}
.wchip.active .cnt{background:rgba(255,255,255,.25)}

/* kanban 3 cols */
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kcol{background:#FBF9FA;border:1px solid var(--line);border-radius:14px;padding:12px;min-height:160px}
.kcol h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:0 2px}
.kcol h4 .kc{margin-left:auto;font-size:11px;background:#E7E1EA;color:#6B6474;border-radius:20px;padding:1px 8px}
.kcol h4 .kd{width:9px;height:9px;border-radius:3px}
.kcard{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.kcard .kt{font-size:13px;font-weight:700;line-height:1.3}
.kcard .kmeta{font-size:11px;color:var(--muted);margin:6px 0 10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kcard .kact{display:flex;gap:6px}
.kcard .kact .btn{flex:1;padding:7px 4px;font-size:11.5px}
.empty-col{font-size:12px;color:#C6BECD;text-align:center;padding:22px 6px}

/* feed */
.feed{position:sticky;top:80px}
.feed .sc-body{max-height:74vh;overflow-y:auto}
.act{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}
.act:last-child{border-bottom:none}
.act .ai{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;font-size:16px;
  font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 3px 8px rgba(27,21,32,.14)}
.ai.ok{background:linear-gradient(135deg,#2BC578,#128A4E)}
.ai.rev{background:linear-gradient(135deg,#F7728A,#D62839)}
.ai.up{background:linear-gradient(135deg,#F9A826,#F76B1C)}
.ai.plan{background:var(--grad)}
html.dark .act .ai{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 3px 8px rgba(0,0,0,.4)}
.act .atxt{font-size:12.5px;line-height:1.4}
.act .atime{font-size:11px;color:var(--muted);margin-top:2px}

/* ---------- Modal ---------- */
.modal-back{position:fixed;inset:0;background:rgba(27,21,32,.45);backdrop-filter:blur(3px);z-index:60;display:none;align-items:center;justify-content:center;padding:24px}
.modal-back.open{display:flex}
.modal{background:#fff;border-radius:20px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3);max-height:90vh;display:flex;flex-direction:column}
.m-hero{height:150px;position:relative;display:grid;place-items:center}
.m-hero .emoji{font-size:60px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}
.m-hero .mclose{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:18px;display:grid;place-items:center}
.m-hero .pico{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.35);color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600}
.m-body{padding:20px 22px;overflow-y:auto}
.m-body h3{font-size:18px;font-weight:800;margin-bottom:6px}
.m-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:16px}
.m-meta b{color:var(--ink)}
.thread{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.thread h5{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px}
.msg{display:flex;gap:9px;margin-bottom:11px}
.msg .mi{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.msg .mc{background:#F6F2F7;border-radius:10px;padding:8px 11px;font-size:12.5px;flex:1}
.msg .mc .who{font-weight:700;font-size:11.5px;margin-bottom:2px}
.msg .mc .t{font-size:10.5px;color:var(--muted);margin-top:3px}
.m-foot{border-top:1px solid var(--line);padding:14px 22px;display:flex;gap:10px}
.m-foot input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.m-actions{display:flex;gap:10px;margin:6px 0 4px}
.m-actions .btn{flex:1;padding:11px}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);
  background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:600;
  box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:80;opacity:0;transition:.3s;display:flex;gap:9px;align-items:center}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}

@media(max-width:1080px){
  .admin-layout{grid-template-columns:1fr}
  .feed{position:static}
  .kanban{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .client-layout{grid-template-columns:1fr}
  aside.side{border-right:none;border-bottom:1px solid var(--line)}
  .item-row{flex-direction:column}
  .item-media{width:100%;min-height:150px}
  .brand-tag{display:none}
  .stat-row{grid-template-columns:1fr}
}

/* ==================== ADMIN GENEL PANEL (dashboard) ==================== */
.dash{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;padding:24px 30px 50px;align-items:start;max-width:1360px;margin:0 auto}
.dcard-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cal-nav{display:inline-flex;align-items:center;gap:10px;text-transform:none}
.cal-nav b{font-size:13px;color:var(--ink);min-width:110px;text-align:center}
.cal-nav button{width:28px;height:28px;border-radius:8px;background:#F2EEF3;color:#5A5364;font-size:17px;line-height:1;display:grid;place-items:center}
.cal-nav button:hover{background:#e9e3ec}
.dash-notif .dcard-b, .dash-todo .dcard-b{max-height:520px;overflow-y:auto}
.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}
.co-tile{border:1px solid var(--line);border-radius:14px;padding:14px 12px;text-align:center;cursor:pointer;background:#fff;transition:.15s}
.co-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.co-logo{position:relative;display:inline-grid;place-items:center;margin-bottom:8px}
.co-badge{position:absolute;top:-6px;right:-6px;background:var(--s-rev);color:#fff;font-size:11px;font-weight:800;border-radius:20px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}
.co-name{font-weight:700;font-size:13.5px;line-height:1.2}
.co-sub{font-size:11.5px;color:var(--muted);margin-top:3px}
.co-tile.co-add{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--orange)}
.co-add-ic{width:56px;height:56px;border-radius:50%;background:var(--grad-soft);color:var(--orange);font-size:26px;font-weight:800;display:grid;place-items:center;margin-bottom:8px}
.todo-sec{margin-bottom:16px}
.todo-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.todo-n{background:#E7E1EA;color:#6B6474;border-radius:20px;font-size:11px;padding:1px 8px}
.todo-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px;cursor:pointer;font-size:13px}
.todo-item:hover{background:#FBF9FA;border-color:#D9CFDE}
.todo-item .ti-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.todo-empty{color:#C6BECD;font-size:12px;padding:2px 2px 6px}
@media(max-width:980px){.dash{grid-template-columns:1fr}}

/* ==================== ŞİRKET SAYFASI ==================== */
.sirket-wrap{max-width:1240px;margin:0 auto;padding:22px 30px 60px}
.conotif-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.conotif-rev{background:var(--s-rev-bg);color:var(--s-rev);font-weight:700;font-size:12.5px;border-radius:20px;padding:7px 13px}
.conotif-rev:hover{filter:brightness(.97)}

/* ==================== TARİH ARALIĞI FİLTRESİ (müşteri) ==================== */
.filterbar{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.range-panel{position:absolute;top:48px;left:0;z-index:30;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:14px;width:270px}
.rp-row{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.rp-row label{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.rp-row input{padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:13.5px;background:#FBF9FA}
.rp-row input:focus{outline:none;border-color:var(--orange);background:#fff}
.rp-btns{display:flex;gap:8px;justify-content:flex-end}
.range-chip{display:inline-flex;align-items:center;gap:9px;background:var(--grad-soft);border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:700;color:var(--purple)}
.range-chip button{width:18px;height:18px;border-radius:50%;background:rgba(160,54,157,.18);color:var(--purple);font-size:11px;display:grid;place-items:center}

/* ============================================================
   YENİ TASARIM — ek yüzey değişkenleri + karanlık mod
   ============================================================ */
:root{
  --surface-2:#FBF9FA; --ghost-bg:#F2EEF3; --ghost-fg:#5A5364;
  --topbar-bg:rgba(255,255,255,.85); --side-bg:#FFFFFF; --hover:#F7F3F8;
}
html.dark{
  --ink:#F0EBF5; --muted:#948BA6; --line:#231C30;
  --bg:#0B0810; --card:#141019;
  --surface-2:#1A1424; --ghost-bg:#221A30; --ghost-fg:#C9BFD8;
  --topbar-bg:rgba(11,8,16,.9); --side-bg:#0E0B14; --hover:#1E1729;
  --grad-soft:linear-gradient(120deg,rgba(249,168,38,.14),rgba(229,48,138,.14));
  --s-onay:#E9A441; --s-onay-bg:#33260F;
  --s-rev:#F0616F;  --s-rev-bg:#331419;
  --s-yay:#41C083;  --s-yay-bg:#0F2C1B;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.6);
}
html.dark body{background:var(--bg);color:var(--ink)}

/* dark: mevcut sabit renkli yüzeyleri uyumla */
html.dark header.topbar{background:var(--topbar-bg)}
html.dark .company-btn,html.dark .dropdown,html.dark .modal,html.dark .cal-wrap,
html.dark .co-tile,html.dark .empty-state,html.dark .plan-block,html.dark .bulk-item,
html.dark .section-card,html.dark .kcard{background:var(--card)}
html.dark .co-drop-btn{background:var(--card)}
html.dark .field input,html.dark .field select,html.dark .auth-form input,
html.dark .cf-sel,html.dark .cf-search input,html.dark .adm-search input,
html.dark .rp-row input,html.dark .bulk-title,html.dark .bulk-date,html.dark .bulk-desc,
html.dark .compose input,html.dark .action-box textarea,html.dark .ccard-act input,
html.dark .m-foot input,html.dark .rev-input-row input,html.dark .login-body input{background:var(--surface-2);color:var(--ink)}
html.dark .cal-cell{background:var(--surface-2)}
html.dark .kcol{background:var(--surface-2)}
html.dark .btn-ghost{background:var(--ghost-bg);color:var(--ghost-fg)}
html.dark .btn-ghost:hover{background:var(--hover)}
html.dark .type-badge{background:var(--ghost-bg);color:var(--ghost-fg)}
html.dark .tabs{background:var(--ghost-bg)}
html.dark .tabs button.active{background:var(--card);color:var(--ink)}
html.dark .month-btn:hover{background:var(--hover)}
html.dark .msg .mc{background:var(--surface-2)}
html.dark .dropdown .dd-item:hover{background:var(--hover)}
html.dark .act.act-link:hover,html.dark .todo-item:hover,html.dark .fb.act-link:hover{background:var(--surface-2)}
html.dark .m-count{background:#4A4356}
html.dark .co-add-ic{background:var(--grad-soft)}
html.dark .ccard,html.dark .item-row{background:var(--card)}
html.dark .month-btn.active{color:#fff}
html.dark .month-btn.active .m-count{background:var(--magenta)}
html.dark .help-btn{background:var(--surface-2)}

/* takvim: 7 sütunun karta sığması (uzun pill metni taşırmasın) */
.cal-grid .cal-cell{min-width:0}
.cal-pill{max-width:100%}
.cal-pill b,.cal-pill{min-width:0}

/* ==================== ADMIN — Tasarım 2 (yan menü + panel) ==================== */
.adm-body{background:var(--bg)}
.adm-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}
.adm-side{background:var(--side-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;
  padding:22px 16px 18px;position:sticky;top:0;height:100vh}
.adm-brand{display:flex;align-items:center;gap:11px;padding:2px 6px 22px;border-bottom:1px solid var(--line);margin-bottom:14px}
.adm-brand-logo{height:34px;width:auto;display:block}
.adm-brand-tag{font-size:11px;color:var(--muted);font-weight:600;line-height:1.2;border-left:1px solid var(--line);padding-left:11px}
.adm-nav{display:flex;flex-direction:column;gap:3px}
.adm-nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 13px;border-radius:11px;
  font-size:14px;font-weight:600;color:var(--muted);transition:.13s;position:relative}
.adm-nav-item svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.adm-nav-item:hover{background:var(--hover);color:var(--ink)}
.adm-nav-item.active{background:var(--grad-soft);color:var(--ink)}
.adm-nav-item.active svg{stroke:var(--orange)}
.nav-badge{margin-left:auto;background:var(--s-rev);color:#fff;font-size:11px;font-weight:800;border-radius:20px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 6px}
.adm-side-foot{margin-top:auto;padding:16px 10px 4px;position:relative}
.adm-side-foot .leaf{width:40px;height:40px;fill:none;stroke:var(--orange);stroke-width:1.3;opacity:.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.adm-side-foot .quote{font-size:12.5px;font-style:italic;color:var(--muted);line-height:1.5;font-weight:500}
.adm-side-foot .ver{display:block;margin-top:12px;font-size:11px;color:var(--muted);opacity:.7;font-weight:600;letter-spacing:.3px}

.adm-main{min-width:0;display:flex;flex-direction:column}
.adm-top{position:sticky;top:0;z-index:40;background:var(--topbar-bg);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:12px 26px}
.adm-search{flex:1;max-width:420px;display:flex;align-items:center;gap:9px;background:var(--surface-2);
  border:1px solid var(--line);border-radius:12px;padding:9px 14px}
.adm-search svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.adm-search input{border:none;background:none;outline:none;width:100%;font-size:14px;color:var(--ink)}
.adm-top-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.co-drop-btn{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);
  border-radius:11px;background:var(--card);font-weight:600;font-size:13.5px;color:var(--ink)}
.co-drop-btn .chev{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dd-badge{margin-left:auto;background:var(--s-rev);color:#fff;font-size:10.5px;font-weight:800;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}
.icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--card);
  display:grid;place-items:center;position:relative;color:var(--ghost-fg)}
.icon-btn:hover{background:var(--hover)}
.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.icon-btn .ic-moon{display:none}
html.dark .icon-btn .ic-sun{display:none}
html.dark .icon-btn .ic-moon{display:block}
.bell-badge{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--s-rev);border:2px solid var(--card)}
.adm-user{display:flex;align-items:center;gap:10px;padding-left:6px}
.adm-user .user-chip{width:38px;height:38px}
.au-txt{line-height:1.25}
.au-txt b{display:block;font-size:13.5px;font-weight:700}
.au-txt span{font-size:11.5px;color:var(--muted)}
@media(max-width:760px){.au-txt{display:none}}

.adm-content{padding:24px 26px 40px;max-width:1440px;width:100%}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:18px 20px;display:flex;align-items:center;gap:15px}
.kpi-ic{width:48px;height:48px;border-radius:13px;flex:none;display:grid;place-items:center}
.kpi-ic svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.k-blue{background:linear-gradient(135deg,#3B82F6,#2563EB)}
.k-amber{background:linear-gradient(135deg,#F9A826,#F76B1C)}
.k-green{background:linear-gradient(135deg,#22B573,#128A4E)}
.k-purple{background:linear-gradient(135deg,#A855F7,#7C3AED)}
.kpi-n{font-size:27px;font-weight:800;letter-spacing:-.5px;line-height:1}
.kpi-l{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:5px}

.adm-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:20px;align-items:start}
.adm-rcol{display:flex;flex-direction:column;gap:18px}
.acard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.acard-h{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.acard-h h2{font-size:15.5px;font-weight:800}
.acard-hint{font-size:12px;color:var(--muted);font-weight:600}
.acard-b{padding:18px 20px}
.feed-b{max-height:420px;overflow-y:auto}
.today-btn{width:auto!important;height:auto!important;padding:6px 12px!important;font-size:12px;font-weight:700;
  border-radius:9px!important;background:var(--grad)!important;color:#fff!important;margin-left:6px}
.cal-cell.today{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);background:var(--s-onay-bg)}
.cal-cell.today .cal-date{color:var(--orange)}
.det-link{color:var(--orange);font-weight:700}

.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);
  border-radius:13px;background:var(--surface-2);font-weight:700;font-size:13.5px;color:var(--ink);text-align:left;transition:.14s}
.quick:hover{border-color:var(--orange);background:var(--card);box-shadow:var(--shadow);transform:translateY(-2px)}
.q-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}
.q-ic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.q-orange{background:linear-gradient(135deg,#F9A826,#F76B1C)}
.q-purple{background:linear-gradient(135deg,#A855F7,#7C3AED)}

.charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px;align-items:start}
.donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.donut{width:128px;height:128px;flex:none}
.donut-c-n{text-anchor:middle;font-size:26px;font-weight:800;fill:var(--ink)}
.donut-c-l{text-anchor:middle;font-size:11px;fill:var(--muted);font-weight:600}
.donut-legend{flex:1;min-width:120px;display:flex;flex-direction:column;gap:10px}
.dl-row{display:flex;align-items:center;gap:9px;font-size:13px}
.dl-sw{width:11px;height:11px;border-radius:3px;flex:none}
.dl-name{font-weight:700}
.dl-val{margin-left:auto;color:var(--muted);font-weight:600;font-size:12px}
.linechart{width:100%;height:auto;display:block}
.linechart .ln-grid{stroke:var(--line);stroke-width:1}
.linechart .ln-yl,.linechart .ln-xl{fill:var(--muted);font-size:9px;font-weight:600}
.linechart .ln-yl{text-anchor:end}
.linechart .ln-xl{text-anchor:middle}
.linechart .ln-line{fill:none;stroke:#F76B1C;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.linechart .ln-dot{fill:#fff;stroke:#F76B1C;stroke-width:2.4}
html.dark .linechart .ln-dot{fill:var(--card)}

.fb{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}
.fb:last-child{border-bottom:none}
.fb.act-link{cursor:pointer;border-radius:8px;margin:0 -6px;padding-left:6px;padding-right:6px}
.fb-ic{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}
.fb-ic.k{background:var(--grad)} .fb-ic.c{background:linear-gradient(135deg,#3B82F6,#2563EB)}
.fb-body{flex:1;min-width:0}
.fb-top{display:flex;align-items:center;gap:8px;justify-content:space-between}
.fb-top b{font-size:12.5px;font-weight:700}
.fb-top span{font-size:10.5px;color:var(--muted)}
.fb-txt{font-size:12.5px;line-height:1.45;margin-top:3px;color:var(--ink)}
.fb-src{font-size:11px;color:var(--muted);margin-top:4px}
.adm-foot{text-align:center;color:var(--muted);font-size:12.5px;padding:8px 0 4px}

@media(max-width:1080px){
  .kpi-row{grid-template-columns:1fr 1fr}
  .adm-grid{grid-template-columns:1fr}
  .charts-row{grid-template-columns:1fr}
}
@media(max-width:760px){
  .adm-shell{grid-template-columns:1fr}
  .adm-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px}
  .adm-brand{border-bottom:none;padding:0;margin:0}
  .adm-nav{flex-direction:row;flex-wrap:wrap;margin-left:auto}
  .adm-nav-item span{display:none}
  .adm-nav-item{padding:9px}
  .adm-side-foot{display:none}
  .kpi-row{grid-template-columns:1fr}
}

/* ==================== MÜŞTERİ — Tasarım 1 ek stiller ==================== */
.cli-top .brand-tag b{font-size:12px}
.help-card{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--grad-soft)}
.help-ic{font-size:22px;margin-bottom:8px}
.help-t{font-weight:800;font-size:14px;margin-bottom:5px}
.help-d{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:12px}
.help-btn{width:100%;padding:9px;border-radius:10px;background:var(--card);border:1px solid var(--line);
  font-weight:700;font-size:12.5px;color:var(--ink)}
.help-btn:hover{border-color:var(--orange);color:var(--orange)}
.m-cal{font-size:14px;line-height:1}

/* tıklanabilir istatistik kartları */
.cli-stats .stat{display:flex;align-items:center;gap:13px;text-align:left;width:100%;cursor:pointer;transition:.14s}
.cli-stats .stat:hover{border-color:#D9CFDE;box-shadow:0 10px 26px rgba(27,21,32,.08);transform:translateY(-2px)}
html.dark .cli-stats .stat:hover{border-color:#463d54}
.cli-stats .stat.sel{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.cli-stats .stat .n{font-size:26px}
.cli-stats .stat .l{margin-top:1px}
.cli-stats .stat .l::before{display:none}
.stat-ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;font-size:19px;color:#fff;font-weight:800}
.si-yay{background:linear-gradient(135deg,#22B573,#128A4E)}
.si-onay{background:linear-gradient(135deg,#F9A826,#F76B1C)}
.si-rev{background:linear-gradient(135deg,#F76B7A,#D62839)}
.stat-chev{margin-left:auto;color:var(--muted);font-size:22px;font-weight:400}

/* filtre çubuğu */
.cli-filter{display:flex;align-items:center;gap:11px;margin-bottom:20px;flex-wrap:wrap}
.cf-search{flex:1;min-width:200px;display:flex;align-items:center;gap:9px;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.cf-search svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.cf-search input{border:none;background:none;outline:none;width:100%;font-size:14px;color:var(--ink)}
.cf-sel{padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);
  font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.cf-sel:focus{outline:none;border-color:var(--orange)}
.cf-clear{padding:11px 15px;border-radius:12px;background:var(--s-rev-bg);color:var(--s-rev);font-weight:700;font-size:13px}
.cf-clear:hover{filter:brightness(.97)}

/* boş durum illüstrasyonu */
.cli-empty{padding:54px 20px}
.empty-illus{width:150px;margin:0 auto 18px}
.empty-illus svg{width:100%;height:auto;display:block}
.ei-card{fill:var(--card);stroke:var(--line);stroke-width:2}
.ei-line{stroke:var(--line);stroke-width:2}
.ei-dot{fill:#D9CFDE}
.ei-thumb{fill:var(--grad-soft,#F2EEF3);stroke:var(--line);stroke-width:1.5}
.ei-play{fill:var(--orange);opacity:.7}
.ei-txt{stroke:#D9CFDE;stroke-width:3;stroke-linecap:round}
html.dark .ei-dot,html.dark .ei-txt{stroke:#463d54;fill:#463d54}
.es-msg{font-size:14.5px;font-weight:600;color:var(--muted);margin-bottom:16px}
.cli-empty .btn{padding:10px 18px}

.cli-foot{text-align:center;color:var(--muted);font-size:12.5px;padding:34px 0 6px;margin-top:20px;border-top:1px solid var(--line)}

/* kılavuz adımları */
.guide-step{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--line)}
.guide-step:last-child{border-bottom:none}
.gs-n{width:26px;height:26px;border-radius:50%;flex:none;background:var(--grad);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}
.guide-step b{font-size:13.5px;font-weight:700}
.guide-step p{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:3px}

/* dark: içerik detay + giriş yüzeyleri */
html.dark .detail-top{background:var(--card)}
html.dark .back-btn{background:var(--card)}
html.dark .dt-chip{background:var(--surface-2)}
html.dark .detail-side .dcard,html.dark .detail-media-col .dcard{background:var(--card)}
html.dark .detail-media{border-color:var(--line)}
html.dark .msg .mi.mi-img,html.dark .avatar-badge.logo{background:#fff}

/* ============================================================
   ŞABLON GENİŞLETME — hesap menüsü, görünümler, gün modalı,
   içerik listesi, şirket sayfası, takvim pill logosu
   ============================================================ */
a.adm-brand,a.adm-nav-item,a.brand-wrap{text-decoration:none;color:inherit}

/* görünüm değiştirme (kaydırma yok) */
.view{display:none}
.view.active{display:block}

/* hesap menüsü */
.acct{position:relative}
.acct-btn{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.acct-btn:hover{background:var(--hover)}
.acct-btn .chev{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.acct-drop{top:54px;min-width:200px}
.user-chip.has-logo{background:#fff;border:1px solid var(--line);overflow:hidden}
.user-chip img{width:100%;height:100%;object-fit:contain;padding:3px;display:block}
.dd-item.dd-danger{color:var(--s-rev);font-weight:700}
.dd-item.dd-danger:hover{background:var(--s-rev-bg)}
html.dark .acct-drop .dd-item{color:var(--ink)}
html.dark .acct-drop .dd-item.dd-danger{color:var(--s-rev)}

/* takvim pill içi şirket logosu */
.pill-av{display:inline-flex;flex:none;align-items:center}
.pill-av .avatar-badge{border:none}
.cal-pill .pill-av .avatar-badge.logo{background:#fff;padding:1px}
.cal-cell.has{cursor:pointer}
.cal-cell.has:hover{box-shadow:inset 0 0 0 1.5px var(--orange)}

/* gün detay modalı */
.day-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--line)}
.day-head h3{font-size:16px;font-weight:800}
.mclose-x{width:30px;height:30px;border-radius:9px;background:var(--ghost-bg);color:var(--ghost-fg);font-size:18px;display:grid;place-items:center}
.mclose-x:hover{background:var(--hover)}
.day-body{padding:8px 20px 20px;max-height:60vh;overflow-y:auto}
.day-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.day-row:last-child{border-bottom:none}
.day-av{flex:none}
.day-main{flex:1;min-width:0}
.day-title{font-size:14px;font-weight:700}
.day-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.day-co{font-size:12px;color:var(--muted);font-weight:600}
.day-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.day-acts .btn{padding:7px 10px;font-size:12px}
@media(max-width:560px){.day-row{flex-wrap:wrap}.day-acts{width:100%}}

/* tüm içerikler listesi */
.clist{display:flex;flex-direction:column}
.clist-row{display:grid;grid-template-columns:34px 1.6fr 1fr auto auto 96px;align-items:center;gap:12px;
  padding:11px 8px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:8px}
.clist-row:hover{background:var(--surface-2)}
.clist-row:last-child{border-bottom:none}
.cl-av{display:inline-flex}
.cl-title{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-co{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-date{font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}
@media(max-width:820px){.clist-row{grid-template-columns:30px 1fr auto;row-gap:4px}.cl-co,.cl-date{display:none}}

.charts-row.two{grid-template-columns:1fr 1fr}
@media(max-width:1080px){.charts-row.two{grid-template-columns:1fr}}

/* ==================== ŞİRKET SAYFASI (şablon) ==================== */
.sir-head{display:flex;align-items:center;gap:12px}
.sir-av{display:inline-flex;flex:none}
.sir-txt{line-height:1.2}
.sir-txt b{font-size:16px;font-weight:800;display:block}
.sir-txt span{font-size:12px;color:var(--muted)}
.sir-content{padding-top:20px}
.sir-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:16px;align-items:start}
.sir-grid .feed-b{max-height:360px}
@media(max-width:980px){.sir-grid{grid-template-columns:1fr}}
/* kompakt takvim */
.cal-compact .cal-grid{gap:5px}
.cal-compact .cal-cell{min-height:62px;padding:5px}
.cal-compact .cal-pill{font-size:9.5px;padding:2px 5px}
.cal-compact .cal-date{font-size:11px;margin-bottom:3px}
.sir-content .kanban .kcard{padding:9px}
.sir-content .kcol{min-height:120px}

/* detay: üst bilgileri ortala */
.detail-top .dt-info{flex:1;justify-content:center}
@media(max-width:900px){.detail-top .dt-info{flex:none;justify-content:flex-start;order:3;width:100%}}

/* ana sayfa sol sütun (takvim + grafikler dengeli) */
.adm-lcol{display:flex;flex-direction:column;gap:18px;min-width:0}
.adm-lcol .charts-row.two{margin-bottom:0}

/* şirket sayfası: tek ekrana sığdır */
.sir-content{padding-top:16px;padding-bottom:20px}
.sir-content .acard-b{padding:14px 16px}
.cal-compact .cal-cell{min-height:52px;padding:4px}
.cal-compact .cal-pill{font-size:9px;padding:2px 4px;margin-bottom:2px}
.sir-content .kanban .kcard{padding:8px;margin-bottom:8px}
.sir-content .kanban .kcard .kmeta{margin:5px 0 8px}
.sir-content .kanban .kcol{min-height:100px;padding:10px}
.sir-content .kanban .kcard .kact .btn{padding:6px 4px;font-size:11px}

/* ============================================================
   İNCE AYAR — sil butonu, geri bildirim logoları, detay üst bar
   ============================================================ */
/* sil butonu */
.btn-del{background:var(--s-rev-bg);color:var(--s-rev)}
.btn-del:hover{filter:brightness(.96)}

/* geri bildirim / aktivite logoları */
.fb-ic-av{flex:none;display:inline-flex}
.fb-ic.fb-logo{background:#fff;border:1px solid var(--line);overflow:hidden;padding:0}
.fb-ic.fb-logo img{width:100%;height:100%;object-fit:contain;padding:3px;display:block}
.fb-ic.fb-logo.katre{background:#fff}

/* ---- Detay üst bar (yeniden tasarım) ---- */
.detail-top{gap:16px}
.detail-top .back-btn{border-radius:12px}
.detail-top .dt-title{font-size:16.5px}
.dt-info{gap:10px}
.dt-chip{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:7px 14px 7px 9px;
  box-shadow:0 1px 2px rgba(27,21,32,.04);gap:10px}
.dt-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;flex:none;
  background:var(--surface-2)}
.dt-ic.ic-type{background:var(--grad-soft)}
.dt-ic.ic-pub{background:#EAF2FF}
.dt-ic.ic-add{background:#F3EEFB}
.dt-ic.ic-st{position:relative}
.dt-ic.ic-st::before{content:"";width:12px;height:12px;border-radius:50%}
.dt-ic.st-onay::before{background:var(--s-onay)} .dt-ic.st-onay{background:var(--s-onay-bg)}
.dt-ic.st-revize::before{background:var(--s-rev)} .dt-ic.st-revize{background:var(--s-rev-bg)}
.dt-ic.st-yayin::before{background:var(--s-yay)} .dt-ic.st-yayin{background:var(--s-yay-bg)}
.dt-kv{display:flex;flex-direction:column;line-height:1.15;gap:1px}
.dt-kv .k{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.dt-kv .v{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center}
html.dark .dt-ic.ic-pub{background:#16233a}
html.dark .dt-ic.ic-add{background:#241a33}
@media(max-width:900px){.dt-chip{padding:6px 11px 6px 7px}.dt-ic{width:26px;height:26px}}

/* ============================================================
   BİLDİRİMLER — okundu/okunmadı, zil menüsü
   ============================================================ */
.act-body{flex:1;min-width:0}
.act-read{width:26px;height:26px;flex:none;border-radius:50%;border:1.5px solid var(--line);color:var(--muted);
  font-size:13px;line-height:1;display:grid;place-items:center;align-self:center;transition:.12s}
.act-read:hover{border-color:var(--s-yay);color:var(--s-yay);background:var(--s-yay-bg)}
.act-done{width:26px;height:26px;flex:none;border-radius:50%;color:var(--s-yay);font-size:14px;display:grid;place-items:center;align-self:center}
.act.read{opacity:.5}
.act.read .atxt{font-weight:400}
.mini-btn{font-size:12px;font-weight:700;color:var(--orange);padding:6px 10px;border-radius:9px}
.mini-btn:hover{background:var(--grad-soft)}

/* müşteri zil menüsü */
.notif-wrap{position:relative}
.notif-panel{position:absolute;top:52px;right:0;width:340px;max-width:88vw;max-height:64vh;overflow-y:auto;
  background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:none;z-index:60}
.notif-panel.open{display:block}
.notif-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;
  border-bottom:1px solid var(--line);font-weight:800;font-size:13.5px;position:sticky;top:0;background:var(--card)}
.notif-list{padding:4px 14px 10px}
.notif-list .act{cursor:default}
.notif-list .act.act-link{cursor:pointer}
.notif-empty{padding:30px 14px;text-align:center;color:var(--muted);font-size:13px}

/* sayılı zil rozeti (müşteri) */
.bell-badge.bell-num{width:auto;height:17px;min-width:17px;top:1px;right:1px;padding:0 5px;border-radius:20px;
  font-size:10px;font-weight:800;color:#fff;display:grid;place-items:center;line-height:1}

/* şirket sil butonu (şirketler kartı) */
.co-tile{position:relative}
.co-del{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:9px;background:transparent;
  color:var(--muted);font-size:14px;display:grid;place-items:center;opacity:.4;transition:.12s;z-index:2}
.co-tile:hover .co-del{opacity:1}
.co-del:hover{background:var(--s-rev-bg);color:var(--s-rev)}
.co-tile.co-add .co-del{display:none}

/* gün detay modal — alt buton */
.day-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
.day-foot .btn{padding:11px 20px}
/* takvim: her hücre tıklanabilir */
.cal-cell[onclick]{cursor:pointer}
.cal-cell[onclick]:hover{box-shadow:inset 0 0 0 1.5px var(--orange)}
.cal-cell.today[onclick]:hover{box-shadow:inset 0 0 0 2px var(--orange)}