/* Ultimate MVP shared UI */
.panel-top { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.panel-top-tools { display:flex; align-items:center; gap:.6rem; }

.a11y-bar {
  position: fixed; left: .75rem; bottom: .75rem; z-index: 55;
  display: flex; gap: .35rem; background: rgba(11,31,51,.92); color:#fff;
  padding: .35rem; border-radius: 999px; box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.a11y-bar button, .a11y-bar a {
  border:0; background:transparent; color:#fff; width:2rem; height:2rem;
  border-radius:50%; font-weight:700; cursor:pointer; display:grid; place-items:center;
  text-decoration:none; font-size:.8rem;
}
.a11y-bar button:hover, .a11y-bar a:hover { background: rgba(255,255,255,.12); }
body.a11y-lg { font-size: 112%; }
body.a11y-contrast { filter: contrast(1.15); }
body.a11y-dark {
  --paper: #0f1720;
  --ink: #e8eef5;
  --muted: #9aa6b4;
  /* --navy dokunulmaz: header/footer/butonlar kırılmasın */
  background: #0f1720;
  color: #e8eef5;
}
body.a11y-dark .form-card,
body.a11y-dark .data-card,
body.a11y-dark .page-shell,
body.a11y-dark .kpi,
body.a11y-dark .panel-main,
body.a11y-dark .prose,
body.a11y-dark .feature,
body.a11y-dark .stat {
  background: #15202b;
  color: #e8eef5;
}
body.a11y-dark .prose h1,
body.a11y-dark .prose h2,
body.a11y-dark .prose h3,
body.a11y-dark .prose h4,
body.a11y-dark .feature h3,
body.a11y-dark .section-head h2 {
  color: #f0d78a;
}
body.a11y-dark .prose p,
body.a11y-dark .prose li,
body.a11y-dark .prose span,
body.a11y-dark .feature p {
  color: #c9d4e0;
}
body.a11y-dark input, body.a11y-dark select, body.a11y-dark textarea { background:#0f1720; color:#e8eef5; border-color:#334155; }
body.a11y-dark .site-footer {
  background: #07131f;
  color: rgba(255, 255, 255, .9);
}
body.a11y-dark .site-footer a,
body.a11y-dark .site-footer h3,
body.a11y-dark .site-footer h4,
body.a11y-dark .site-footer p,
body.a11y-dark .site-footer span { color: rgba(255, 255, 255, .88); }
body.a11y-dark .trust-badges span {
  color: #f0d78a;
  border-color: rgba(196, 163, 90, .45);
}

.notif-wrap { position: relative; }
.notif-btn {
  position:relative; border:0; background:#e8eef5; color:#0b1f33; width:2.4rem; height:2.4rem;
  border-radius:12px; display:grid; place-items:center; cursor:pointer;
}
.notif-badge {
  position:absolute; top:-4px; right:-4px; background:#a33b3b; color:#fff;
  font-size:.65rem; min-width:1.1rem; height:1.1rem; border-radius:999px; display:grid; place-items:center;
}
.notif-panel {
  position:absolute; right:0; top:calc(100% + .4rem); width:min(340px, 88vw);
  background:#fff !important;
  color: #1c2430 !important;
  border:1px solid #e5e7eb; border-radius:14px; box-shadow:0 16px 40px rgba(11,31,51,.16);
  z-index:40; overflow:hidden;
}
.notif-panel *,
.notif-panel strong,
.notif-panel span,
.notif-panel small,
.notif-panel li,
.notif-panel a {
  color: #1c2430;
}
.notif-head {
  display:flex; justify-content:space-between; align-items:center;
  padding:.7rem .85rem; border-bottom:1px solid #eef1f5;
  color: #0b1f33;
}
.notif-head strong { color: #0b1f33 !important; font-size: .95rem; }
.notif-list { list-style:none; margin:0; padding:0; max-height:320px; overflow:auto; }
.notif-list li { padding:.75rem .85rem; border-bottom:1px solid #f1f4f8; display:grid; gap:.2rem; color:#1c2430; }
.notif-list li.is-unread { background:#f7fafc; }
.notif-list li.muted,
.notif-list .muted { color: #5b6775 !important; }
.notif-list strong { font-size:.9rem; color:#0b1f33 !important; }
.notif-list span, .notif-list small { color:#5b6775 !important; font-size:.8rem; }
.notif-list a { color:#0b1f33 !important; text-decoration:underline; }
.linkish { background:none; border:0; color:#0b1f33 !important; text-decoration:underline; cursor:pointer; padding:0; font:inherit; }

.cmdk-trigger {
  position:fixed; right:1rem; top:1rem; z-index:45; border:0; border-radius:10px;
  background:rgba(11,31,51,.85); color:#f0d78a; padding:.35rem .55rem; font-weight:700; cursor:pointer;
}
.cmdk[hidden] { display:none !important; }
.cmdk { position:fixed; inset:0; z-index:80; }
.cmdk-backdrop { position:absolute; inset:0; background:rgba(8,16,28,.45); }
.notif-panel .btn,
.notif-panel .btn-ghost,
.notif-panel .btn-sm {
  color: #0b1f33 !important;
  background: #e8eef5 !important;
}
.notif-panel .btn:hover {
  background: #d7dee7 !important;
}

.cmdk-dialog {
  position:relative; width:min(560px,92vw); margin:12vh auto 0; background:#fff; border-radius:16px;
  overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,.28);
  color: #1c2430 !important;
}
.cmdk-dialog input {
  width:100%; border:0; border-bottom:1px solid #e5e7eb; padding:1rem 1.1rem; font:inherit; margin:0; border-radius:0;
  color: #1c2430 !important; background: #fff !important;
}
.cmdk-dialog ul { list-style:none; margin:0; padding:.4rem; max-height:360px; overflow:auto; }
.cmdk-dialog li button {
  width:100%; text-align:left; border:0; background:transparent; padding:.7rem .75rem; border-radius:10px; cursor:pointer;
  color: #1c2430 !important;
}
.cmdk-dialog li button:hover { background:#f3f6fa; }
.cmdk-dialog small { color:#5b6775 !important; display:block; }

.chatbot { position:fixed; left:1rem; bottom:4.2rem; z-index:50; }
.chatbot-toggle {
  border:0; background:#0b1f33; color:#fff; border-radius:999px; padding:.7rem 1rem; font-weight:700; cursor:pointer;
}
.chatbot-panel {
  width:min(320px,88vw); background:#fff; border-radius:16px; padding:.9rem; margin-bottom:.5rem;
  box-shadow:0 16px 40px rgba(11,31,51,.2); border:1px solid #e5e7eb;
}
.chatbot-log { max-height:180px; overflow:auto; font-size:.88rem; margin:.6rem 0; display:grid; gap:.45rem; }
.chatbot-log .me { color:#0b1f33; font-weight:600; }
.chatbot-log .bot { color:#334155; background:#f4f7fb; padding:.45rem .55rem; border-radius:10px; }

.kanban-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.kanban-col { background:#f4f7fb; border-radius:14px; padding:.8rem; min-height:220px; }
.kanban-col h3 { margin:.2rem 0 .8rem; font-size:.95rem; }
.kanban-card {
  background:#fff; border-radius:12px; padding:.7rem; margin-bottom:.6rem;
  box-shadow:0 6px 16px rgba(11,31,51,.06); display:grid; gap:.25rem;
}
.kanban-card small { color:#5b6775; }
.kanban-actions { display:flex; gap:.3rem; flex-wrap:wrap; margin-top:.35rem; }

.trust-badges { display:flex; flex-wrap:wrap; gap:.55rem; }
.trust-badges span {
  border:1px solid rgba(196,163,90,.45); color:#f0d78a; border-radius:999px;
  padding:.3rem .7rem; font-size:.8rem; font-weight:600;
}
.data-card .trust-badges, .form-card .trust-badges { margin-top:1rem; }
.data-card .trust-badges span, .form-card .trust-badges span {
  color: var(--navy-2, #132c45); border-color: rgba(19,44,69,.18);
}

.portal-tabbar {
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:40;
  background:#0b1f33; border-top:1px solid rgba(255,255,255,.08);
  grid-template-columns:repeat(4,1fr);
}
.portal-tabbar a {
  color:rgba(255,255,255,.7); text-align:center; padding:.75rem .3rem; font-size:.72rem; font-weight:700; text-decoration:none;
}
.portal-tabbar a.is-active { color:#f0d78a; }
@media (max-width: 900px) {
  .portal-tabbar { display:grid; }
  .panel-body .panel-main { padding-bottom:4.5rem; }
  .kanban-grid { grid-template-columns:1fr; }
  .cmdk-trigger { top:auto; bottom:4.8rem; }
}

.chart-bars { display:flex; align-items:flex-end; gap:.45rem; height:120px; margin-top:.8rem; }
.chart-bars span {
  flex:1; background:linear-gradient(180deg,#c4a35a,#0b1f33); border-radius:8px 8px 4px 4px; min-width:0;
  position:relative;
}
.chart-bars span i {
  position:absolute; bottom:100%; left:50%; transform:translateX(-50%); font-style:normal;
  font-size:.65rem; color:#5b6775; white-space:nowrap;
}

.bulk-bar { display:flex; gap:.6rem; flex-wrap:wrap; align-items:end; margin-bottom:1rem; }
.wa-templates { display:grid; gap:.6rem; }
.wa-templates article {
  border:1px solid #e5e7eb; border-radius:12px; padding:.75rem; display:flex; justify-content:space-between; gap:.8rem; align-items:center;
}