:root { --primary:#0d3b66; --accent:#f4a300; --bg:#f4f6f9; }
* { box-sizing:border-box; }
body { margin:0; font-family:'Segoe UI',Arial,sans-serif; background:var(--bg); }
.admin-body { display:flex; min-height:100vh; }

.admin-sidebar { 
    width: 250px; 
    background: linear-gradient(180deg, #092a4a 0%, #0d3b66 100%); 
    color: #fff; 
    display: flex; 
    flex-direction: column; 
    padding: 0;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
}
.sidebar-brand { 
    padding: 20px; 
    border-bottom: 1px solid rgba(255,255,255,0.1); 
    display: flex; 
    align-items: center; 
    gap: 12px;
    background: rgba(0,0,0,0.15);
}
.sidebar-brand-icon {
    font-size: 26px;
    line-height: 1;
}
.sidebar-brand-text strong { 
    display: block; 
    font-size: 15px; 
    color: #ffffff; 
    line-height: 1.2;
}
.sidebar-brand-text small { 
    display: block; 
    font-size: 11px; 
    color: #94a3b8; 
    margin-top: 2px;
}
.admin-sidebar nav { 
    display: flex; 
    flex-direction: column; 
    flex: 1; 
    padding: 12px 0;
    overflow-y: auto;
}
.sidebar-group-title { 
    padding: 16px 20px 6px; 
    font-size: 10px; 
    font-weight: 800; 
    letter-spacing: 0.08em; 
    text-transform: uppercase; 
    color: #94a3b8; 
    display: flex;
    align-items: center;
    gap: 6px;
}
.admin-sidebar nav a { 
    color: #cbd5e1; 
    padding: 10px 20px; 
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}
.sidebar-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    color: #94a3b8;
    transition: color 0.2s ease;
}
.admin-sidebar nav a:hover { 
    background: rgba(255,255,255,0.08); 
    color: #ffffff; 
    border-left-color: #f4a300; 
}
.admin-sidebar nav a:hover .sidebar-item-icon {
    color: #f4a300;
}
.admin-sidebar nav a.active { 
    background: rgba(255,255,255,0.12); 
    color: #ffffff; 
    font-weight: 700;
    border-left-color: #f4a300; 
}
.admin-sidebar nav a.active .sidebar-item-icon {
    color: #f4a300;
}
.admin-sidebar nav a.sidebar-subitem { 
    padding-left: 38px; 
    font-size: 12.5px; 
    color: #94a3b8;
    background: rgba(0,0,0,0.1); 
}
.admin-sidebar nav a.sidebar-subitem:hover {
    color: #ffffff;
}
.sidebar-footer { 
    padding: 14px 20px; 
    border-top: 1px solid rgba(255,255,255,0.1); 
    display: flex; 
    align-items: center;
    justify-content: space-between; 
    font-size: 13px; 
    background: rgba(0,0,0,0.2);
}
.sidebar-user-name {
    font-weight: 600;
    color: #e2e8f0;
}
.sidebar-logout-btn { 
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #f4a300 !important; 
    text-decoration: none;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.2s;
}
.sidebar-logout-btn:hover {
    background: rgba(244,163,0,0.15);
}

.admin-content { flex:1; padding:30px; }
.admin-panel-box { background:#fff; border-radius:10px; padding:22px; margin-bottom:24px; box-shadow:0 1px 4px rgba(0,0,0,.08); }

.stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-bottom:24px; }
.stat-card { background:#fff; border-radius:10px; padding:20px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.stat-number { font-size:32px; font-weight:700; color:var(--primary); display:block; }
.stat-label { color:#666; font-size:13px; }

.admin-table { width:100%; border-collapse:collapse; background:#fff; }
.admin-table th, .admin-table td { padding:10px; border-bottom:1px solid #eee; text-align:left; font-size:14px; }
.admin-table th { background:var(--bg); }

.admin-filter-bar { display:flex; align-items:center; gap:10px; margin:0 0 10px; flex-wrap:wrap; }
.admin-filter-input { min-width:230px; max-width:360px; }
.admin-filter-select { min-width:160px; }
.admin-filter-count { margin-left:auto; font-size:12px; color:#64748b; font-weight:700; }

.grid-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; align-items:start; }
.grid-form label { display:flex; flex-direction:column; font-size:13px; font-weight:600; color:#444; }
.grid-form .full-width { grid-column:1/-1; }
.inline-form { margin-bottom:16px; }

input, select, textarea { padding:9px; border:1px solid #ccc; border-radius:6px; font-family:inherit; margin-top:4px; }
textarea { min-height:90px; }
button { background:var(--primary); color:#fff; border:none; padding:10px 18px; border-radius:6px; cursor:pointer; font-weight:600; }
button:hover { background:var(--accent); color:#000; }
button:disabled { opacity:.65; cursor:not-allowed; }
.button-like { display:inline-block; background:var(--primary); color:#fff; border:none; padding:10px 18px; border-radius:6px; cursor:pointer; font-weight:600; text-decoration:none; }
.button-like:hover { background:var(--accent); color:#000; }
.button-secondary { background:#64748b; }
.button-secondary:hover { background:#475569; color:#fff; }
.btn-danger { background:#c0392b; }
.btn-danger:hover { background:#e74c3c; color:#fff; }

.tab-links { display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.tab-links a { padding:8px 14px; border-radius:20px; background:var(--bg); font-size:13px; font-weight:600; color:#333; }
.tab-links a.active { background:var(--primary); color:#fff; }

.alert-success { background:#e6f4ea; color:#1e7e34; padding:12px; border-radius:6px; margin-bottom:16px; }
.alert-error { background:#fdecea; color:#c0392b; padding:12px; border-radius:6px; margin-bottom:16px; }
.muted-note { color:#64748b; font-size:13px; }
.readiness-admin-summary {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:8px 16px;
  padding:14px;
  margin-bottom:14px;
  border:1px solid #dbe6f2;
  border-radius:10px;
  background:#f8fafc;
}
.readiness-admin-summary p { margin:0; }
.print-actions { display:flex; gap:10px; flex-wrap:wrap; margin:0 0 16px; }
.readiness-report-card {
  background:#fff;
  border:1px solid #dbe6f2;
  border-radius:12px;
  padding:24px;
  margin-bottom:24px;
  box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.readiness-report-header {
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  border-bottom:2px solid #0d3b66;
  padding-bottom:14px;
  margin-bottom:18px;
}
.readiness-report-header h2 { margin:0; color:#0d3b66; }
.readiness-report-header p { margin:4px 0 0; color:#475569; font-weight:700; }
.readiness-report-score {
  min-width:120px;
  border-radius:10px;
  background:#0d3b66;
  color:#fff;
  text-align:center;
  padding:12px;
}
.readiness-report-score strong { display:block; font-size:30px; line-height:1; }
.readiness-report-score span { display:block; margin-top:4px; font-weight:700; }
.readiness-report-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:8px 16px;
  margin-bottom:16px;
}
.readiness-report-grid p { margin:0; }
.readiness-report-level {
  border:1px solid #dbe6f2;
  border-radius:10px;
  background:#f8fafc;
  padding:12px 14px;
  margin:14px 0;
}
.readiness-report-level strong { color:#0d3b66; }
.readiness-report-level p { margin:4px 0 0; }
.readiness-report-domains {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
  margin-bottom:16px;
}
.readiness-report-domains div {
  border:1px solid #dbe6f2;
  border-radius:10px;
  padding:12px;
}
.readiness-report-domains strong,
.readiness-report-domains span,
.readiness-report-domains small { display:block; }
.readiness-report-domains strong { color:#0d3b66; }
.readiness-report-domains span { font-size:22px; font-weight:800; margin-top:4px; }
.readiness-report-note {
  color:#475569;
  border-top:1px solid #dbe6f2;
  padding-top:12px;
  margin-bottom:0;
  font-size:13px;
}
.readiness-ai-panel {
  border:1px solid #bfd3e6;
}
.readiness-ai-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.readiness-ai-head h3 { margin-bottom:4px; }
.readiness-ai-head .muted-note { margin:0; max-width:820px; }
.readiness-ai-source {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  padding:7px 10px;
  border-radius:999px;
  background:#e2e8f0;
  color:#334155;
  font-size:12px;
  font-weight:800;
}
.readiness-ai-source.is-loading { background:#fef3c7; color:#92400e; }
.readiness-ai-source.is-openai { background:#dcfce7; color:#166534; }
.readiness-ai-source.is-local { background:#e0f2fe; color:#075985; }
.readiness-ai-source.is-error { background:#fee2e2; color:#991b1b; }
.readiness-ai-question {
  display:block;
  font-size:13px;
  font-weight:700;
  color:#334155;
}
.readiness-ai-question textarea {
  width:100%;
  min-height:72px;
  resize:vertical;
}
.readiness-ai-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0;
}
.readiness-ai-output {
  min-height:160px;
  padding:14px;
  border:1px solid #dbe6f2;
  border-radius:10px;
  background:#f8fafc;
  color:#1e293b;
  white-space:pre-wrap;
  line-height:1.55;
  font-size:14px;
}
.readiness-ai-privacy {
  margin:10px 0 0;
  color:#64748b;
  font-size:12px;
}
.print-body { background:#fff; }
.print-content { max-width:980px; margin:0 auto; padding:24px; }

.drag-row { cursor:move; }
.drag-row.is-dragging { opacity:.5; }
.drag-handle { display:inline-flex; width:26px; height:26px; align-items:center; justify-content:center; border-radius:6px; border:1px solid #d9e2ec; background:#f8fafc; font-weight:700; color:#334155; }

/* Login sayfası */
.admin-login-body { display:flex; align-items:center; justify-content:center; min-height:100vh; background:var(--primary); }
.login-box { background:#fff; padding:36px; border-radius:12px; width:320px; text-align:center; }
.login-box label { display:block; text-align:left; font-size:13px; font-weight:600; margin-top:10px; }
.login-box input { width:100%; }
.login-box button { width:100%; margin-top:16px; }
.back-link { display:block; margin-top:16px; font-size:13px; color:var(--primary); }

.admin-panel-box h3 { margin-top:0; color:var(--primary); }
.admin-table img { border-radius:8px; object-fit:cover; max-height:70px; }
.admin-table a { color:var(--primary); font-weight:700; }
.admin-content > h1 { color:var(--primary); margin-top:0; }
.grid-form button { align-self:end; }
.admin-table form { margin:0; }

.media-input-tools {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  flex-wrap:wrap;
}
.media-input-tools .button-like,
.media-input-tools .btn-danger {
  padding:7px 12px;
  font-size:12px;
}
.media-picked-info {
  font-size:12px;
  color:#475569;
}
.staff-media-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
.staff-media-card { border:1px solid #d7e0ea; border-radius:12px; padding:12px; background:#fff; }
.staff-media-preview { height:220px; overflow:hidden; border-radius:9px; background:#e8eef5; margin-bottom:10px; }
.staff-media-preview img { width:100%; height:100%; object-fit:cover; object-position:var(--focus-x,50%) var(--focus-y,20%); transform:scale(var(--zoom,1)); transform-origin:var(--focus-x,50%) var(--focus-y,20%); }
.staff-media-card h4 { margin:6px 0; color:var(--primary); }
.staff-media-card p { margin:4px 0; font-size:12px; color:#64748b; word-break:break-word; }
.staff-media-editor { display:grid; grid-template-columns:minmax(260px,420px) 1fr; gap:24px; align-items:start; }
.staff-media-editor .staff-media-preview { height:var(--editor-height,220px); position:sticky; top:20px; }
.range-value { font-weight:800; color:var(--primary); }

@media (max-width: 900px) {
  .admin-body { display:block; }
  .admin-sidebar { width:100%; min-height:auto; padding:12px 0; }
  .admin-sidebar nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
  .admin-sidebar nav a { padding:9px 14px; }
  .sidebar-footer { gap:12px; flex-wrap:wrap; }
  .admin-content { padding:18px; }
  .admin-panel-box { padding:16px; overflow-x:auto; }
  .admin-filter-count { width:100%; margin-left:0; }
  .admin-table { min-width:760px; }
}

@media print {
  body { background:#fff !important; }
  .admin-sidebar,
  .tab-links,
  .inline-form,
  .print-actions,
  .readiness-ai-panel,
  .btn-danger,
  button { display:none !important; }
  .admin-body { display:block; }
  .admin-content,
  .print-content { padding:0; max-width:none; }
  .admin-panel-box,
  .readiness-report-card {
    box-shadow:none;
    border:1px solid #d7dee8;
    break-inside:avoid;
  }
  .admin-table th,
  .admin-table td { font-size:11px; padding:6px; }
  a { color:#000; text-decoration:none; }
}