/* =====================================================================
   AYTAÇ MOBİLYA ERP - Arayüz Tasarım Sistemi
   Palet: logo renkleri (kahve / turuncu / mavi-gri / krem)
   ===================================================================== */

:root{
  --brown:#3E2A20;
  --brown-2:#57392A;
  --brown-light:#7A5B48;
  --orange:#C8813F;
  --orange-2:#B06F31;
  --orange-soft:#F3E3D1;
  --blue:#8AAAB4;
  --blue-2:#6E939F;
  --blue-soft:#E3EDF0;
  --cream:#EDE4DA;
  --cream-2:#F6F1EA;
  --paper:#FFFFFF;
  --ink:#2B1D16;
  --muted:#8A7A70;
  --line:#E2D7CB;
  --green:#3F7D53;
  --green-soft:#E2F0E6;
  --red:#B5423A;
  --red-soft:#F8E3E1;
  --gray:#7C7C7C;
  --gray-soft:#EDEDED;
  --radius:12px;
  --radius-sm:8px;
  --shadow:0 1px 3px rgba(62,42,32,.08),0 6px 20px rgba(62,42,32,.06);
  --shadow-lg:0 10px 40px rgba(62,42,32,.16);
  --sidebar-w:255px;
  --font:'Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--font);font-size:14.5px;line-height:1.5;
  color:var(--ink);background:var(--cream-2);
}
a{color:var(--orange-2);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4{margin:0 0 .6rem;font-weight:700;color:var(--brown);line-height:1.25}
h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.08rem}h4{font-size:.98rem}
p{margin:0 0 .8rem}
hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}
small{font-size:.82em}
code{background:var(--cream);padding:1px 5px;border-radius:4px;font-size:.88em}

/* ------------------------- YERLEŞİM ------------------------------- */
.app{display:flex;min-height:100vh}

.sidebar{
  width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--brown);
  color:#EFE3D8;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;
  z-index:60;transition:transform .25s ease;overflow:hidden;
}
.sidebar-brand{
  display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09);
}
.sidebar-brand img{width:42px;height:42px;object-fit:contain;background:var(--cream);border-radius:9px;padding:3px;flex:0 0 auto}
.sidebar-brand .t{font-weight:700;font-size:.95rem;color:#fff;line-height:1.15}
.sidebar-brand .s{font-size:.7rem;color:var(--orange);letter-spacing:.09em;text-transform:uppercase}
.sidebar-nav{flex:1;overflow-y:auto;padding:10px 0 24px;scrollbar-width:thin}
.sidebar-nav::-webkit-scrollbar{width:6px}
.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:3px}
.nav-group{padding:14px 18px 5px;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:#A99184;font-weight:700}
.nav-link{
  display:flex;align-items:center;gap:11px;padding:9px 18px;color:#E4D5C8;
  font-size:.9rem;border-left:3px solid transparent;transition:.15s;
}
.nav-link:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.nav-link.active{background:rgba(200,129,63,.20);border-left-color:var(--orange);color:#fff;font-weight:600}
.nav-link svg{flex:0 0 20px;opacity:.85}
.nav-link .cnt{margin-left:auto;background:var(--orange);color:#fff;border-radius:20px;font-size:.68rem;padding:1px 7px;font-weight:700}
.sidebar-foot{padding:10px 18px;border-top:1px solid rgba(255,255,255,.09);font-size:.72rem;color:#A99184}

.main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}

.topbar{
  background:var(--paper);border-bottom:1px solid var(--line);padding:11px 22px;
  display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:40;
}
.topbar h1{margin:0;font-size:1.12rem;display:flex;align-items:center;gap:9px}
.topbar h1 svg{color:var(--orange)}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.hamburger{display:none;background:none;border:0;color:var(--brown);cursor:pointer;padding:4px}

.user-chip{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-radius:30px;background:var(--cream-2);border:1px solid var(--line)}
.avatar{width:31px;height:31px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex:0 0 auto}
.user-chip .un{font-size:.82rem;font-weight:600;line-height:1.1}
.user-chip .ur{font-size:.68rem;color:var(--muted)}

.content{padding:20px 22px 60px;flex:1}
.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}
.page-head .actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}

.backdrop{display:none;position:fixed;inset:0;background:rgba(43,29,22,.5);z-index:55}
.backdrop.show{display:block}

/* ------------------------- KART ----------------------------------- */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}
.card-head{padding:13px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:var(--cream-2)}
.card-head h3{margin:0;font-size:.98rem}
.card-head .actions{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap}
.card-body{padding:17px}
.card-body.tight{padding:0}
.card-foot{padding:12px 17px;border-top:1px solid var(--line);background:var(--cream-2)}

/* ------------------------- İSTATİSTİK ----------------------------- */
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;margin-bottom:20px}
.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.stat::after{content:'';position:absolute;right:-14px;top:-14px;width:66px;height:66px;border-radius:50%;background:var(--cream-2)}
.stat .lbl{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:relative;z-index:1}
.stat .val{font-size:1.55rem;font-weight:700;color:var(--brown);margin-top:4px;position:relative;z-index:1;line-height:1.15}
.stat .sub{font-size:.76rem;color:var(--muted);margin-top:3px;position:relative;z-index:1}
.stat.orange{border-left:4px solid var(--orange)}
.stat.blue{border-left:4px solid var(--blue-2)}
.stat.green{border-left:4px solid var(--green)}
.stat.red{border-left:4px solid var(--red)}
.stat.brown{border-left:4px solid var(--brown)}

/* ------------------------- TABLO ---------------------------------- */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.tbl{width:100%;border-collapse:collapse;font-size:.875rem;min-width:520px}
table.tbl th{
  background:var(--cream);color:var(--brown);text-align:left;padding:10px 12px;font-weight:700;
  font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid var(--line);
}
table.tbl td{padding:10px 12px;border-bottom:1px solid #F0E9E1;vertical-align:middle}
table.tbl tbody tr:hover{background:var(--cream-2)}
table.tbl tbody tr:last-child td{border-bottom:0}
table.tbl .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.tbl .ctr{text-align:center}
table.tbl .act{white-space:nowrap;text-align:right;width:1%}
table.tbl tfoot td{background:var(--cream-2);font-weight:700;border-top:2px solid var(--line)}
.empty{padding:38px 20px;text-align:center;color:var(--muted)}
.empty svg{opacity:.35;width:44px;height:44px}
.empty p{margin:9px 0 0}

/* ------------------------- ROZET ---------------------------------- */
.badge{display:inline-block;padding:2.5px 9px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap;line-height:1.45}
.badge-gray{background:var(--gray-soft);color:#565656}
.badge-green{background:var(--green-soft);color:var(--green)}
.badge-red{background:var(--red-soft);color:var(--red)}
.badge-orange{background:var(--orange-soft);color:var(--orange-2)}
.badge-blue{background:var(--blue-soft);color:#4A7684}
.badge-brown{background:#EBE0D6;color:var(--brown)}

/* ------------------------- BUTON ---------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 15px;border-radius:var(--radius-sm);
  border:1px solid transparent;font-size:.87rem;font-weight:600;cursor:pointer;font-family:inherit;
  background:var(--cream);color:var(--brown);transition:.15s;text-decoration:none;white-space:nowrap;
}
.btn:hover{text-decoration:none;filter:brightness(.96)}
.btn:active{transform:translateY(1px)}
.btn svg{width:17px;height:17px}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--orange-2)}
.btn-dark{background:var(--brown);color:#fff}
.btn-dark:hover{background:var(--brown-2)}
.btn-blue{background:var(--blue-2);color:#fff}
.btn-green{background:var(--green);color:#fff}
.btn-danger{background:var(--red);color:#fff}
.btn-light{background:var(--paper);border-color:var(--line);color:var(--brown)}
.btn-sm{padding:5px 10px;font-size:.79rem;border-radius:6px}
.btn-sm svg{width:15px;height:15px}
.btn-block{width:100%}
.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed}
.btn-group{display:inline-flex;gap:5px;flex-wrap:wrap}

/* ------------------------- FORM ----------------------------------- */
.form-row{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}
.fg{margin-bottom:13px;grid-column:span 12;min-width:0}
.c1{grid-column:span 1}.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}
.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}
.c9{grid-column:span 9}.c10{grid-column:span 10}.c12{grid-column:span 12}
label{display:block;font-size:.79rem;font-weight:700;color:var(--brown-light);margin-bottom:4px}
label .req{color:var(--red)}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],
input[type=time],input[type=tel],input[type=search],input[type=file],select,textarea{
  width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);
  font-family:inherit;font-size:.9rem;background:var(--paper);color:var(--ink);transition:.15s;
}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(200,129,63,.14)}
input[readonly],input:disabled,select:disabled,textarea[readonly]{background:var(--cream-2);color:var(--muted)}
textarea{resize:vertical;min-height:78px}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A5B48'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:19px;padding-right:29px}
.hint{font-size:.75rem;color:var(--muted);margin-top:3px}
.check{display:flex;align-items:center;gap:8px;font-size:.87rem;font-weight:600;color:var(--brown-light);cursor:pointer;margin-bottom:6px}
.check input{width:17px;height:17px;accent-color:var(--orange);margin:0;flex:0 0 auto}
.form-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:6px}
fieldset{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;margin:0 0 16px}
legend{font-size:.78rem;font-weight:700;color:var(--orange-2);text-transform:uppercase;letter-spacing:.05em;padding:0 6px}

/* ------------------------- UYARI ---------------------------------- */
.alert{padding:12px 15px;border-radius:var(--radius-sm);margin-bottom:15px;font-size:.88rem;border-left:4px solid}
.alert-success{background:var(--green-soft);border-color:var(--green);color:#255C36}
.alert-danger{background:var(--red-soft);border-color:var(--red);color:#8C2E27}
.alert-warning{background:var(--orange-soft);border-color:var(--orange);color:#8A5320}
.alert-info{background:var(--blue-soft);border-color:var(--blue-2);color:#3D6672}

/* ------------------------- FİLTRE --------------------------------- */
.filters{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-end;margin-bottom:15px;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px}
.filters .fg{margin:0;grid-column:auto;min-width:135px;flex:1 1 135px}
.filters .fg.wide{flex:2 1 230px}
.filters .btns{display:flex;gap:7px}

/* ------------------------- SEKME ---------------------------------- */
.tabs{display:flex;gap:3px;border-bottom:2px solid var(--line);margin-bottom:16px;overflow-x:auto}
.tabs a{padding:9px 15px;font-size:.87rem;font-weight:600;color:var(--muted);white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-2px}
.tabs a:hover{color:var(--brown);text-decoration:none}
.tabs a.active{color:var(--orange-2);border-bottom-color:var(--orange)}

/* ------------------------- SAYFALAMA ------------------------------ */
.pagination{display:flex;gap:5px;justify-content:center;padding:14px;flex-wrap:wrap}
.pagination a,.pagination span{padding:6px 11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);
  font-size:.84rem;color:var(--brown);font-weight:600}
.pagination a:hover{background:var(--cream);text-decoration:none}
.pagination a.active{background:var(--orange);color:#fff;border-color:var(--orange)}

/* ------------------------- DETAY LİSTESİ -------------------------- */
.dl{display:grid;grid-template-columns:auto 1fr;gap:7px 15px;font-size:.88rem}
.dl dt{color:var(--muted);font-weight:600;font-size:.8rem}
.dl dd{margin:0;font-weight:600}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}
.info-box{background:var(--cream-2);border-radius:var(--radius-sm);padding:11px 13px}
.info-box .l{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.info-box .v{font-size:.95rem;font-weight:700;color:var(--brown);margin-top:2px;word-break:break-word}

/* ------------------------- ZAMAN AKIŞI ---------------------------- */
.timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 16px 16px}
.timeline li::before{content:'';position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;
  background:var(--orange);border:2px solid var(--paper);box-shadow:0 0 0 2px var(--orange)}
.timeline .tm{font-size:.74rem;color:var(--muted)}
.timeline .tt{font-weight:700;color:var(--brown);font-size:.89rem}

/* ------------------------- ÜRETİM AŞAMA --------------------------- */
.stage-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.stage-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.76rem;
  font-weight:700;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer}
.stage-pill.bekliyor{background:var(--gray-soft);color:#666}
.stage-pill.devam{background:var(--orange-soft);color:var(--orange-2);border-color:var(--orange)}
.stage-pill.tamam{background:var(--green-soft);color:var(--green);border-color:var(--green)}
.progress{height:7px;background:var(--gray-soft);border-radius:5px;overflow:hidden;min-width:80px}
.progress > span{display:block;height:100%;background:var(--orange);border-radius:5px}

/* ------------------------- TAKVİM --------------------------------- */
.cal{width:100%;border-collapse:collapse;table-layout:fixed}
.cal th{background:var(--cream);padding:8px 4px;font-size:.74rem;text-transform:uppercase;color:var(--brown);border:1px solid var(--line)}
.cal td{border:1px solid var(--line);vertical-align:top;height:104px;padding:4px;background:var(--paper)}
.cal td.other{background:var(--cream-2);opacity:.55}
.cal td.today{background:#FFF8EE;box-shadow:inset 0 0 0 2px var(--orange)}
.cal .dnum{font-size:.78rem;font-weight:700;color:var(--brown-light);margin-bottom:3px}
.cal .ev{display:block;font-size:.7rem;padding:2px 5px;border-radius:4px;margin-bottom:2px;color:#fff;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal .ev:hover{text-decoration:none;opacity:.9}
.ev-olcu{background:var(--blue-2)}.ev-montaj{background:var(--orange)}.ev-teslimat{background:var(--green)}
.ev-servis{background:var(--red)}.ev-gorusme{background:var(--brown-light)}

/* ------------------------- SATIR EDİTÖRÜ -------------------------- */
.items-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:820px}
.items-table th{background:var(--cream);padding:8px 7px;font-size:.72rem;text-transform:uppercase;
  color:var(--brown);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.items-table td{padding:5px 6px;border-bottom:1px solid #F1EAE2;vertical-align:top}
.items-table input,.items-table select,.items-table textarea{padding:6px 8px;font-size:.84rem}
.items-table .del-row{background:var(--red-soft);color:var(--red);border:0;border-radius:6px;
  width:30px;height:30px;cursor:pointer;font-size:1.05rem;line-height:1}
.totals-box{margin-left:auto;max-width:330px;font-size:.9rem}
.totals-box .r{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
.totals-box .r.grand{border-bottom:0;border-top:2px solid var(--brown);margin-top:5px;padding-top:9px;
  font-size:1.1rem;font-weight:700;color:var(--brown)}

/* ------------------------- ARAMA KUTUSU --------------------------- */
.search-box{position:relative}
.search-box svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--muted);width:17px;height:17px}
.search-box input{padding-left:31px}
.ac-list{position:absolute;z-index:50;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);
  box-shadow:var(--shadow-lg);max-height:270px;overflow-y:auto;width:100%;margin-top:2px;display:none}
.ac-list.show{display:block}
.ac-item{padding:8px 11px;cursor:pointer;font-size:.86rem;border-bottom:1px solid #F3ECE4}
.ac-item:hover,.ac-item.sel{background:var(--cream-2)}
.ac-item .n{font-weight:600}
.ac-item .m{font-size:.75rem;color:var(--muted)}

/* ------------------------- GİRİŞ EKRANI --------------------------- */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;
  background:linear-gradient(135deg,var(--cream) 0%,#E5D9CC 100%)}
.login-card{background:var(--paper);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:395px;padding:32px 30px}
.login-logo{text-align:center;margin-bottom:20px}
.login-logo img{width:118px;height:118px;object-fit:contain}
.login-logo h2{margin:8px 0 2px;font-size:1.16rem;letter-spacing:.02em}
.login-logo p{color:var(--muted);font-size:.78rem;margin:0;letter-spacing:.13em;text-transform:uppercase}

/* ------------------------- KURULUM -------------------------------- */
.setup-wrap{min-height:100vh;background:linear-gradient(135deg,var(--cream) 0%,#E5D9CC 100%);padding:26px 16px}
.setup-card{max-width:760px;margin:0 auto;background:var(--paper);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}
.setup-head{background:var(--brown);color:#fff;padding:20px 26px}
.setup-head h1{color:#fff;margin:0;font-size:1.22rem}
.setup-head p{margin:3px 0 0;color:#C6AE9C;font-size:.83rem}
.steps{display:flex;background:var(--cream-2);border-bottom:1px solid var(--line);overflow-x:auto}
.steps .st{flex:1;padding:11px 6px;text-align:center;font-size:.72rem;font-weight:700;color:var(--muted);
  border-bottom:3px solid transparent;min-width:88px}
.steps .st.active{color:var(--orange-2);border-bottom-color:var(--orange);background:var(--paper)}
.steps .st.done{color:var(--green)}
.steps .st .n{display:block;width:24px;height:24px;line-height:24px;border-radius:50%;background:var(--gray-soft);
  margin:0 auto 4px;font-size:.76rem}
.steps .st.active .n{background:var(--orange);color:#fff}
.steps .st.done .n{background:var(--green);color:#fff}
.setup-body{padding:26px}
.req-list{list-style:none;margin:0;padding:0}
.req-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:.88rem}
.req-list li:last-child{border-bottom:0}
.req-list .ok{color:var(--green);font-weight:700}
.req-list .no{color:var(--red);font-weight:700}
.req-list .wr{color:var(--orange-2);font-weight:700}
.req-list .rn{flex:1}
.req-list .rv{font-size:.79rem;color:var(--muted)}

/* ------------------------- YARDIMCI ------------------------------- */
.text-muted{color:var(--muted)}
.text-right{text-align:right}.text-center{text-align:center}
.text-green{color:var(--green)}.text-red{color:var(--red)}.text-orange{color:var(--orange-2)}
.fw-bold{font-weight:700}
.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}
.nowrap{white-space:nowrap}
.flex{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.flex-between{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.hide{display:none !important}
.chip{display:inline-block;background:var(--cream);border:1px solid var(--line);border-radius:20px;
  padding:2px 10px;font-size:.75rem;font-weight:600;color:var(--brown-light)}

/* ------------------------- MOBİL ---------------------------------- */
@media (max-width:1024px){
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0);box-shadow:var(--shadow-lg)}
  .main{margin-left:0}
  .hamburger{display:block}
}
@media (max-width:760px){
  body{font-size:14px}
  .content{padding:14px 13px 60px}
  .topbar{padding:9px 13px}
  .topbar h1{font-size:1rem}
  .user-chip .un,.user-chip .ur{display:none}
  .user-chip{padding:3px;border:0;background:none}
  .card-body{padding:13px}
  .stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .stat .val{font-size:1.28rem}
  .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10{grid-column:span 12}
  .c3.keep,.c4.keep,.c6.keep{grid-column:span 6}
  .page-head .actions{width:100%}
  .page-head .actions .btn{flex:1 1 auto}
  .cal td{height:66px}
  .cal .ev{font-size:.62rem}
  .filters{padding:11px}
}

/* ------------------------- YAZDIRMA ------------------------------- */
@media print{
  .no-print,.sidebar,.topbar,.backdrop{display:none !important}
  .main{margin-left:0}
  body{background:#fff;font-size:12pt}
  .content{padding:0}
  .card{box-shadow:none;border:0}
}