/* PoliceOku Design System v1
   Shared visual language for application, admin, auth and guide screens. */
:root{
  --po-bg:#f4f7fb;
  --po-surface:#fff;
  --po-surface-soft:#f8fafc;
  --po-surface-raised:#fff;
  --po-text:#0f172a;
  --po-text-soft:#475569;
  --po-text-muted:#94a3b8;
  --po-border:#e2e8f0;
  --po-border-strong:#cbd5e1;
  --po-brand:#0f9488;
  --po-brand-hover:#0b7f75;
  --po-brand-soft:#ecfdf9;
  --po-blue:#2563eb;
  --po-green:#059669;
  --po-amber:#d97706;
  --po-red:#dc2626;
  --po-radius-xs:6px;
  --po-radius-sm:8px;
  --po-radius-md:12px;
  --po-radius-lg:16px;
  --po-shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 4px rgba(15,23,42,.04);
  --po-shadow-md:0 12px 32px rgba(15,23,42,.10);
  --po-focus:0 0 0 3px rgba(15,148,136,.16);
}
[data-theme="dark"]{
  --po-bg:#0f172a;--po-surface:#172033;--po-surface-soft:#1e293b;
  --po-surface-raised:#243148;--po-text:#f1f5f9;--po-text-soft:#cbd5e1;
  --po-text-muted:#7c8ca4;--po-border:#2e3c52;--po-border-strong:#40516c;
  --po-brand-soft:rgba(20,184,166,.12);--po-shadow-md:0 16px 38px rgba(0,0,0,.28);
}
html{font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility}
body{background:var(--po-bg);color:var(--po-text);-webkit-font-smoothing:antialiased}
::selection{background:rgba(13,148,136,.2);color:var(--po-text)}
*{scrollbar-width:thin;scrollbar-color:var(--po-border-strong) transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-thumb{background:var(--po-border-strong);border:2px solid transparent;background-clip:padding-box;border-radius:99px}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:none!important;box-shadow:var(--po-focus)!important}

/* Navigation */
.apptop,body>header{
  background:color-mix(in srgb,var(--po-surface) 94%,transparent)!important;
  border-color:var(--po-border)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02);
  backdrop-filter:saturate(140%) blur(12px);
}
.apptop{min-height:62px!important;padding-inline:18px!important}
.at-logo{font-weight:800!important;letter-spacing:-.025em}
.at-logo-mark,.h-logo{background:linear-gradient(145deg,#14b8a6,#087c73)!important;box-shadow:0 5px 14px rgba(13,148,136,.22)!important}
.at-nav{gap:4px!important}
.at-item{min-height:38px!important;border-radius:9px!important;padding-inline:12px!important;color:var(--po-text-soft)!important}
.at-item:hover{background:var(--po-surface-soft)!important;color:var(--po-text)!important}
.at-item.active{background:var(--po-brand-soft)!important;color:var(--po-brand)!important;border-color:rgba(13,148,136,.22)!important}
.at-user-btn{border-radius:10px!important;padding:6px 8px!important}
.at-menu{border-color:var(--po-border)!important;border-radius:12px!important;box-shadow:var(--po-shadow-md)!important}
body>header{min-height:62px!important;padding:0 max(18px,calc((100vw - 1440px)/2))!important}
.h-name{letter-spacing:-.02em}.h-page{font-family:inherit!important;text-transform:capitalize;color:var(--po-text-muted)!important}

/* Page headers and working toolbar */
.topbar{min-height:62px!important;background:var(--po-surface)!important;border-color:var(--po-border)!important;padding:10px 18px!important}
.tb-title{font-size:14px!important;font-weight:800!important;letter-spacing:-.015em;color:var(--po-text)!important}
.tb-actions{gap:8px!important}
.tb-group{background:var(--po-surface-soft)!important;border:1px solid var(--po-border)!important;border-radius:11px!important;padding:4px!important}
.tb-group-label{padding-left:5px!important;color:var(--po-text-muted)!important}
.page-head{margin-bottom:20px!important;align-items:flex-end!important}
.ph-eyebrow{color:var(--po-brand)!important;letter-spacing:.09em!important}
.ph-title{font-size:25px!important;letter-spacing:-.035em!important}
.ph-sub{color:var(--po-text-muted)!important}
#draftView>div:first-child,#historyView>div:first-child{
  background:var(--po-surface);border:1px solid var(--po-border);border-radius:var(--po-radius-md);
  padding:16px 18px;margin-bottom:14px!important;box-shadow:var(--po-shadow-sm)
}

/* Buttons */
.tb-btn,.h-btn,.btn-primary,.btn-ghost,.act-btn,.pm-view-btn,.bulk-monitor-btn,.modal-footer button{
  min-height:34px!important;border-radius:var(--po-radius-sm)!important;font-family:inherit!important;
  font-weight:650!important;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s!important
}
.tb-btn:hover,.h-btn:hover,.btn-ghost:hover,.act-btn:hover,.pm-view-btn:hover,.bulk-monitor-btn:hover{transform:translateY(-1px)}
.tb-btn:active,.h-btn:active,.btn-primary:active,.btn-ghost:active{transform:translateY(0)}
.btn-primary,.tb-btn.primary-action,.bulk-monitor-btn.primary{
  background:var(--po-brand)!important;border-color:var(--po-brand)!important;color:#fff!important;
  box-shadow:0 4px 11px rgba(13,148,136,.18)
}
.btn-primary:hover,.tb-btn.primary-action:hover,.bulk-monitor-btn.primary:hover{background:var(--po-brand-hover)!important}
.btn-ghost,.h-btn,.tb-btn,.act-btn,.pm-view-btn,.bulk-monitor-btn{
  background:var(--po-surface)!important;border-color:var(--po-border)!important;color:var(--po-text-soft)!important
}
.danger,.h-btn.danger,.act-btn.del{color:var(--po-red)!important}

/* Forms */
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  border-color:var(--po-border)!important;border-radius:var(--po-radius-sm)!important;
  background:var(--po-surface)!important;color:var(--po-text)!important;transition:border-color .15s,box-shadow .15s,background .15s!important
}
input:not([type="checkbox"]):not([type="radio"]):hover,select:hover,textarea:hover{border-color:var(--po-border-strong)!important}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{border-color:var(--po-brand)!important;box-shadow:var(--po-focus)!important}
label{letter-spacing:.015em}

/* Cards and metrics */
.section,.sc,.stat-card,.settings-popup{
  border-color:var(--po-border)!important;background:var(--po-surface)!important;box-shadow:var(--po-shadow-sm)!important
}
.section{border-radius:var(--po-radius-md)!important;overflow:hidden}
.sec-head{background:var(--po-surface-soft)!important;border-color:var(--po-border)!important}
.stat-row{gap:10px!important}
.stat-row .sc{border-radius:var(--po-radius-md)!important;padding:15px 16px!important}
.sc-val{letter-spacing:-.035em!important}.sc-lbl{letter-spacing:.04em!important}

/* Tables */
table{border-collapse:separate!important;border-spacing:0!important}
thead th{
  position:sticky;top:0;z-index:2;background:var(--po-surface-soft)!important;color:var(--po-text-muted)!important;
  border-color:var(--po-border)!important;font-size:10px!important;letter-spacing:.055em!important;text-transform:uppercase
}
tbody td{border-color:var(--po-border)!important;color:var(--po-text-soft)}
tbody tr{transition:background .12s}
tbody tr:hover td{background:color-mix(in srgb,var(--po-brand-soft) 48%,var(--po-surface))!important}
.btable tbody tr:hover td{background:var(--po-brand-soft)!important}

/* Status language */
:where(.badge,.status-badge,.pill,.ps-badge).basarili,
:where(.badge,.status-badge,.pill,.ps-badge).success{background:rgba(5,150,105,.10)!important;color:var(--po-green)!important;border-color:rgba(5,150,105,.24)!important}
:where(.badge,.status-badge,.pill,.ps-badge).bekliyor,
:where(.badge,.status-badge,.pill,.ps-badge).waiting{background:var(--po-surface-soft)!important;color:var(--po-text-muted)!important;border-color:var(--po-border)!important}
:where(.badge,.status-badge,.pill,.ps-badge).isleniyor,
:where(.badge,.status-badge,.pill,.ps-badge).processing{background:rgba(37,99,235,.10)!important;color:var(--po-blue)!important;border-color:rgba(37,99,235,.24)!important}
:where(.badge,.status-badge,.pill,.ps-badge).eksik{background:rgba(217,119,6,.10)!important;color:var(--po-amber)!important;border-color:rgba(217,119,6,.24)!important}
:where(.badge,.status-badge,.pill,.ps-badge).hata,
:where(.badge,.status-badge,.pill,.ps-badge).error{background:rgba(220,38,38,.09)!important;color:var(--po-red)!important;border-color:rgba(220,38,38,.22)!important}

/* Empty states */
.empty-state,.shared-empty,#draftList>div:only-child,#batchList>div:only-child,
#sharedPdfList>div:only-child,#groupsList>div:only-child,#groupPdfEmpty,
#announcementList>div:only-child,#trainingExamplesList>div:only-child{
  min-height:230px!important;border:1px dashed var(--po-border-strong)!important;border-radius:var(--po-radius-md)!important;
  background:linear-gradient(180deg,var(--po-surface),var(--po-surface-soft))!important;
  display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  color:var(--po-text-muted)!important;padding:30px!important;text-align:center!important
}
#draftList>div:only-child::before,#batchList>div:only-child::before,
#sharedPdfList>div:only-child::before,#groupsList>div:only-child::before,
#groupPdfEmpty::before{
  content:"";width:42px;height:42px;border-radius:13px;background:var(--po-brand-soft);
  margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(13,148,136,.12)
}
.es-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--po-brand-soft);color:var(--po-brand);font-size:21px!important}
.es-title{font-size:15px!important;font-weight:750!important;color:var(--po-text)!important}.es-sub{max-width:340px;line-height:1.55}

/* Modals and notifications */
.overlay,.tmpl-overlay,.pdf-modal-overlay,.bulk-monitor-overlay{backdrop-filter:blur(4px)!important;background:rgba(15,23,42,.48)!important}
.modal,.tmpl-box,.pdf-modal,.bulk-monitor,[role="dialog"]{
  border:1px solid var(--po-border)!important;border-radius:var(--po-radius-lg)!important;
  background:var(--po-surface)!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important
}
.modal-hdr,.tmpl-hdr,.pdf-modal-head,.bulk-monitor-head{border-color:var(--po-border)!important}
.toast,.toast-wrap .toast{border-radius:10px!important;box-shadow:var(--po-shadow-md)!important;background:var(--po-surface-raised)!important}

/* Admin */
.container{max-width:1440px!important;padding-inline:22px!important}
.tab-bar{background:var(--po-surface)!important;border:1px solid var(--po-border)!important;border-radius:11px!important;padding:5px!important;gap:3px!important}
.tab-btn{border-radius:7px!important;border-bottom:0!important;min-height:36px!important}
.tab-btn.active{background:var(--po-brand-soft)!important;color:var(--po-brand)!important}

/* Auth screens */
.form-panel{background:var(--po-surface)!important}
.form-inner{max-width:430px!important}
.fp-title{letter-spacing:-.035em!important}.fp-sub{color:var(--po-text-muted)!important;line-height:1.6!important}
.form-panel .btn{border-radius:9px!important;min-height:44px!important;background:var(--po-brand)!important;box-shadow:0 7px 18px rgba(13,148,136,.18)}
.brand-panel{background:radial-gradient(circle at 20% 15%,rgba(20,184,166,.22),transparent 32%),linear-gradient(150deg,#10243d,#0e3b42 62%,#0a6c66)!important}

/* Guide */
.hero{background:linear-gradient(145deg,#0f766e,#0f3b56)!important}
.toc{top:0!important;background:color-mix(in srgb,var(--po-surface) 94%,transparent)!important;backdrop-filter:blur(12px);border-color:var(--po-border)!important}
.toc a{border-radius:7px!important}.content>.section{margin-bottom:16px!important}

@media(max-width:900px){
  .apptop{padding-inline:10px!important}.at-item{padding-inline:9px!important}.at-item .at-label{font-size:11px}
  .topbar{padding-inline:10px!important}.tb-group-label{display:none!important}.tb-actions{overflow-x:auto;scrollbar-width:none}
  .container{padding-inline:12px!important}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .apptop{min-height:54px!important}.at-nav{order:3;width:100%;overflow-x:auto;padding-bottom:6px}.apptop{flex-wrap:wrap;height:auto!important}
  .at-user-info{display:none}.at-divider{margin-left:auto!important}.topbar{min-height:54px!important}
  .page-head{align-items:flex-start!important;gap:12px}.ph-actions{width:100%;overflow-x:auto}
  .modal-footer{position:sticky;bottom:0;background:var(--po-surface);border-top:1px solid var(--po-border)}
  .brand-panel{height:auto!important;min-height:178px!important;padding:24px!important}
  .brand-panel .bp-title{font-size:25px!important;line-height:1.08!important;margin:18px 0 0!important}
  .brand-panel .bp-desc,.brand-panel .po-anim,.brand-panel .po-chips,.brand-panel .po-trust,
  .brand-panel .bp-feats,.brand-panel .trial-card,.brand-panel .bp-footer,.brand-panel .bp-deco{display:none!important}
  body{overflow-x:hidden!important}
  .form-panel{width:100%!important;min-width:0!important;padding:26px 18px!important;align-items:flex-start!important}
  .form-inner{width:100%!important;max-width:100%!important;min-width:0!important}
  .login-row,.fp-sep{flex-wrap:wrap!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}