/* =========================================================
   OKZEN CARİ — Dijital İş Asistanı
   Tema: "Yönetim Paneli" — WordPress admin esintili, profesyonel.
   Antrasit sol menü, WordPress mavisi vurgu, düz metabox kutular.
   Yazı tipi: Inter (KENDİ SUNUCUMUZDA barındırılır — dış font
   servisi kullanılmaz, internetsiz/intranet ortamda da çalışır).
========================================================= */

/* ---------- Inter (değişken ağırlık 100–900) ---------- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter-latin-ext-wght-normal.woff2') format('woff2');
    /* Türkçe: ğ ş İ ve ₺ bu aralıkta */
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
                   U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter-latin-wght-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
                   U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
    --bg: #f0f0f1;
    --card-bg: #ffffff;
    --border: #c3c4c7;
    --border-soft: #dcdcde;
    --text: #1d2327;
    --text-muted: #646970;

    --brand: #2271b1;          /* WordPress mavisi */
    --brand-dark: #135e96;
    --brand-darker: #0a4b78;
    --brand-soft: #f0f6fc;
    --brand-border: #9ec2e6;

    --accent: #2271b1;

    --sidebar-bg: #1d2327;
    --sidebar-bg2: #2c3338;
    --sidebar-text: #c3c4c7;
    --sidebar-hover: #72aee6;
    --sidebar-active: #ffffff;

    --success: #007017; --success-soft:#edfaef; --success-bd:#a7e3af;
    --info: #2271b1;    --info-soft:#f0f6fc;    --info-bd:#9ec2e6;
    --warning: #8a6d00; --warning-soft:#fcf9e8; --warning-bd:#f0e2a1;
    --danger: #b32d2e;  --danger-soft:#fcf0f1;  --danger-bd:#f0b3b4;
    --muted: #646970;   --muted-soft:#f0f0f1;

    --abh: 54px;               /* admin bar yüksekliği */
    --radius: 4px;
    --radius-sm: 3px;
    --shadow: 0 1px 1px rgba(0,0,0,0.04);
    --shadow-md: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-lg: 0 3px 14px rgba(0,0,0,0.16);
    --font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --font-mono: "Cascadia Mono", Consolas, Menlo, Monaco, "Courier New", monospace;
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    font-size: 13.5px;
    line-height: 1.55;
    letter-spacing: -0.006em;          /* Inter'de metni daha dingin gösterir */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h1,h2,h3,h4 { font-weight:600; margin:0 0 8px; color:#1d2327; letter-spacing:-0.018em; }

/* Finans arayüzü: rakamlar sabit genişlikte → sütunlarda tam hizalanır */
table, .stat-value, .amount-pos, .amount-neg, .kv b, .code-chip,
input[inputmode="decimal"], .ai-time, .mono {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}
h2 { font-size:20px; } h3 { font-size:14px; }
a { color: var(--brand); text-decoration:none; }
a:hover { color: var(--brand-dark); text-decoration:underline; }
.mono { font-family: var(--font-mono); }
.muted { color: var(--text-muted); }
.text-right { text-align:right; }
.text-center { text-align:center; }
.nowrap { white-space:nowrap; }

/* ---------- Layout ---------- */
.app-shell { display:flex; min-height:100vh; }

.sidebar {
    width: 210px; flex-shrink:0;
    background: var(--sidebar-bg);
    color: var(--sidebar-text);
    display:flex; flex-direction:column;
    position: sticky; top:0; height:100vh;
}
.sidebar .brand {
    display:flex; align-items:center; gap:10px;
    padding: 16px 16px 14px; font-weight:600; font-size:15px; color:#fff;
    background:#191e23; border-bottom:1px solid #0c0f12;
}
.sidebar .brand .logo {
    width:34px; height:34px; border-radius:var(--radius-sm); flex-shrink:0;
    background: var(--brand); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:16px; overflow:hidden;
}
.sidebar .brand .logo.has-img { background:transparent; }
.sidebar .brand .logo img { width:100%; height:100%; object-fit:contain; }
.sidebar .brand small { display:block; font-size:10.5px; font-weight:400; color:#a7aaad; }
.sidebar nav { flex:1; padding: 6px 0 12px; overflow-y:auto; }
.sidebar nav a {
    display:flex; align-items:center; gap:10px;
    padding:9px 16px; color: var(--sidebar-text);
    font-size:13.5px; font-weight:400; text-decoration:none;
    border-left:3px solid transparent;
}
.sidebar nav a .ico { width:18px; text-align:center; font-size:15px; flex-shrink:0; opacity:.85; filter:grayscale(20%); }
.sidebar nav a:hover { background: var(--sidebar-bg2); color: var(--sidebar-hover); text-decoration:none; }
.sidebar nav a:hover .ico { opacity:1; }
.sidebar nav a.active {
    background: var(--brand); color:#fff; font-weight:600; border-left-color:#8bbde8;
}
.sidebar nav a.active .ico { opacity:1; filter:none; }
.sidebar nav .nav-section {
    text-transform:uppercase; font-size:10px; letter-spacing:.06em;
    color:#8c8f94; padding:14px 16px 6px; font-weight:600;
}
.sidebar .sidebar-footer {
    padding:12px 16px; border-top:1px solid #3c434a;
    font-size:12px; color:#a7aaad; background:#191e23;
}
.sidebar .sidebar-footer a { color:#72aee6; }

.main { flex:1; min-width:0; display:flex; flex-direction:column; }
.topbar {
    background:#fff; border-bottom:1px solid var(--border);
    padding: 10px 22px; display:flex; align-items:center; gap:14px;
    position: sticky; top:0; z-index:20; box-shadow: var(--shadow);
}
.topbar h1 { font-size:16px; margin:0; flex:1; font-weight:600; }
.topbar .today-chip {
    font-size:12px; color:var(--text-muted); background:var(--bg);
    padding:5px 11px; border-radius:var(--radius-sm); font-weight:500; white-space:nowrap;
    border:1px solid var(--border-soft);
}
.icon-btn {
    position:relative; width:36px; height:36px; border-radius:var(--radius-sm); border:1px solid var(--border);
    background:#fff; cursor:pointer; font-size:16px; display:flex; align-items:center; justify-content:center;
}
.icon-btn:hover { background:var(--brand-soft); border-color:var(--brand); }
.icon-btn .dot {
    position:absolute; top:-6px; right:-6px; background:#d63638; color:#fff;
    font-size:10px; font-weight:600; min-width:17px; height:17px; border-radius:9px;
    display:flex; align-items:center; justify-content:center; padding:0 4px; border:2px solid #fff;
}
.user-chip { display:flex; align-items:center; gap:9px; font-size:13px; color:var(--text); }
.user-chip .avatar {
    width:34px; height:34px; border-radius:var(--radius-sm); background:var(--brand); color:#fff;
    display:flex; align-items:center; justify-content:center; font-weight:600; font-size:15px;
}
.content { padding: 20px 22px 40px; max-width: 1400px; width:100%; margin:0 auto; }

/* ---------- Cards / grid ---------- */
.grid { display:grid; gap:16px; }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1100px){ .grid-4{grid-template-columns:repeat(2,1fr);} .grid-3{grid-template-columns:repeat(2,1fr);} }
@media (max-width: 680px){ .grid-4,.grid-3,.grid-2{grid-template-columns:1fr;} }

.card {
    background: var(--card-bg); border:1px solid var(--border); border-radius: var(--radius);
    box-shadow: var(--shadow); padding: 16px 18px;
}
.card-header {
    display:flex; align-items:center; justify-content:space-between; margin:-16px -18px 14px;
    padding:11px 18px; border-bottom:1px solid var(--border-soft); background:#fff;
    border-radius: var(--radius) var(--radius) 0 0;
}
.card-header h3 { font-size:14px; margin:0; font-weight:600; }
.card-title-ico { display:flex; align-items:center; gap:8px; }

/* stat / "bakışta" kutuları */
.stat-card { position:relative; overflow:hidden; display:flex; flex-direction:column; gap:2px; border-left:3px solid var(--brand); }
.stat-card .stat-top { display:flex; align-items:center; justify-content:space-between; }
.stat-card .stat-label { font-size:12px; color:var(--text-muted); font-weight:600; text-transform:uppercase; letter-spacing:.02em; }
.stat-card .stat-value { font-size:25px; font-weight:600; margin-top:5px; color:#1d2327; }
.stat-card .stat-ico {
    width:36px; height:36px; border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center;
    font-size:17px; background:var(--brand-soft);
}
.stat-card .stat-sub { font-size:11.5px; color:var(--text-muted); margin-top:4px; }
.stat-card.g-green { border-left-color:var(--success); } .stat-card.g-green .stat-ico{ background:var(--success-soft);} .stat-card.g-green .stat-value{color:var(--success);}
.stat-card.g-red { border-left-color:var(--danger); } .stat-card.g-red .stat-ico{ background:var(--danger-soft);} .stat-card.g-red .stat-value{color:var(--danger);}
.stat-card.g-blue { border-left-color:var(--info); } .stat-card.g-blue .stat-ico{ background:var(--info-soft);} .stat-card.g-blue .stat-value{color:var(--info);}
.stat-card.g-amber { border-left-color:var(--warning); } .stat-card.g-amber .stat-ico{ background:var(--warning-soft);} .stat-card.g-amber .stat-value{color:var(--warning);}

/* ---------- Buttons (WordPress tarzı) ---------- */
.btn {
    display:inline-flex; align-items:center; gap:6px; justify-content:center;
    padding: 6px 13px; border-radius:var(--radius-sm); font-size:13px; font-weight:500;
    border:1px solid var(--brand); cursor:pointer; font-family:var(--font);
    text-decoration:none; line-height:1.6; transition: background .1s;
}
.btn:hover { text-decoration:none; }
.btn-primary { background: var(--brand); color:#fff; border-color:var(--brand-dark); }
.btn-primary:hover { background: var(--brand-dark); color:#fff; border-color:var(--brand-darker); }
.btn-accent { background: var(--brand); color:#fff; border-color:var(--brand-dark); }
.btn-dark { background: #3c434a; color:#fff; border-color:#2c3338; }
.btn-dark:hover { background:#2c3338; color:#fff; }
.btn-outline { background:#f6f7f7; border-color: var(--brand); color: var(--brand); }
.btn-outline:hover { background:var(--brand-soft); color: var(--brand-dark); border-color:var(--brand-dark); }
.btn-danger { background:#fff; color:var(--danger); border-color:var(--danger); }
.btn-danger:hover { background:var(--danger); color:#fff; }
.btn-success { background: var(--success); color:#fff; border-color:#005c13; }
.btn-success:hover { background:#005c13; color:#fff; }
.btn-sm { padding:3px 9px; font-size:12px; }
.btn-lg { padding:9px 18px; font-size:14px; }
.btn-block { width:100%; }
.btn[disabled]{ opacity:.5; cursor:not-allowed; }
.btn-group { display:flex; gap:7px; flex-wrap:wrap; }

/* ---------- Forms ---------- */
label { display:block; font-size:12.5px; font-weight:600; color:var(--text); margin-bottom:5px; }
.form-group { margin-bottom:14px; }
input[type=text], input[type=password], input[type=date], input[type=number], input[type=time],
input[type=datetime-local], input[type=search], input[type=email], input[type=tel], select, textarea {
    width:100%; padding:7px 10px; border:1px solid #8c8f94; border-radius:var(--radius-sm);
    font-size:13.5px; font-family:var(--font); background:#fff; color:var(--text);
}
input:focus, select:focus, textarea:focus {
    outline:none; border-color: var(--brand); box-shadow:0 0 0 1px var(--brand);
}
textarea { resize:vertical; min-height:76px; }
.form-row { display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:14px; }
.help-text { font-size:11.5px; color:var(--text-muted); margin-top:5px; font-style:italic; }
fieldset { border:1px solid var(--border); border-radius:var(--radius); padding:16px; margin:0 0 16px; }
legend { font-weight:600; font-size:13px; padding:0 6px; color:var(--text); }
.inline-form { display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }

/* ---------- Table (wp-list-table) ---------- */
.table-wrap { background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius); overflow:auto; box-shadow:var(--shadow); }
table { width:100%; border-collapse:collapse; font-size:13px; }
thead th {
    text-align:left; background:#f6f7f7; color:#1d2327; font-weight:600;
    padding:9px 14px; font-size:12.5px; border-bottom:1px solid var(--border); white-space:nowrap;
}
tbody td { padding:10px 14px; border-bottom:1px solid var(--border-soft); vertical-align:middle; }
tbody tr:last-child td { border-bottom:none; }
tbody tr:hover { background:#f6f7f7; }
tfoot td { padding:10px 14px; font-weight:600; border-top:1px solid var(--border); background:#f6f7f7; }
.t-strong { font-weight:600; }
.code-chip {
    font-family:var(--font-mono); font-size:12px; font-weight:500; background:#f0f0f1;
    color:#1d2327; padding:2px 7px; border-radius:var(--radius-sm); border:1px solid var(--border-soft);
}

/* ---------- Badges (durum etiketleri) ---------- */
.badge { display:inline-block; padding:2px 9px; border-radius:var(--radius-sm); font-size:11.5px; font-weight:600; white-space:nowrap; border:1px solid transparent; }
.badge-success { background:var(--success-soft); color:var(--success); border-color:var(--success-bd); }
.badge-danger  { background:var(--danger-soft);  color:var(--danger);  border-color:var(--danger-bd); }
.badge-warning { background:var(--warning-soft); color:var(--warning); border-color:var(--warning-bd); }
.badge-info    { background:var(--info-soft);    color:var(--info);    border-color:var(--info-bd); }
.badge-muted   { background:var(--muted-soft);   color:var(--muted);   border-color:var(--border-soft); }
.badge-brand   { background:var(--brand-soft);   color:var(--brand-dark); border-color:var(--brand-border); }

.amount-pos { color:var(--success); font-weight:600; }
.amount-neg { color:var(--danger); font-weight:600; }

/* ---------- Alerts (wp notices) ---------- */
.alert { padding:11px 14px; border-radius:var(--radius-sm); font-size:13.5px; margin-bottom:16px; background:#fff; border:1px solid var(--border); border-left-width:4px; box-shadow:var(--shadow); }
.alert-success { border-left-color:var(--success); }
.alert-danger  { border-left-color:var(--danger); }
.alert-info    { border-left-color:var(--brand); }
.alert-warning { border-left-color:#dba617; }

/* ---------- Empty state ---------- */
.empty-state { text-align:center; padding:36px 20px; color:var(--text-muted); }
.empty-state .emoji { font-size:38px; margin-bottom:10px; opacity:.8; }

/* ---------- Page head ---------- */
.page-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; gap:12px; flex-wrap:wrap; padding-bottom:12px; border-bottom:1px solid var(--border); }
.page-head h2 { font-size:21px; font-weight:600; }
.page-head .subtitle { color:var(--text-muted); font-size:13px; margin-top:3px; }

/* ---------- Progress bar ---------- */
.bar { background:#e5e5e5; border-radius:2px; height:8px; overflow:hidden; }
.bar > span { display:block; height:100%; background:var(--brand); }
.bar.green > span { background:var(--success); }
.bar.red > span { background:var(--danger); }
.bar.amber > span { background:#dba617; }

/* ---------- List rows ---------- */
.list-row { display:flex; align-items:center; gap:11px; padding:10px 0; border-bottom:1px solid var(--border-soft); }
.list-row:last-child { border-bottom:none; }
.list-row .lr-ico { width:34px; height:34px; border-radius:var(--radius-sm); background:var(--brand-soft); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; border:1px solid var(--brand-border); }
.list-row .lr-main { flex:1; min-width:0; }
.list-row .lr-title { font-weight:600; font-size:13px; }
.list-row .lr-sub { font-size:12px; color:var(--text-muted); }

/* ---------- Tabs (wp-admin nav-tab) ---------- */
.tabs { display:flex; gap:2px; border-bottom:1px solid var(--border); margin-bottom:18px; flex-wrap:wrap; }
.tabs a { padding:9px 15px; font-size:13.5px; font-weight:500; color:var(--text-muted); border:1px solid transparent; border-bottom:none; margin-bottom:-1px; }
.tabs a:hover { color:var(--brand-dark); text-decoration:none; }
.tabs a.active { color:#1d2327; background:#fff; border-color:var(--border); border-bottom-color:#fff; border-radius:var(--radius-sm) var(--radius-sm) 0 0; font-weight:600; }

/* ---------- Login ---------- */
.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--bg); padding:20px; }
.login-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:32px 30px; width:100%; max-width:380px; box-shadow: var(--shadow-lg); }
.login-card .brand-mark { display:flex; align-items:center; gap:11px; margin-bottom:6px; }
.login-card .logo { width:48px; height:48px; border-radius:var(--radius); background:var(--brand); display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; overflow:hidden; }
.login-card .logo.has-img { background:transparent; }
.login-card .logo img { width:100%; height:100%; object-fit:contain; }
.login-card h1 { font-size:20px; margin:18px 0 2px; font-weight:600; }
.login-card .sub { color:var(--text-muted); font-size:13.5px; margin:0 0 20px; }
.login-hint { margin-top:16px; font-size:12px; color:var(--text-muted); text-align:center; padding-top:14px; border-top:1px solid var(--border-soft); }

/* ---------- Assistant / chat ---------- */
.chat-shell { display:flex; flex-direction:column; height: calc(100vh - 140px); background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.chat-head { padding:13px 18px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:12px; background:#f6f7f7; }
.chat-head .a-avatar { width:40px; height:40px; border-radius:var(--radius); background:var(--brand); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; }
.chat-head .a-status { font-size:12px; color:var(--success); font-weight:600; }
.chat-body { flex:1; overflow-y:auto; padding:20px; display:flex; flex-direction:column; gap:12px; background:#f6f7f7; }
.msg { display:flex; gap:9px; max-width:82%; }
.msg .bubble { padding:10px 14px; border-radius:var(--radius); font-size:13.5px; line-height:1.5; box-shadow:var(--shadow); }
.msg.assistant { align-self:flex-start; }
.msg.assistant .bubble { background:#fff; border:1px solid var(--border); }
.msg.user { align-self:flex-end; flex-direction:row-reverse; }
.msg.user .bubble { background:var(--brand); color:#fff; }
.msg .m-ava { width:30px; height:30px; border-radius:var(--radius-sm); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:15px; }
.msg.assistant .m-ava { background:var(--brand-soft); border:1px solid var(--brand-border); }
.msg.user .m-ava { background:#e5e5e5; }
.chat-input { padding:12px 16px; border-top:1px solid var(--border); display:flex; gap:9px; align-items:center; background:#fff; }
.chat-input input { flex:1; }
.mic-btn { width:42px; height:42px; border-radius:var(--radius); border:1px solid var(--brand-border); background:var(--brand-soft); color:var(--brand-dark); font-size:18px; cursor:pointer; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.mic-btn.listening { background:var(--danger); color:#fff; border-color:var(--danger); animation:pulse 1.1s infinite; }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(179,45,46,.5);} 70%{box-shadow:0 0 0 12px rgba(179,45,46,0);} 100%{box-shadow:0 0 0 0 rgba(179,45,46,0);} }
.chip-row { display:flex; gap:7px; flex-wrap:wrap; padding:0 16px 12px; background:#fff; }
.chip { background:#f6f7f7; color:var(--brand-dark); border:1px solid var(--border); padding:6px 12px; border-radius:var(--radius-sm); font-size:12.5px; font-weight:500; cursor:pointer; }
.chip:hover { background:var(--brand); color:#fff; border-color:var(--brand-dark); }
.typing span { display:inline-block; width:7px; height:7px; margin:0 1px; background:var(--text-muted); border-radius:50%; animation:blink 1.2s infinite both; }
.typing span:nth-child(2){animation-delay:.2s;} .typing span:nth-child(3){animation-delay:.4s;}
@keyframes blink { 0%,80%,100%{opacity:.2;} 40%{opacity:1;} }

/* ---------- Notifications dropdown ---------- */
.notif-panel { position:absolute; top:52px; right:22px; width:360px; max-width:92vw; background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-lg); z-index:60; overflow:hidden; display:none; }
.notif-panel.open { display:block; }
.notif-panel .np-head { padding:12px 15px; border-bottom:1px solid var(--border); font-weight:600; display:flex; justify-content:space-between; align-items:center; background:#f6f7f7; }
.notif-panel .np-list { max-height:400px; overflow-y:auto; }
.notif-item { padding:11px 15px; border-bottom:1px solid var(--border-soft); display:flex; gap:10px; }
.notif-item:hover { background:#f6f7f7; }
.notif-item .ni-ico { font-size:17px; }
.notif-item .ni-title { font-weight:600; font-size:13px; }
.notif-item .ni-sub { font-size:11.5px; color:var(--text-muted); }
.notif-item.unread { background:var(--brand-soft); }

/* ---------- Toast ---------- */
#toast-wrap { position:fixed; top:16px; right:16px; z-index:9999; display:flex; flex-direction:column; gap:9px; }
.toast { background:#fff; border:1px solid var(--border); border-left:4px solid var(--brand); border-radius:var(--radius-sm); box-shadow:var(--shadow-lg); padding:12px 15px; min-width:280px; max-width:360px; animation:slideIn .25s ease; }
.toast .t-title { font-weight:600; font-size:13.5px; display:flex; gap:8px; align-items:center; }
.toast .t-body { font-size:12.5px; color:var(--text-muted); margin-top:3px; }
.toast.warn { border-left-color:#dba617; }
.toast.due { border-left-color:var(--danger); }
@keyframes slideIn { from{transform:translateX(120%);opacity:0;} to{transform:translateX(0);opacity:1;} }

/* ---------- Agenda ---------- */
.agenda-day { border:1px solid var(--border); border-radius:var(--radius); padding:14px 16px; background:#fff; margin-bottom:12px; box-shadow:var(--shadow); }
.agenda-day .ad-head { font-weight:600; margin-bottom:10px; display:flex; justify-content:space-between; }
.agenda-item { display:flex; gap:11px; padding:9px 0; border-top:1px solid var(--border-soft); align-items:flex-start; }
.agenda-item:first-of-type { border-top:none; }
.agenda-item .ai-time { font-family:var(--font-mono); font-size:12.5px; font-weight:600; color:var(--brand-dark); width:50px; flex-shrink:0; }

/* ---------- misc ---------- */
.divider { height:1px; background:var(--border-soft); margin:16px 0; }
.pill-toggle { display:inline-flex; border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; }
.pill-toggle a { padding:6px 14px; font-size:12.5px; font-weight:500; color:var(--text-muted); background:#f6f7f7; border-right:1px solid var(--border); }
.pill-toggle a:last-child { border-right:none; }
.pill-toggle a:hover { text-decoration:none; background:#fff; color:var(--brand-dark); }
.pill-toggle a.active { background:var(--brand); color:#fff; }
.kv { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border-soft); font-size:13px; }
.kv:last-child { border-bottom:none; }
.kv .k { color:var(--text-muted); }
.avatar-sm { width:28px; height:28px; border-radius:var(--radius-sm); background:var(--brand); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:600; font-size:12px; }

/* ---------- Admin bar (WordPress tarzı üst şerit) ---------- */
#adminbar {
    position:fixed; top:0; left:0; right:0; height:var(--abh); z-index:100;
    background:#1d2327; color:#c3c4c7; display:flex; align-items:stretch; justify-content:space-between;
    font-size:13px; border-bottom:1px solid #101214;
}
#adminbar .ab-side { display:flex; align-items:stretch; }
.ab-item { display:flex; align-items:center; gap:6px; padding:0 13px; color:#c3c4c7; height:var(--abh); background:none; border:none; cursor:pointer; font-family:var(--font); font-size:13px; position:relative; text-decoration:none; }
a.ab-item:hover, .ab-btn:hover, .ab-has-menu:hover { background:#2c3338; color:#72aee6; text-decoration:none; }
.ab-item svg { stroke:currentColor; }
.ab-brand { font-weight:600; color:#fff; }
.ab-brand svg { color:#72aee6; }
.ab-home svg { color:#c3c4c7; }
.ab-home:hover svg { color:#72aee6; }

/* Üst-orta sabit OKZEN logosu */
.ab-center-brand {
    position:absolute; left:50%; top:0; transform:translateX(-50%);
    height:var(--abh); display:flex; align-items:center; gap:10px;
    font-weight:800; font-size:19px; letter-spacing:5px; color:#fff;
    padding:0 16px; text-decoration:none;
}
.ab-center-brand:hover { color:#fff; text-decoration:none; }
.ab-center-brand .ab-mark {
    width:18px; height:18px; border-radius:3px; flex-shrink:0;
    background:linear-gradient(135deg, #3a8dde, #2271b1);
    box-shadow:0 0 0 2px rgba(58,141,222,.25);
}
.ab-logo-img { height:calc(var(--abh) - 12px); width:auto; display:block; }
.ab-center-brand .ab-word { letter-spacing:3px; }
.ab-center-brand .ab-word2 { color:#72aee6; margin-left:7px; }
@media (max-width:760px){ .ab-center-brand .ab-word { display:none; } }
@media (max-width:560px){ .ab-center-brand { letter-spacing:2px; font-size:15px; } }
.ab-btn .dot { position:absolute; top:4px; right:5px; background:#d63638; color:#fff; font-size:9px; font-weight:600; min-width:15px; height:15px; border-radius:8px; display:flex; align-items:center; justify-content:center; padding:0 3px; }
.ab-user .ab-ava { width:22px; height:22px; border-radius:50%; background:var(--brand); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; }
.ab-drop { display:none; position:absolute; top:var(--abh); left:0; min-width:180px; background:#2c3338; border:1px solid #101214; box-shadow:var(--shadow-lg); z-index:110; padding:5px 0; }
.ab-drop-right { left:auto; right:0; }
.ab-has-menu:hover .ab-drop { display:block; }
.ab-drop a { display:block; padding:8px 15px; color:#c3c4c7; font-size:13px; }
.ab-drop a:hover { background:var(--brand); color:#fff; text-decoration:none; }
#themeIcon .i-sun { display:none; }
#themeIcon .i-moon, #themeIcon .i-sun { display:inline-flex; }
:root[data-theme="dark"] #themeIcon .i-sun { display:inline-flex; }
:root[data-theme="dark"] #themeIcon .i-moon { display:none; }
#themeIcon .i-sun { display:none; }
@media (max-width:680px){ .ab-uname { display:none; } }

/* admin bar için düzen kaymaları */
.app-shell { margin-top:var(--abh); }
.sidebar { top:var(--abh); height:calc(100vh - var(--abh)); }
.topbar { top:var(--abh); }
.notif-panel { position:fixed; top:calc(var(--abh) + 4px); right:10px; }

/* nav ikonları */
.ico { display:inline-flex; align-items:center; justify-content:center; }
.ficon { display:block; }

/* emoji ikonları kaldırıldığı için boşalan süs kutucuklarını gizle */
.stat-ico, .lr-ico, .empty-state .emoji { display:none !important; }
.list-row { gap:0; }
.stat-card .stat-value { margin-top:2px; }

/* ---------- Koyu tema ---------- */
:root[data-theme="dark"] {
    --bg:#0f1215; --card-bg:#1e2429; --border:#3c434a; --border-soft:#2b3137;
    --text:#e2e4e6; --text-muted:#9ca0a6;
    --brand:#3a8dde; --brand-dark:#5aa0e6; --brand-darker:#7bb5ec; --brand-soft:#16232e; --brand-border:#2f5f8f;
    --accent:#3a8dde;
    --success:#5bd171; --success-soft:#12201a; --success-bd:#2a5f37;
    --info:#3a8dde; --info-soft:#16232e; --info-bd:#2f5f8f;
    --warning:#e6b34d; --warning-soft:#221d10; --warning-bd:#5c4a1e;
    --danger:#f0787a; --danger-soft:#241618; --danger-bd:#6a3436;
    --muted:#9ca0a6; --muted-soft:#2b3137;
    --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-md:0 2px 6px rgba(0,0,0,.5); --shadow-lg:0 6px 22px rgba(0,0,0,.6);
}
:root[data-theme="dark"] body { background:var(--bg); }
:root[data-theme="dark"] h1, :root[data-theme="dark"] h2, :root[data-theme="dark"] h3, :root[data-theme="dark"] h4 { color:var(--text); }
:root[data-theme="dark"] input, :root[data-theme="dark"] select, :root[data-theme="dark"] textarea { background:#14181c; color:var(--text); border-color:#3c434a; }
:root[data-theme="dark"] .topbar { background:#1e2429; }
:root[data-theme="dark"] .card-header { background:#1e2429; }
:root[data-theme="dark"] .stat-card .stat-value { color:var(--text); }
:root[data-theme="dark"] thead th { background:#181d21; color:var(--text); }
:root[data-theme="dark"] tfoot td { background:#181d21; }
:root[data-theme="dark"] tbody tr:hover { background:#252b31; }
:root[data-theme="dark"] .code-chip { background:#2b3137; color:var(--text); border-color:#3c434a; }
:root[data-theme="dark"] .chat-body, :root[data-theme="dark"] .chat-head { background:#181d21; }
:root[data-theme="dark"] .msg.assistant .bubble { background:#252b31; }
:root[data-theme="dark"] .today-chip { background:#252b31; border-color:#3c434a; }
:root[data-theme="dark"] .btn-outline { background:#252b31; }
:root[data-theme="dark"] .pill-toggle a { background:#252b31; }
:root[data-theme="dark"] .tabs a.active { background:#1e2429; border-bottom-color:#1e2429; color:var(--text); }
:root[data-theme="dark"] .icon-btn { background:#1e2429; }
:root[data-theme="dark"] .notif-panel .np-head { background:#181d21; }
:root[data-theme="dark"] .bar { background:#2b3137; }
:root[data-theme="dark"] .empty-state .emoji { opacity:.6; }

/* ---------- Mobil / responsive ---------- */
.ab-burger { display:none; }
#navBackdrop { display:none; position:fixed; inset:var(--abh) 0 0 0; background:rgba(0,0,0,.45); z-index:80; }
@media (max-width: 820px) {
    .ab-burger { display:flex; }
    .ab-home { display:none; }
    .ab-center-brand { letter-spacing:3px; font-size:16px; }
    .sidebar {
        position:fixed; top:var(--abh); left:0; height:calc(100vh - var(--abh)); z-index:90;
        transform:translateX(-100%); transition:transform .22s ease; box-shadow:var(--shadow-lg);
    }
    .sidebar.open { transform:translateX(0); }
    #navBackdrop.show { display:block; }
    .app-shell { margin-top:var(--abh); }
    .content { padding:16px 14px 40px; }
    .topbar { padding:10px 14px; }
    .topbar .today-chip { display:none; }
    .page-head { gap:8px; }
    .page-head h2 { font-size:18px; }
    .card { padding:14px 15px; }
    .card-header { margin:-14px -15px 12px; padding:10px 15px; }
    .form-row { grid-template-columns:1fr; }
    .btn { padding:8px 13px; }        /* dokunma hedefi */
    table { font-size:12.5px; }
    thead th, tbody td { padding:9px 10px; }
    .ab-uname { display:none; }
    .ab-drop { position:fixed; top:var(--abh); left:0; right:0; min-width:0; }
    .ab-drop-right { left:0; right:0; }
    .notif-panel { left:8px; right:8px; width:auto; }
}
@media (max-width: 480px) {
    .ab-center-brand .ab-mark { display:none; }
    .stat-card .stat-value { font-size:22px; }
    .chat-shell { height: calc(100vh - 120px); }
    .msg { max-width:92%; }
}

@media print {
    .no-print { display:none !important; }
    #adminbar, .sidebar, .topbar, #navBackdrop { display:none !important; }
    .app-shell { margin-top:0 !important; }
    body { background:#fff; }
    .content { max-width:100%; padding:0; }
    .card, .table-wrap { box-shadow:none; border:1px solid #ccc; }
}