/* ─── SİPARİŞ EKRANI ─────────────────────────────────────── */
#siparisScreen { display: none; width: 100%; min-height: 100vh; background: var(--acik-bg); font-family: 'Inter', sans-serif; }

#siparis-modulu {
  --s-bg: var(--acik-bg);
  --s-bg-card: #fff;
  --s-bg-hover: #F3F4F6;
  --s-text: var(--acik-yazi);
  --s-text-sec: var(--acik-yazi2);
  --s-text-muted: var(--acik-yazi3);
  --s-accent: var(--gkk-mor);
  --s-accent-hov: var(--gkk-mor-koyu);
  --s-border: var(--acik-sinir);
  --s-shadow: none;
  --s-danger: #DC2626;
  --s-success: #ECFDF5;
  --s-warn: #FEF3C7;
}

.s-container { max-width: 1200px; margin: 0 auto; padding: 24px; }

.s-nav { display: flex; gap: 4px; margin-bottom: 20px; background: var(--acik-bg); border-radius: 9px; padding: 4px; width: fit-content; }

.s-nav-btn { font-size: 13px; padding: 6px 16px; border-radius: var(--radius-md); border: none; cursor: pointer; color: var(--acik-yazi2); background: none; font-family: inherit; transition: all .15s; }
.s-nav-btn.active { background: #fff; color: var(--acik-yazi); font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,.08); }

.s-section { display: none; }
.s-section.active { display: block; }

.s-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 20px; }

.s-stat-box { background: #fff; padding: 16px; border-radius: var(--radius-lg); border: 1px solid var(--acik-sinir); text-align: center; }
.s-stat-number { font-size: 22px; font-weight: 700; color: var(--gkk-mor); margin-bottom: 4px; }
.s-stat-label  { font-size: 11px; color: var(--acik-yazi3); text-transform: uppercase; letter-spacing: .5px; }

.s-card { background: #fff; border: 1px solid var(--acik-sinir); border-radius: var(--radius-lg); padding: 20px; margin-bottom: 16px; }

.s-card-title { font-size: 13px; font-weight: 600; color: var(--acik-yazi); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.s-card-title::before { content: ''; display: inline-block; width: 3px; height: 14px; background: var(--gkk-mor); border-radius: 2px; }

.s-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }

.s-form-group { display: flex; flex-direction: column; gap: 4px; }

.s-form-group label { font-size: 11px; font-weight: 600; color: var(--acik-yazi2); text-transform: uppercase; letter-spacing: .4px; }

.s-form-group input,
.s-form-group select,
.s-form-group textarea { font-size: 13px; border: 1px solid var(--acik-sinir); border-radius: var(--radius-md); padding: 8px 10px; background: var(--acik-bg); color: var(--acik-yazi); font-family: inherit; transition: border-color .2s, box-shadow .2s; }

.s-form-group input:focus,
.s-form-group select:focus,
.s-form-group textarea:focus { outline: none; border-color: var(--gkk-mor); box-shadow: 0 0 0 3px rgba(108,46,185,0.1); }

.s-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; border-radius: var(--radius-md); padding: 7px 14px; cursor: pointer; font-family: inherit; transition: opacity .2s; border: none; }
.s-btn:hover { opacity: .85; }

.s-btn-primary   { background: var(--gkk-mor); color: #fff; }
.s-btn-secondary { background: var(--gkk-mor-bg); color: var(--gkk-mor); border: 1px solid #DDD6FE; }
.s-btn-danger    { background: #FEF2F2; color: #DC2626; border: 1px solid #FECACA; }
.s-btn-ghost     { background: #fff; color: var(--acik-yazi2); border: 1px solid var(--acik-sinir); }
.s-btn-group     { display: flex; gap: 8px; flex-wrap: wrap; }

.s-table-wrap { overflow-x: auto; }
.s-table-wrap table { width: 100%; border-collapse: collapse; font-size: 13px; }
.s-table-wrap th { padding: 10px 12px; text-align: left; font-size: 11px; font-weight: 600; color: var(--acik-yazi3); text-transform: uppercase; letter-spacing: .4px; background: var(--acik-bg); border-bottom: 1px solid var(--acik-sinir); white-space: nowrap; }
.s-table-wrap td { padding: 10px 12px; color: var(--acik-yazi); border-bottom: 1px solid var(--acik-sinir); vertical-align: top; }
.s-table-wrap tr:hover td { background: var(--acik-bg); }
.s-table-wrap tr:last-child td { border-bottom: none; }

.s-badge        { display: inline-block; padding: 3px 8px; border-radius: var(--radius-sm); font-size: 11px; font-weight: 500; white-space: nowrap; }
.s-badge-wait   { background: #FEF3C7; color: #92400E; }
.s-badge-proc   { background: var(--gkk-mor-bg); color: var(--gkk-mor); }
.s-badge-ready  { background: var(--gkk-turkuaz-bg); color: var(--gkk-turkuaz-koyu); }
.s-badge-deliv  { background: var(--acik-bg); color: var(--acik-yazi3); }
.s-badge-cancel { background: #FEF2F2; color: #DC2626; }

.s-search { font-size: 13px; border: 1px solid var(--acik-sinir); border-radius: var(--radius-md); padding: 7px 12px; background: var(--acik-bg); color: var(--acik-yazi); font-family: inherit; max-width: 260px; width: 100%; }

.s-icon-btn { padding: 4px 8px; border: none; background: transparent; cursor: pointer; border-radius: var(--radius-sm); color: var(--acik-yazi2); font-size: .85rem; }
.s-icon-btn:hover { background: var(--acik-bg); color: var(--acik-yazi); }

.s-product-row { display: flex; gap: 8px; margin-bottom: 8px; align-items: flex-end; }

.s-pagination { display: none; justify-content: center; align-items: center; gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--acik-sinir); }

#s-toast { position: fixed; bottom: 24px; right: 24px; padding: 12px 18px; border-radius: var(--radius-lg); font-size: 13px; font-weight: 500; display: none; z-index: 1000; box-shadow: 0 8px 24px rgba(0,0,0,.15); background: var(--acik-yazi); color: #fff; }

/* ─── İTFAİYE EKRANI ─────────────────────────────────────── */