/* ==========================================================================
   CEPLINE SOFT — Design System v2
   --------------------------------------------------------------------------
   Amaç: eski (app.css) bileşenlerini yeni (experience / workspace) neslin
   okunabilirlik seviyesine çekmek. Eski dosyalar korunur; bu katman en son
   yüklenir ve yalnızca görsel ölçeği, kontrastı ve boşlukları düzeltir.

   Kural: bu dosyada yalnızca tasarım token'ları ve bileşen ölçekleri bulunur.
   İş mantığı, markup veya yeni özellik buraya eklenmez.
   ========================================================================== */

:root{
  /* Tipografi ölçeği — hiçbir metin 11px'in altına inmez */
  --ds2-micro: 11px;
  --ds2-meta: 12px;
  --ds2-body: 13px;
  --ds2-body-lg: 13.5px;
  --ds2-title: 15px;
  --ds2-h1: 21px;
  --ds2-metric: 26px;

  /* Renk — WCAG AA hedefli */
  --ds2-ink: #1e2740;
  --ds2-text: #3b4459;
  --ds2-muted: #667089;
  --ds2-faint: #808aa1;
  --ds2-line: #e3e8f1;
  --ds2-line-strong: #d3dae7;
  --ds2-surface: #ffffff;
  --ds2-canvas: #f4f6fb;
  --ds2-primary: #6a5ae0;
  --ds2-primary-ink: #5847cf;
  --ds2-primary-soft: #f0eeff;

  /* Biçim */
  --ds2-radius: 14px;
  --ds2-radius-sm: 10px;
  --ds2-shadow: 0 1px 2px rgba(24,32,58,.04), 0 6px 22px rgba(24,32,58,.05);
  --ds2-shadow-lg: 0 18px 48px rgba(24,32,58,.14);
}

/* --------------------------------------------------------------------------
   1. Temel tipografi
   -------------------------------------------------------------------------- */
body{
  font-size:14px;
  line-height:1.55;
  color:var(--ds2-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.content{font-size:var(--ds2-body-lg);color:var(--ds2-text)}
.content p{line-height:1.65}
small{font-size:var(--ds2-meta)!important;line-height:1.6;color:var(--ds2-muted)!important}
strong,b{color:var(--ds2-ink)}
::selection{background:#ded8ff;color:#241c52}

/* Eski arayüzde 7–10px'e sıkıştırılmış etiketler */
.eyebrow,.mini-heading,.section-title p,.form-section-title,
.breadcrumb-mini,.breadcrumb-mini b,.breadcrumb-mini i,
.brand span,.version-copy small,.version-copy span,.version-badge,
.workspace-copy small,.sidebar-developer,
.nav-section-title,.nav-group-title,.nav-group-title>i,.nav-group-chevron,
.rate-copy small,.profile-trigger-copy small,.profile-trigger-copy b,
.profile-dropdown-head small,.profile-dropdown-head span,.profile-dropdown-label,
.profile-dropdown-body a,.profile-dropdown-body a>i:last-child,.profile-dropdown-foot a,
.command-key,.command-footer,.command-section a small,
.app-footer,.footer-note,.login-version,.login-features span,.login-options,
.license-chip-copy b,.license-progress span,.action-badge,.nav-count,
.x-eyebrow,.x-kicker,.ws-eyebrow,.c-kicker,.ux-row-index,
.x-table th,.ws-table th,.c-table th,.r-table th{
  font-size:var(--ds2-micro)!important;
}

/* --------------------------------------------------------------------------
   2. Yan menü — okunabilir, kaydırılabilir, yüksek kontrast
   -------------------------------------------------------------------------- */
.sidebar{--ds2-nav-text:#c3cbe2;--ds2-nav-icon:#9aa4c4}
.sidebar .nav-label{font-size:12.5px!important;font-weight:600;letter-spacing:.1px}
.sidebar .nav-link{min-height:38px!important;padding:6px 9px!important;gap:10px!important;border-radius:10px!important}
.sidebar .nav-icon{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important}
.sidebar .nav-icon .bi,.sidebar .nav-link i{font-size:16px!important}
.sidebar .nav-link{color:var(--ds2-nav-text)!important}
.sidebar .nav-icon{color:var(--ds2-nav-icon)!important}
.sidebar .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.075)!important}
.sidebar .nav-link:hover .nav-icon{color:#fff!important}
.sidebar .nav-link.active{color:#fff!important;background:linear-gradient(96deg,#7b6bef,#6250dd)!important;box-shadow:0 6px 18px rgba(106,90,224,.32)!important}
.sidebar .nav-group-toggle{min-height:38px;color:#aeb8d4}
.sidebar .nav-group-title,.sidebar .nav-group-title span{font-size:11.5px!important;font-weight:750;letter-spacing:.85px;color:#a9b3d0;text-transform:uppercase}
.sidebar .nav-count{min-width:22px;height:20px;font-size:11px!important;padding:0 6px}
.sidebar-quick-tools a span{font-size:11px!important;line-height:1.25;color:#aab4d0!important}
.sidebar-quick-tools a{color:#aab4d0!important}
.sidebar-quick-tools a i{font-size:15px!important}
.version-card .version-status{font-size:11px!important;letter-spacing:.7px;font-weight:750}

/* Menü başlıkları büyüdüğü için gruplar kaydırılabilir olsun */
@media(min-width:861px){
  .sidebar-nav{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;padding-bottom:10px}
  .sidebar-nav::-webkit-scrollbar{display:none}
  .sidebar{overflow:hidden}
  .nav-accordion.open .nav-group-body{max-height:620px!important}
  .panel-business .nav-accordion.open .nav-group-body{max-height:520px!important}
}

/* Çalışma alanı ve sürüm kartı */
.workspace-copy small,.version-copy small{color:#96a0bf!important}
.workspace-copy b,.version-copy b{color:#f2f4fb!important;font-size:12px!important}
.version-copy span{color:#9aa4c1!important}
.sidebar-developer{color:#8d97b5!important}
.sidebar-developer b{color:#b3bcd8!important}

/* --------------------------------------------------------------------------
   3. Üst çubuk
   -------------------------------------------------------------------------- */
.topbar{min-height:78px;padding:12px 26px}
.topbar h1{font-size:var(--ds2-h1);line-height:1.25;letter-spacing:-.35px}
.topbar p{font-size:12px!important;color:var(--ds2-muted);margin-top:4px}
.breadcrumb-mini{color:#8b94a9;margin-bottom:5px}
.breadcrumb-mini b{color:#68718a;max-width:260px}
.icon-btn,.top-tool,.profile-trigger,.rate-chip{height:44px;border-radius:12px}
.top-tool{font-size:12px;padding:0 13px}
.top-tool i{font-size:16px}
.icon-btn{width:44px}
.top-tool.icon-only{width:44px}
.rate-copy b{font-size:12.5px!important}
.rate-copy small{color:var(--ds2-faint)!important;letter-spacing:.5px}
.profile-trigger{min-width:186px;padding:0 12px 0 8px}
.profile-trigger-copy b{font-size:12.5px!important;color:var(--ds2-ink)}
.profile-trigger-copy small{font-size:11.5px!important;color:var(--ds2-muted)}
.license-chip-copy b{font-size:1.05em!important}

/* Topbar eylemleri: öğeler ebeveynlerinden taşmasın */
.top-actions{min-width:0;gap:6px}
.top-actions>*{flex-shrink:0}
.ws-fx{min-width:0}
.ws-fx .rate-chip{min-width:0}

@media(max-width:1180px){
  .topbar{padding-left:18px;padding-right:18px;gap:12px}
  .top-actions{gap:5px}
  .rate-copy small{display:none!important}
  .rate-copy .fx-unit{display:none!important}
  .rate-chip{min-width:88px!important;padding:0 11px}
  .license-chip-copy{display:none}
  .profile-trigger{min-width:42px!important;padding:0 6px!important}
  .profile-trigger-copy,.profile-chevron{display:none!important}
}
@media(max-width:640px){
  .topbar{padding-left:12px;padding-right:12px;gap:8px}
  .top-actions{gap:4px}
  .top-actions .top-tool:not(.icon-only):not(.command-trigger){display:none!important}
  .rate-chip{min-width:76px!important;padding:0 9px!important}
  .topbar h1{max-width:150px}
}
@media(max-width:1000px){
  .topbar h1{font-size:18px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Açılır profil menüsü */
.profile-dropdown{width:300px;border-radius:16px;box-shadow:var(--ds2-shadow-lg);border-color:var(--ds2-line)}
.profile-dropdown-head{padding:18px}
.profile-dropdown-body a{padding:11px 11px;font-size:12.5px!important;border-radius:10px}
.profile-dropdown-body a i{font-size:16px!important}
.profile-dropdown-label{font-size:10.5px!important;letter-spacing:1px;color:#8b94aa;font-weight:800;padding:12px 11px 6px}
.mini-count{min-width:24px;height:22px;font-size:11px}
.profile-dropdown-foot a{padding:11px;font-size:12.5px!important}

/* --------------------------------------------------------------------------
   4. İçerik yerleşimi
   -------------------------------------------------------------------------- */
.content{padding:24px 26px 30px}
.content-inner{max-width:1680px;margin:0 auto}
.grid{gap:18px}
.card{border-radius:var(--ds2-radius);border-color:var(--ds2-line);box-shadow:var(--ds2-shadow)}
.card-body{padding:20px}
.card-head{padding:16px 20px}
.card-head h3{font-size:var(--ds2-title);font-weight:700;color:var(--ds2-ink)}
.card-head small{color:var(--ds2-muted)}
.section-title h2{font-size:18px;letter-spacing:-.2px}
.section-title p{color:var(--ds2-muted)}

/* --------------------------------------------------------------------------
   5. Tablolar — okunabilir satırlar, sabit başlık, hizalı sayılar
   -------------------------------------------------------------------------- */
.table{font-size:var(--ds2-body);white-space:nowrap}
.table th{
  font-size:var(--ds2-micro)!important;
  font-weight:750;
  letter-spacing:.55px;
  text-transform:uppercase;
  color:#5d6780;
  background:#f7f9fd;
  padding:12px 14px;
  border-bottom:1px solid var(--ds2-line-strong);
  position:sticky;
  top:0;
  z-index:1;
}
.table td{padding:12px 14px;font-size:var(--ds2-body)!important;border-bottom:1px solid #edf0f6;color:var(--ds2-text)}
.table td b,.table td strong{color:var(--ds2-ink);font-weight:650}
.table tbody tr:hover td{background:#fafaff}
.table td small,.x-table td small,.ws-table td small{font-size:11.5px!important;color:var(--ds2-muted);margin-top:3px}
.table,.x-table,.ws-table,.c-table{font-variant-numeric:tabular-nums}
.table-wrap{overflow:auto;border-radius:0}

/* Yeni nesil tablolar da aynı ölçeğe gelir */
.x-table{font-size:var(--ds2-body)}
.x-table th,.ws-table th,.c-table th{color:#5d6780;font-weight:750;padding:12px 14px}
.x-table td,.ws-table td{padding:13px 14px}
.ws-table{font-size:var(--ds2-body)}
.ws-entity b{font-size:12.5px!important}
.ws-entity small,.ws-block{font-size:11.5px!important;color:var(--ds2-muted)}
.ws-pill,.x-badge,.badge,.movement-pill{font-size:11.5px!important;padding:5px 9px;font-weight:600}

/* --------------------------------------------------------------------------
   6. Formlar
   -------------------------------------------------------------------------- */
label{font-size:12px!important;font-weight:650;color:#55607a;margin-bottom:7px}
.form-control,.form-select,textarea,.ws-field input,.ws-field select,.ws-field textarea{
  font-size:13px!important;
  min-height:42px;
  border-radius:10px;
  border-color:#d9e0ec;
  color:var(--ds2-text);
  padding:9px 12px;
  background:#fff;
}
.form-control:focus,.form-select:focus,textarea:focus{
  border-color:#9a8cf0;
  box-shadow:0 0 0 3px rgba(106,90,224,.14);
}
.form-control::placeholder,textarea::placeholder{color:#9aa3b6}
.form-control:disabled,.form-select:disabled{background:#f6f8fc;color:#8c95a8;cursor:not-allowed}
.field-help,.ux-field-hint,.ws-field small,.x-field small{font-size:11.5px!important;color:var(--ds2-muted);line-height:1.55}
.form-row{gap:16px}
.form-group{margin-bottom:16px}
.check-row{font-size:12px!important;color:var(--ds2-text)}
input[type=checkbox],input[type=radio]{accent-color:var(--ds2-primary)}

/* --------------------------------------------------------------------------
   7. Butonlar ve eylemler
   -------------------------------------------------------------------------- */
.btn{
  font-size:12.5px!important;
  font-weight:650;
  min-height:38px;
  padding:9px 15px;
  border-radius:10px;
  gap:7px;
}
.btn i{font-size:15px}
.btn:hover{box-shadow:0 6px 16px rgba(35,42,66,.10)}
.btn-primary{background:linear-gradient(135deg,#7566ea,#5f4dd6);box-shadow:0 6px 16px rgba(106,90,224,.24)}
.btn-light{background:#f2f4f9;color:#4f5a72}
.btn-light:hover{background:#e9edf6}
.action-icon{width:34px!important;height:34px!important;border-radius:10px!important}
.action-icon .bi{font-size:16px!important}
.action-pill{min-height:32px;font-size:11.5px!important;border-radius:9px}

/* --------------------------------------------------------------------------
   8. Kart öğeleri, metrikler, rozetler
   -------------------------------------------------------------------------- */
.stat{padding:20px}
.stat .value{font-size:var(--ds2-metric);letter-spacing:-.8px;color:var(--ds2-ink);line-height:1.2}
.stat small{font-size:12px!important;color:var(--ds2-muted);font-weight:600}
.stat .bubble{width:44px;height:44px;border-radius:13px;font-size:19px}
.quick{padding:15px;border-radius:13px;gap:12px}
.quick b{font-size:12.5px!important;color:var(--ds2-ink)}
.quick i{width:36px;height:36px;border-radius:11px;font-size:16px}
.quick-actions{gap:11px}
.kpi-line{height:8px}
.info-row{padding:12px 0}
.info-row span{font-size:12px!important;color:var(--ds2-muted)}
.info-row b{font-size:12.5px!important;color:var(--ds2-ink)}

.alert{font-size:12.5px!important;padding:13px 15px;border-radius:12px;line-height:1.6;align-items:center}
.alert i{font-size:17px}
.empty{padding:44px 24px;font-size:13px!important;color:var(--ds2-muted);line-height:1.65}

/* --------------------------------------------------------------------------
   9. Gösterge paneli bileşenleri (eski app.css sınıfları)
   -------------------------------------------------------------------------- */
.dashboard-welcome p,.subscription-hero p,.demo-data-copy>p,.info-panel p{
  font-size:12.5px!important;line-height:1.65;color:var(--ds2-muted)
}
.admin-kpi-card>span,.admin-mini-metrics small,.admin-definition-stat small,.admin-definition-stat span{
  font-size:11.5px!important;color:var(--ds2-muted)
}
.admin-compact-table td{font-size:12.5px!important}
.health-check-item b,.health-check-item small,.healthy-state b,.healthy-state span{
  font-size:12px!important;line-height:1.55
}
.risk-days,.growth-value,.stock-value{font-size:12.5px!important}
.payment-feed-row b,.payment-feed-row strong,.support-feed b,.support-feed small{
  font-size:12px!important;line-height:1.5
}
.activity-row small,.activity-row time{font-size:11.5px!important;color:var(--ds2-faint)}
.top-product-head b{font-size:12.5px!important}
.top-product-head span,.top-product .rank{font-size:11.5px!important;color:var(--ds2-muted)!important}
.customer-mini span,.customer-mini>small{font-size:11.5px!important}
.report-list-row b{font-size:12.5px!important}
.growth-chart text,.chart-label{font-size:11px}

/* Panel içi küçük etiketler (eski app.css 8–10px kalıntıları) */
.stat-copy>span{font-size:11.5px!important;font-weight:650;color:var(--ds2-muted)!important}
.dashboard-period,.chart-legend,.chart-legend span{font-size:11.5px!important;color:var(--ds2-muted)!important}
.bar-day b{font-size:11px!important;font-weight:600}
.status-progress-head span{font-size:11.5px!important}
.compact-list-row b,.customer-mini b{font-size:12.5px!important;color:var(--ds2-ink)}
.license-overview-main>div>span{font-size:11.5px!important}
.license-overview-main>strong{font-size:13px!important}
.license-overview-grid>div>b{font-size:12.5px!important}
.dash-alert span,.dash-alert b,.dash-alert{font-size:12.5px!important;line-height:1.5}
.dashboard-license-top span{font-size:12px!important;letter-spacing:.5px;font-weight:650}
.license-chip .license-chip-copy small{font-size:11px!important}

/* Yeni nesil (x-/ws-/c-/ux-) bileşenlerde kalan 8–10px metinler */
.c-stat>span,.c-stat small,.ws-kpi p,.ws-kpi small,.ws-currency,.ws-block,
.ux-shortcut-note,.ws-savebar span,.ws-savebar small,.inline-link{
  font-size:11.5px!important;line-height:1.5
}
.inline-link{font-size:12px!important;font-weight:600}
p.inline-link,a.inline-link{color:var(--ds2-primary-ink)!important}
kbd{font-size:11px!important;line-height:1.4!important}
.ws-copy,.device-spec-line,.pos-help,.pos-counterpart,.pos-last-receipt a,.x-token,
.package-type,.package-card p,.package-trial-note,.package-card li,
.ws-valuation span,.ws-valuation b,.pos-info span,.pos-info b,.pos-fx{
  font-size:11.5px!important;line-height:1.5
}
.package-type{font-size:11px!important;font-weight:750;letter-spacing:.45px;padding:4px 9px!important}
.x-token{padding:4px 9px!important;border-radius:8px!important}
.pos-help kbd,.pos-last-receipt kbd{font-size:11px!important}

/* --------------------------------------------------------------------------
   10. Komut paleti, döviz paneli, hızlı menü
   -------------------------------------------------------------------------- */
.command-dialog{border-radius:18px;box-shadow:var(--ds2-shadow-lg)}
.command-search input{font-size:14px!important}
.command-section a b{font-size:13px}
.command-section small{font-size:11px!important;letter-spacing:1px;color:#8b94aa;font-weight:800}
.command-key{font-size:11.5px!important;padding:3px 6px}
.command-footer{font-size:11px!important;color:var(--ds2-muted)}
.command-footer kbd,.command-trigger kbd{font-size:11px!important;line-height:1.4!important;padding:3px 6px!important}
.ws-fx-meta,.fx1120-panel footer small,.fx1120-panel header small{font-size:11.5px!important;line-height:1.6;color:var(--ds2-muted)}
.fx1120-result>small{font-size:11.5px!important;color:var(--ds2-muted)}

/* --------------------------------------------------------------------------
   11. Alt bilgi
   -------------------------------------------------------------------------- */
.app-footer{min-height:58px;padding:14px 26px;font-size:11.5px!important;color:#7b8499}
.app-footer b{color:#4f5a72}

/* Yönetici paneli metinleri */
.sidebar-admin-pulse .admin-pulse-ring span{font-size:12px!important;font-weight:800}
.sidebar-admin-pulse b{font-size:12px!important}
.sidebar-admin-pulse a{font-size:11.5px!important}
.admin-health-orb span,.health-score span{font-size:11.5px!important;line-height:1.45}
.admin-card-badge{font-size:11.5px!important}
.package-row-head span,.package-meta span{font-size:11.5px!important}
.security-score-card em,.security-center-link span{font-size:11.5px!important;line-height:1.5}
.activity-row b{font-size:12.5px!important}
.system-check-list p,.system-check-list p b{font-size:11.5px!important;line-height:1.55}
.health-check-item em{font-size:11.5px!important;line-height:1.5}
.version-health-card em,.version-health-card p{font-size:11.5px!important;line-height:1.55}
.definition-tab,.definition-tab span{font-size:12px!important}
.info-panel b{font-size:12.5px!important}
.update-history-kicker{font-size:11.5px!important;letter-spacing:1.2px!important}
.update-history-hero p{font-size:12.5px!important;line-height:1.65}
.current-version-box span{font-size:11.5px!important}
.release-head time,.release-meta span,.release-card p{font-size:11.5px!important;line-height:1.55}

/* Giriş / kimlik doğrulama ekranları */
.x-auth-eyebrow,.x-auth-bottom,.x-auth-version{font-size:11px!important}
.x-auth-bottom{color:#a9b2cd!important}
.x-auth-features div{font-size:12.5px!important}
.x-auth-form>p,.x-auth-links,.x-auth-service{font-size:13px!important}
.x-auth-security{font-size:11.5px!important;color:#6d7a8f!important}
.x-auth-form .x-field input{font-size:14px!important}
.x-auth-submit{font-size:14px!important}
.x-auth-password button{width:40px;height:40px;top:4px;right:5px}

/* --------------------------------------------------------------------------
   12. Kontrast düzeltmeleri (WCAG AA hedefi)
   -------------------------------------------------------------------------- */
.quick small,.customer-mini span,.customer-mini>small,.info-row span{color:var(--ds2-muted)!important}
.avatar-soft{color:#4a39b8!important;background:#ece9ff!important}
.positive,.text-success{color:#127a40!important}
.negative,.text-danger{color:#b02f31!important}
.action-badge{background:#cf3d3e!important;color:#fff!important}
.badge.warning,.movement-pill.warning{background:#fdf1de!important;color:#8a5209!important}
.badge.info,.movement-pill.info{background:#e7f6f9!important;color:#0d6f7f!important}
.badge.success,.movement-pill.success{background:#e8f7ef!important;color:#126b3c!important}
.badge.danger,.movement-pill.danger{background:#fdecec!important;color:#a52a2c!important}
.stock-value{color:#b02f31!important}
.license-overview-main>strong{color:#127a40!important}
.license-overview-main>div>span{color:var(--ds2-muted)!important}
.app-footer{color:#667089!important}
.app-footer .footer-note,.footer-note{color:var(--ds2-muted)!important}
.admin-card-badge{color:#586180!important;background:#f1f3f9!important}
.risk-days.warning{color:#8a5209!important;background:#fdf1de!important}
.risk-days.urgent,.risk-days.expired{color:#a52a2c!important;background:#fdecec!important}
.risk-days.safe{color:#126b3c!important;background:#e8f7ef!important}
.activity-row time,.activity-row small{color:#667089!important}
.health-check-item em,.health-check-item small,.health-score span,.version-health-card em,.version-health-card p{color:#667089!important}
.health-check-item p,.health-check-item span,.health-score p{color:#5f687f!important}
.table th,.x-table th,.ws-table th,.c-table th{color:#4c5670!important}
.ws-table small,.ws-table .ws-block,.x-table small,.c-table small{color:#667089!important}
.ws-pager,.ws-pager span,.ws-pager a,.x-pager,.x-pager a{color:#5f687f!important}
a.ws-page.disabled,.ws-pager .disabled{color:#7b8499!important}

/* --------------------------------------------------------------------------
   13. Erişilebilirlik ve hareket
   -------------------------------------------------------------------------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #8f80ee;
  outline-offset:2px;
  border-radius:8px;
}
/* Küçük dokunma hedeflerini büyüt */
.action-icon,.x-icon-btn,.icon-btn{min-width:34px;min-height:34px}
.sidebar-collapse{width:34px;height:34px}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* İnce, tutarlı kaydırma çubukları */
*{scrollbar-width:thin;scrollbar-color:#c6cddc transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c6cddc;border-radius:20px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#aab4c9;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}

/* --------------------------------------------------------------------------
   13. Duyarlı davranış
   -------------------------------------------------------------------------- */
@media(max-width:1250px){
  .content{padding:20px}
  .topbar{padding:11px 20px}
}
@media(max-width:860px){
  .content{padding:16px 14px 22px}
  .topbar{min-height:70px;padding:10px 14px}
  .topbar h1{font-size:17px}
  .card-body{padding:16px}
  .grid{gap:14px}
  .table th,.table td{padding:11px 12px}
  .app-footer{padding:13px 16px}
}
@media(max-width:640px){
  body{font-size:13.5px}
  .content{font-size:13px}
  .stat .value{font-size:23px}
  .topbar h1{font-size:16px}
  .x-table,.ws-table{font-size:12.5px}
  .card-head h3{font-size:14px}
  .btn{min-height:40px}
}
@media(max-width:430px){
  .content{padding:13px 11px 20px}
  .card-body{padding:14px}
  .topbar h1{max-width:160px}
}

/* --------------------------------------------------------------------------
   14. Yazdırma — uygulama kabuğu yazdırılmaz
   -------------------------------------------------------------------------- */
@media print{
  .sidebar,.topbar,.app-footer,.sidebar-overlay,.command-palette{display:none!important}
  .main{margin-left:0!important}
  .content{padding:0!important}
  .card,.x-panel,.ws-panel{box-shadow:none!important;border-color:#ccc!important}
}