/* Meriç Health OS Pro v2.7.0 — Final UI/UX ve erişilebilirlik */
:root{
  --ui-radius-sm:10px;--ui-radius:16px;--ui-radius-lg:22px;
  --ui-shadow:0 10px 30px rgba(15,23,42,.08);
  --ui-border:rgba(148,163,184,.28);--ui-focus:#2563eb;
  --ui-surface:var(--surface,#fff);--ui-muted:var(--muted,#64748b);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:99999;padding:12px 16px;border-radius:10px;background:#111827;color:#fff;text-decoration:none;font-weight:700;transition:top .18s ease}.skip-link:focus{top:16px}
:focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:3px!important}
button,a,input,select,textarea,summary{touch-action:manipulation}
button,.button,.btn,input[type=submit],input[type=button]{min-height:44px}
input,select,textarea{max-width:100%;font:inherit}
textarea{resize:vertical;min-height:110px}
img,svg,canvas{max-width:100%}
.page-container{width:min(100%,1500px);margin:0 auto;padding:clamp(16px,2.5vw,32px)}
.page-container>.page-header,.page-container>header:first-child{margin-bottom:20px}
.card,.panel,.metric-card,.stat-card,.form-card,.content-card,.notification-card,.ai-card,.archive-card,.security-card,.backup-card{border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow);background:var(--ui-surface);overflow-wrap:anywhere}
.card,.panel,.form-card,.content-card,.ai-card,.security-card,.backup-card{padding:clamp(16px,2vw,24px)}
.actions,.button-row,.form-actions,.page-actions,.card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.actions>* ,.button-row>* ,.form-actions>* ,.page-actions>* ,.card-actions>*{margin:0!important}
.btn,.button,button,input[type=submit],input[type=button]{border-radius:12px!important;font-weight:700;line-height:1.2;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}
.btn:hover,.button:hover,button:hover,input[type=submit]:hover,input[type=button]:hover{transform:translateY(-1px)}
.btn:disabled,.button:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.alert,[role=alert],[role=status]{border-radius:12px}
.table-wrap,.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
table{width:100%;border-collapse:separate;border-spacing:0}th{text-align:left;white-space:nowrap}th,td{vertical-align:top}
.sidebar{overscroll-behavior:contain}.sidebar-nav a,.sidebar-nav summary{min-height:44px}.sidebar-nav a[aria-current=page]{font-weight:800}
.app-topbar{backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}
.topbar-actions{gap:8px}.theme-toggle,.mobile-menu,.topbar-notification-link,.pwa-install-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.notification-badge{min-width:20px;height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:800}
.form-grid,.grid,.cards-grid,.stats-grid{gap:clamp(12px,2vw,20px)}
label{font-weight:650}small,.muted,.help-text{color:var(--ui-muted)}
[data-empty-state],.empty-state{text-align:center;padding:32px 18px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){
 .page-container{padding:16px}.app-topbar{padding-inline:12px}.topbar-title small{display:none}
 .cards-grid,.stats-grid,.form-grid{grid-template-columns:1fr!important}
 .card,.panel,.form-card,.content-card,.ai-card,.security-card,.backup-card{padding:16px}
}
@media(max-width:640px){
 .page-container{padding:12px}.topbar-title strong{font-size:15px}.pwa-label{display:none}
 .actions,.button-row,.form-actions,.page-actions,.card-actions{align-items:stretch}
 .actions>.btn,.actions>.button,.actions>button,.button-row>.btn,.button-row>.button,.button-row>button,.form-actions>.btn,.form-actions>.button,.form-actions>button{flex:1 1 100%;width:100%}
 table.responsive-stack,table[data-responsive=stack]{display:block}table.responsive-stack thead,table[data-responsive=stack] thead{display:none}table.responsive-stack tbody,table.responsive-stack tr,table.responsive-stack td,table[data-responsive=stack] tbody,table[data-responsive=stack] tr,table[data-responsive=stack] td{display:block;width:100%}table.responsive-stack tr,table[data-responsive=stack] tr{padding:12px;border-bottom:1px solid var(--ui-border)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-contrast:more){:root{--ui-border:rgba(15,23,42,.65)}.card,.panel,.btn,.button,button,input,select,textarea{border-width:2px!important}}
@media print{.sidebar,.app-topbar,.guest-topbar,.skip-link,.page-loading-bar,.toast-region,.network-status,.no-print{display:none!important}.app-main,.page-container,.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.card,.panel{box-shadow:none!important;break-inside:avoid}}

/* v2.7.1 — navigasyon, koyu tema ve ekran bazlı düzeltmeler */
.page-container{width:min(100%,1420px)}
.sidebar-nav .nav-group-links a.active{background:color-mix(in srgb,var(--accent) 22%,transparent)!important;color:var(--text)!important;border-left:3px solid var(--accent)}
.sidebar-nav .nav-group-links a:not(.active){border-left:3px solid transparent}
.nav-group[open]>.nav-group-links{animation:none!important}
.nav-group>summary{user-select:none}

/* Form kontrolleri: checkbox/radio hiçbir temada dev kutuya dönüşmesin */
input[type="checkbox"],input[type="radio"]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;padding:0!important;margin:0 7px 0 0!important;flex:0 0 18px!important;accent-color:var(--accent)}
label:has(>input[type="checkbox"]),label:has(>input[type="radio"]){display:inline-flex!important;align-items:center!important;gap:7px;min-width:0}

/* Koyu temada beyaz kalan kartlar */
.health-summary-metric,.security-stat-card,.security-roadmap li,.security-component-card{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}
.health-summary-metric small,.health-summary-metric span,.security-stat-card span,.security-stat-card small{color:var(--muted)!important}
.health-summary-metric strong,.security-stat-card strong{color:var(--text)!important}
.health-summary-metrics{gap:14px!important}
.health-summary-generate{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.health-summary-generate form{margin-left:auto}

/* AI arşivi */
.ai-archive-filter{display:grid!important;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(180px,1.2fr) auto auto auto!important;align-items:end!important;gap:12px!important}
.ai-inline-check{min-height:44px;padding:0 4px;white-space:normal}
.ai-bulk-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.ai-quality-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
.ai-quality-meta{display:grid!important;grid-template-columns:auto auto minmax(180px,1fr) auto!important;gap:12px!important;align-items:end!important}
.ai-quality-taginput{display:grid!important;gap:6px!important}
.ai-analysis-select{padding-top:4px}
.ai-star{font-size:24px;line-height:1}

/* Sayfa başlıkları ve aksiyonlar */
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:22px}
.page-heading h1{max-width:980px;line-height:1.08}
.page-heading>.page-actions{margin-left:auto}
.section-heading,.panel-heading{gap:18px;flex-wrap:wrap}

/* Arşiv filtreleri ve kartlar */
.archive-filter,.health-archive-filter{gap:12px!important}
.archive-card,.ai-quality-card{min-width:0}

/* Bildirim ayarlarında iki kolonun dengesi */
.notifications-layout{align-items:start!important}
.notification-settings-card{position:sticky;top:84px}

/* Profil formunda açık/koyu tema bütünlüğü */
.profile-page input,.profile-page select{background:var(--surface-2,var(--surface))!important;color:var(--text)!important}

/* Güvenlik ekranında aşırı beyaz alanları ve okunabilirliği düzelt */
.security-score-main,.security-final-overview{min-width:0}
.security-component-grid{gap:12px!important}
.security-roadmap li strong,.security-roadmap li small{color:inherit!important}

@media(max-width:1100px){
 .ai-archive-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ai-quality-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .notification-settings-card{position:static}
}
@media(max-width:720px){
 .page-heading{display:block}.page-heading>.page-actions{margin-top:14px}
 .health-summary-generate{display:block!important}.health-summary-generate form{margin:16px 0 0}
 .ai-archive-filter,.ai-quality-meta{grid-template-columns:1fr!important}
 .ai-bulk-toolbar{align-items:stretch!important;flex-direction:column!important}
 .ai-quality-head{grid-template-columns:auto minmax(0,1fr)!important}.ai-quality-head .ai-star{grid-column:2;justify-self:end}
}