/* TUR21 — QUTRIT OS UI FINAL MASTERPIECE
   Amaç: tek satır header, premium yüzey, dark/light hazırlığı, responsive yoğunluk.
   Not: Veri, login, yetki ve CRUD motorlarına dokunmaz. */
:root{
  --q21-bg:#f5f7fb;
  --q21-panel:rgba(255,255,255,.92);
  --q21-panel-strong:#ffffff;
  --q21-border:rgba(100,116,139,.18);
  --q21-text:#0f172a;
  --q21-muted:#64748b;
  --q21-brand:#0f172a;
  --q21-accent:#2563eb;
  --q21-shadow:0 18px 48px rgba(15,23,42,.10);
  --q21-soft-shadow:0 10px 24px rgba(15,23,42,.08);
}
html[data-qtr-theme="dark"]{
  --q21-bg:#0b1120;
  --q21-panel:rgba(15,23,42,.78);
  --q21-panel-strong:#111827;
  --q21-border:rgba(148,163,184,.22);
  --q21-text:#e5e7eb;
  --q21-muted:#94a3b8;
  --q21-brand:#e5e7eb;
  --q21-accent:#60a5fa;
  --q21-shadow:0 20px 54px rgba(0,0,0,.32);
  --q21-soft-shadow:0 12px 28px rgba(0,0,0,.24);
}
body.qtr-ui-final{
  background:
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.08), transparent 32%),
    radial-gradient(circle at 86% 8%, rgba(14,165,233,.07), transparent 34%),
    var(--q21-bg) !important;
  color:var(--q21-text);
}
.qtr-ui-final .qtr-os-module-strip{
  min-height:44px;
  padding:7px 14px;
  border-bottom:1px solid rgba(148,163,184,.22);
  background:linear-gradient(90deg,#07111f 0%,#0f172a 48%,#172033 100%) !important;
  box-shadow:0 12px 34px rgba(15,23,42,.22);
  backdrop-filter:blur(12px);
}
.qtr-ui-final .qtr-os-module-brand{
  min-height:30px;
  padding:0 13px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.qtr-ui-final .qtr-os-module-tab,
.qtr-ui-final .qtr-user-menu-btn{
  min-height:30px;
  border-color:rgba(226,232,240,.18);
  background:rgba(255,255,255,.055);
  transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.qtr-ui-final .qtr-os-module-tab:hover,
.qtr-ui-final .qtr-user-menu-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.13);
  box-shadow:0 8px 18px rgba(0,0,0,.14);
}
.qtr-ui-final .qtr-os-module-tab.is-active{
  background:linear-gradient(180deg,#ffffff,#dfe9f7) !important;
  color:#0f172a !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:0 8px 22px rgba(255,255,255,.12);
}
.qtr-ui-final .qtr-os-tool-tab{background:rgba(255,255,255,.04)}
.qtr-ui-final .qtr-user-menu{
  border-radius:16px;
  border-color:var(--q21-border);
  box-shadow:var(--q21-shadow);
  overflow:hidden;
}
.qtr-ui-final .pg,
.qtr-ui-final .page,
.qtr-ui-final .main,
.qtr-ui-final .workspace,
.qtr-ui-final .m-band,
.qtr-ui-final .tbox,
.qtr-ui-final .card,
.qtr-ui-final .qtr-flow-card,
.qtr-ui-final .tridex-card,
.qtr-ui-final .qtr-security-card,
.qtr-ui-final .qtr-saas-card{
  border-color:var(--q21-border);
}
.qtr-ui-final .m-band,
.qtr-ui-final .tbox,
.qtr-ui-final .card,
.qtr-ui-final .qtr-security-card,
.qtr-ui-final .qtr-saas-card{
  box-shadow:var(--q21-soft-shadow);
}
.qtr-ui-final .btn,
.qtr-ui-final button{
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.qtr-ui-final .btn:hover,
.qtr-ui-final button:hover{transform:translateY(-1px)}
.qtr-ui-final .qtr-ui-density-compact .qtr-os-module-strip{min-height:38px;padding-top:5px;padding-bottom:5px}
.qtr-ui-final .qtr-ui-density-compact .qtr-os-module-tab,
.qtr-ui-final .qtr-ui-density-compact .qtr-user-menu-btn{min-height:26px;padding-left:10px;padding-right:10px}
.qtr-ui-theme-item{border-top:1px solid #e2e8f0 !important;margin-top:4px}
@media(max-width:1180px){
  .qtr-ui-final .qtr-os-module-tab{padding-left:9px;padding-right:9px;font-size:10.5px}
  .qtr-ui-final .qtr-os-module-brand small{display:none}
}
@media(max-width:820px){
  .qtr-ui-final .qtr-os-module-strip{gap:6px;overflow-x:auto;scrollbar-width:thin}
  .qtr-ui-final .qtr-os-module-spacer{flex:0 0 10px}
  .qtr-ui-final .qtr-user-menu{position:fixed;right:10px;top:50px}
}
@media(prefers-reduced-motion:reduce){
  .qtr-ui-final *{transition:none!important;animation:none!important}
}