/* ---- Marka paleti: Grafit #25282B, Derin Camgöbeği #008FA8,
     Şampanya Altını #C9A45C, Gümüş #BFC3C6, Krem #F7F7F5 ---- */
  :root{ --radius:18px; }
  /* ---- Açık tema (varsayılan - marka kimliğinin asıl hali) ---- */
  :root, :root[data-theme="light"]{
    --bg:#f7f7f5; --panel:#ffffff; --panel2:#eef1f1; --border:#dfe3e2;
    --text:#25282b; --muted:#5d6568;
    --accent:#008fa8; --accent2:#c9a45c; --green:#0d7a4f; --red:#c0392b; --gift:#7c5cbf;
    --btn-ink:#ffffff;
    --shadow:0 10px 24px rgba(37,40,43,.08);
    --sb-bg: linear-gradient(180deg,#ffffff 0%,#f0f2f1 100%);
    --sb-text:#25282b; --sb-muted:#697273; --sb-border:rgba(37,40,43,.10);
    --sb-active:#e3f2f5; --sb-accent:#008fa8; --sb-overlay:rgba(37,40,43,.06); --sb-overlay-2:rgba(37,40,43,.12);
  }
  /* ---- Koyu tema ---- */
  :root[data-theme="dark"]{
    --bg:#181c1e; --panel:#20262a; --panel2:#2a3136; --border:#39424a;
    --text:#f1f3f7; --muted:#93a0a3;
    --accent:#00b6d4; --accent2:#d4b06e; --green:#22c55e; --red:#f43f5e; --gift:#a58ae0;
    --btn-ink:#ffffff;
    --shadow:0 10px 28px rgba(0,0,0,.35);
    --sb-bg: linear-gradient(180deg,#1c2226 0%,#12171a 100%);
    --sb-text:#eef5f1; --sb-muted:#8fb0a6; --sb-border:rgba(255,255,255,.08);
    --sb-active:#1c4a4f; --sb-accent:#00b6d4; --sb-overlay:rgba(255,255,255,.06); --sb-overlay-2:rgba(255,255,255,.14);
  }
  *{box-sizing:border-box;}
  body{margin:0;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease;}
  #app{min-height:100vh;display:block;padding:0;}
  .box{max-width:380px;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:var(--shadow);}
  h1{font-size:22px;margin:0 0 4px;font-weight:800;letter-spacing:-.01em;}
  p.muted{color:var(--muted);text-align:center;font-size:13.5px;margin:0 0 22px;line-height:1.5;}
  input,select{width:100%;background:var(--panel2);border:1.5px solid var(--border);color:var(--text);border-radius:12px;padding:12px 14px;font-size:14.5px;margin-bottom:10px;font-family:inherit;transition:border-color .15s ease, box-shadow .15s ease;}
  input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,143,168,.18);}
  .pw-field-wrap{position:relative;}
  .pw-field-wrap{margin-bottom:10px;} .pw-field-wrap input{padding-right:44px;margin-bottom:0;}
  .pw-eye-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;margin:0;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none;font-size:15px;display:flex;align-items:center;justify-content:center;}
  .pw-eye-btn:hover{background:var(--panel2);color:var(--text);filter:none;transform:translateY(-50%);}
  .pw-eye-btn:active{transform:translateY(-50%);box-shadow:none;}
  button{width:100%;padding:13px;border:none;border-radius:12px;background:var(--accent);color:var(--btn-ink);font-weight:700;font-size:14.5px;cursor:pointer;margin-top:6px;font-family:inherit;transition:filter .15s ease, transform .08s ease;box-shadow:0 3px 0 rgba(0,0,0,.18);}
  button:hover{filter:brightness(1.08);}
  button:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.18);}
  button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none;}
  .error{color:var(--red);font-size:13px;text-align:center;margin-top:10px;min-height:18px;font-weight:600;}
  .welcome{text-align:center;}
  .welcome .role{display:inline-block;background:var(--panel2);border:1px solid var(--border);border-radius:999px;padding:5px 14px;font-size:12.5px;color:var(--accent);margin-top:10px;font-weight:600;}
  .logout{background:transparent;border:1px solid var(--border);color:var(--muted);margin-top:20px;box-shadow:none;}

  /* ---- Uygulama kabuğu: sol kenar çubuğu + içerik ---- */
  .app-shell{display:flex;min-height:100vh;}
  .sidebar{width:230px;flex-shrink:0;background:var(--sb-bg);color:var(--sb-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width .18s ease;}
  .sidebar.collapsed{width:74px;}
  .app-brand-row{display:flex;align-items:center;gap:10px;padding:16px 14px 0;}
  .app-brand-logo{width:42px;height:42px;object-fit:contain;border-radius:11px;flex-shrink:0;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));}
  .app-brand-row .app-brand-text{font-family:'Poppins',sans-serif;font-weight:800;font-size:14.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sb-text);white-space:nowrap;overflow:hidden;}
  .sidebar.collapsed .app-brand-row{justify-content:center;padding:16px 8px 0;}
  .sidebar.collapsed .app-brand-row .app-brand-text{display:none;}
  .auth-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:18px;}
  .auth-brand-logo{width:56px;height:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(37,40,43,.2));}
  .auth-brand .name{font-family:'Poppins',sans-serif;font-weight:800;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);}
  /* ---- Açılış ekranı (Splash Screen): uygulama ilk yüklenirken kısa
     süreliğine tam ekran marka görseli - resmi 3D logo (assets/images/logo.webp). ---- */
  .splash-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--sb-bg);opacity:1;transition:opacity .5s ease;}
  .splash-screen.splash-fade{opacity:0;pointer-events:none;}
  .splash-logo{width:140px;height:auto;filter:drop-shadow(0 8px 24px rgba(37,40,43,.2));animation:splashPop .6s cubic-bezier(.2,.9,.3,1.3);}
  /* Native (Android/iOS) uygulama kabuğunda açılış logosu web'dekinden
     daha büyük - telefonda "belli olmuyor" şikayeti buradan geliyordu. */
  .native-app .splash-logo{width:230px;}
  .native-app .mobile-topbar-logo{width:44px;height:44px;}
  .splash-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:28px;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-text);margin-top:14px;animation:splashFadeUp .6s ease .15s both;}
  .splash-sub{font-family:'Poppins',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--sb-muted);margin-top:2px;animation:splashFadeUp .6s ease .2s both;}
  @keyframes splashPop{from{opacity:0;transform:scale(.85);}to{opacity:1;transform:scale(1);}}
  @keyframes splashFadeUp{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
  /* ---- Sayfa içi yükleme göstergesi: veri beklenirken - ama SADECE
     bekleme gerçekten algılanabilir sürerse (bkz. beginLoadingWatch) -
     açılış ekranıyla birebir aynı tam ekran marka görseli (logo "zoom in"
     + koyu yeşil zemin) üstte belirir; bekleme yoksa hiç gösterilmez. ---- */
  #loadingOverlay{display:none;}
  #loadingOverlay.show{display:flex;}
  .sidebar .sb-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 16px;border-bottom:1px solid var(--sb-border);}
  .sidebar .sb-brand{font-weight:800;font-size:15px;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;}
  .sb-collapse-btn{width:30px;height:30px;padding:0;margin:0;flex-shrink:0;border-radius:8px;background:var(--sb-overlay);color:var(--sb-muted);box-shadow:none;font-size:14px;}
  .sb-collapse-btn:hover{background:var(--sb-overlay-2);color:var(--sb-text);}
  .sb-mobile-close{display:none;width:30px;height:30px;padding:0;margin:0;flex-shrink:0;align-items:center;justify-content:center;border-radius:8px;background:var(--sb-overlay);color:var(--sb-muted);box-shadow:none;font-size:15px;}
  .sb-mobile-close:hover{background:var(--sb-overlay-2);color:var(--sb-text);}
  .sidebar .sb-user{padding:14px 20px;border-bottom:1px solid var(--sb-border);white-space:nowrap;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
  .sidebar .sb-user .label{display:inline-block;margin-top:4px;}
  /* Menü uzun olunca üst/alt bloklar ezilmesin, menü kendi içinde kaysın. */
  .sidebar > *{flex-shrink:0;}
  .sidebar{scrollbar-width:thin;scrollbar-color:rgba(0,143,168,.35) transparent;}
  .sidebar::-webkit-scrollbar{width:6px;}
  .sidebar::-webkit-scrollbar-track{background:transparent;}
  .sidebar::-webkit-scrollbar-thumb{background:rgba(0,143,168,.30);border-radius:999px;}
  .sidebar::-webkit-scrollbar-button{display:none;}
  .sidebar .sb-user .name{font-weight:700;font-size:13.5px;}
  .sidebar .sb-user .role{color:var(--sb-muted);font-size:11.5px;margin-top:2px;}
  .sidebar nav{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:4px;}
  .sb-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;color:var(--sb-muted);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent;white-space:nowrap;overflow:hidden;}
  .sb-item .ic{font-size:16px;width:20px;text-align:center;flex-shrink:0;}
  /* Uzun menü adı rozeti dışarı itmesin: ad kısalır, rozet her zaman görünür. */
  .sb-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;}
  .sb-item:hover{background:var(--sb-overlay);color:var(--sb-text);}
  .sb-item.active{background:var(--sb-active);color:var(--sb-accent);border-left-color:var(--sb-accent);}
  .sidebar .sb-bottom{padding:14px 16px 18px;border-top:1px solid var(--sb-border);display:flex;flex-direction:column;gap:8px;}
  .theme-toggle{display:flex;background:var(--sb-overlay);border-radius:999px;padding:3px;gap:2px;overflow:hidden;}
  .theme-toggle button{flex:1;margin:0;padding:7px 0;font-size:12px;background:transparent;color:var(--sb-muted);box-shadow:none;border-radius:999px;white-space:nowrap;}
  .theme-toggle button.active{background:var(--sb-accent);color:#fff;}
  .sb-logout{background:transparent;border:1px solid var(--sb-border);color:var(--sb-muted);box-shadow:none;font-size:13px;white-space:nowrap;overflow:hidden;}
  .sb-logout:hover{border-color:var(--sb-accent);color:var(--sb-accent);}
  .shift-widget{display:flex;flex-direction:column;gap:6px;}
  .shift-status{font-size:12px;color:var(--sb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .shift-status.on{color:#2fae5e;}
  .shift-status.pending{color:#d9a400;}
  .sb-shift-btn{background:transparent;border:1px solid var(--sb-border);color:var(--sb-muted);box-shadow:none;font-size:13px;white-space:nowrap;overflow:hidden;margin:0;}
  .sb-shift-btn.in{border-color:#2fae5e;color:#2fae5e;}
  .sb-shift-btn.in:hover{background:#2fae5e;color:#fff;}
  .sb-shift-btn.out{border-color:var(--red);color:var(--red);}
  .sb-shift-btn.out:hover{background:var(--red);color:#fff;}
  .sidebar.collapsed .shift-widget .shift-status{display:none;}
  .sidebar.collapsed .sb-shift-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;}
  .sidebar.collapsed .label,.sidebar.collapsed .sb-user,.sidebar.collapsed .sb-brand-text{display:none;}
  .sidebar.collapsed .sb-top{justify-content:center;padding:18px 8px 16px;}
  .sidebar.collapsed .sb-item{justify-content:center;padding:11px 0;}
  .sidebar.collapsed .theme-toggle,.sidebar.collapsed .sb-logout span.label{display:none;}
  .sidebar.collapsed .sb-bottom{align-items:center;}
  .sidebar.collapsed .sb-logout{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;}
  .content-area{flex:1;min-width:0;}
  .content-inner{max-width:1100px;margin:0 auto;padding:26px;width:100%;}
  /* Gizli platform yönetimi (?admin=1) yan menü olmadan tüm genişliği
     kullanabiliyor - İşletmeler tablosunun kaydırma gerektirmeden
     sığması için daha geniş bir üst sınır. */
  .content-inner-wide{max-width:1800px;}
  /* ---- Mobil üst çubuk + açılır/kayar menü (drawer) ----
     Sidebar'ı yatay kaydırmalı bir şerit olarak sıkıştırmak yerine, telefonda
     sabit bir üst çubuk (hamburger + işletme adı) ve dokunmayla açılan tam
     boy bir kayar menü kullanılıyor - hem daha güvenilir dokunma/tıklama
     (yatay kaydırmalı barda tap'ler scroll ile karışıp kayboluyordu), hem de
     daha tanıdık bir mobil gezinme deseni. ---- */
  .mobile-topbar{display:none;}
  .sidebar-backdrop{display:none;}
  @media (max-width:820px){
    .app-shell{flex-direction:column;}
    .mobile-topbar{
      display:flex;align-items:center;gap:12px;padding:12px 16px;
      background:var(--sb-bg);color:var(--sb-text);border-bottom:1px solid var(--sb-border);
      position:sticky;top:0;z-index:90;
    }
    .mobile-menu-btn{
      width:38px;height:38px;flex-shrink:0;padding:0;margin:0;border-radius:10px;
      background:var(--sb-overlay);color:var(--sb-text);font-size:18px;box-shadow:none;
    }
    .mobile-menu-btn:hover{background:var(--sb-overlay-2);}
    .mobile-topbar-title{flex:1;font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .mobile-topbar-logo{width:30px;height:30px;object-fit:contain;flex-shrink:0;}
    .pay-options-grid{grid-template-columns:1fr;}
    .pay-method-grid{grid-template-columns:1fr;}

    .sidebar,.sidebar.collapsed{
      position:fixed;top:0;left:0;height:100%;width:82%;max-width:300px;
      flex-direction:column;transform:translateX(-100%);transition:transform .22s ease;
      z-index:110;box-shadow:none;
    }
    /* Gölge sadece menü açıkken: kapalıyken ekran dışındaki menünün gölgesi
       sol kenara taşıp ekranı karartıyordu. */
    .sidebar.mobile-open,.sidebar.collapsed.mobile-open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.4);}
    .sidebar .sb-top,.sidebar .sb-user,.sidebar .app-brand-row{display:flex;}
    .sidebar.collapsed .app-brand-row .app-brand-text{display:inline;}
    .sb-collapse-btn{display:none;}
    .sb-mobile-close{display:flex;}
    .sidebar nav{flex-direction:column;padding:12px;gap:4px;}
    .sidebar.collapsed .sb-item{justify-content:flex-start;padding:11px 14px;}
    .sidebar.collapsed .label{display:inline;}
    .sb-item{border-left:3px solid transparent;border-bottom:none;white-space:nowrap;padding:11px 14px;}
    .sb-item.active{border-left-color:var(--sb-accent);border-bottom-color:transparent;}
    .sidebar .sb-bottom{flex-direction:column;align-items:stretch;padding:12px 14px 16px;border-top:1px solid var(--sb-border);border-left:none;}
    .sidebar.collapsed .theme-toggle{display:flex;}

    .sidebar-backdrop{
      display:block;position:fixed;inset:0;background:rgba(10,12,13,.55);
      opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100;
    }
    .sidebar-backdrop.show{opacity:1;pointer-events:auto;}
    .content-inner{padding:18px;}
  }

  header.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;box-shadow:0 2px 12px rgba(0,0,0,.08);}
  header.topbar .brand{font-weight:800;cursor:pointer;font-size:16px;letter-spacing:-.01em;}
  header.topbar .right{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);flex-wrap:wrap;}
  .role-badge{background:var(--panel2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--accent);font-weight:600;}
  main{display:block;width:100%;}
  .muted{color:var(--muted);}
  .home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:22px;}
  .stat-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
  .stat-grid>.box{flex:1 1 130px;min-width:0;padding:18px 12px;}
  /* Kayıt ekranındaki paket kartları - her zaman yan yana (3 sütun), dar
     ekranda da sıkışık ama okunur kalması için ayrı/daha küçük bir grid. */
  .pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;}
  .pkg-card{background:var(--panel);border:1.5px solid var(--border);border-radius:12px;padding:12px 8px;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease;}
  .pkg-card:hover{border-color:var(--accent);}
  .pkg-card.selected{border-color:var(--accent);background:rgba(0,143,168,.12);}
  .pkg-card .pkg-icon{font-size:20px;}
  .pkg-card h3{font-size:13px;margin:4px 0 2px;}
  .pkg-card p{font-size:11px;color:var(--muted);margin:0 0 6px;line-height:1.3;}
  .pkg-card .pkg-price{font-size:12.5px;font-weight:700;color:var(--accent);}
  .pkg-card .pkg-price small{font-weight:500;color:var(--muted);font-size:10.5px;}
  .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;}
  .card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow);}
  .card .icon{font-size:28px;margin-bottom:8px;}
  .card h3{margin:0 0 4px;font-size:15.5px;font-weight:700;}
  .card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.4;}
  .tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0;}
  /* Ayarlar sekmeleri tek satırda kalır; sığmazsa yana kaydırılır (alt satıra düşmez). */
  .tabs.settings-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;}
  .tabs.settings-tabs .tab{white-space:nowrap;flex-shrink:0;}
  .tab{padding:8px 15px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--muted);font-weight:600;transition:all .15s ease;}
  .tab:hover{border-color:var(--accent);color:var(--text);}
  .tab.active{background:var(--accent);color:var(--btn-ink);font-weight:700;border-color:var(--accent);}
  .table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;}
  .table-cell{border-radius:16px;padding:18px 10px;text-align:center;border:1.5px solid var(--border);background:var(--panel2);color:var(--muted);font-weight:700;transition:transform .12s ease;}
  .table-cell:hover{transform:translateY(-2px);}
  .floorplan-canvas{position:relative;background:var(--panel2);border:1px solid var(--border);border-radius:14px;min-height:200px;overflow-x:auto;overflow-y:hidden;}
  .floorplan-table{position:absolute;width:calc(86px * var(--fp-s,1));height:calc(86px * var(--fp-s,1));border-radius:calc(16px * var(--fp-s,1));border:1.5px solid var(--border);background:var(--panel);color:var(--muted);font-weight:700;font-size:max(9.5px, calc(12.5px * var(--fp-s,1)));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;user-select:none;transition:transform .1s ease,box-shadow .1s ease;padding:2px;overflow:hidden;line-height:1.15;}
  .floorplan-table:hover{transform:translateY(-2px);}
  .floorplan-table.occupied{background:rgba(244,63,94,.14);border-color:var(--red);color:var(--red);}
  .floorplan-table.dragging{cursor:grabbing;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:5;transition:none;}
  .floorplan-table .fp-sub{font-size:10px;font-weight:400;margin-top:3px;opacity:.85;}
  .floorplan-editor .floorplan-table{cursor:grab;touch-action:none;}
  .range-preset-btn{width:auto;padding:6px 12px;margin:0;font-size:12px;background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none;}
  .range-preset-btn:hover{border-color:var(--accent);color:var(--accent);}

  /* ---- Ödeme alma penceresi (openPayModal) ---- */
  .pay-modal{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:24px;max-width:980px;width:100%;max-height:90vh;overflow:auto;}
  .pay-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
  .pay-modal-header h2{margin:0;font-size:20px;overflow-wrap:anywhere;word-break:break-word;}
  .pay-modal-close{cursor:pointer;color:var(--muted);flex-shrink:0;font-size:15px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;}
  .pay-modal-close:hover{background:var(--panel2);color:var(--text);}
  .pay-select-all-row{display:flex;justify-content:flex-end;margin-top:2px;}
  .pay-select-all-btn{width:auto;padding:5px 12px;margin:0;font-size:11.5px;background:transparent;border:1px solid var(--border);color:var(--muted);box-shadow:none;}
  .pay-items-card{background:var(--panel2);border-radius:14px;padding:2px 16px;margin-top:12px;}
  .pay-item-row{padding:12px 0;border-bottom:1px solid var(--border);font-size:13.5px;}
  .pay-item-row:last-child{border-bottom:none;}
  .pay-item-row .row-top{display:flex;justify-content:space-between;align-items:center;gap:8px;}
  .pay-item-row .row-bottom{display:flex;align-items:center;gap:10px;margin-top:8px;}
  .pay-subtotal-row{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:12px;padding:0 4px;}
  .pay-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0;}
  .pay-option-card{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:14px;}
  .pay-option-card h4{margin:0 0 10px;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:6px;}
  .pay-option-card .field-row{display:flex;gap:8px;}
  .pay-option-card .field-row input, .pay-option-card .field-row select{margin-bottom:0;}
  .pay-option-card .field-row input{min-width:0;}
  .pay-option-card .hint{font-size:11.5px;color:var(--muted);margin:8px 0 0;}
  .pay-chip-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
  .pay-chip{width:auto;padding:6px 12px;margin:0;font-size:12px;font-weight:700;background:transparent;border:1.5px solid var(--border);color:var(--text);box-shadow:none;border-radius:999px;}
  .pay-chip:hover{border-color:var(--accent);color:var(--accent);}
  .pay-total-banner{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:14px 18px;margin:4px 0 16px;}
  .pay-total-banner .label{font-size:13px;color:var(--muted);font-weight:700;}
  .pay-total-banner .amt{font-size:23px;font-weight:800;}
  .pay-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
  .pay-method-btn{border:none;border-radius:14px;padding:16px;font-weight:800;font-size:14.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:none;margin:0;transition:filter .15s ease,transform .08s ease,opacity .15s ease;}
  .pay-method-btn:hover{filter:brightness(1.06);}
  .pay-method-btn:active{transform:translateY(1px);}
  .pay-method-btn.cash{background:var(--green);color:var(--btn-ink);}
  .pay-method-btn.card{background:var(--accent2);color:var(--btn-ink);}
  .pay-method-grid.secondary{margin-top:2px;}
  .pay-method-grid.secondary .pay-method-btn{padding:12px;font-size:13px;font-weight:700;}
  .pay-method-btn.gift{background:var(--gift);color:#fff;}
  .pay-method-btn.gift:disabled{opacity:.45;cursor:not-allowed;filter:none;}
  .pay-method-btn.split{background:transparent;border:1.5px solid var(--border);color:var(--text);}
  .ghost-btn{background:transparent;border:1.5px solid var(--border);color:var(--muted);width:auto;padding:9px 15px;margin:0;box-shadow:none;font-weight:600;}
  .ghost-btn:hover{border-color:var(--accent);color:var(--text);filter:none;}
  .center-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}

  .settings-table-wrap{overflow-x:auto;}
  .settings-table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0 10px;}
  .settings-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 10px 6px;font-weight:700;}
  .settings-table td{background:var(--panel2);padding:12px 10px;border-top:1.5px solid var(--border);border-bottom:1.5px solid var(--border);vertical-align:middle;}
  .settings-table td:first-child{border-left:1.5px solid var(--border);border-radius:12px 0 0 12px;}
  .settings-table td:last-child{border-right:1.5px solid var(--border);border-radius:0 12px 12px 0;white-space:nowrap;}
  .settings-table input,.settings-table select{margin:0;background:transparent;border:1.5px solid transparent;padding:8px;border-radius:8px;width:100%;}
  .settings-table input:hover,.settings-table select:hover{background:var(--panel);}
  .settings-table input:focus,.settings-table select:focus{background:var(--panel);border-color:var(--accent);}
  .settings-table .col-name{min-width:140px;}
  .settings-table .col-num{width:90px;}
  .settings-table .sbtn{width:auto;padding:9px 14px;margin:0 0 0 6px;font-size:13px;box-shadow:none;}

  /* ---- Yalnızca Android/iOS uygulama kabuğunda (Capacitor) aktif olan
     mobil tablo görünümü - web'e hiç dokunmuyor, orada tablolar eskisi
     gibi kalıyor. Native uygulamada dar ekranda yatay kaydırma yerine
     her satır, etiket:değer çiftleri halinde alt alta duran bir karta
     dönüşür (bkz. applyNativeTableLabels - <td>'lere data-label ekleyen
     gözlemci, aşağıdaki ::before kuralları o etiketi gösterir). */
  .native-app .settings-table-wrap{overflow-x:visible;}
  @media (max-width:720px){
    .native-app .settings-table{min-width:0;width:100%;border-spacing:0 12px;}
    .native-app .settings-table thead{display:none;}
    .native-app .settings-table tbody tr{display:block;background:var(--panel2);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;}
    .native-app .settings-table td{display:block;background:transparent;padding:7px 0;border:none;border-radius:0;white-space:normal;}
    .native-app .settings-table td:first-child{border-radius:0;}
    .native-app .settings-table td:last-child{border-radius:0;}
    .native-app .settings-table td:not(:last-child){border-bottom:1px solid var(--border);}
    .native-app .settings-table td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:3px;}
    .native-app .settings-table input,.native-app .settings-table select{border-color:var(--border);}
    /* "Yeni X Ekle" panellerindeki çok sütunlu satır-içi grid'ler (örn.
       "Yeni Rezervasyon") de aynı sebeple dar ekranda taşıyordu - hangi
       ekranda olursa olsun tek sütuna insin diye satır-içi tanımı burada
       eziyoruz (yüksek özgüllük gerektiği için !important şart). */
    .native-app [style*="grid-template-columns"]{grid-template-columns:1fr !important;}
  }
  .add-row-panel{background:var(--panel2);border:1.5px dashed var(--border);border-radius:14px;padding:16px;margin-top:16px;}
  .add-row-panel p{margin:0 0 12px;font-weight:700;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;}
  .field-group{display:flex;flex-direction:column;gap:4px;}
  .field-group label{font-size:11px;color:var(--muted);font-weight:600;}
  .field-group input,.field-group select{margin:0;}
  .icon-pick-btn{width:52px;height:52px;font-size:26px;border-radius:12px;border:1.5px solid var(--border);background:var(--panel2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:none;}
  .icon-pick-btn:hover{border-color:var(--accent);}
  .icon-picker-panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px;max-width:480px;width:100%;max-height:84vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.25);}
  .icon-picker-body{overflow:auto;padding-right:4px;}
  .icon-picker-close{width:34px;height:34px;padding:0;margin:0;border-radius:50%;background:var(--panel2);color:var(--muted);border:none;font-size:15px;}
  .icon-picker-cat{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 8px;}
  .icon-picker-cat:first-child{margin-top:4px;}
  .icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;}
  .icon-picker-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;padding:0;margin:0;border-radius:14px;border:1.5px solid transparent;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:0 1px 2px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.5);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;color:inherit;}
  .icon-picker-item:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 6px 14px rgba(0,0,0,.12);}
  .icon-picker-item.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);}
  .prod-pick-card{transition:transform .06s ease, border-color .1s ease;-webkit-tap-highlight-color:transparent;}
  .prod-pick-card:active{transform:scale(.95);border-color:var(--accent);}
  .qty-btn{width:32px;height:32px;padding:0;margin:0;flex-shrink:0;border-radius:8px;background:var(--panel);border:1.5px solid var(--border);color:var(--text);font-weight:800;font-size:16px;box-shadow:none;}
  .qty-btn:active{transform:scale(.92);}
  @keyframes notifSlideIn{ from{opacity:0;transform:translateX(24px);} to{opacity:1;transform:translateX(0);} }
  @keyframes notifSlideInLeft{ from{opacity:0;transform:translateX(-24px);} to{opacity:1;transform:translateX(0);} }
  .kitchen-card{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:12px;transition:background-color .3s ease, border-color .3s ease, box-shadow .3s ease;}
  .kitchen-card.kc-warn{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.45);border-left-color:#eab308;}
  .kitchen-card.kc-danger{background:rgba(244,63,94,.16);border-color:var(--red);border-left-color:var(--red);animation:kcPulse 1.6s ease-in-out infinite;}
  @keyframes kcPulse{
    0%,100%{box-shadow:0 0 0 2px rgba(244,63,94,.22),0 4px 14px rgba(244,63,94,.2);}
    50%{box-shadow:0 0 0 5px rgba(244,63,94,.4),0 4px 20px rgba(244,63,94,.4);}
  }
  .kc-late-badge{display:none;color:var(--red);font-weight:800;font-size:11.5px;margin-left:8px;letter-spacing:.3px;}
  .kitchen-card.kc-danger .kc-late-badge{display:inline;}
  .kitchen-item-row.ki-warn .kitchen-item-name{color:#eab308;font-weight:700;}
  .kitchen-item-row.ki-danger .kitchen-item-name{color:var(--red);font-weight:800;}

  /* ---- Mutfak fişi yazdırma (termal fiş kağıdına uygun) ---- */
  #printArea{display:none;}
  @media print{
    body{background:#fff !important;visibility:hidden;}
    body *{visibility:hidden;}
    #printArea, #printArea *{visibility:visible;}
    /* 80 mm rulonun basılabilir alanı ~72 mm (58 mm'de ~48 mm): kenar boşluğu bu genişliğin
       İÇİNDE kalır (border-box), yoksa sağ taraf (saat, tutar) kağıttan taşıp kesiliyordu. */
    /* Fiş yazdırırken diğer her şey düzen dışı kalır: yalnız visibility:hidden ile sayfa uygulamanın boyu kadar
       uzuyor, position:fixed fiş de her sayfada tekrar basıldığı için tek fiş 2-3 kez çıkıyordu. */
    body:not(.printing-qr):not(.print-report):not(.print-z) > *:not(#printArea){display:none !important;}
    html, body{height:auto !important;min-height:0 !important;overflow:visible !important;}
    #printArea{
      display:block;position:static;width:72mm;box-sizing:border-box;
      font-family:'Courier New',monospace;color:#000;padding:4mm;overflow:hidden;
    }
    #printArea.pw58{width:48mm;}
    #printArea *{box-sizing:border-box;max-width:100%;}
    @page{margin:0;size:80mm auto;}
  }
  .ticket-title{text-align:center;font-weight:800;font-size:15px;margin-bottom:2mm;text-transform:uppercase;}
  .ticket-meta{text-align:center;font-size:11px;margin-bottom:3mm;}
  .ticket-line{border-top:1px dashed #000;margin:2mm 0;}
  .ticket-item{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;font-size:13px;margin:1.5mm 0;}
  .ticket-item>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere;}
  .ticket-item>span:last-child{flex-shrink:0;}
  .ticket-item .qty{font-weight:800;margin-right:6px;}
  .ticket-time{font-size:11px;color:#000;white-space:nowrap;margin-left:8px;}
  .ticket-note{font-size:11px;font-style:italic;padding-left:20px;}
  .ticket-paper{background:#fff;color:#000;font-family:'Courier New',monospace;padding:14px;width:302px;box-shadow:0 2px 10px rgba(0,0,0,.15);}
  .ticket-paper.pw58{width:219px;}
  .ticket-meta.ticket-rich{text-align:left;}
  .ticket-rich b,.ticket-rich strong{font-weight:800;}

  /* ---- Fiş başlığı/altı için Word tarzı zengin metin araç çubuğu ---- */
  .rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;background:var(--panel2);border:1.5px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;padding:6px 8px;}
  .rte-btn{width:auto;flex:none;padding:5px 10px;margin:0;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;font-weight:700;box-shadow:none;line-height:1.2;}
  .rte-btn:hover{border-color:var(--accent);}
  .rte-sep{width:1px;align-self:stretch;background:var(--border);margin:0 2px;}
  .rte-select{width:auto;margin:0;padding:5px 8px;font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);}
  .rte-color{width:30px;height:30px;padding:2px;margin:0;border:1px solid var(--border);border-radius:6px;background:var(--panel);cursor:pointer;}
  .rte-box{min-height:44px;background:#fff;color:#000;border:1.5px solid var(--border);border-radius:0 0 10px 10px;padding:9px 12px;font-size:13px;line-height:1.4;outline:none;}
  .rte-box:focus{border-color:var(--accent);}
  .rte-box:empty:before{content:attr(data-placeholder);color:#999;}

  /* ---- Modern gruplu ayar kartları (Fiş Tasarımı vb.) ---- */
  .settings-section{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-top:14px;}
  .settings-section:first-child{margin-top:0;}
  .settings-section-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;margin:0 0 12px;color:var(--text);}
  .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border);}
  .toggle-row .toggle-label{font-size:13px;font-weight:600;}
  .toggle-row .toggle-desc{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4;}
  .toggle-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;}
  .toggle-switch input{opacity:0;width:0;height:0;position:absolute;}
  .toggle-switch .slider{position:absolute;inset:0;background:var(--border);border-radius:999px;cursor:pointer;transition:background .15s ease;}
  .toggle-switch .slider:before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 3px rgba(0,0,0,.3);}
  .toggle-switch input:checked + .slider{background:var(--accent);}
  .toggle-switch input:checked + .slider:before{transform:translateX(18px);}
  .chip-row{display:flex;gap:8px;flex-wrap:wrap;}
  .chip-btn{width:auto;padding:7px 14px;margin:0;font-size:12.5px;font-weight:600;background:var(--panel);border:1.5px solid var(--border);color:var(--text);box-shadow:none;border-radius:999px;}
  .chip-btn:hover{border-color:var(--accent);filter:none;}
  /* ---- Zil sesi seçim kartları (Bildirim Ayarları) ---- */
  .bell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:6px;}
  .bell-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;border-radius:14px;border:1.5px solid var(--border);background:var(--panel2);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease;text-align:center;}
  .bell-card:hover{border-color:var(--accent);transform:translateY(-1px);}
  .bell-card.active{border-color:var(--accent);background:rgba(0,143,168,.12);}
  .bell-card-icon{font-size:26px;line-height:1;}
  .bell-card-name{font-size:12.5px;font-weight:600;line-height:1.3;}
  .bell-card.active .bell-card-name{font-weight:700;}
  .bell-card-check{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--btn-ink);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;}
  .bell-card-play{width:34px;height:34px;border-radius:50%;border:none;background:var(--accent);color:var(--btn-ink);font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:2px;box-shadow:none;padding:0;}
  .bell-card-play:hover{filter:brightness(1.08);}
  .ticket-bold, .ticket-bold *{font-weight:700 !important;}
  .kitchen-item-row{font-size:16px;}
  .kitchen-timer{font-size:18px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums;}
  .kitchen-timer.kt-warn{color:#eab308;}
  .kitchen-timer.kt-danger{color:var(--red);}

/* ---- Roller ekranı ---- */
.role-card{background:var(--panel);border:1.5px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:border-color .15s;}
.role-card.open{border-color:var(--accent);}
.role-card.dirty{border-color:var(--accent2);}
.role-head{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;user-select:none;}
.role-head:hover{background:var(--panel2);}
.role-avatar{width:38px;height:38px;border-radius:10px;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.role-title{flex:1;min-width:0;}
.role-title b{font-size:15px;}
.role-sub{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.role-meta{display:flex;gap:6px;flex-shrink:0;}
.role-chip{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--panel2);color:var(--muted);white-space:nowrap;}
.role-chip.accent{color:var(--accent);}
.role-chevron{color:var(--muted);transition:transform .15s;flex-shrink:0;}
.role-card.open .role-chevron{transform:rotate(90deg);}
.role-body{display:none;padding:4px 16px 16px;border-top:1px solid var(--border);}
.role-card.open .role-body{display:block;}
.perm-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px;align-items:start;}
.perm-cat{background:var(--panel2);border-radius:12px;padding:12px;}
.perm-cat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.perm-cat-head span{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
.perm-cat-head a{font-size:11.5px;color:var(--accent);cursor:pointer;font-weight:600;}
.perm-pills{display:flex;flex-wrap:wrap;gap:6px;}
.perm-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1.5px solid var(--border);background:var(--panel);font-size:12.5px;cursor:pointer;user-select:none;transition:all .12s;}
.perm-pill input{position:absolute;opacity:0;pointer-events:none;}
.perm-pill::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--border);}
.perm-pill:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-weight:700;}
.perm-pill:has(input:checked)::before{background:var(--accent);}
.role-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap;}
.role-actions .spacer{flex:1;}
.role-dirty-note{font-size:12px;color:var(--accent2);font-weight:700;display:none;}
.role-card.dirty .role-dirty-note{display:inline;}
.role-templates{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px;}
@media (max-width:640px){ .role-meta .role-chip:not(.accent){display:none;} }

/* ---- Satır içi işlem butonları (Kaydet / Sil) ---- */
.act-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:54px;height:46px;padding:4px 8px;margin:0 2px;border-radius:12px;border:1.5px solid var(--border);background:var(--panel);cursor:pointer;vertical-align:middle;transition:background .12s,border-color .12s,transform .08s;width:auto;box-shadow:none;}
.act-btn span{font-size:10.5px;font-weight:700;line-height:1;letter-spacing:.01em;}
.act-btn:active{transform:scale(.96);}
.act-save{color:var(--accent);}
.act-save:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));}
.act-delete{color:var(--red);}
.act-delete:hover{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--panel));}
.act-row{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;}
.act-row .act-btn{margin:0;}
.act-btn > b{font-size:16px;line-height:18px;font-weight:800;}
.act-reset{color:var(--c3,#f59e0b);}
.act-reset:hover{border-color:var(--c3,#f59e0b);}
.act-close{color:var(--red);}
.act-close:hover{border-color:var(--red);}
.act-open{color:var(--green);border-color:var(--green);}
.act-recipe{color:var(--accent2);}
.act-recipe:hover{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 10%,var(--panel));}
.act-lang{color:#6366f1;}
.act-lang:hover{border-color:#6366f1;background:color-mix(in srgb,#6366f1 10%,var(--panel));}
.act-btn:disabled{opacity:.45;cursor:not-allowed;}
button > svg + span{margin-left:6px;}
button:has(> svg + span):not(.act-btn){display:inline-flex;align-items:center;justify-content:center;}
.act-btn > svg + span{margin-left:0;}

/* Aşağı çekerek yenile göstergesi (bkz. setupPullToRefresh) */
.ptr-indicator{position:fixed;top:8px;left:50%;transform:translate(-50%,0);z-index:200;background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.15);pointer-events:none;}
.ptr-indicator.ready{color:var(--accent);border-color:var(--accent);}

/* ← Geri (bkz. goBack): masaüstünde içerik üstünde; mobilde üst çubukta ayrı buton olduğu için gizli */
.back-link{width:auto;margin:0 0 10px;padding:6px 12px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:700;box-shadow:none;}
.back-link:hover{color:var(--text);border-color:var(--text);}
@media (max-width:820px){ .back-link{display:none;} }

/* Bekleyen iş rozetleri (bkz. applyNavBadges) */
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;margin-left:auto;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:800;line-height:1;flex-shrink:0;}
.tabs .tab .nav-badge{margin-left:6px;}
.nav-badge-corner{position:absolute;top:-5px;right:-5px;margin:0;min-width:17px;height:17px;font-size:10px;padding:0 4px;}
.sidebar.collapsed .sb-item{position:relative;}
.sidebar.collapsed .sb-item .nav-badge{position:absolute;top:2px;right:2px;min-width:15px;height:15px;font-size:9px;padding:0 3px;}

/* Bekleyen kayıt işareti ve rozet listesi (bkz. applyNavBadges / openBadgePopover) */
.badge-row{box-shadow:inset 0 0 0 2px var(--red) !important;background:rgba(244,63,94,.07) !important;}
tr.badge-row{box-shadow:none !important;background:transparent !important;}
tr.badge-row td{background:rgba(244,63,94,.09) !important;border-top:1.5px solid var(--red) !important;border-bottom:1.5px solid var(--red) !important;}
tr.badge-row td:first-child{border-left:1.5px solid var(--red) !important;}
tr.badge-row td:last-child{border-right:1.5px solid var(--red) !important;}
tr.badge-row td:first-child::after,div.badge-row::before{content:'● Bekliyor';display:block;color:var(--red);font-size:10.5px;font-weight:800;letter-spacing:.02em;margin-top:3px;}
div.table-cell.badge-row::before{content:'● Hazır, ödeme bekliyor';margin:0 0 3px;}
.nav-badge{cursor:pointer;}
.badge-popover{position:fixed;z-index:300;width:280px;max-height:60vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:6px;cursor:pointer;}
.badge-popover-head{font-size:11.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:6px 8px;}
.badge-popover-item{font-size:13px;padding:7px 8px;border-radius:8px;}
.badge-popover-item:hover{background:var(--panel2);}

/* Ödeme ekranı: "Hesabı e-postayla gönder" anahtarı */
.pay-email-toggle{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border:1.5px solid var(--border);border-radius:14px;background:var(--panel2);cursor:pointer;transition:background .15s,border-color .15s;}
.pay-email-toggle input{position:absolute;opacity:0;width:0;height:0;margin:0;}
.pay-email-toggle .pet-icon{font-size:22px;line-height:1;}
.pay-email-toggle .pet-text{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left;}
.pay-email-toggle .pet-text b{font-size:14.5px;color:var(--text);}
.pay-email-toggle .pet-text small{font-size:12px;color:var(--muted);}
.pay-email-toggle .pet-switch{flex-shrink:0;width:46px;height:26px;border-radius:999px;background:var(--border);position:relative;transition:background .15s;}
.pay-email-toggle .pet-switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s;}
.pay-email-toggle.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));}
.pay-email-toggle.on .pet-switch{background:var(--accent);}
.pay-email-toggle.on .pet-switch::after{left:23px;}

/* Kart içi alt sekmeler (örn. Ayarlar > Kullanıcılar): segment kontrol.
   Yan yana dizilir, yeni sekme eklendikçe sağa uzar (dar ekranda yatay
   kaydırılır); seçili olan beyaz, hafif gölgeli "kapsül". Buton değil div
   kullanılır ki genel buton stilleri (tam genişlik, dolu renk) uygulanmasın. */
.sub-tabs{display:inline-flex;max-width:100%;gap:4px;padding:4px;margin:0 0 18px;background:var(--panel2);border:1px solid var(--border);border-radius:14px;overflow-x:auto;scrollbar-width:none;}
.sub-tabs::-webkit-scrollbar{display:none;}
.sub-tab{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 16px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:700;white-space:nowrap;cursor:pointer;user-select:none;transition:background .15s,color .15s,box-shadow .15s;}
.sub-tab:hover{color:var(--text);}
.sub-tab.active{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.06);}
.sub-tab .sub-tab-ic{font-size:15px;line-height:1;}
.sub-tabs-content > .box{border:none;box-shadow:none;padding:0;margin:0;background:transparent;max-width:none;}

/* Rezervasyon Analizi: tıklanabilir kart/satır/etiketler */
.resv-an-card{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .08s;}
.resv-an-card:hover{border-color:var(--accent);}
.resv-an-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;}
.resv-an-card-hint{font-size:11px;font-weight:700;color:var(--accent);margin-top:6px;opacity:.75;}
.resv-an-card.active .resv-an-card-hint{opacity:1;}
.resv-an-row{cursor:pointer;border-radius:8px;}
.resv-an-row:hover td,.resv-an-row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);}
.resv-an-row.active td,div.resv-an-row.active{background:color-mix(in srgb,var(--accent) 14%,transparent) !important;}
.resv-an-chip{cursor:pointer;}
.resv-an-chip.active{background:color-mix(in srgb,currentColor 14%,transparent);}

/* ---- Mesajlar ---- */
.chat-shell{display:grid;grid-template-columns:330px 1fr;gap:16px;height:calc(100vh - 120px);min-height:460px;}
.chat-list-wrap{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.04);}
.chat-list-head{padding:16px 16px 10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border);}
.chat-list-head input{margin:0;border-radius:999px;padding:9px 14px;font-size:13.5px;}
.chat-list{overflow-y:auto;padding:6px;flex:1;}
.chat-item{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:14px;cursor:pointer;transition:background .15s;}
.chat-item:hover{background:var(--panel2);}
.chat-item.active{background:rgba(0,143,168,.12);}
.chat-item.unread .chat-name{font-weight:800;}
.chat-item.unread .chat-last{color:var(--text);font-weight:600;}
.chat-avatar{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0;}
.chat-online{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--panel);}
.chat-name{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chat-when{font-size:11px;color:var(--muted);white-space:nowrap;}
.chat-last{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chat-unread{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.chat-pane{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;min-width:0;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.04);}
.chat-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel);}
.chat-sub{font-size:12px;color:var(--muted);}
.chat-back{display:none;width:36px;height:36px;margin:0;padding:0;border-radius:50%;background:var(--panel2);color:var(--text);border:none;box-shadow:none;font-size:18px;}
.chat-thread{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:2px;
  background:radial-gradient(circle at 20% 10%, rgba(0,143,168,.06), transparent 40%),radial-gradient(circle at 90% 80%, rgba(124,92,255,.06), transparent 40%),var(--panel2);}
.chat-day{display:flex;justify-content:center;margin:12px 0 8px;position:sticky;top:0;z-index:1;}
.chat-day span{font-size:11.5px;color:var(--muted);background:var(--panel);padding:4px 12px;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.chat-row{display:flex;align-items:flex-end;gap:8px;margin-top:2px;}
.chat-row.last{margin-bottom:8px;}
.chat-row.mine{justify-content:flex-end;}
.chat-msg{max-width:min(72%,520px);background:var(--panel);border-radius:18px;padding:8px 12px 6px;box-shadow:0 1px 2px rgba(0,0,0,.08);}
.chat-row.last:not(.mine) .chat-msg{border-bottom-left-radius:6px;}
.chat-row.mine .chat-msg{background:linear-gradient(135deg,var(--accent),#0aa3a0);color:#fff;}
.chat-row.mine.last .chat-msg{border-bottom-right-radius:6px;}
.chat-msg.jumbo{background:transparent !important;box-shadow:none;padding:0 4px;}
.chat-msg.jumbo .chat-body{font-size:40px;line-height:1.15;}
.chat-msg.jumbo .chat-time{color:var(--muted);}
.chat-msg.media{padding:4px;}
.chat-msg.media .chat-time{position:relative;margin:-22px 8px 4px 0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);}
.chat-img{display:block;max-width:100%;max-height:300px;border-radius:14px;cursor:zoom-in;margin-bottom:4px;}
.chat-sender{font-size:12px;font-weight:800;margin-bottom:2px;}
.chat-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.4;}
.chat-time{font-size:10.5px;opacity:.7;text-align:right;margin-top:2px;}
.chat-tray{display:none;border-top:1px solid var(--border);background:var(--panel);padding:10px 12px;max-height:240px;overflow-y:auto;}
.chat-tray.open{display:block;}
.chat-emoji-tabs{display:flex;gap:6px;margin-bottom:8px;}
.chat-emoji-tabs button{width:auto;margin:0;padding:4px 10px;background:var(--panel2);border:none;box-shadow:none;border-radius:10px;font-size:18px;}
.chat-emoji-tabs button.active{background:rgba(0,143,168,.18);}
.chat-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;}
.chat-emoji-grid button{width:auto;margin:0;padding:4px;background:transparent;border:none;box-shadow:none;font-size:24px;border-radius:8px;}
.chat-emoji-grid button:hover{background:var(--panel2);}
.chat-quick{display:flex;flex-wrap:wrap;gap:8px;}
.chat-quick button{width:auto;margin:0;padding:8px 12px;border-radius:999px;background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none;font-size:13.5px;font-weight:600;}
.chat-input{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--border);align-items:flex-end;background:var(--panel);}
.chat-input textarea{flex:1;min-width:0;margin:0;resize:none;min-height:42px;max-height:120px;border-radius:21px;padding:10px 16px;background:var(--panel2);color:var(--text);border:1px solid var(--border);font:inherit;font-size:14.5px;line-height:1.4;}
.chat-input textarea:focus{outline:none;border-color:var(--accent);}
.chat-ic{width:40px;height:40px;flex-shrink:0;margin:0;padding:0;border-radius:50%;background:transparent;border:none;box-shadow:none;font-size:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);}
.chat-ic:hover{background:var(--panel2);}
.chat-ic.rec{background:var(--red);animation:kcPulse 1.2s ease-in-out infinite;}
.chat-send{width:42px;height:42px;flex-shrink:0;margin:0;padding:0;border-radius:50%;font-size:18px;display:inline-flex;align-items:center;justify-content:center;}
.chat-empty{margin:auto;text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;gap:6px;}
.chat-empty p{margin:0;}
@media (max-width:760px){
  .chat-shell{grid-template-columns:1fr;height:calc(100vh - 110px);}
  .chat-shell.has-conv .chat-list-wrap{display:none;}
  .chat-shell:not(.has-conv) .chat-pane{display:none;}
  .chat-back{display:inline-flex;align-items:center;justify-content:center;}
  .chat-ic{width:32px;height:32px;font-size:17px;}
  .chat-input{gap:2px;padding:8px;}
  .chat-input textarea{padding:10px 12px;}
  .chat-send{width:40px;height:40px;}
}

/* ---- Ayarlar > Bölgeler & Masalar ---- */
.zone-card{background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:14px;}
.zone-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.zone-ic{font-size:20px;}
.zone-name{flex:1;min-width:140px;margin:0;font-weight:800;font-size:16px;background:var(--panel);}
.zone-count{font-size:12px;font-weight:700;color:var(--accent);background:rgba(0,143,168,.12);padding:4px 10px;border-radius:999px;white-space:nowrap;}
.zone-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:12px;}
.zone-table{display:flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 6px 8px 12px;}
.zt-name{flex:1;min-width:0;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.zt-name:hover{color:var(--accent);}
.zt-btn{width:26px;height:26px;flex-shrink:0;margin:0;padding:0;border-radius:8px;background:transparent;border:none;box-shadow:none;color:var(--accent);font-size:14px;cursor:pointer;}
.zt-btn:hover{background:var(--panel2);}
.zt-del{color:var(--red);}
.zone-add{display:flex;gap:8px;margin-top:12px;}
.zone-add input{flex:1;margin:0;min-width:0;}
.zone-add button{width:auto;margin:0;padding:10px 16px;white-space:nowrap;}
.zone-add-new{margin-top:4px;padding-top:14px;border-top:1px dashed var(--border);}
.zone-tables > .muted{grid-column:1/-1;}
.chat-thread,.chat-list{overscroll-behavior:contain;}

.chat-row{position:relative;}
.chat-react-open{width:30px;height:30px;margin:0;padding:0;border-radius:50%;background:var(--panel);border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:15px;opacity:0;transition:opacity .15s;align-self:center;flex-shrink:0;cursor:pointer;}
.chat-row.mine .chat-react-open{order:-1;}
.chat-row:hover .chat-react-open,.chat-row:focus-within .chat-react-open{opacity:1;}
@media (hover:none){.chat-react-open{opacity:.55;}}
.chat-react-bar{position:absolute;bottom:100%;z-index:3;display:flex;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:4px 6px;box-shadow:0 6px 20px rgba(0,0,0,.18);}
.chat-row:not(.mine) .chat-react-bar{left:36px;}
.chat-row.mine .chat-react-bar{right:0;}
.chat-react-bar button{width:auto;margin:0;padding:2px 4px;background:transparent;border:none;box-shadow:none;font-size:22px;cursor:pointer;transition:transform .1s;}
.chat-react-bar button:hover{transform:scale(1.3);}
.chat-reacts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
.chat-react{width:auto;margin:0;padding:1px 7px;border-radius:999px;background:var(--panel);border:1px solid var(--border);box-shadow:none;font-size:13px;color:var(--text);cursor:pointer;}
.chat-react b{font-size:11px;}
.chat-react.mine{border-color:var(--accent);background:rgba(0,143,168,.15);}
.chat-react-bar.below{bottom:auto;top:100%;}

/* ---- Mesajlar: WhatsApp benzeri ekler ---- */
.chat-newgroup{width:auto;margin:0;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:rgba(0,143,168,.12);color:var(--accent);border:none;box-shadow:none;}
.chat-head{position:relative;}
.chat-react-bar{flex-direction:column;gap:4px;border-radius:16px;padding:6px;}
.chat-react-row{display:flex;gap:2px;}
.chat-menu{display:flex;flex-direction:column;min-width:170px;}
.chat-menu button{width:100%;margin:0;padding:8px 10px;text-align:left;background:transparent;border:none;box-shadow:none;color:var(--text);font-size:14px;border-radius:10px;}
.chat-menu button:hover{background:var(--panel2);}
.chat-menu button.danger{color:var(--red);}
.chat-group-menu{position:absolute;right:10px;top:100%;z-index:5;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:6px;max-width:300px;}
.chat-quote{background:rgba(0,0,0,.06);border-left:3px solid var(--accent);border-radius:8px;padding:5px 8px;margin-bottom:5px;font-size:12.5px;cursor:pointer;max-width:100%;}
.chat-quote div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85;}
.chat-row.mine .chat-quote{background:rgba(255,255,255,.18);border-left-color:#fff;}
.chat-row.mine .chat-quote b{color:#fff !important;}
.chat-reply-bar{display:none;align-items:center;gap:8px;padding:8px 12px 0;background:var(--panel);border-top:1px solid var(--border);}
.chat-reply-bar.open{display:flex;}
.chat-reply-bar .chat-quote{flex:1;margin:0;cursor:default;}
.chat-row.flash .chat-msg{animation:chatFlash 1.4s ease;}
@keyframes chatFlash{0%,60%{box-shadow:0 0 0 3px var(--accent);}100%{box-shadow:0 1px 2px rgba(0,0,0,.08);}}
.chat-deleted{font-style:italic;opacity:.7;}
.chat-tick{font-size:11px;letter-spacing:-2px;margin-left:2px;opacity:.8;}
.chat-tick.read{color:#4fc3f7;opacity:1;}
.chat-row:not(.mine) .chat-tick{display:none;}
.chat-audio{display:flex;align-items:center;gap:8px;min-width:180px;padding:2px 0;}
.chat-audio-play{width:34px;height:34px;margin:0;padding:0;border-radius:50%;font-size:14px;display:inline-flex;align-items:center;justify-content:center;}
.chat-row.mine .chat-audio-play{background:#fff;color:var(--accent);}
.chat-file{display:flex;align-items:center;gap:10px;width:100%;margin:2px 0;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.06);border:none;box-shadow:none;color:inherit;text-align:left;}
.chat-row.mine .chat-file{background:rgba(255,255,255,.18);}
.chat-file-ic{font-size:26px;}
.chat-file b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;}
.chat-file small{opacity:.75;font-size:11.5px;}
.chat-attach{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;padding:4px;}
.chat-attach button{width:auto;margin:0;padding:6px 2px;background:transparent;border:none;box-shadow:none;color:var(--text);font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:6px;}
.chat-attach button span{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;}
.chat-rec-bar{display:none;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border);background:var(--panel);font-weight:700;}
.chat-rec-bar.open{display:flex;}
.chat-input.recording{display:none;}
.chat-rec-dot{width:12px;height:12px;border-radius:50%;background:var(--red);animation:kcPulse 1s ease-in-out infinite;}
#chatCamBg{position:fixed;inset:0;background:#000;z-index:130;display:flex;align-items:center;justify-content:center;}
.chat-cam{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.chat-cam video{max-width:100%;max-height:100%;}
.chat-cam-bar{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:space-around;align-items:center;}
.chat-cam-shot{width:72px;height:72px;margin:0;padding:0;border-radius:50%;background:#fff;border:5px solid rgba(255,255,255,.5);box-shadow:0 0 0 3px #fff;}
/* Mesajlar: ince, ekrana uyumlu kaydırma çubukları */
.chat-list,.chat-thread,.chat-tray,#chatText{scrollbar-width:thin;scrollbar-color:rgba(0,143,168,.35) transparent;}
.chat-list::-webkit-scrollbar,.chat-thread::-webkit-scrollbar,.chat-tray::-webkit-scrollbar,#chatText::-webkit-scrollbar{width:6px;height:6px;}
.chat-list::-webkit-scrollbar-track,.chat-thread::-webkit-scrollbar-track,.chat-tray::-webkit-scrollbar-track,#chatText::-webkit-scrollbar-track{background:transparent;}
.chat-list::-webkit-scrollbar-thumb,.chat-thread::-webkit-scrollbar-thumb,.chat-tray::-webkit-scrollbar-thumb,#chatText::-webkit-scrollbar-thumb{background:rgba(0,143,168,.30);border-radius:999px;}
.chat-list::-webkit-scrollbar-thumb:hover,.chat-thread::-webkit-scrollbar-thumb:hover,.chat-tray::-webkit-scrollbar-thumb:hover,#chatText::-webkit-scrollbar-thumb:hover{background:rgba(0,143,168,.55);}
.chat-list::-webkit-scrollbar-button,.chat-thread::-webkit-scrollbar-button,.chat-tray::-webkit-scrollbar-button,#chatText::-webkit-scrollbar-button{display:none;}

.chat-once{display:flex;align-items:center;gap:10px;width:100%;margin:2px 0;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.06);border:1.5px dashed currentColor;box-shadow:none;color:inherit;text-align:left;font-size:20px;}
.chat-once span{display:flex;flex-direction:column;font-size:13.5px;font-weight:700;}
.chat-once small{font-weight:500;opacity:.75;font-size:11.5px;}
.chat-once.opened{opacity:.6;border-style:solid;}
button.chat-once{cursor:pointer;}
.chat-row.mine .chat-once{background:rgba(255,255,255,.15);}
.chat-react-more{font-size:20px !important;font-weight:700;color:var(--muted) !important;background:var(--panel2) !important;border-radius:50% !important;width:34px;height:34px;}
.chat-pending .chat-msg{opacity:.75;}
/* Tüm kaydırılabilir alanlarda (pencereler, listeler) ince ve temaya uyumlu kaydırma çubuğu;
   tarayıcının kalın siyah/gri varsayılan çubuğu içeriği kaydırıp kötü görünüyordu. */
*{scrollbar-width:thin;scrollbar-color:rgba(0,143,168,.35) transparent;}
*::-webkit-scrollbar{width:6px;height:6px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:rgba(0,143,168,.30);border-radius:999px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(0,143,168,.55);}
*::-webkit-scrollbar-button{display:none;}

/* Telefonda ödeme penceresi: kartlar alt alta, giriş kutuları daralıp yazılan değer görünmez olmasın
   (kutu ve seçim yan yana, düğme alt satırda tam genişlik). Temel kurallardan sonra gelmeli. */
@media (max-width:820px){
  .pay-options-grid{grid-template-columns:1fr;}
  .pay-method-grid{grid-template-columns:1fr;}
  .pay-modal{padding:16px;border-radius:16px;max-height:94vh;}
  .pay-option-card .field-row{flex-wrap:wrap;}
  .pay-option-card .field-row input{flex:1 1 140px;min-width:120px;}
  .pay-option-card .field-row button:not(.pay-chip){flex:1 1 100%;min-height:42px;}
}
/* Mutfak kartı: uzun müşteri adı/not (boşluksuz uzun metin) kartı ekrandan taşırmasın. */
.kitchen-card{min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;}
.kitchen-card *{min-width:0;overflow-wrap:anywhere;}
.kitchen-card button{max-width:100%;}

/* Masa/paket penceresinde sepet uzayınca İptal / Onayla düğmeleri kaydırmadan görünür kalsın. */
.modal-sticky-actions{display:flex;gap:10px;margin:16px -20px -20px;padding:12px 20px 20px;position:sticky;bottom:-20px;background:var(--panel);border-top:1px solid var(--border);z-index:2;}

/* Sipariş Al bölge sekmelerinde açık masa sayısı */
.zone-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:middle;}

/* Ekleme panelleri (Yeni Ürün / Hammadde / Kullanıcı ...): geniş ekranda sayfa kaydırılınca
   üstte sabit kalır; mobilde paneller alt alta uzun olduğu için sabitlenmez. */
@media (min-width:821px){
  .add-row-panel.is-sticky{position:sticky;top:0;z-index:30;background-color:var(--panel2);box-shadow:0 8px 18px -12px rgba(0,0,0,.25);}
}
/* Tek satırlık ekleme formu: alanlar yan yana, sığmazsa alt satıra kayar. */
.add-row-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;}
.add-row-inline .field-group{margin:0;flex:1 1 120px;min-width:0;}
.add-row-inline .field-group.grow{flex:2 1 180px;}
.add-row-inline .field-group input,.add-row-inline .field-group select{margin:0;}
.add-row-inline > button{width:auto;margin:0;white-space:nowrap;}

/* Mesajlar: @etiket, etiket önerisi, GIF / sticker penceresi */
.chat-mention{color:var(--accent);font-weight:700;}
.chat-mention.me{background:rgba(255,193,7,.25);color:inherit;border-radius:4px;padding:0 3px;}
.chat-mention-box{display:none;border-top:1px solid var(--border);background:var(--panel);max-height:220px;overflow-y:auto;}
.chat-mention-box.open{display:block;}
.chat-mention-box button{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:8px 14px;background:transparent;color:inherit;box-shadow:none;border-radius:0;text-align:left;font-weight:400;font-size:14px;}
.chat-mention-box button.sel,.chat-mention-box button:hover{background:var(--panel2);}
.chat-gif-btn{font-size:11px !important;font-weight:800;letter-spacing:.03em;}
.chat-gif-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
.chat-gif-head input{flex:1;min-width:160px;margin:0;}
.chat-gif-cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;}
.chat-gif-cats button{width:auto;margin:0;padding:5px 10px;border-radius:999px;background:var(--panel2);color:inherit;box-shadow:none;font-size:12.5px;font-weight:600;white-space:nowrap;}
.chat-gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;}
.chat-gif-grid button{padding:0;margin:0;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--panel2);box-shadow:none;}
.chat-gif-grid img{width:100%;height:100%;object-fit:cover;display:block;}
.chat-gif-grid.stickers img{object-fit:contain;}
.chat-gif-credit{font-size:10.5px;color:var(--muted);text-align:right;margin-top:6px;}
/* Fotoğraf gönderme önizlemesi */
.chat-img-preview{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:130;display:flex;align-items:center;justify-content:center;padding:16px;}
.chat-img-preview .cip-box{background:var(--panel);border-radius:18px;width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;gap:10px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.chat-img-preview .cip-head{display:flex;justify-content:space-between;align-items:center;}
.chat-img-preview .cip-img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--panel2);border-radius:12px;overflow:hidden;}
.chat-img-preview .cip-img img{max-width:100%;max-height:60vh;object-fit:contain;display:block;}
.chat-img-preview textarea{margin:0;resize:none;}
.chat-img-preview .cip-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.chat-img-preview .cip-once{width:auto;margin:0;background:var(--panel2);color:inherit;box-shadow:none;border:1.5px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:600;}
.chat-img-preview .cip-once.on{background:#00a884;color:#fff;border-color:#00a884;}
.chat-img-preview textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--border);border-radius:12px;background:var(--panel2);color:inherit;font:inherit;font-size:14.5px;}
.chat-img-preview .cip-img{min-height:160px;}

/* Sipariş penceresi: geniş ekranda menü solda, sepet sağda; sabit yükseklik, iki sütun ayrı kayar */
.order-modal{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px 22px;max-width:1180px;width:100%;height:min(82vh,760px);display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.45);}
.order-modal > div:first-child h2{font-size:24px;letter-spacing:-.01em;}
.order-modal-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;}
.order-modal-menu{min-height:0;display:flex;flex-direction:column;}
.order-modal-menu #prodPick{flex:1;min-height:0;overflow:auto;padding:4px 4px 8px 0;}
.order-modal-cart{min-height:0;overflow:auto;background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:14px 16px;}
.om-cart-head{font-weight:800;font-size:15px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.om-empty{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:26px 10px;color:var(--muted);font-size:13px;}
.om-empty b{color:var(--text);font-size:14.5px;}
.order-modal .modal-sticky-actions{position:static;margin:16px -22px -20px;padding:14px 22px 18px;border-radius:0 0 20px 20px;}
.order-modal #prodStationTabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 0 14px;padding:4px;background:var(--panel2);border:1px solid var(--border);border-radius:14px;scrollbar-width:thin;}
.order-modal #prodStationTabs .tab{display:flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0;border:0;background:transparent;border-radius:10px;padding:9px 14px;font-size:13px;}
.order-modal #prodStationTabs .tab.active{background:var(--panel);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.25);}
.st-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block;}
@media (max-width:900px){.order-modal{height:auto;max-height:none;}.order-modal-grid{grid-template-columns:minmax(0,1fr);}.order-modal-menu,.order-modal-cart{min-width:0;}.order-modal-menu #prodPick{overflow:visible;}}
@media (max-width:640px){
  #tableModalBg{padding:8px 6px !important;}
  .order-modal{padding:14px 12px;border-radius:16px;}
  .order-modal .modal-sticky-actions{margin:14px -12px -14px;padding:12px;position:sticky;bottom:-14px;background:var(--panel);}
  .order-modal-cart{padding:12px;}
  .pp-grid{gap:8px;}
  .pp-card{min-height:84px;padding:12px 10px 10px;}
  .pp-name{font-size:13.5px;}
}
/* Toplu QR sayfası */
.qr-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;}
.qr-sheet .qr-cell{background:#fff;color:#111;border-radius:12px;padding:12px;text-align:center;break-inside:avoid;}
.qr-sheet .qr-cell img{width:100%;max-width:200px;aspect-ratio:1;display:block;margin:0 auto 6px;}
.qr-sheet .qr-cell b{font-size:15px;}
.qr-sheet .qr-cell small{display:block;color:#555;font-size:11px;}
@media print{
  body.printing-qr > *:not(#qrSheetBg){display:none !important;}
  body.printing-qr #qrSheetBg{position:static !important;background:#fff !important;padding:0 !important;display:block !important;}
  body.printing-qr #qrSheetBg .qr-toolbar{display:none !important;}
  body.printing-qr #qrSheetBg .qr-sheet-box{background:#fff !important;border:0 !important;max-width:none !important;box-shadow:none !important;padding:0 !important;max-height:none !important;overflow:visible !important;}
  body.printing-qr .qr-sheet{grid-template-columns:repeat(3,1fr);}
}
/* Ürün seçici: alt menüler + ürün ızgarası */
.pp-wrap{display:block;}
.pp-wrap.has-cats{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start;}
.pp-cats{display:flex;flex-direction:column;gap:2px;position:sticky;top:0;border-right:1px solid var(--border);padding-right:10px;}
.pp-cat{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:0;padding:10px 12px;border-radius:10px;background:transparent;border:0;color:var(--muted);font-size:13.5px;font-weight:600;text-align:left;box-shadow:none;}
.pp-cat:hover{background:var(--panel2);color:var(--text);filter:none;}
.pp-cat b{font-size:11px;color:var(--muted);font-weight:700;background:var(--panel2);border-radius:999px;padding:1px 8px;}
.pp-cat.active{background:rgba(6,182,212,.12);color:var(--text);}
.pp-cat.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--accent);}
.pp-cat.active b{background:var(--accent);color:var(--btn-ink);}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;align-content:start;}
.pp-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:14px 14px 12px;min-height:92px;cursor:pointer;transition:border-color .12s ease, transform .08s ease, box-shadow .12s ease;}
.pp-card::after{content:"+";position:absolute;right:10px;bottom:10px;width:26px;height:26px;border-radius:50%;background:var(--panel);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--accent);font-size:16px;line-height:1;}
.pp-card:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.25);}
.pp-card:active{transform:scale(.98);}
.pp-card.off{opacity:.4;cursor:not-allowed;}
.pp-card.off::after{display:none;}
.pp-name{font-weight:700;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere;padding-right:4px;}
.pp-price{color:var(--accent);font-weight:800;font-size:13.5px;margin-top:10px;}
.pp-badge{margin-top:2px;font-size:11px;}
.pp-qty{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;border-radius:999px;background:var(--accent);color:var(--btn-ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 7px;box-shadow:0 0 0 3px var(--panel);}
@media (max-width:640px){
  .pp-wrap.has-cats{grid-template-columns:1fr;}
  .pp-cats{flex-direction:row;overflow-x:auto;position:static;border-right:0;padding:0 0 6px;border-bottom:1px solid var(--border);}
  .pp-cat{width:auto;flex:0 0 auto;padding:8px 12px;}
  .pp-cat.active::before{left:10px;right:10px;top:auto;bottom:0;width:auto;height:3px;}
  .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

.menu-chip{width:auto;margin:0;padding:5px 12px;border-radius:999px;background:var(--panel);border:1px dashed var(--border);color:var(--muted);font-size:12.5px;font-weight:600;box-shadow:none;}
.menu-chip small{font-weight:400;opacity:.8;}
.menu-chip.on{background:rgba(6,182,212,.15);border:1px solid var(--accent);color:var(--text);}

/* Ödeme ekranı: solda ürünler + seçenekler, sağda toplam ve ödeme düğmeleri */
.pay-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-top:8px;}
.pay-col-right{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;}
.pay-col-right .pay-total-banner{margin-top:0;}
.pay-opt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;}
.pay-opt-tab{width:auto;margin:0;padding:8px 14px;font-size:13px;font-weight:700;border-radius:999px;background:var(--panel2);border:1.5px solid var(--border);color:var(--text);box-shadow:none;}
.pay-opt-tab.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));}
.pay-col-left .pay-options-grid{grid-template-columns:1fr;margin:10px 0 0;}
.pay-option-card[hidden]{display:none;}
.pay-extra-row{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.pay-extra-row .ghost-btn{width:100%;margin:0;}
.pay-extra-row .pay-email-toggle{margin:0;}
@media (max-width:820px){ .pay-body{grid-template-columns:1fr;} .pay-col-right{position:static;} }

/* Finansal Analiz > Satın Alma: kalem başına birim fiyat girişi */
.po-price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:3px 0;}
.po-price-row input{width:110px;margin:0;padding:6px 8px;font-size:13px;}
.po-price-row input.po-price-missing{border-color:var(--red);}

/* Finansal Analiz: okunur KPI kartları ve dönemsel çubuklar */
.kpi-section{margin:0 0 16px;}
.kpi-section h3{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;}
.kpi{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--kpi-c,var(--border));border-radius:14px;padding:14px 16px;text-align:left;}
.kpi-click{cursor:pointer;} .kpi-click:hover{border-color:var(--kpi-c);}
.kpi-label{font-size:12.5px;color:var(--muted);font-weight:700;}
.kpi-value{font-size:24px;font-weight:800;margin-top:4px;line-height:1.15;color:var(--text);}
.kpi-sub{font-size:12px;color:var(--muted);margin-top:4px;}
.pa-row{display:grid;grid-template-columns:150px 1fr minmax(170px,auto);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);}
.pa-row:last-child{border-bottom:none;}
.pa-label{font-weight:700;}
.pa-bar{background:var(--panel2);border-radius:999px;height:12px;overflow:hidden;}
.pa-bar>div{height:100%;background:var(--accent2);border-radius:999px;}
.pa-top .pa-bar>div{background:var(--accent);}
.pa-val{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;}
.pa-val .muted{font-size:11.5px;}
@media (max-width:640px){ .pa-row{grid-template-columns:1fr;gap:4px;} .pa-val{align-items:flex-start;} .kpi-value{font-size:20px;} }

/* Dönemsel Analiz: mevsim, ay ve gün kartları */
.range-preset-btn.active{background:var(--accent);color:var(--btn-ink);border-color:var(--accent);}
.ps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.ps-card{background:var(--panel2);border:1px solid var(--border);border-top:4px solid var(--ps-c);border-radius:14px;padding:14px 16px;}
.ps-head{display:flex;align-items:center;gap:8px;font-size:15px;}
.ps-ic{font-size:22px;}
.ps-share{margin-left:auto;font-size:12px;font-weight:800;color:var(--ps-c);background:color-mix(in srgb,var(--ps-c) 15%,transparent);padding:2px 8px;border-radius:999px;}
.ps-rev{font-size:24px;font-weight:800;margin:8px 0 2px;}
.ps-meta{font-size:12.5px;color:var(--muted);}
.ps-months{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;}
.ps-months>div{background:var(--panel);border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;font-size:11.5px;}
.ps-months span{color:var(--muted);} .ps-months b{font-size:12.5px;}
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;}
.pm-card{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;}
.pm-card.pm-best{border-color:#eab308;box-shadow:0 0 0 1px #eab308 inset;}
.pm-card.pm-future{opacity:.45;}
.pm-head{display:flex;justify-content:space-between;font-weight:800;font-size:14px;}
.pm-rev{font-size:20px;font-weight:800;}
.pm-bar{background:var(--panel);border-radius:999px;height:8px;overflow:hidden;}
.pm-bar>div{height:100%;background:var(--accent);border-radius:999px;}
.pm-meta{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--muted);flex-wrap:wrap;}
.pm-ch{font-weight:800;} .pm-ch.up{color:var(--green);} .pm-ch.down{color:var(--red);}
.pd-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;}
.pd-card{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;}
.pd-name{font-weight:800;font-size:13px;}
.pd-col{height:90px;width:22px;background:var(--panel);border-radius:999px;display:flex;align-items:flex-end;overflow:hidden;}
.pd-col>div{width:100%;background:var(--accent2);border-radius:999px;}
.pd-card.pm-best .pd-col>div{background:var(--accent);}
.pd-val{font-size:12px;font-weight:800;} .pd-sub{font-size:11px;color:var(--muted);}
@media (max-width:640px){ .pd-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }

/* Finansal Analiz > Genel Özet: göz yormayan sade düzen (tek vurgu rengi, nötr metin) */
.fs-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:24px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px 26px;margin:0 0 14px;align-items:center;}
.fs-cap{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.02em;}
.fs-big{font-size:34px;font-weight:700;line-height:1.1;margin:4px 0;color:var(--text);}
.fs-mid{font-size:20px;font-weight:700;margin:3px 0 2px;color:var(--text);}
.fs-mid.neg{color:var(--red);}
.fs-line{font-size:12.5px;color:var(--muted);}
.fs-hero-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-left:1px solid var(--border);padding-left:24px;}
.fs-click{cursor:pointer;border-radius:10px;} .fs-click:hover .fs-line{color:var(--accent);}
.fs-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0 0 14px;}
.fs-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px 18px;}
.fs-panel h3{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--muted);}
.fs-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-size:14px;}
.fs-row:last-of-type{border-bottom:none;}
.fs-l{color:var(--muted);display:flex;align-items:center;gap:8px;}
.fs-v{font-weight:600;color:var(--text);text-align:right;}
.fs-v small{display:block;font-size:11.5px;color:var(--muted);font-weight:400;}
.fs-dot{display:inline-block;width:8px;height:8px;border-radius:50%;}
.fs-split{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--panel2);margin:4px 0 8px;gap:2px;}
.fs-note{font-size:11.5px;color:var(--muted);margin:8px 0 0;}
@media (max-width:820px){ .fs-hero{grid-template-columns:1fr;} .fs-hero-side{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:14px;} .fs-big{font-size:28px;} }

/* Satınalma ekranı: sakin sipariş kartları */
.pc-layout{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;} .pc-layout>*{flex:1 1 520px;min-width:0;} .pc-layout>.pc-side{flex:1 1 280px;}
.pc-side{position:sticky;top:12px;}
.pc-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;}
.pc-chip{width:auto;margin:0;padding:7px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;box-shadow:none;display:inline-flex;gap:8px;align-items:center;}
.pc-chip span{background:var(--panel2);border-radius:999px;padding:0 7px;font-size:11.5px;color:var(--muted);}
.pc-chip.active{border-color:var(--accent);color:var(--accent);}
.pc-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin:0 0 12px;}
.pc-card.attn{border-left:4px solid var(--accent);}
.pc-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;}
.pc-title{display:flex;flex-direction:column;gap:2px;} .pc-title b{font-size:15px;} .pc-title span{font-size:12.5px;color:var(--muted);}
.pc-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pc-total{font-weight:700;font-size:15px;}
.pc-items{margin-top:10px;border-top:1px solid var(--border);}
.pc-item{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 150px 110px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-size:13.5px;}
.pc-item:last-child{border-bottom:none;}
.pc-item-h{font-size:11.5px;color:var(--muted);font-weight:600;padding:8px 0 4px;}
.pc-name{font-weight:600;}
.pc-price{display:flex;align-items:center;gap:6px;} .pc-price input{margin:0;padding:6px 8px;font-size:13px;width:100%;} .pc-price small{color:var(--muted);white-space:nowrap;}
.pc-price input.missing{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--panel));}
.pc-line{text-align:right;font-weight:600;}
.pc-note{margin-top:8px;font-size:12.5px;color:var(--muted);}
@media (max-width:900px){ .pc-side{position:static;} }
@media (max-width:600px){ .pc-item{grid-template-columns:1fr 1fr;} .pc-item-h{display:none;} .pc-line{text-align:left;} }

.pc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;}
.pc-foot .pc-note{margin:0;}
.pc-save{width:auto;margin:0;padding:8px 16px;display:inline-flex;align-items:center;gap:6px;font-size:13px;}
.pc-save:disabled{opacity:.4;cursor:default;}
.pc-card.dirty{border-color:var(--accent);}

/* Genel Özet: yumuşak renk vurguları */
.fs-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--panel)) 0%,var(--panel) 55%);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));}
.fs-big{color:var(--accent);}
.fs-k{position:relative;padding:10px 12px 10px 14px;border-radius:12px;background:color-mix(in srgb,var(--k) 9%,transparent);}
.fs-k::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--k);}
.fs-k .fs-mid{color:var(--k);}
.fs-panel{border-top:3px solid var(--t,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--t,var(--panel)) 7%,var(--panel)) 0%,var(--panel) 40%);}
.fs-panel h3{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px;}
.fs-panel h3 i{font-style:normal;width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--t) 18%,transparent);font-size:15px;}

/* Dönemsel Analiz: renk vurguları */
.pa-sec{margin:0 0 14px;}
.pa-legend{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;font-weight:500;color:var(--muted);}
.pa-legend span{display:inline-flex;align-items:center;gap:5px;} .pa-legend b{width:9px;height:9px;border-radius:50%;display:inline-block;}
.ps-card{background:linear-gradient(180deg,color-mix(in srgb,var(--ps-c) 14%,var(--panel2)) 0%,var(--panel2) 70%);}
.ps-rev{color:var(--ps-c);}
.ps-months>div{border-left:2px solid color-mix(in srgb,var(--ps-c) 60%,transparent);}
.pm-card{background:linear-gradient(180deg,color-mix(in srgb,var(--mc) 10%,var(--panel2)) 0%,var(--panel2) 60%);border-top:3px solid var(--mc);}
.pm-head span:first-child{color:var(--mc);}
.pm-bar>div{background:var(--mc);}
.pd-col>div{background:linear-gradient(0deg,#a78bfa,color-mix(in srgb,#a78bfa 50%,var(--accent)));}
.pd-card.pd-weekend{background:color-mix(in srgb,#a78bfa 10%,var(--panel2));}
.pd-card.pm-best .pd-col>div{background:linear-gradient(0deg,#eab308,#f59e0b);}

/* Finansal Analiz: diğer sekmelerde de aynı yumuşak renk dili (istatistik kartları ve bölümler) */
#reportContent .stat-grid>.box,#reportContent .stat-grid>div.box{--k:var(--accent);position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--k) 12%,var(--panel)) 0%,var(--panel) 75%);border:1px solid color-mix(in srgb,var(--k) 30%,var(--border));border-top:3px solid var(--k);}
#reportContent .stat-grid>.box:nth-child(4n+2){--k:var(--green);}
#reportContent .stat-grid>.box:nth-child(4n+3){--k:#a78bfa;}
#reportContent .stat-grid>.box:nth-child(4n+4){--k:#f59e0b;}
#reportContent .stat-grid>.box>div:first-child{color:var(--k);}
#reportContent>.box,#reportContent>div>.box:not(.fs-panel){--t:var(--accent);border-top:3px solid var(--t);background:linear-gradient(180deg,color-mix(in srgb,var(--t) 7%,var(--panel)) 0%,var(--panel) 40%);}
#reportContent>.box:nth-of-type(3n+2){--t:#a78bfa;}
#reportContent>.box:nth-of-type(3n+3){--t:#f97316;}
#reportContent>.box>h2:first-child,#reportContent>.box>div:first-child>h2{display:flex;align-items:center;gap:8px;}
#reportContent>.box>h2:first-child::before,#reportContent>.box>div:first-child>h2::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--t);box-shadow:0 0 0 4px color-mix(in srgb,var(--t) 20%,transparent);flex-shrink:0;}

/* Satınalma: renk vurguları */
.pc-card.attn{border-left:4px solid var(--pc);background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 8%,var(--panel)) 0%,var(--panel) 35%);}
.pc-chip{border-color:color-mix(in srgb,var(--cc) 40%,var(--border));}
.pc-chip span{background:color-mix(in srgb,var(--cc) 18%,transparent);color:var(--cc);}
.pc-chip.active{background:color-mix(in srgb,var(--cc) 14%,var(--panel));border-color:var(--cc);color:var(--cc);}
.pc-items{border-top-color:color-mix(in srgb,var(--pc,var(--border)) 35%,var(--border));}
.pc-total{color:var(--accent);}

/* Satınalma Siparişleri (talep) ekranı */
.po-new{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)) 0%,var(--panel) 55%);}
tr.po-row td{background:linear-gradient(90deg,color-mix(in srgb,var(--st) 7%,transparent),transparent 40%);}
tr.po-row td:first-child{box-shadow:inset 4px 0 0 var(--st);}

/* İstasyon kartı: istasyona düşen ürünler */
.st-kp{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 12px;margin-top:4px;}
.st-kp summary{cursor:pointer;font-size:13px;font-weight:700;}
.st-kp-grp{margin-top:8px;} .st-kp-h{font-size:11.5px;font-weight:800;text-transform:uppercase;margin-bottom:4px;}
.st-kp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 14px;}
.st-kp-list label{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer;margin:0;}

/* (eski ekstra penceresi stilleri) */
.xp-box{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;width:100%;max-width:360px;}
.xp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.xp-item{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 6px;padding:12px 14px;background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:12px;box-shadow:none;font-weight:600;text-align:left;}
.xp-item span:first-child{flex:1;} .xp-price{color:var(--accent);} .xp-n{background:var(--accent);color:var(--btn-ink);border-radius:999px;padding:0 8px;font-size:12px;}

/* Ürünler: menülere göre katlanabilir gruplar, tek tıkla satış durumu */
.prod-info{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:8px 14px;margin:0 0 12px;}
.prod-info summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--muted);}
.prod-add{margin-top:8px;} .prod-add summary{cursor:pointer;font-weight:800;font-size:13px;text-transform:uppercase;color:var(--accent);padding:4px 0 8px;}
.prod-grp{border:1px solid var(--border);border-left:4px solid var(--g);border-radius:14px;margin:14px 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--g) 7%,var(--panel)) 0%,var(--panel) 30%);}
.prod-grp>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;flex-wrap:wrap;list-style:none;}
.prod-grp>summary::-webkit-details-marker{display:none;}
.prod-grp>summary::before{content:'▸';color:var(--muted);transition:transform .15s;}
.prod-grp[open]>summary::before{transform:rotate(90deg);}
.prod-grp-dot{width:10px;height:10px;border-radius:50%;background:var(--g);}
.prod-grp>summary b{font-size:15px;} .prod-grp>summary .muted{font-size:12.5px;}
.prod-grp .settings-table-wrap{padding:0 10px 10px;}
.prod-avail{width:auto;margin:0;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:none;background:transparent;border:1.5px solid;}
.prod-avail i{width:8px;height:8px;border-radius:50%;background:currentColor;}
.prod-avail.on{color:var(--green);border-color:var(--green);} .prod-avail.off{color:var(--red);border-color:var(--red);}
#settingsContent .add-row-panel{position:sticky;top:0;z-index:5;}

/* Hammaddeler: stoğu biten satır kırmızı */
tr.ing-out td{background:color-mix(in srgb,var(--red) 10%,transparent) !important;}
tr.ing-out td:first-child{box-shadow:inset 4px 0 0 var(--red);}
tr.ing-out input[id^="ing_stock_"]{border-color:var(--red);color:var(--red);font-weight:700;}
.ing-out-tag{color:var(--red);font-size:11px;font-weight:800;margin-top:3px;}

/* Sipariş penceresi: ürünlerin altında ekstralar */
.pp-main{min-width:0;}
.pp-extras{margin-top:14px;border-top:1px dashed var(--border);padding-top:12px;}
.pp-extras-h{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.pp-extras-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;}
.pp-extras-for{font-size:12.5px;font-weight:700;color:var(--muted);min-width:110px;}
.pp-extra{width:auto;margin:0;padding:8px 12px;border-radius:12px;background:var(--panel2);border:1.5px solid var(--border);color:var(--text);box-shadow:none;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px;}
.pp-extra small{color:var(--accent);font-weight:600;}
.pp-extra b{background:var(--accent);color:var(--btn-ink);border-radius:999px;padding:0 7px;font-size:11.5px;}
.pp-extra.on{border-color:var(--accent);}

/* Sipariş penceresi: daha büyük, yatay kaydırma çubuğu yok */
/* Yalnızca geniş ekranda (mobilde 900px altı tek sütun düzen bozulmasın) */
@media (min-width:901px){
  .order-modal{max-width:1360px;height:min(90vh,900px);}
  .order-modal-menu #prodPick{overflow-x:hidden;overflow-y:auto;padding:10px 10px 8px 0;}
  .order-modal-grid{grid-template-columns:minmax(0,1fr) 400px;}
}
@media (max-width:900px){ .order-modal-menu #prodPick{overflow-x:hidden;padding-top:10px;} }

.kc-wl{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;color:#a855f7;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.35);border-radius:8px;padding:2px 8px;}

.ki-extra{display:block;font-size:13px;font-weight:600;color:var(--accent);margin:3px 0 0 14px;}

.reset-kept{background:color-mix(in srgb,var(--green) 8%,var(--panel2));border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));border-radius:12px;padding:12px 14px;margin:6px 0 4px;display:flex;flex-direction:column;gap:4px;}
.reset-kept ul{margin:6px 0 0;padding-left:18px;columns:2;column-gap:20px;font-size:13px;}
@media (max-width:600px){ .reset-kept ul{columns:1;} }

/* Yan menü: uzun adlar kesilmez, alt satıra geçer (daraltılmış menüde gizli kalır) */
.sidebar:not(.collapsed) .sb-item{white-space:normal;}
.sidebar:not(.collapsed) .sb-item .label{white-space:normal;text-overflow:clip;overflow:visible;line-height:1.25;overflow-wrap:anywhere;}

/* =====================================================================
   Tasarım v2 — tüm ekranlar için ortak, renkli ve sakin katman
   (grafik paleti: doğrulanmış kategorik sıra; açık/koyu ayrı tonlar)
   ===================================================================== */
:root, :root[data-theme="light"]{ --c1:#2a78d6; --c2:#eb6834; --c3:#1baf7a; --c4:#eda100; --grad-a:#008fa8; --grad-b:#2a78d6; }
:root[data-theme="dark"]{ --c1:#3987e5; --c2:#d95926; --c3:#199e70; --c4:#c98500; --grad-a:#00b6d4; --grad-b:#3987e5; }
body{background:radial-gradient(1200px 600px at 100% -10%, color-mix(in srgb,var(--accent) 7%,transparent), transparent 60%), var(--bg);}
.content-inner main > h1{font-size:26px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.content-inner main > h1::after{content:'';flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--grad-a),transparent);opacity:.5;margin-left:6px;}
/* Kartlar */
.content-inner main .box{border-radius:20px;border-color:color-mix(in srgb,var(--border) 85%,transparent);transition:box-shadow .2s ease,border-color .2s ease;}
.content-inner main > .box:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));}
.content-inner main > .box > h2:first-child,.content-inner main .sub-tabs-content > .box > h2:first-child{display:flex;align-items:center;gap:10px;}
/* Sekmeler */
.tab{transition:all .15s ease;}
.tab:hover:not(.active){border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text);transform:translateY(-1px);}
.tab.active{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent);}
.sub-tab.active{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent);}
/* Tablolar */
.settings-table tbody tr td{transition:background .15s ease;}
.settings-table tbody tr:hover td{background:color-mix(in srgb,var(--accent) 7%,var(--panel2));}
.settings-table th{font-size:10.5px;letter-spacing:.06em;}
/* Girdiler */
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);}
/* Yan menü */
.sb-item{transition:background .15s ease,color .15s ease,transform .1s ease;}
.sb-item:hover:not(.active){background:var(--sb-overlay);color:var(--sb-text);}
.sb-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--sb-accent) 22%,transparent),transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sb-accent) 25%,transparent);}
/* Mutfak ve masa kartları */
.kitchen-card{border-radius:16px;box-shadow:var(--shadow);}
.prod-pick-card,.pp-card{transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease;}
.pp-card:not(.off):hover{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));}
/* Grafikler */
.ch-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;}
.ch-svg{width:100%;height:190px;display:block;}
.ch-base{stroke:var(--border);stroke-width:1;}
.ch-bar path{fill:var(--c1);opacity:.85;transition:opacity .15s;}
.ch-bar.peak path{fill:var(--c2);opacity:1;}
.ch-bar:hover path{opacity:1;}
.ch-hit{fill:transparent;}
.ch-bar:hover .ch-hit{fill:color-mix(in srgb,var(--text) 5%,transparent);}
.ch-val{font-size:11px;font-weight:700;fill:var(--text);}
.ch-lbl{font-size:10.5px;fill:var(--muted);}
.ch-donut{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.ch-donut svg{width:150px;height:150px;flex-shrink:0;}
.ch-dc-big{font-size:18px;font-weight:800;fill:var(--text);} .ch-dc-sm{font-size:10px;fill:var(--muted);}
.ch-legend{display:flex;flex-direction:column;gap:8px;flex:1;min-width:120px;}
.ch-legend div{display:flex;align-items:center;gap:8px;font-size:13px;}
.ch-legend i{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
.ch-legend span{flex:1;color:var(--muted);} .ch-legend b{color:var(--text);}
@media (max-width:820px){ .ch-row{grid-template-columns:1fr;} .ch-svg{height:160px;} }

/* Tasarım v2 · 2. tur: her ekranın bölümleri renkli (tüm sayfalarda ortak) */
#main .box:not(.fs-panel):not(.prod-grp){--t:var(--c1);position:relative;border-top:3px solid var(--t);background:linear-gradient(180deg,color-mix(in srgb,var(--t) 8%,var(--panel)) 0%,var(--panel) 160px);}
#main .box:not(.fs-panel):nth-of-type(4n+2){--t:var(--c3);}
#main .box:not(.fs-panel):nth-of-type(4n+3){--t:var(--c2);}
#main .box:not(.fs-panel):nth-of-type(4n+4){--t:#a78bfa;}
#main .sub-tabs-content > .box{border-top:0;background:transparent;}
#main .box:not(.fs-panel) > h2:first-child,#main .box:not(.fs-panel) > div:first-child > h2:first-child{display:flex;align-items:center;gap:10px;}
#main .box:not(.fs-panel) > h2:first-child::before,#main .box:not(.fs-panel) > div:first-child > h2:first-child::before{content:'';width:12px;height:12px;border-radius:4px;background:var(--t);box-shadow:0 0 0 4px color-mix(in srgb,var(--t) 22%,transparent);flex-shrink:0;}
/* Ekleme panelleri */
.add-row-panel{--t2:var(--t,var(--accent));background:linear-gradient(135deg,color-mix(in srgb,var(--t2) 12%,var(--panel2)) 0%,var(--panel2) 70%);border:1px solid color-mix(in srgb,var(--t2) 35%,var(--border));border-left:4px solid var(--t2);}
.add-row-panel > p:first-of-type{color:var(--t2);}
/* Tablolar: satırda renkli sol şerit, başlık rengi */
#main .settings-table th{color:color-mix(in srgb,var(--t,var(--accent)) 70%,var(--muted));}
#main .settings-table tbody tr td:first-child{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--t,var(--accent)) 55%,transparent);}
#main .settings-table tbody tr td[colspan]{background:transparent;border-style:dashed;color:var(--muted);box-shadow:none;}
/* Durum rozetleri biraz daha canlı */
.role-badge{background:color-mix(in srgb,currentColor 10%,transparent);}

/* Sütun grafiği (HTML) */
.bc{display:grid;grid-template-columns:auto 1fr;gap:8px;height:calc(var(--bc-h) + 26px);margin-top:18px;}
.bc-y{display:flex;flex-direction:column;justify-content:space-between;height:var(--bc-h);font-size:10.5px;color:var(--muted);text-align:right;}
.bc-y span{transform:translateY(-50%);} .bc-y span:last-child{transform:translateY(-50%);}
.bc-plot{position:relative;min-width:0;}
.bc-grid{position:absolute;inset:0 0 auto 0;height:var(--bc-h);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;}
.bc-grid i{display:block;border-top:1px dashed color-mix(in srgb,var(--border) 80%,transparent);}
.bc-grid i:last-child{border-top:1px solid var(--border);}
.bc-cols{position:relative;display:flex;align-items:flex-end;gap:clamp(3px,1.2%,14px);height:var(--bc-h);}
.bc-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;outline:none;}
.bc-bar{width:min(70%,46px);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--c1),color-mix(in srgb,var(--c1) 55%,transparent));position:relative;transition:filter .15s,transform .15s;transform-origin:bottom;animation:bcGrow .6s ease both;}
.bc-col.peak .bc-bar{background:linear-gradient(180deg,var(--c2),color-mix(in srgb,var(--c2) 55%,transparent));box-shadow:0 6px 18px color-mix(in srgb,var(--c2) 30%,transparent);}
.bc-col:hover .bc-bar,.bc-col:focus .bc-bar{filter:brightness(1.15);}
.bc-v{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;font-size:11px;font-weight:700;color:var(--text);white-space:nowrap;}
.bc-x{position:absolute;top:calc(100% + 6px);font-size:10.5px;color:var(--muted);white-space:nowrap;}
.bc-col.zero .bc-x{opacity:.6;}
.bc-tip{position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%,4px);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:6px 10px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:3;display:flex;flex-direction:column;gap:2px;}
.bc-tip b{font-size:11px;color:var(--muted);}
.bc-col:hover .bc-tip,.bc-col:focus .bc-tip{opacity:1;transform:translate(-50%,0);}
@keyframes bcGrow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
@media (max-width:640px){ .bc-v{display:none;} .bc-x{font-size:9.5px;} }
.ch-donut svg circle[stroke-dasharray]{transition:stroke-width .15s;} .ch-donut svg circle[stroke-dasharray]:hover{stroke-width:22;}

/* ===== Sipariş Al yeniden tasarım ===== */
.order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:6px 0 4px;}
.os-chip{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid var(--border);position:relative;overflow:hidden;animation:osIn .4s ease both;}
.os-chip::after{content:'';position:absolute;inset:auto -30% -60% auto;width:120px;height:120px;border-radius:50%;background:var(--oc);opacity:.12;}
.os-chip .os-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--oc) 18%,transparent);}
.os-chip b{display:block;font-size:20px;font-weight:800;line-height:1.1;} .os-chip small{color:var(--muted);font-size:12px;}
.os-empty{--oc:#94a3b8;} .os-busy{--oc:var(--c1);} .os-ready{--oc:var(--c3);} .os-money{--oc:var(--c4);}
.os-chip:nth-child(2){animation-delay:.05s} .os-chip:nth-child(3){animation-delay:.1s} .os-chip:nth-child(4){animation-delay:.15s}
@keyframes osIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.table-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;}
.tc{--tc:#94a3b8;position:relative;min-height:138px;border-radius:20px;padding:14px 14px 12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 16%,var(--panel)) 0%,var(--panel) 70%);border:1.5px solid color-mix(in srgb,var(--tc) 40%,var(--border));transition:transform .15s ease,box-shadow .2s ease;animation:osIn .35s ease both;overflow:hidden;}
.tc:hover{transform:translateY(-3px);box-shadow:0 12px 26px color-mix(in srgb,var(--tc) 28%,transparent);}
.tc:active{transform:translateY(0) scale(.98);}
.tc-empty{--tc:#94a3b8;background:var(--panel);border-style:dashed;}
.tc-busy{--tc:var(--c1);} .tc-ready{--tc:var(--c3);} .tc-wait{--tc:var(--c4);}
.tc-ready{animation:osIn .35s ease both, tcPulse 2.2s ease-in-out infinite;}
@keyframes tcPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c3) 0%,transparent);}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--c3) 22%,transparent);}}
.tc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;flex-wrap:wrap;} .tc-top .tc-name{flex:1 1 auto;min-width:0;} .tc-top .tc-time{flex:0 0 auto;margin-left:auto;}
.tc-name{font-size:19px;font-weight:800;letter-spacing:-.01em;overflow-wrap:normal;word-break:normal;hyphens:manual;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tc-time{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--tc) 18%,transparent);color:var(--text);white-space:nowrap;}
.tc-cta{margin-top:auto;font-size:13px;font-weight:700;color:var(--muted);}
.tc:hover .tc-cta{color:var(--accent);}
.tc-cust{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere;}
.tc-total{font-size:17px;font-weight:800;color:var(--tc);margin-top:auto;}
.tc-prog{height:6px;border-radius:999px;background:color-mix(in srgb,var(--tc) 15%,var(--panel2));overflow:hidden;}
.tc-prog i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--tc),color-mix(in srgb,var(--tc) 60%,#fff));transition:width .6s ease;}
.tc-meta{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);} .tc-meta span:first-child{flex:1;}
.tc-av{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:9.5px;font-weight:800;background:var(--tc);color:#fff;margin-left:-6px;border:2px solid var(--panel);}
.tc-state{position:absolute;top:0;right:0;opacity:0;}
@media (max-width:700px){ .order-summary{grid-template-columns:repeat(2,minmax(0,1fr));} .table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .tc{min-height:124px;} }

/* ===== Mutfak yeniden tasarım: kanban ===== */
.kb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 14px;}
.kb-stats>div{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px 14px;animation:osIn .35s ease both;}
.kb-stats b{display:block;font-size:22px;font-weight:800;} .kb-stats small{color:var(--muted);font-size:12px;}
.kb-stats .bad{border-color:color-mix(in srgb,var(--red) 50%,var(--border));background:color-mix(in srgb,var(--red) 10%,var(--panel));} .kb-stats .bad b{color:var(--red);}
.kb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;}
.kb-col{--kc:var(--c3);background:color-mix(in srgb,var(--kc) 6%,var(--panel2));border:1px solid color-mix(in srgb,var(--kc) 25%,var(--border));border-radius:20px;padding:10px;min-height:200px;}
.kb-warn{--kc:var(--c4);} .kb-late{--kc:var(--red);}
.kb-head{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;font-weight:800;}
.kb-head small{color:var(--muted);font-weight:600;flex:1;} .kb-head b{background:var(--kc);color:#fff;border-radius:999px;padding:1px 10px;font-size:12.5px;}
.kb-list{display:flex;flex-direction:column;gap:10px;}
.kb-empty{text-align:center;color:var(--muted);padding:20px 0;font-size:13px;}
.kb-none{text-align:center;padding:60px 0;font-size:18px;font-weight:700;color:var(--muted);background:var(--panel);border:1px dashed var(--border);border-radius:20px;}
.kb .kitchen-card{border-left:0;border-top:0;padding-top:0;overflow:hidden;animation:osIn .3s ease both;}
.kc-age{height:5px;margin:0 -12px 10px;background:color-mix(in srgb,var(--kc) 15%,var(--panel2));}
.kc-age i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c3),var(--c4),var(--red));background-size:300px 100%;transition:width 1s linear;}
.kb-late .kitchen-card{box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 35%,transparent);}
@media (max-width:1100px){ .kb{grid-template-columns:1fr;} .kb-col{min-height:0;} }
@media (max-width:700px){ .kb-stats{grid-template-columns:repeat(2,minmax(0,1fr));} }

/* ===== Ödemeler yeniden tasarım: adisyon kartları ===== */
.pay-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:14px;}
.pk{--pc:var(--c1);position:relative;background:var(--panel);border:1.5px solid color-mix(in srgb,var(--pc) 35%,var(--border));border-radius:20px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .2s;animation:osIn .35s ease both;overflow:hidden;}
.pk::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--pc),color-mix(in srgb,var(--pc) 40%,transparent));}
.pk:hover{transform:translateY(-3px);box-shadow:0 12px 26px color-mix(in srgb,var(--pc) 25%,transparent);}
.pk-ready{--pc:var(--c3);} .pk-busy{--pc:var(--c1);}
.pk-head{display:flex;justify-content:space-between;align-items:center;gap:8px;} .pk-head b{font-size:17px;overflow-wrap:anywhere;}
.pk-time{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--pc) 15%,transparent);white-space:nowrap;}
.pk-status{font-size:12.5px;color:var(--muted);}
.pk-lines{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding:8px 0;display:flex;flex-direction:column;gap:4px;font-size:13px;}
.pk-line{display:flex;justify-content:space-between;gap:8px;} .pk-line span:first-child{overflow-wrap:anywhere;} .pk-line span:last-child{color:var(--muted);white-space:nowrap;}
.pk-more{font-size:12px;color:var(--muted);}
.pk-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;}
.pk-total{font-size:22px;font-weight:800;color:var(--pc);}
.pk-btn{padding:8px 14px;border-radius:12px;background:linear-gradient(135deg,var(--pc),color-mix(in srgb,var(--pc) 70%,#000));color:#fff;font-weight:800;font-size:13px;white-space:nowrap;}
.pk.badge-row{box-shadow:0 0 0 2px color-mix(in srgb,var(--c3) 45%,transparent) !important;background:var(--panel) !important;}
.pk.badge-row::before{content:'' !important;display:block !important;margin:0 !important;}
@media (max-width:700px){ .pay-summary{grid-template-columns:1fr 1fr;} .pk-grid{grid-template-columns:1fr;} }

/* ===== Ayarlar yeniden tasarım: dikey menü ===== */
.set-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start;margin-top:10px;}
.tabs.settings-tabs.set-nav{flex-direction:column;flex-wrap:nowrap;gap:6px;margin:0;padding:10px;overflow:visible;position:sticky;top:12px;background:var(--panel);border:1px solid var(--border);border-radius:20px;}
.set-nav .tab.set-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;background:transparent;border:1px solid transparent;color:var(--text);white-space:normal;animation:osIn .35s ease both;animation-delay:calc(var(--i)*.03s);}
.set-nav .set-ico{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:color-mix(in srgb,var(--sc) 16%,transparent);transition:transform .2s;}
.set-nav .set-txt{display:flex;flex-direction:column;min-width:0;line-height:1.2;}
.set-nav .set-txt b{font-size:13.5px;font-weight:700;} .set-nav .set-txt small{font-size:11.5px;color:var(--muted);font-weight:500;}
.set-nav .tab.set-item:hover{background:var(--panel2);border-color:transparent;} .set-nav .tab.set-item:hover .set-ico{transform:scale(1.08) rotate(-4deg);}
.set-nav .tab.set-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 22%,var(--panel)),var(--panel2));border-color:color-mix(in srgb,var(--sc) 45%,transparent);color:var(--text);box-shadow:inset 3px 0 0 var(--sc);}
.set-nav .tab.set-item.active .set-ico{background:var(--sc);color:#fff;}
.set-content{min-width:0;} .set-content > .box:first-child{margin-top:0;}
@media (max-width:900px){
  .set-layout{grid-template-columns:1fr;gap:10px;}
  .tabs.settings-tabs.set-nav{flex-direction:row;overflow-x:auto;position:static;padding:6px;border-radius:16px;}
  .set-nav .tab.set-item{flex:0 0 auto;padding:7px 10px;} .set-nav .set-txt small{display:none;} .set-nav .set-ico{width:30px;height:30px;flex-basis:30px;font-size:15px;}
}

/* ===== Ürünler: kart görünümü ===== */
.prod-summary{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
@media (max-width:700px){.prod-summary{grid-template-columns:repeat(2,minmax(0,1fr));}}
.prod-summary .os-chip{padding:12px;gap:10px;} .prod-summary .os-chip>div{min-width:0;} .prod-summary .os-chip small{display:block;line-height:1.25;}
.seg{display:inline-flex;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:3px;gap:2px;}
.seg button{width:auto;margin:0;padding:6px 12px;border-radius:9px;background:transparent;color:var(--muted);border:0;font-size:13px;font-weight:700;box-shadow:none;}
.seg button.on{background:var(--accent);color:var(--btn-ink);}
.pcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:12px 2px 6px;}
.pcard{position:relative;display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--g,var(--accent));transition:transform .15s,box-shadow .15s;animation:osIn .35s ease both;}
.pcard:hover{transform:translateY(-2px);box-shadow:inset 0 3px 0 var(--g,var(--accent)),0 10px 24px rgba(0,0,0,.18);}
.pcard.off{opacity:.62;} .pcard.off .pcard-price{text-decoration:line-through;}
.pcard-top{display:flex;align-items:center;gap:8px;} .pcard-top .prod-sel{width:auto;margin:0;}
.pcard-name{flex:1;min-width:0;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pcard-price{font-size:24px;font-weight:800;letter-spacing:-.02em;}
.pcard-margin span{font-size:12px;color:var(--muted);}
.pcard-mbar{height:6px;border-radius:999px;background:var(--panel2);overflow:hidden;margin-bottom:4px;}
.pcard-mbar i{display:block;height:100%;border-radius:999px;animation:bcGrowX .6s ease both;transform-origin:left;}
@keyframes bcGrowX{from{transform:scaleX(0);}to{transform:none;}}
.pcard-chips{display:flex;flex-wrap:wrap;gap:5px;}
.pchip{font-size:11.5px;padding:3px 8px;border-radius:999px;background:var(--panel2);color:var(--muted);font-weight:600;}
.pchip.warn{background:color-mix(in srgb,var(--c3) 22%,transparent);color:var(--text);}
.pcard-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;}
.pc-btn{width:auto;margin:0;padding:6px 10px;font-size:12px;border-radius:10px;background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none;font-weight:600;}
.pc-btn:hover{border-color:var(--accent);} .pc-btn.pc-edit{margin-left:auto;background:color-mix(in srgb,var(--accent) 18%,transparent);}
tr.row-flash td{animation:rowFlash 1.6s ease;}
@keyframes rowFlash{0%,40%{background:color-mix(in srgb,var(--accent) 25%,transparent);}100%{background:transparent;}}

/* ===== Ürün düzenleme yan paneli ===== */
.pdrawer-wrap{position:fixed;inset:0;z-index:190;}
.pdrawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s;}
.pdrawer{position:absolute;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--panel);border-left:1px solid var(--border);box-shadow:-20px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);}
.pdrawer-wrap.open .pdrawer{transform:none;} .pdrawer-wrap.open .pdrawer-bg{opacity:1;}
.pdrawer-head{display:flex;align-items:flex-start;gap:10px;padding:18px 20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 18%,var(--panel)),var(--panel));}
.pdrawer-head > div{flex:1;min-width:0;} .pdrawer-head h3{margin:2px 0 0;font-size:18px;}
.pdrawer-x{width:36px;height:36px;margin:0;padding:0;border-radius:12px;background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none;}
.pdrawer-body{flex:1;overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px;}
.pdrawer-body label{font-size:12.5px;font-weight:700;color:var(--muted);margin-top:8px;}
.pdrawer-body input,.pdrawer-body select{margin:0;width:100%;}
.pdrawer-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pdrawer-margin{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--panel2);font-size:12.5px;}
.pdrawer-margin .pcard-mbar{background:var(--panel);} .pdrawer-margin i{transition:width .3s,background .3s;}
.pdrawer-check{display:flex !important;align-items:center;gap:8px;color:var(--text) !important;margin-top:12px !important;} .pdrawer-check input{width:auto !important;}
.pdrawer-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
.pdrawer-foot{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);} .pdrawer-foot button{flex:1;margin:0;}
#orderSummary{grid-template-columns:repeat(3,minmax(0,1fr));}

/* ===== Ortak: özet sayaç / avatar / boş durum ===== */
.stat-chips{grid-template-columns:repeat(var(--n,4),minmax(0,1fr));margin:6px 0 16px;}
@media (max-width:900px){.stat-chips{grid-template-columns:repeat(2,minmax(0,1fr));}}
.av{width:40px;height:40px;flex:0 0 40px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 55%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--ac) 35%,transparent);}
.empty-state{text-align:center;padding:34px 10px;border:2px dashed var(--border);border-radius:18px;margin:8px 0 14px;}
.empty-state p{margin:6px 0 0;}

/* ===== Rezervasyon & bekleme listesi kartları ===== */
.rv-day{margin:6px 0 18px;}
.rv-day-h{display:flex;align-items:baseline;gap:10px;font-weight:800;font-size:16px;margin:0 0 10px;padding-left:12px;border-left:4px solid var(--accent);}
.rv-day-h small{font-weight:600;color:var(--muted);font-size:13px;} .rv-day-h .muted{margin-left:auto;font-size:12.5px;font-weight:600;}
.rv-list,.wl-list{display:flex;flex-direction:column;gap:10px;}
.rv-card,.wl-card{--sc:var(--c1);display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 4px 0 0 var(--sc);animation:osIn .35s ease both;transition:transform .15s;}
.rv-card:hover,.wl-card:hover{transform:translateX(3px);}
.rv-card.st-pending{--sc:var(--c3);} .rv-card.st-confirmed{--sc:var(--c1);} .rv-card.st-seated{--sc:var(--ok,#22c55e);} .rv-card.st-cancelled,.rv-card.st-no_show{--sc:#94a3b8;opacity:.65;}
.rv-card.late{--sc:var(--danger,#ef4444);}
.rv-time{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:14px;background:color-mix(in srgb,var(--sc) 14%,transparent);}
.rv-time b{font-size:22px;font-weight:800;letter-spacing:-.02em;}
.rv-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--sc);color:#fff;}
.rv-main{min-width:0;display:flex;flex-direction:column;gap:7px;}
.rv-who{display:flex;align-items:center;gap:10px;min-width:0;} .rv-who > div{min-width:0;display:flex;flex-direction:column;}
.rv-who b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .rv-who small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rv-meta,.wl-info{display:flex;flex-wrap:wrap;gap:5px;}
.rv-note{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere;}
.rv-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:330px;}
.pc-btn.rv-ok{background:color-mix(in srgb,var(--c1) 20%,transparent);} .pc-btn.rv-seat{background:color-mix(in srgb,var(--ok,#22c55e) 22%,transparent);} .pc-btn.rv-del:hover{border-color:var(--danger,#ef4444);}
.wl-card{grid-template-columns:44px minmax(160px,1fr) minmax(0,1.3fr) 110px auto;animation-delay:calc(var(--i)*.04s);}
.wl-no{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--c1) 20%,transparent);color:var(--text);}
.wl-timer{text-align:center;font-size:14px;font-weight:700;padding:8px;border-radius:12px;background:var(--panel2);}
@media (max-width:900px){
  .rv-card{grid-template-columns:76px minmax(0,1fr);} .rv-card .rv-acts{grid-column:1/-1;justify-content:flex-start;max-width:none;}
  .wl-card{grid-template-columns:40px minmax(0,1fr);} .wl-card .wl-info,.wl-card .wl-timer,.wl-card .rv-acts{grid-column:1/-1;justify-content:flex-start;max-width:none;}
}
/* Periyodik yenilemede giriş animasyonları tekrar oynamasın */
body.anim-done :is(#orderSummary .os-chip,#paySummary .os-chip,.tc,.kb-stats>div,.kb .kitchen-card,.pk){animation:none !important;}
body.anim-done .tc.tc-ready{animation:tcPulse 2.2s ease-in-out infinite !important;}
.os-click{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;}
.os-click:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--oc) 60%,transparent);}
.os-click.on{border-color:var(--oc);box-shadow:0 0 0 2px color-mix(in srgb,var(--oc) 35%,transparent),0 8px 22px color-mix(in srgb,var(--oc) 25%,transparent);}
.pf-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px;padding:9px 12px;border-radius:12px;background:var(--panel2);font-size:13px;}
.pf-note .pc-btn{margin-left:auto;}

/* ===== Müşteri kartları ===== */
.cu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:6px 0 14px;}
.cu-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--tc);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.03s);transition:transform .15s;}
.cu-card:hover{transform:translateY(-2px);}
.cu-top{display:flex;align-items:center;gap:10px;min-width:0;}
.cu-id{flex:1;min-width:0;display:flex;flex-direction:column;} .cu-id b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;} .cu-id small{color:var(--muted);font-size:12px;}
.cu-tier{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--tc) 20%,transparent);white-space:nowrap;}
.cu-pts{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 16%,transparent),transparent);}
.cu-pts b{font-size:26px;font-weight:800;line-height:1;} .cu-pts span{color:var(--muted);font-weight:600;font-size:13px;} .cu-pts small{margin-left:auto;color:var(--muted);font-size:12px;}
.cu-card .pchip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ===== Ortak küçük ikon düğmesi ===== */
.ico-btn{width:36px;height:36px;flex:0 0 36px;margin:0;padding:0;border-radius:11px;background:var(--panel2);border:1px solid var(--border);color:var(--text);box-shadow:none;font-size:15px;display:grid;place-items:center;}
.ico-btn:hover{border-color:var(--accent);} .ico-btn.danger:hover{border-color:var(--danger,#ef4444);background:color-mix(in srgb,var(--danger,#ef4444) 15%,var(--panel2));}

/* ===== Menüler & İstasyonlar: pano ===== */
.st-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;padding-bottom:8px;align-items:start;}
.st-col{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:20px;background:var(--panel2);border:1px solid var(--border);box-shadow:inset 0 4px 0 var(--sc);min-width:0;}
.st-col-head{display:flex;align-items:center;gap:8px;min-width:0;}
.st-col-head .icon-pick-btn{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:color-mix(in srgb,var(--sc) 22%,transparent);border-color:var(--sc);font-size:20px;margin:0;}
.st-col-name{flex:1;min-width:0;margin:0;font-weight:800;font-size:15px;background:transparent;border-color:transparent;padding:6px 8px;}
.st-col-name:hover,.st-col-name:focus{background:var(--panel);border-color:var(--border);}
.st-col-color{width:36px;height:36px;flex:0 0 36px;padding:2px;margin:0;border-radius:10px;}
.st-col-title{flex:1;font-size:15px;} .st-free-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:var(--panel);}
.st-col-sub{font-size:12px;color:var(--muted);margin-top:-4px;padding-left:2px;}
.st-col-body{display:flex;flex-direction:column;gap:8px;min-height:40px;}
.st-empty{font-size:12.5px;color:var(--muted);text-align:center;padding:16px 8px;border:1.5px dashed var(--border);border-radius:14px;}
.mn-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--sc);transition:transform .15s,box-shadow .15s;}
.mn-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.18);}
.mn-row{display:flex;align-items:center;gap:6px;min-width:0;} .mn-foot{flex-wrap:wrap;}
.mn-ord{display:flex;flex-direction:column;gap:2px;} .mn-ord button{width:24px;height:17px;margin:0;padding:0;font-size:9px;border-radius:6px;background:var(--panel2);color:var(--muted);border:1px solid var(--border);box-shadow:none;}
.mn-ord button:disabled{opacity:.3;}
.mn-name{flex:1;min-width:0;margin:0;font-weight:700;background:transparent;border-color:transparent;padding:6px 8px;}
.mn-name:hover,.mn-name:focus{background:var(--panel2);border-color:var(--border);}
.mn-card .ico-btn{width:30px;height:30px;flex-basis:30px;font-size:13px;border-radius:9px;}
.mn-move{flex:1;min-width:120px;margin:0;padding:5px 8px;font-size:12.5px;height:32px;}
.mn-foot .act-btn{padding:4px 8px;min-height:0;}
.st-add{display:flex;gap:8px;} .st-add input{flex:1;margin:0;min-width:0;} .st-add button{width:auto;margin:0;white-space:nowrap;}
.st-new{border-style:dashed;background:transparent;box-shadow:none;}
.st-col .st-kp{margin:0;}

/* ===== Bölgeler & Masalar ===== */
.zn-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start;}
.zn-list{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:18px;background:var(--panel2);border:1px solid var(--border);}
.zn-item{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px;border-radius:13px;background:transparent;border:1px solid transparent;color:var(--text);box-shadow:none;text-align:left;}
.zn-item:hover{background:var(--panel);}
.zn-item.on{background:linear-gradient(135deg,color-mix(in srgb,var(--zc) 24%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--zc) 50%,transparent);box-shadow:inset 3px 0 0 var(--zc);}
.zn-dot{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--zc) 20%,transparent);}
.zn-txt{display:flex;flex-direction:column;min-width:0;} .zn-txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .zn-txt small{color:var(--muted);font-size:12px;font-weight:600;}
.zn-new{display:flex;gap:6px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--border);} .zn-new input{flex:1;min-width:0;margin:0;} .zn-new button{width:40px;margin:0;padding:0;}
.zn-panel{min-width:0;}
.zn-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.zn-title{flex:1;margin:0;font-size:20px;font-weight:800;background:transparent;border-color:transparent;padding:6px 10px;}
.zn-title:hover,.zn-title:focus{background:var(--panel2);border-color:var(--border);}
.zn-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;}
.zn-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:92px;padding:10px;border-radius:16px;background:var(--panel2);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--c1);animation:osIn .3s ease both;animation-delay:calc(var(--i)*.015s);transition:transform .15s,border-color .15s;}
.zn-tile:hover{transform:translateY(-2px);border-color:var(--c1);}
.zn-tname{margin:0;padding:0;background:none;border:0;box-shadow:none;color:var(--text);font-size:17px;font-weight:800;text-align:left;width:auto;cursor:text;}
.zn-tname:hover{text-decoration:underline dotted;}
.zn-tacts{display:flex;gap:6px;} .zn-tacts button{width:auto;flex:1;margin:0;padding:5px 6px;font-size:12px;border-radius:9px;background:var(--panel);color:var(--text);border:1px solid var(--border);box-shadow:none;}
.zn-tacts button.danger{flex:0 0 32px;} .zn-tacts button.danger:hover{border-color:var(--danger,#ef4444);color:var(--danger,#ef4444);}
.zn-addtile{border-style:dashed;background:transparent;box-shadow:none;grid-column:span 2;}
.zn-addtile input{margin:0;} .zn-addtile button{margin:0;}
@media (max-width:900px){
  .zn-layout{grid-template-columns:1fr;} .zn-list{flex-direction:row;overflow-x:auto;} .zn-item{width:auto;flex:0 0 auto;} .zn-new{border-top:0;padding-top:0;margin-top:0;flex:0 0 220px;}
  .st-board{grid-auto-columns:minmax(260px,85vw);}
}

/* ===== Hammadde kartları ===== */
.ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.ig-card{box-shadow:inset 0 3px 0 var(--c2);gap:10px;animation-delay:calc(var(--i)*.03s);}
.ig-card.ig-out{box-shadow:inset 0 3px 0 var(--danger,#ef4444);background:color-mix(in srgb,var(--danger,#ef4444) 6%,var(--panel));}
.ig-card.is-dirty,.pcard.is-dirty{outline:2px solid var(--accent);outline-offset:-2px;}
.ig-name{flex:1;min-width:0;margin:0;font-weight:700;font-size:14.5px;background:transparent;border-color:transparent;padding:4px 6px;}
.ig-name:hover,.ig-name:focus{background:var(--panel2);border-color:var(--border);}
.ig-st{font-size:11px;font-weight:700;white-space:nowrap;} .ig-st.out{color:var(--danger,#ef4444);} .ig-st.ok{color:var(--ok,#22c55e);} .ig-st.idle{color:var(--muted);}
.ig-stock{display:flex;align-items:center;gap:8px;}
.ig-qty{flex:1;min-width:0;margin:0;font-size:24px;font-weight:800;padding:4px 8px;background:transparent;border-color:transparent;letter-spacing:-.02em;}
.ig-qty:hover,.ig-qty:focus{background:var(--panel2);border-color:var(--border);}
.ig-unit{width:84px;margin:0;padding:5px 8px;height:34px;font-size:13px;}
.ig-foot{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;}
.ig-waste{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;color:var(--muted);} .ig-waste input{width:64px;margin:0;padding:4px 6px;height:30px;font-size:13px;}

/* ===== Fotoğraf & açıklama kartları ===== */
.md-prog{display:flex;flex-direction:column;gap:4px;min-width:200px;} .md-prog small{font-size:12px;color:var(--muted);font-weight:600;}
.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.md-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--panel2);border:1px solid var(--border);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.03s);transition:transform .15s,box-shadow .15s;}
.md-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2);}
.md-img{position:relative;display:block;aspect-ratio:4/3;margin:0;cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 18%,var(--panel)),color-mix(in srgb,var(--c2) 18%,var(--panel)));overflow:hidden;}
.md-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;} .md-card:hover .md-img img{transform:scale(1.05);}
.md-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:34px;color:var(--muted);border:2px dashed var(--border);border-radius:14px;margin:10px;}
.md-ph small{font-size:12.5px;font-weight:700;}
.md-over{position:absolute;left:50%;bottom:10px;transform:translate(-50%,8px);opacity:0;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:700;transition:all .2s;white-space:nowrap;}
.md-img:hover .md-over{opacity:1;transform:translate(-50%,0);}
.md-rm{position:absolute;top:8px;right:8px;width:30px;height:30px;margin:0;padding:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:0;box-shadow:none;font-size:13px;}
.md-rm:hover{background:var(--danger,#ef4444);}
.md-body{display:flex;flex-direction:column;gap:8px;padding:12px;}
.md-title{display:flex;align-items:baseline;gap:8px;} .md-title b{flex:1;min-width:0;font-size:14.5px;overflow-wrap:anywhere;} .md-title span{font-weight:800;color:var(--accent);font-size:13px;white-space:nowrap;}
.md-body textarea{width:100%;margin:0;font-size:13px;resize:vertical;font-family:inherit;min-height:64px;}
.pcard-top input[type=checkbox]{width:auto;flex:0 0 auto;margin:0;}
.md-body textarea{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;}

/* ===== Sol menü: Ayarlar menüsü tarzı ikon kutuları ===== */
.sidebar nav{display:flex;flex-direction:column;gap:3px;}
.sidebar .sb-item{padding:7px 10px;border-left:0 !important;}
.sidebar .sb-item .ic{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;font-size:17px;background:color-mix(in srgb,var(--sc,var(--c1)) 16%,transparent);transition:transform .2s,background .2s;}
.sidebar .sb-item:hover .ic{transform:scale(1.08) rotate(-4deg);}
.sidebar .sb-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--sc,var(--c1)) 22%,transparent),transparent);box-shadow:inset 3px 0 0 var(--sc,var(--c1)),inset 0 0 0 1px color-mix(in srgb,var(--sc,var(--c1)) 40%,transparent);color:var(--sb-text);}
.sidebar .sb-item.active .ic{background:var(--sc,var(--c1));}
.sidebar.collapsed .sb-item{padding:6px 0;}

/* ===== Satınalma siparişleri & tedarikçiler ===== */
.po-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.po-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--st);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.03s);text-align:left;}
.po-top{display:flex;align-items:center;gap:10px;min-width:0;} .po-top .role-badge{white-space:nowrap;}
.po-dates{display:flex;flex-wrap:wrap;gap:5px;}
.po-prog small{font-size:12px;color:var(--muted);font-weight:600;}
.po-items{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:12px;background:var(--panel2);}
.po-it{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted);} .po-it b{color:var(--text);white-space:nowrap;}
.po-it.done{color:var(--ok,#22c55e);} .po-it.part{color:#d97706;}
.sup-lines{display:flex;flex-direction:column;gap:5px;} .sup-line{font-size:13px;color:var(--text);text-decoration:none;overflow-wrap:anywhere;} a.sup-line:hover{color:var(--accent);}

/* ===== Abonelik ===== */
.sub-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px 22px;border-radius:22px;margin:4px 0 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--hc) 16%,var(--panel)),color-mix(in srgb,var(--c1) 10%,var(--panel)));border:1px solid color-mix(in srgb,var(--hc) 40%,var(--border));text-align:left;animation:osIn .4s ease both;}
.sub-ring{position:relative;width:112px;height:112px;} .sub-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.sub-ring circle{fill:none;stroke-width:9;stroke-linecap:round;} .sub-ring .trk{stroke:color-mix(in srgb,var(--hc) 15%,transparent);} .sub-ring .val{stroke:var(--hc);transition:stroke-dashoffset 1s ease;}
.sub-ring > div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;} .sub-ring b{font-size:30px;font-weight:800;line-height:1;} .sub-ring small{font-size:12px;color:var(--muted);font-weight:700;}
.sub-info h3{margin:2px 0 6px;font-size:24px;text-transform:capitalize;} .sub-status{font-weight:700;font-size:14px;color:var(--hc);margin-bottom:10px;}
.sub-users{max-width:320px;} .sub-users small{font-size:12px;color:var(--muted);font-weight:600;}
.sub-cta{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:210px;}
.sub-cta .sub-seg{align-self:stretch;} .sub-cta .sub-seg button{flex:1;}
.sub-cta #renewBtn{margin:0;width:100%;opacity:.55;cursor:not-allowed;}
.sub-soon{font-size:12px;color:var(--muted);text-align:center;font-weight:600;}
.bill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;}
.bill-grid > div > .add-row-panel{margin-top:0 !important;height:100%;text-align:left;}
.bill-grid .add-row-panel p.muted{text-align:left;text-transform:none;letter-spacing:0;font-weight:500;}
#bankTransferBox .add-row-panel{text-align:left;} #bankTransferBox p.muted{text-transform:none;letter-spacing:0;font-weight:500;}
@media (max-width:900px){.sub-hero{grid-template-columns:auto minmax(0,1fr);} .sub-cta{grid-column:1/-1;} .bill-grid{grid-template-columns:1fr;}}
.sub-hero .error:empty{display:none;}
.bill-grid .add-row-panel p.muted,#bankTransferBox p.muted{color:var(--muted);text-align:left;}

/* ===== Kullanıcılar: tablo satırları kart olarak ===== */
.user-cards .settings-table thead{display:none;}
.user-cards .settings-table,.user-cards .settings-table tbody{display:block;width:100%;}
.user-cards .settings-table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.user-cards .settings-table tr{display:flex;flex-direction:column;gap:8px;position:relative;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--c1);}
.user-cards .settings-table tr[data-owner]{box-shadow:inset 0 3px 0 var(--c3);}
.user-cards .settings-table td{display:block;padding:0 !important;border:0 !important;background:transparent !important;}
.user-cards .settings-table td:first-child{position:absolute;top:14px;right:14px;}
.user-cards .settings-table td:first-child:empty{display:none;}
.user-cards .uc-name{display:flex !important;align-items:center;gap:10px;padding-right:28px !important;}
.user-cards .uc-name input{flex:1;min-width:0;margin:0;font-weight:800;font-size:15px;background:transparent;border-color:transparent;padding:5px 8px;}
.user-cards .uc-name input:hover,.user-cards .uc-name input:focus{background:var(--panel2);border-color:var(--border);}
.user-cards .uc-name .role-badge{position:absolute;bottom:14px;right:14px;margin:0 !important;}
.user-cards tr[data-dirty]{outline:2px solid var(--accent);outline-offset:-2px;}
.user-cards td:last-child{display:flex !important;flex-wrap:wrap;gap:6px;}
.role-chk{margin:0 !important;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel2);cursor:pointer;font-size:12.5px !important;font-weight:600 !important;transition:all .15s;}
.role-chk input{display:none;}
.role-chk:has(input:checked){background:color-mix(in srgb,var(--c1) 22%,transparent);border-color:var(--c1);color:var(--text);}
.role-chk:has(input:checked)::before{content:'✓';font-weight:800;}
.role-chk:has(input:disabled){opacity:.6;cursor:default;}

/* ===== Vardiyalar: zaman çizelgesi ===== */
.sh-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;}
.sw-card{display:flex !important;align-items:flex-start;gap:12px;margin:0 !important;padding:14px;border-radius:16px;background:var(--panel2);border:1px solid var(--border);cursor:pointer;text-align:left;font-weight:400 !important;}
.sw-card:has(.sw:checked){border-color:color-mix(in srgb,var(--c1) 55%,transparent);background:color-mix(in srgb,var(--c1) 10%,var(--panel2));}
input.sw{appearance:none;-webkit-appearance:none;width:42px !important;height:24px;flex:0 0 42px;margin:2px 0 0 !important;padding:0;border-radius:999px;background:var(--border);position:relative;cursor:pointer;transition:background .2s;border:0;}
input.sw::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3);}
input.sw:checked{background:var(--c1);} input.sw:checked::after{transform:translateX(18px);}
.sh-date{display:flex;align-items:center;gap:8px;margin:0 0 14px;} .sh-date input{width:auto;margin:0;}
.sh-tl{display:flex;flex-direction:column;gap:8px;}
.sh-axis,.sh-row{display:grid;grid-template-columns:200px minmax(0,1fr) 230px;gap:14px;align-items:center;}
.sh-axis > div{position:relative;height:18px;} .sh-axis i{position:absolute;transform:translateX(-50%);font-style:normal;font-size:11px;color:var(--muted);font-weight:700;}
.sh-row{padding:10px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--border);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.04s);}
.sh-who{display:flex;align-items:center;gap:10px;min-width:0;} .sh-who > div{display:flex;flex-direction:column;min-width:0;} .sh-who small{font-size:11.5px;color:var(--muted);}
.sh-track{position:relative;height:30px;border-radius:10px;background:repeating-linear-gradient(90deg,var(--panel2) 0 calc(12.5% - 1px),var(--border) calc(12.5% - 1px) 12.5%);}
.sh-bar{position:absolute;top:3px;bottom:3px;border-radius:8px;background:linear-gradient(90deg,var(--c1),var(--c2));display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:6px;animation:bcGrowX .7s ease both;transform-origin:left;}
.sh-bar span{font-size:11px;font-weight:800;color:#fff;white-space:nowrap;padding:0 6px;}
.sh-row.live .sh-bar{background:linear-gradient(90deg,var(--ok,#22c55e),var(--c1));} .sh-bar.paused{background:repeating-linear-gradient(45deg,var(--c3),var(--c3) 6px,color-mix(in srgb,var(--c3) 70%,#000) 6px 12px);}
.sh-now{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--danger,#ef4444);z-index:1;border-radius:2px;}
.sh-side{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;}
@media (max-width:900px){.sh-opts{grid-template-columns:1fr;} .sh-axis{display:none;} .sh-row{grid-template-columns:1fr;} .sh-side{justify-content:flex-start;}}

/* ===== Aktif kullanıcılar ===== */
.au-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
.au-card{--ac2:var(--ok,#22c55e);display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--ac2);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.03s);text-align:left;}
.au-idle{--ac2:#eab308;} .au-away{--ac2:#94a3b8;opacity:.85;} .au-off{--ac2:#94a3b8;opacity:.7;}
.au-av{position:relative;display:inline-flex;} .au-av i{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:var(--ac2);border:2px solid var(--panel);}
.au-on .au-av i{animation:tcPulse 2s ease-in-out infinite;}
.au-st{font-size:11.5px;font-weight:700;color:var(--ac2);white-space:nowrap;}
.au-shift{font-size:12.5px;font-weight:700;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--ok,#22c55e) 14%,transparent);}
.au-shift.paused{background:color-mix(in srgb,var(--c3) 18%,transparent);} .au-shift.none{background:var(--panel2);color:var(--muted);font-weight:600;}
.user-cards .uc-name .role-badge{top:16px;bottom:auto;right:42px;}
.ch-dwrap{position:relative;flex:0 0 auto;}
.ch-dhit{position:absolute;left:28%;top:28%;width:44%;height:44%;border-radius:50%;z-index:2;cursor:help;}
.ch-dtip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);opacity:0;pointer-events:none;white-space:nowrap;padding:6px 10px;border-radius:10px;background:var(--text);color:var(--bg,#111);font-weight:800;font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:all .15s;}
.ch-dhit:hover .ch-dtip,.ch-dhit:focus .ch-dtip{opacity:1;transform:translate(-50%,0);}
.ch-legend div:has(.ch-lv){flex-wrap:wrap;row-gap:0;} .ch-lv{flex-basis:100%;padding-left:18px;font-size:11.5px;color:var(--muted);}

/* ===== Sayfa içi bölüm sekmeleri (Yazıcı, Bildirimler) ===== */
.bx-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 16px;padding:6px;border-radius:18px;background:var(--panel);border:1px solid var(--border);}
.bx-tab{display:inline-flex;align-items:center;gap:8px;width:auto;margin:0;padding:8px 14px 8px 8px;border-radius:13px;background:transparent;border:1px solid transparent;color:var(--muted);font-weight:700;font-size:13px;box-shadow:none;transition:all .15s;}
.bx-tab:not(:has(.bx-ic)){padding-left:14px;}
.bx-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:color-mix(in srgb,var(--sc) 16%,transparent);}
.bx-tab:hover{background:var(--panel2);color:var(--text);}
.bx-tab.on{background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 24%,var(--panel)),var(--panel2));border-color:color-mix(in srgb,var(--sc) 50%,transparent);color:var(--text);box-shadow:inset 0 -3px 0 var(--sc);}
.bx-tab.on .bx-ic{background:var(--sc);}
/* Ayar bölümleri kart görünümü */
.settings-section{background:var(--panel2);border:1px solid var(--border);border-radius:18px;padding:14px 16px;margin-bottom:12px;}
.settings-section-title{display:flex;align-items:center;gap:8px;font-size:14px !important;font-weight:800 !important;color:var(--text) !important;text-transform:none !important;letter-spacing:0 !important;margin:0 0 10px !important;}
#ticketPreviewWrap{position:sticky;top:16px;box-shadow:0 12px 30px rgba(0,0,0,.25);}

/* ===== Peyk Bas-Konuş kanalları ===== */
.rd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
.rd-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--sc);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.04s);text-align:left;transition:transform .15s;}
.rd-card:hover{transform:translateY(-2px);}
.rd-card.on{background:linear-gradient(160deg,color-mix(in srgb,var(--ok,#22c55e) 14%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--ok,#22c55e) 45%,transparent);box-shadow:inset 0 3px 0 var(--ok,#22c55e);}
.rd-card.locked{opacity:.7;}
.rd-top{display:flex;align-items:center;gap:10px;}
.rd-ic{position:relative;width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--sc) 20%,transparent);}
.rd-ic i{position:absolute;inset:-4px;border-radius:18px;border:2px solid var(--ok,#22c55e);animation:tcPulse 1.8s ease-in-out infinite;}
.rd-mem{font-size:12.5px;color:var(--muted);min-height:18px;}
.rd-btn{margin:0;width:100%;padding:11px;border-radius:14px;font-weight:800;}
.rd-btn.leave{background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none;}
.rd-lock{font-size:12.5px;color:var(--muted);text-align:center;padding:10px;border-radius:12px;background:var(--panel2);}
/* Mesajlar: liste rötuşu */
.chat-item{transition:background .15s,transform .15s;border-radius:14px;}
.chat-item:hover{transform:translateX(2px);}
.chat-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 20%,var(--panel)),var(--panel2)) !important;box-shadow:inset 3px 0 0 var(--c1);}
.chat-item.unread .chat-name{font-weight:800;}

/* ===== Sol menü üst/alt bölümler ===== */
.sidebar .sb-top{padding:6px 10px 8px;}
.sidebar .sb-brand .label{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--sb-muted);}
.sidebar .sb-collapse-btn{width:30px;height:30px;border-radius:10px;}
.sidebar .sb-profile{display:flex;align-items:center;gap:10px;margin:0 10px 10px;padding:10px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 16%,transparent),color-mix(in srgb,var(--c2) 10%,transparent));border:1px solid color-mix(in srgb,var(--c1) 25%,var(--sb-border,rgba(255,255,255,.08)));}
.sidebar .sb-profile .av{width:38px;height:38px;flex:0 0 38px;border-radius:12px;font-size:15px;}
.sb-pinfo{flex:1;min-width:0;display:flex;flex-direction:column;}
.sb-pinfo .name{font-weight:800;font-size:14px;color:var(--sb-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sb-pinfo .role{font-size:11.5px;color:var(--sb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sb-pdel{width:26px;height:26px;margin:0;padding:0;border-radius:8px;background:transparent;border:0;box-shadow:none;color:var(--sb-muted);font-size:16px;line-height:1;cursor:pointer;}
.sb-pdel:hover{background:var(--sb-overlay);color:var(--sb-text);}
.sidebar.collapsed .sb-profile{justify-content:center;padding:6px;margin:0 6px 8px;}
.sidebar .sb-bottom{display:flex;flex-direction:column;gap:8px;padding:10px;border-top:1px solid var(--sb-border,rgba(255,255,255,.08));}
.sidebar .shift-widget{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:var(--sb-overlay);border:1px solid var(--sb-border,rgba(255,255,255,.08));}
.sidebar .shift-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--sb-muted);}
.sidebar .shift-status.on{color:var(--ok,#22c55e);} .sidebar .shift-status.pending{color:#d9a400;}
.sidebar .sb-shift-btn{margin:0;width:100%;padding:9px;border-radius:12px;font-weight:800;font-size:13px;box-shadow:none;border:0;}
.sidebar .sb-shift-btn.in{background:linear-gradient(135deg,var(--ok,#22c55e),color-mix(in srgb,var(--ok,#22c55e) 70%,#000));color:#fff;}
.sidebar .sb-shift-btn.out{background:color-mix(in srgb,var(--danger,#ef4444) 18%,transparent);color:var(--danger,#ef4444);border:1px solid color-mix(in srgb,var(--danger,#ef4444) 40%,transparent);}
.sb-actrow{display:flex;align-items:center;gap:6px;}
.sb-actrow .theme-toggle{flex:1;display:flex;margin:0;padding:3px;gap:3px;border-radius:12px;background:var(--sb-overlay);}
.sb-actrow .theme-toggle button{flex:1;margin:0;padding:6px 0;border-radius:9px;font-size:15px;}
.sb-ib{width:38px;height:38px;flex:0 0 38px;margin:0;padding:0;border-radius:12px;background:var(--sb-overlay);border:1px solid transparent;color:var(--sb-text);box-shadow:none;font-size:16px;display:grid;place-items:center;transition:all .15s;}
.sb-ib:hover{border-color:var(--sb-accent);transform:translateY(-1px);}
.sb-ib.danger:hover{border-color:var(--danger,#ef4444);background:color-mix(in srgb,var(--danger,#ef4444) 15%,transparent);}
.sidebar.collapsed .sb-actrow{flex-direction:column;} .sidebar.collapsed .sb-actrow .theme-toggle{flex-direction:column;width:38px;}
.sidebar.collapsed .shift-widget{padding:6px;}
.sidebar .sb-profile{flex-direction:row !important;text-align:left !important;}

/* ===== Sipariş etiketleri ===== */
.fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;}
.fl-card{display:flex;align-items:center;gap:8px;padding:10px;border-radius:16px;background:var(--panel2);border:1px solid var(--border);box-shadow:inset 4px 0 0 var(--sc);animation:osIn .3s ease both;animation-delay:calc(var(--i)*.04s);}
.fl-ic{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:color-mix(in srgb,var(--sc,var(--c1)) 20%,transparent);}
.fl-name{flex:1;min-width:0;margin:0;font-weight:700;background:transparent;border-color:transparent;padding:6px 8px;}
.fl-name:hover,.fl-name:focus{background:var(--panel);border-color:var(--border);}
.fl-new{border-style:dashed;background:transparent;box-shadow:none;} .fl-new .fl-ic{color:var(--muted);background:var(--panel2);}
.fl-add{width:auto;margin:0;padding:8px 14px;border-radius:11px;}
.fl-prev{margin-top:16px;padding:14px;border-radius:16px;background:var(--panel);border:1px dashed var(--border);text-align:left;}
.fl-prev small{display:block;color:var(--muted);font-weight:700;margin-bottom:10px;}
.fl-prev > div{display:flex;flex-wrap:wrap;gap:8px;}
.fl-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--sc) 50%,transparent);background:color-mix(in srgb,var(--sc) 12%,transparent);font-size:13px;font-weight:700;}
.fl-chip i{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--sc);display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff;}
.fl-chip i:not(:empty){background:var(--sc);}

/* ===== Alt sekmeler (Ayarlar içi): renkli ikon kutulu ===== */
.sub-tabs{gap:6px;padding:6px;border-radius:18px;background:var(--panel);}
.sub-tab{padding:7px 14px 7px 7px;border-radius:13px;border:1px solid transparent;transition:all .15s;}
.sub-tab .sub-tab-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:color-mix(in srgb,var(--c1) 14%,transparent);}
.sub-tab:nth-child(4n+2) .sub-tab-ic{background:color-mix(in srgb,var(--c2) 14%,transparent);} .sub-tab:nth-child(4n+3) .sub-tab-ic{background:color-mix(in srgb,var(--c3) 14%,transparent);} .sub-tab:nth-child(4n+4) .sub-tab-ic{background:color-mix(in srgb,var(--c4) 14%,transparent);}
.sub-tab:hover{background:var(--panel2);}
.sub-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--panel)),var(--panel2));border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 -3px 0 var(--accent);}
.sub-tab.active .sub-tab-ic{background:var(--accent);}

/* ===== Destek erişimi ===== */
.sp-hero{--sc:#94a3b8;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 14%,var(--panel)),var(--panel2));border:1px solid color-mix(in srgb,var(--sc) 40%,var(--border));}
.sp-hero.on{--sc:var(--ok,#22c55e);}
.sp-shield{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:color-mix(in srgb,var(--sc) 22%,transparent);}
.sp-hero.on .sp-shield{animation:tcPulse 2.2s ease-in-out infinite;}
.sp-info{display:flex;flex-direction:column;gap:3px;} .sp-info b{font-size:18px;color:var(--sc);} .sp-info small{color:var(--muted);font-size:13px;}
.sp-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;} .sp-btn{width:auto;margin:0;}
.sp-log{position:relative;display:flex;flex-direction:column;gap:8px;padding-left:18px;}
.sp-log::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--border);}
.sp-li{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--panel2);border:1px solid var(--border);animation:osIn .3s ease both;animation-delay:calc(var(--i)*.04s);}
.sp-dot{position:absolute;left:-18px;width:12px;height:12px;border-radius:50%;background:var(--c1);border:2px solid var(--panel);}
@media (max-width:900px){.sp-hero{grid-template-columns:auto minmax(0,1fr);} .sp-acts{grid-column:1/-1;justify-content:flex-start;}}

/* ===== Roller ===== */
.role-list{display:flex;flex-direction:column;gap:10px;}
.role-card{--sc:var(--c1);border-left:4px solid var(--sc) !important;transition:transform .15s,box-shadow .15s;}
.role-card:hover{transform:translateX(2px);}
.role-card .role-avatar{background:linear-gradient(135deg,var(--sc),color-mix(in srgb,var(--sc) 55%,#000)) !important;color:#fff !important;font-weight:800;font-size:17px;box-shadow:0 4px 12px color-mix(in srgb,var(--sc) 35%,transparent);}
.role-pbar{width:90px;height:7px;border-radius:999px;background:var(--panel2);overflow:hidden;display:inline-block;align-self:center;}
.role-pbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sc),color-mix(in srgb,var(--sc) 60%,#fff));}
.role-card.open,.role-card[data-open]{box-shadow:0 10px 26px rgba(0,0,0,.2);}
@media (max-width:700px){.role-pbar{display:none;}}

/* ===== Entegrasyon kutucukları ===== */
.int-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0 0 16px;}
.int-tile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:center;width:100%;margin:0;padding:12px;border-radius:18px;background:var(--panel);border:1px solid var(--border);color:var(--text);box-shadow:none;text-align:left;transition:all .15s;}
.int-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sc) 50%,transparent);}
.int-tile.active{background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 22%,var(--panel)),var(--panel2));border-color:var(--sc);box-shadow:0 8px 22px color-mix(in srgb,var(--sc) 22%,transparent);}
.int-ic{grid-row:1/3;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--sc) 18%,transparent);}
.int-tile.active .int-ic{background:var(--sc);}
.int-txt{display:flex;flex-direction:column;min-width:0;} .int-txt b{font-size:14px;} .int-txt small{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.int-st{font-size:11px;font-weight:700;justify-self:start;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--ok,#22c55e) 15%,transparent);color:var(--ok,#22c55e);}
.int-tile.st-lock .int-st{background:color-mix(in srgb,var(--c3) 18%,transparent);color:var(--c3);}
.int-pane .add-row-panel p{text-transform:none;letter-spacing:0;}

/* ===== Finansal: trend, hedef halkası, ısı haritası, ürün yarışı ===== */
.fs-hero{position:relative;}
.fs-trend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;min-height:20px;}
.fs-delta{font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px;} .fs-delta small{font-weight:600;opacity:.75;}
.fs-delta.up{background:color-mix(in srgb,var(--ok,#22c55e) 18%,transparent);color:var(--ok,#22c55e);} .fs-delta.down{background:color-mix(in srgb,var(--danger,#ef4444) 18%,transparent);color:var(--danger,#ef4444);}
.spark{overflow:visible;} .spark-l{fill:none;stroke:var(--c1);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400;animation:sparkDraw 1.1s ease forwards;}
.spark-a{fill:color-mix(in srgb,var(--c1) 18%,transparent);opacity:0;animation:fadeIn .6s .6s ease forwards;} .spark-d{fill:var(--c1);stroke:var(--panel);stroke-width:1.5;}
.spark-cap{font-size:11px;color:var(--muted);font-weight:600;}
@keyframes sparkDraw{to{stroke-dashoffset:0;}} @keyframes fadeIn{to{opacity:1;}}
.fs-goal:empty{display:none;}
.gr{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 10px;border-radius:16px;transition:background .15s;}
.gr:hover{background:color-mix(in srgb,var(--c1) 10%,transparent);}
.gr svg{width:96px;height:96px;transform:rotate(-90deg);} .gr circle{fill:none;stroke-width:9;stroke-linecap:round;}
.gr-t{stroke:color-mix(in srgb,var(--c1) 14%,transparent);} .gr-v{stroke:var(--c1);stroke-dashoffset:var(--full);animation:grFill 1.2s .2s ease forwards;}
.gr.done .gr-v{stroke:var(--ok,#22c55e);}
@keyframes grFill{to{stroke-dashoffset:var(--off);}}
.gr{position:relative;} .gr-in{position:absolute;top:6px;width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.gr-in b{font-size:20px;font-weight:800;line-height:1;} .gr-in small{font-size:10px;color:var(--muted);font-weight:700;text-align:center;}
.gr-cap{font-size:11.5px;color:var(--muted);font-weight:700;}
.hm{display:grid;grid-template-columns:40px repeat(var(--cols),minmax(18px,1fr));gap:3px;overflow-x:auto;}
.hm-h{font-size:10.5px;color:var(--muted);text-align:center;font-weight:700;} .hm-d{font-size:11.5px;color:var(--muted);font-weight:700;display:flex;align-items:center;}
.hm-c{position:relative;aspect-ratio:1/1;min-height:18px;border-radius:5px;background:color-mix(in srgb,var(--c2) calc(var(--v)*100%),var(--panel2));opacity:0;animation:hmIn .4s ease forwards;animation-delay:calc(var(--i)*6ms);}
.hm-c:hover,.hm-c:focus{outline:2px solid var(--text);outline-offset:1px;z-index:3;}
.hm-c em{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:12px;padding:6px 10px;border-radius:10px;background:var(--text);color:var(--bg,#111);box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:5;line-height:1.35;}
.hm-c:hover em,.hm-c:focus em{display:block;}
@keyframes hmIn{from{opacity:0;transform:scale(.6);}to{opacity:1;transform:none;}}
.hm-leg{display:flex;align-items:center;gap:8px;margin-top:10px;justify-content:flex-end;} .hm-leg i{width:120px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--panel2),var(--c2));} .hm-leg small{font-size:11px;color:var(--muted);}
.race{display:flex;flex-direction:column;gap:10px;}
.race-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;animation:osIn .4s ease both;animation-delay:calc(var(--i)*.05s);}
.race-rank{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--panel2);color:var(--muted);} .race-rank.top{font-size:20px;background:color-mix(in srgb,var(--c3) 16%,transparent);}
.race-label{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;min-width:0;} .race-label b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .race-label small{font-size:11px;color:var(--muted);}
.race-track{height:22px;border-radius:8px;background:var(--panel2);overflow:hidden;}
.race-bar{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--sc),color-mix(in srgb,var(--sc) 60%,#fff));display:flex;align-items:center;justify-content:flex-end;transform-origin:left;animation:bcGrowX .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.06s + .1s);}
.race-bar span{font-size:11px;font-weight:800;color:#fff;padding:0 8px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);}
.race-side{text-align:right;font-weight:700;font-size:13px;white-space:nowrap;display:flex;flex-direction:column;} .race-side small{font-size:11px;color:var(--muted);font-weight:600;}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden;}
.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:confFall linear forwards;}
@keyframes confFall{to{top:105%;transform:rotate(720deg) translateX(40px);}}
.confetti-msg{position:absolute;top:18%;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:18px;background:var(--panel);border:2px solid var(--ok,#22c55e);font-weight:800;font-size:18px;box-shadow:0 20px 50px rgba(0,0,0,.4);animation:osIn .4s ease both;}
.fs-hero:has(.fs-goal:not(:empty)){grid-template-columns:minmax(0,1.1fr) auto minmax(0,2fr);}
@media (max-width:820px){.fs-hero:has(.fs-goal:not(:empty)){grid-template-columns:1fr;}}

/* ===== Mutfak: tek ızgara, eskiden yeniye; kart yerinde renk değiştirir ===== */
.kb-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;}
.kb-legend span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--panel2);}
.kb-legend small{margin-left:auto;font-size:12px;color:var(--muted);}
.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;align-items:start;}
.kb-grid .kitchen-card{--kc:var(--ok,#22c55e);margin:0;border:1.5px solid color-mix(in srgb,var(--kc) 45%,var(--border)) !important;border-left:1.5px solid color-mix(in srgb,var(--kc) 45%,var(--border)) !important;background:linear-gradient(180deg,color-mix(in srgb,var(--kc) 12%,var(--panel)),var(--panel) 60%) !important;padding-top:0;overflow:hidden;transition:border-color .6s,background .6s,box-shadow .6s;}
.kb-grid .kitchen-card.kc-warn{--kc:#f59e0b;}
.kb-grid .kitchen-card.kc-late{--kc:var(--danger,#ef4444);box-shadow:0 0 0 1px color-mix(in srgb,var(--kc) 40%,transparent),0 10px 28px color-mix(in srgb,var(--kc) 22%,transparent);animation:kcLate 2s ease-in-out infinite;}
@keyframes kcLate{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--kc) 30%,transparent),0 10px 28px color-mix(in srgb,var(--kc) 30%,transparent);}}
.kb-grid .kc-age{margin:0 -12px 10px;height:5px;background:color-mix(in srgb,var(--kc) 15%,transparent);}
.kb-grid .kc-age i{display:block;height:100%;background:var(--kc);transition:width 1s linear,background .6s;}
.kc-state{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;}
.kc-pill{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--kc) 20%,transparent);color:var(--kc);transition:all .6s;}
.kc-since{font-size:11.5px;color:var(--muted);font-weight:600;}
.kb-grid .kc-late-badge{display:none !important;}

/* ===== Mesajlar yeniden tasarım ===== */
.chat-list-head{background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 14%,var(--panel)),var(--panel));}
.chat-filters{display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--panel2);overflow-x:auto;scrollbar-width:none;}
.chat-filters button{flex:1 0 auto;width:auto;margin:0;padding:6px 10px;border-radius:9px;background:transparent;border:0;box-shadow:none;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap;}
.chat-filters button.on{background:var(--accent);color:var(--btn-ink);}
.chat-sec{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 4px;font-size:11.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
.chat-sec span{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--panel2);}
.chat-item .chat-avatar{border-radius:14px !important;}
.chat-item.unread{background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 3px 0 0 var(--accent);}
.chat-unread{animation:tcPulse 2s ease-in-out infinite;}
.chat-welcome{gap:10px;}
.cw-art{position:relative;width:120px;height:120px;display:grid;place-items:center;margin-bottom:6px;}
.cw-art span{font-size:56px;z-index:1;animation:cwFloat 3s ease-in-out infinite;}
.cw-art i{position:absolute;inset:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--c1) 40%,transparent);animation:cwRing 3s ease-out infinite;}
.cw-art i:nth-child(3){animation-delay:1s;} .cw-art i:nth-child(4){animation-delay:2s;}
@keyframes cwFloat{50%{transform:translateY(-6px) rotate(-4deg);}}
@keyframes cwRing{from{transform:scale(.5);opacity:1;}to{transform:scale(1.25);opacity:0;}}
.chat-welcome > b{font-size:18px;}
.cw-unread{color:var(--accent);font-weight:800;}
.cw-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px;}
.cw-btn{width:auto;margin:0;padding:10px 18px;border-radius:14px;font-weight:800;} .cw-btn.ghost{background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none;}
.cw-online{margin-top:18px;max-width:520px;} .cw-online small{display:block;color:var(--muted);font-weight:700;margin-bottom:10px;}
.cw-online > div{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.cw-av{display:flex;flex-direction:column;align-items:center;gap:5px;width:64px;margin:0;padding:0;background:none;border:0;box-shadow:none;color:var(--text);cursor:pointer;transition:transform .15s;}
.cw-av:hover{transform:translateY(-3px);} .cw-av .chat-avatar{border-radius:15px !important;} .cw-av span{font-size:11.5px;font-weight:600;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chat-pane{background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--c1) 8%,transparent),transparent 55%),var(--panel) !important;}
/* Isı haritası ipucu kesilmesin: masaüstünde taşmaya izin ver, ilk satırda ipucu aşağı açılsın */
.hm{overflow:visible;}
@media (max-width:900px){.hm{overflow-x:auto;padding:70px 0 4px;margin-top:-66px;}}
.hm-c.hm-top em{bottom:auto;top:calc(100% + 6px);}
.hm-c em{z-index:20;}
.hm-c{aspect-ratio:auto;height:34px;}
.bx-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 24%,var(--panel)),var(--panel2));border-color:color-mix(in srgb,var(--sc) 50%,transparent);color:var(--text);box-shadow:inset 0 -3px 0 var(--sc);} .bx-tab.active .bx-ic{background:var(--sc);}
.rp-tabs{margin:14px 0;}
/* ===== Açık hesaplar ===== */
.oa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.oa-card{--sc:var(--ok,#22c55e);display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--panel2);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--sc);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.03s);text-align:left;}
.oa-card.debt{--sc:var(--danger,#ef4444);}
.oa-st{font-size:11.5px;font-weight:800;color:var(--sc);white-space:nowrap;}
.oa-bal{display:flex;align-items:baseline;gap:6px;} .oa-bal b{font-size:24px;font-weight:800;color:var(--sc);} .oa-bal small{color:var(--muted);font-weight:600;}
.oa-li{gap:10px;} .oa-ic{font-size:18px;} .oa-amt{margin-left:auto;white-space:nowrap;font-size:14px;}
.oa-li.ch .oa-amt{color:var(--danger,#ef4444);} .oa-li.pay .oa-amt{color:var(--ok,#22c55e);} .oa-li.pay .sp-dot{background:var(--ok,#22c55e);} .oa-li.ch .sp-dot{background:var(--danger,#ef4444);}
/* ===== Yazıcı ayarları: dikey menülü düzen ===== */
.pr-note{display:flex;flex-direction:column;gap:4px;padding:12px 16px;margin:0 0 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 12%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--c1) 35%,var(--border));text-align:left;}
.pr-note p{margin:0 !important;}
.pr-layout{margin-top:0;} .pr-content > .box{margin-top:0;}
.pr-content .settings-section{background:var(--panel2);}
.rte-box{border:1px solid var(--border) !important;border-radius:0 0 12px 12px !important;min-height:46px;}
.rte-box:empty::before{color:var(--muted);}
.rte-toolbar{border-radius:12px 12px 0 0 !important;background:var(--panel) !important;}
#ticketPreviewWrap{border-radius:18px !important;}
.pr-content div:has(> #ticketPreviewWrap){flex:0 0 330px;min-width:0;position:sticky;top:16px;align-self:flex-start;}
@media (max-width:1100px){.pr-content div:has(> #ticketPreviewWrap){flex:1 1 100%;position:static;}}

/* ===== Veri sıfırlama ===== */
.dr-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;align-items:start;}
.dr-step{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;margin:0 0 10px;}
.dr-step span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:var(--accent);color:var(--btn-ink);}
.dr-step small{font-weight:600;font-size:12px;margin-left:auto;}
.dr-seg{flex-wrap:wrap;} .dr-seg button{flex:1 0 auto;}
.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;}
.dr-card{position:relative;display:flex !important;align-items:flex-start;gap:10px;margin:0 !important;padding:12px;border-radius:16px;background:var(--panel2);border:1.5px solid var(--border);cursor:pointer;font-weight:400 !important;transition:all .15s;}
.dr-card input{display:none;}
.dr-card:hover{border-color:color-mix(in srgb,var(--danger,#ef4444) 40%,var(--border));}
.dr-card:has(input:checked){border-color:var(--danger,#ef4444);background:color-mix(in srgb,var(--danger,#ef4444) 9%,var(--panel2));}
.dr-ic{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:var(--panel);}
.dr-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;} .dr-txt b{font-size:13.5px;} .dr-txt b em{font-style:normal;color:var(--danger,#ef4444);font-size:11.5px;} .dr-txt small{font-size:11.5px;color:var(--muted);line-height:1.35;}
.dr-chk{width:20px;height:20px;flex:0 0 20px;border-radius:6px;border:2px solid var(--border);display:grid;place-items:center;font-size:12px;color:#fff;transition:all .15s;}
.dr-card:has(input:checked) .dr-chk{background:var(--danger,#ef4444);border-color:var(--danger,#ef4444);} .dr-card:has(input:checked) .dr-chk::after{content:'✓';font-weight:800;}
.dr-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px;}
.dr-kept{padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--ok,#22c55e) 9%,var(--panel2));border:1px solid color-mix(in srgb,var(--ok,#22c55e) 35%,var(--border));}
.dr-kept summary{cursor:pointer;font-weight:800;} .dr-kept summary small{color:var(--muted);font-weight:600;}
.dr-kept ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ok,#22c55e);}
.dr-danger{padding:16px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--danger,#ef4444) 14%,var(--panel)),var(--panel));border:1.5px solid color-mix(in srgb,var(--danger,#ef4444) 45%,var(--border));}
.dr-backup{padding:16px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent,#3b82f6) 12%,var(--panel)),var(--panel));border:1.5px solid color-mix(in srgb,var(--accent,#3b82f6) 40%,var(--border));}
.dr-backup input{width:100%;box-sizing:border-box;}
.dr-bk-btn{width:100%;padding:12px;border:0;border-radius:12px;font-weight:800;cursor:pointer;color:#fff;background:var(--accent,#3b82f6);}
.dr-bk-btn:hover{filter:brightness(1.08);}
.dr-bk-up{margin-top:8px;background:transparent;color:var(--accent,#3b82f6);border:1.5px solid var(--accent,#3b82f6);}
.dr-danger .dr-step span{background:var(--danger,#ef4444);color:#fff;}
.dr-btn{width:100%;margin:0;background:var(--danger,#ef4444) !important;color:#fff !important;font-weight:800;}
@media (max-width:900px){.dr-layout{grid-template-columns:1fr;} .dr-side{position:static;}}

/* ===== Mesajlar v3: kanal şeridi + çevrimiçi balonlar ===== */
.chat-shell.chat-v3{grid-template-columns:76px 340px minmax(0,1fr);gap:12px;height:calc(100vh - 150px);min-height:500px;}
.chat-v3 .chat-list-wrap,.chat-v3 .chat-pane{min-height:0;}
.chat-v3 .chat-list{flex:1;min-height:0;overflow-y:auto;}
.chat-rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--c1) 18%,var(--panel)),var(--panel));border:1px solid var(--border);overflow-y:auto;scrollbar-width:none;}
.cr-logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:var(--accent);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 40%,transparent);}
.cr-item{position:relative;width:auto;margin:0;padding:0;background:none;border:0;box-shadow:none;cursor:pointer;transition:transform .2s;}
.cr-item .chat-avatar{border-radius:50% !important;transition:border-radius .25s;}
.cr-item:hover .chat-avatar,.cr-item.on .chat-avatar{border-radius:15px !important;}
.cr-item:hover{transform:scale(1.06);}
.cr-item::before{content:'';position:absolute;left:-14px;top:50%;width:5px;height:0;border-radius:0 4px 4px 0;background:var(--text);transform:translateY(-50%);transition:height .2s;}
.cr-item:hover::before{height:18px;} .cr-item.on::before{height:36px;}
.cr-badge{position:absolute;right:-4px;bottom:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger,#ef4444);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:3px solid var(--panel);}
.cr-sep{width:32px;height:2px;border-radius:2px;background:var(--border);}
.cr-add{width:44px;height:44px;margin:0;padding:0;border-radius:50%;background:var(--panel2);color:var(--ok,#22c55e);border:1px dashed var(--border);box-shadow:none;font-size:20px;transition:all .2s;}
.cr-add:hover{border-radius:15px;background:var(--ok,#22c55e);color:#fff;}
.chat-stories:empty{display:none;}
.chat-stories small{display:block;font-size:11.5px;font-weight:800;color:var(--muted);margin-bottom:6px;}
.chat-stories > div{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.cs-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:56px;flex:0 0 56px;margin:0;padding:0;background:none;border:0;box-shadow:none;color:var(--text);cursor:pointer;}
.cs-ring{padding:2px;border-radius:50%;background:conic-gradient(var(--c1),var(--c2),var(--c3),var(--c4),var(--c1));animation:csSpin 6s linear infinite;}
.cs-ring .chat-avatar{border:2px solid var(--panel);border-radius:50% !important;}
@keyframes csSpin{to{filter:hue-rotate(360deg);}}
.cs-name{font-size:11px;font-weight:600;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chat-v3 .chat-sec:first-child{padding-top:4px;}
@media (max-width:900px){.chat-shell.chat-v3{grid-template-columns:1fr;} .chat-rail{display:none;}}
.cs-ring{animation:none;}
/* Personel saatlik ısı ızgarası */
.st-hm{align-items:center;}
.st-who{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;} .st-who .av{width:30px;height:30px;flex:0 0 30px;font-size:12px;border-radius:10px;} .st-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.st-c{display:grid;place-items:center;} .st-c i{font-style:normal;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);}
.st-tot{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;}
.st-tbar{width:48px;height:5px;border-radius:999px;background:var(--panel2);overflow:hidden;} .st-tbar i{display:block;height:100%;background:var(--c2);border-radius:999px;}
.st-sum{text-align:center;font-size:12px;font-weight:800;color:var(--muted);}
.rp-panel h2{font-size:17px;display:flex;align-items:center;gap:8px;}
#reportContent .settings-table th{font-size:11px;}
#reportContent .settings-table tbody tr{transition:transform .12s;} #reportContent .settings-table tbody tr:hover{transform:translateX(2px);}
.resv-an-card{flex-direction:column;align-items:flex-start;} .resv-an-card small{display:block;} .resv-an-card b{font-size:22px;margin:2px 0;}

/* ===== Yazıcı bölümlerinin içi ===== */
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;}
.pp-card{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px;border-radius:16px;background:var(--panel2);border:1.5px solid var(--border);color:var(--text);box-shadow:none;text-align:left;cursor:pointer;transition:all .15s;}
.pp-card:hover{border-color:color-mix(in srgb,var(--sc) 55%,transparent);transform:translateY(-1px);}
.pp-card.on{border-color:var(--sc);background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 18%,var(--panel2)),var(--panel2));box-shadow:0 8px 20px color-mix(in srgb,var(--sc) 20%,transparent);}
.pp-static{cursor:default;} .pp-static:hover{transform:none;}
.pp-ic{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--sc) 18%,transparent);}
.pp-txt{flex:1;min-width:0;display:flex;flex-direction:column;} .pp-txt b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pp-txt small{font-size:12px;color:var(--muted);}
.pp-radio{width:20px;height:20px;flex:0 0 20px;border-radius:50%;border:2px solid var(--border);transition:all .15s;}
.pp-card.on .pp-radio{border:6px solid var(--sc);}
.pp-acts{display:flex;gap:6px;align-items:center;}
.pr-help{margin-top:12px;padding:10px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--border);} .pr-help summary{cursor:pointer;font-weight:700;font-size:13px;}
.sp-flow{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.spf-card{padding:12px;border-radius:16px;background:var(--panel2);border:1px solid var(--border);box-shadow:inset 4px 0 0 var(--sc);}
.spf-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.spf-st{display:flex;align-items:center;gap:10px;min-width:180px;} .spf-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--sc) 22%,transparent);}
.spf-arrow{font-size:20px;color:var(--sc);animation:spfArrow 1.6s ease-in-out infinite;}
@keyframes spfArrow{50%{transform:translateX(5px);}}
.spf-sel{flex:1;min-width:220px;margin:0;}
.spf-card details{margin-top:10px !important;}
.cash-prev{flex:0 0 auto;background:#e5e7eb;border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.25);}
.cash-info{flex:1;min-width:240px;display:flex;flex-direction:column;gap:10px;}
.cash-li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--panel2);font-size:13px;text-align:left;}
.pp-card{flex-direction:row !important;justify-content:flex-start !important;align-items:center !important;height:auto !important;min-height:0 !important;}
.pp-card::before,.pp-card::after{display:none !important;content:none !important;}

/* ===== Mutfak kartı v2 ===== */
.kb-grid .kitchen-card{padding:0 14px 14px;border-radius:22px !important;}
.kb-grid .kc-age{margin:0 -14px 12px;}
.kc-head{display:flex;align-items:center;gap:8px;}
.kc-title{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;} .kc-title b{font-size:20px;font-weight:800;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kc-no{font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--panel2);color:var(--muted);}
.kc-print{width:34px;height:34px;margin:0;padding:0;border-radius:11px;background:var(--panel2);border:1px solid var(--border);box-shadow:none;font-size:15px;}
.kc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px;font-size:12px;color:var(--muted);font-weight:600;}
.kc-items{display:flex;flex-direction:column;gap:8px;}
.kc-item{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px !important;border:0 !important;border-radius:16px;background:color-mix(in srgb,var(--kc) 7%,var(--panel2));transition:background .6s;}
.kc-qty{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px;font-weight:800;color:#fff;background:var(--kc);transition:background .6s;}
.kc-iname{min-width:0;} .kc-iname .kitchen-item-name{font-size:15px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;}
.kc-extras{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;} .kc-extras span{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--c1) 18%,transparent);color:var(--c1);}
.kc-note{font-size:12px;color:var(--muted);font-style:italic;margin-top:4px;overflow-wrap:anywhere;}
.kc-timer{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;min-width:48px;text-align:center;}
.kc-waste{width:38px;height:38px;margin:0;padding:0;border-radius:12px;background:transparent;border:1px solid color-mix(in srgb,var(--danger,#ef4444) 40%,var(--border));box-shadow:none;font-size:15px;opacity:.75;transition:all .15s;}
.kc-waste:hover{opacity:1;background:color-mix(in srgb,var(--danger,#ef4444) 18%,transparent);}
.kc-ok{width:44px;height:44px;margin:0;padding:0;border-radius:50%;background:var(--ok,#22c55e);color:#fff;border:0;font-size:20px;font-weight:900;box-shadow:0 6px 16px color-mix(in srgb,var(--ok,#22c55e) 35%,transparent);transition:transform .15s;}
.kc-ok:hover{transform:scale(1.08);}
.kc-all{width:100%;margin:12px 0 0;padding:12px;border-radius:16px;font-weight:800;font-size:15px;background:linear-gradient(135deg,var(--ok,#22c55e),color-mix(in srgb,var(--ok,#22c55e) 70%,#000));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--ok,#22c55e) 25%,transparent);}
.kb-grid .kc-state{display:none;}
.kc-item.ki-warn .kitchen-item-name,.kc-item.ki-danger .kitchen-item-name{color:inherit !important;}
/* ===== Açık hesap detay paneli ===== */
.oa-drawer{width:min(480px,100vw);} .oa-drawer .pdrawer-head{align-items:center;}
.oad-bal{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--ok,#22c55e) 12%,var(--panel2));border:1px solid color-mix(in srgb,var(--ok,#22c55e) 35%,var(--border));margin-bottom:10px;}
.oad-bal.debt{background:color-mix(in srgb,var(--danger,#ef4444) 12%,var(--panel2));border-color:color-mix(in srgb,var(--danger,#ef4444) 40%,var(--border));}
.oad-bal small{color:var(--muted);font-weight:700;font-size:12px;} .oad-bal b{font-size:28px;font-weight:800;} .oad-bal span{font-size:12px;font-weight:800;color:var(--ok,#22c55e);} .oad-bal.debt span,.oad-bal.debt b{color:var(--danger,#ef4444);}
.oad-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;}
.oad-sum > div{padding:10px;border-radius:12px;background:var(--panel2);display:flex;flex-direction:column;gap:2px;} .oad-sum small{font-size:11px;color:var(--muted);font-weight:700;} .oad-sum b{font-size:14px;} .oad-sum .r{color:var(--danger,#ef4444);} .oad-sum .g{color:var(--ok,#22c55e);}
.oad-toggle{margin-left:auto;}
.oad-items{flex-basis:100%;margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px dashed var(--border);display:flex;flex-direction:column;gap:4px;font-size:13px;animation:osIn .25s ease both;}
.oad-items > div{display:flex;justify-content:space-between;gap:8px;} .oad-tot{border-top:1px dashed var(--border);padding-top:6px;margin-top:2px;font-weight:800;}
.oa-card{cursor:default;}
/* "Bekliyor" işareti ızgara kartlarda düzeni kaydırmasın: kartın üst kenarına küçük etiket */
.rv-card,.wl-card,.po-card,.cu-card,.oa-card,.pcard,.sp-li{position:relative;}
:is(.rv-card,.wl-card,.po-card).badge-row::before{position:absolute;top:-9px;left:16px;margin:0 !important;padding:1px 8px;border-radius:999px;background:var(--red);color:#fff !important;font-size:10px !important;z-index:2;}
:is(.rv-card,.wl-card).badge-row{box-shadow:inset 4px 0 0 var(--red),0 0 0 1.5px var(--red) !important;background:color-mix(in srgb,var(--red) 7%,var(--panel)) !important;}
.kb-grid .kc-iname .kitchen-item-name,.kb-grid .kitchen-card .kc-iname{overflow-wrap:break-word !important;word-break:normal !important;hyphens:auto;}
.kc-item{grid-template-columns:auto minmax(0,1fr) auto !important;}
.kc-ctrl{display:flex;align-items:center;gap:6px;}
.kc-ctrl .kc-timer{min-width:40px;font-size:14px;}
.kc-ctrl .kc-waste{width:32px;height:32px;font-size:13px;border-radius:10px;}
.kc-ctrl .kc-ok{width:40px;height:40px;font-size:18px;}
.kb-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));}
.kc-iname .kitchen-item-name{word-break:keep-all !important;overflow-wrap:normal !important;hyphens:manual !important;}
.tc.badge-row::before{position:absolute;top:-9px;left:14px;margin:0 !important;padding:1px 8px;border-radius:999px;background:var(--red);color:#fff !important;font-size:10px !important;z-index:2;content:"● Sipariş bekleniyor" !important;}
/* ===== Bildirim → rol eşleştirme ===== */
.nr-list{display:flex;flex-direction:column;gap:10px;}
.nr-row{padding:12px 14px;border-radius:16px;background:var(--panel2);border:1px solid var(--border);box-shadow:inset 4px 0 0 var(--sc);text-align:left;}
.nr-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.nr-ic{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--sc) 18%,transparent);}
.nr-roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.nr-chip{width:auto;margin:0;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--panel);color:var(--muted);border:1px solid var(--border);box-shadow:none;transition:all .15s;}
.nr-chip.on{background:color-mix(in srgb,var(--sc) 22%,transparent);border-color:var(--sc);color:var(--text);}
.zone-occ{margin-left:7px;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);opacity:.85;}
#orderSummary{grid-template-columns:repeat(4,minmax(0,1fr));} .os-wait{--oc:#f59e0b;}
@media (max-width:900px){#orderSummary{grid-template-columns:repeat(2,minmax(0,1fr));}}
.tc.badge-row::before{display:none !important;content:none !important;} .tc.badge-row{animation:tcPulse 2.2s ease-in-out infinite;}
[data-snap] *,[data-snap]{animation:none !important;transition:none !important;}

/* ===== Satınalma sipariş kartları v2 ===== */
.pc2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;}
.pc-card.pc2{display:flex;flex-direction:column;gap:12px;padding:14px 16px;margin:0;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 9%,var(--panel)),var(--panel) 55%);border:1px solid color-mix(in srgb,var(--pc) 30%,var(--border));box-shadow:inset 0 3px 0 var(--pc);animation:osIn .35s ease both;animation-delay:calc(var(--i)*.04s);text-align:left;}
.pc2-head{display:flex;align-items:center;gap:12px;}
.pc2-title{flex:1;min-width:0;display:flex;flex-direction:column;} .pc2-title b{font-size:15.5px;} .pc2-title small{font-size:12px;color:var(--muted);}
.pc2-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;} .pc2-total{font-size:19px;font-weight:800;color:var(--text);white-space:nowrap;}
.pc2-items{display:flex;flex-direction:column;gap:6px;}
.pc2-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--panel2);}
.pc2-it.nop{box-shadow:inset 3px 0 0 var(--danger,#ef4444);}
.pc2-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 15%,transparent);}
.pc2-nm{min-width:0;display:flex;flex-direction:column;} .pc2-nm b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pc2-nm small{font-size:11.5px;color:var(--muted);}
.pc2-price{display:flex;align-items:center;gap:4px;margin:0;padding:2px 8px 2px 2px;border-radius:10px;background:var(--panel);border:1px solid var(--border);font-weight:400 !important;}
.pc2-price input{width:84px;margin:0;padding:5px 8px;height:30px;border:0;background:transparent;font-weight:700;text-align:right;}
.pc2-price input.missing{color:var(--danger,#ef4444);} .pc2-price span{font-size:11px;color:var(--muted);white-space:nowrap;}
.pc2-line{font-size:13.5px;min-width:90px;text-align:right;white-space:nowrap;}
.pc2-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pc2-acts{display:flex;gap:6px;align-items:center;margin-left:auto;}
.pc2 .pc-save:disabled{display:none;}
.pc2.dirty{box-shadow:inset 0 3px 0 var(--accent),0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent);}
@media (max-width:700px){.pc2-grid{grid-template-columns:1fr;} .pc2-it{grid-template-columns:auto minmax(0,1fr) auto;} .pc2-line{grid-column:2/-1;text-align:left;}}
.pc2-grid{align-items:start;}
/* Finansal Analiz şifre kapısı */
.rg-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:440px;padding:30px 16px;overflow:hidden;border-radius:22px}
.rg-bg{position:absolute;inset:0;display:flex;flex-wrap:wrap;gap:14px;align-content:center;justify-content:center;filter:blur(3px);opacity:.35;pointer-events:none}
.rg-bg span{padding:16px 22px;border-radius:16px;font-weight:700;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 30%,transparent),color-mix(in srgb,var(--c3) 25%,transparent));border:1px solid var(--border);animation:rgFloat 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}
@keyframes rgFloat{50%{transform:translateY(-10px)}}
.rg-card{position:relative;width:100%;max-width:400px;text-align:center;padding:30px 28px 22px;border-radius:22px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.rg-card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3),var(--c4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.rg-card h2{margin:12px 0 6px;font-size:20px}
.rg-card .muted{margin:0 0 18px;font-size:13.5px}
.rg-lock{width:74px;height:74px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:32px;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c1));animation:rgSpin 6s linear infinite;box-shadow:0 0 30px color-mix(in srgb,var(--c1) 45%,transparent)}
.rg-lock span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--panel);animation:rgSpin 6s linear infinite reverse}
@keyframes rgSpin{to{transform:rotate(360deg)}}
.rg-btn{width:100%;background:linear-gradient(90deg,var(--c1),var(--c2));font-weight:800}
.rg-forgot{display:inline-block;margin-top:14px;font-size:13px;color:var(--accent)}
.rg-shake{animation:rgShake .4s}
@keyframes rgShake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.rg-card .pw-field-wrap{margin-bottom:10px}
.rg-strength{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:5px;align-items:center;margin:-2px 0 12px}
.rg-strength i{height:5px;border-radius:4px;background:var(--border);transition:background .3s}
.rg-strength small{font-size:11.5px;min-width:56px;text-align:right;color:var(--muted)}
.rg-strength[data-s="0"] i:nth-child(-n+1){background:#ef4444}
.rg-strength[data-s="1"] i:nth-child(-n+1){background:#f97316}
.rg-strength[data-s="2"] i:nth-child(-n+2){background:#eab308}
.rg-strength[data-s="3"] i:nth-child(-n+3){background:#22c55e}
.rg-strength[data-s="4"] i{background:#10b981}
.rg-otp{text-align:center;font-size:24px;letter-spacing:10px;font-weight:800;margin-bottom:12px}
.rg-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:12px;color:var(--muted)}
.rg-steps span{display:flex;align-items:center;gap:6px}
.rg-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-size:11px}
.rg-steps span.on{color:var(--text)}.rg-steps span.on b{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border:0}
.rg-steps span.done b{background:#10b981;color:#fff;border:0}
.rg-steps i{width:26px;height:2px;background:var(--border);border-radius:2px}
/* Günlük hedef penceresi */
.dg-bg{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);animation:dgFade .2s}
.dg-card{position:relative;width:100%;max-width:420px;text-align:center;padding:28px 24px 20px;border-radius:22px;background:var(--panel);border:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,.45);animation:dgPop .25s cubic-bezier(.2,1.4,.4,1)}
.dg-x{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--muted)}
.dg-ic{width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 0 28px color-mix(in srgb,var(--c1) 45%,transparent)}
.dg-card h2{margin:12px 0 4px;font-size:20px}
.dg-card .muted{font-size:13px;margin:0 0 16px}
.dg-input{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:14px;padding:4px 16px;background:var(--bg)}
.dg-input:focus-within{border-color:var(--c1);box-shadow:0 0 0 3px color-mix(in srgb,var(--c1) 25%,transparent)}
.dg-input input{border:0!important;background:transparent!important;box-shadow:none!important;margin:0;font-size:28px;font-weight:800;text-align:center;padding:8px 0}
.dg-input span{font-size:22px;font-weight:800;color:var(--muted)}
.dg-presets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0 18px}
.dg-acts{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.dg-acts>div{display:flex;gap:8px}
.dg-save{width:auto;padding:10px 22px}
.dg-del{color:#ef4444}
@keyframes dgFade{from{opacity:0}}
@keyframes dgPop{from{opacity:0;transform:scale(.9)}}
.au-legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.au-legend span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--panel) 70%,transparent)}
.au-legend .d{width:9px;height:9px;border-radius:50%}
.au-legend .d.on{background:#22c55e;box-shadow:0 0 8px #22c55e}.au-legend .d.idle{background:#eab308}.au-legend .d.off{background:#9ca3af}.au-legend .d.away{background:transparent;border:2px solid #9ca3af;box-sizing:border-box}
.au-legend .au-auto{margin-left:auto}
/* Ödeme penceresi v2 */
.pm2{border-radius:24px!important;border:1px solid var(--border);box-shadow:0 30px 70px rgba(0,0,0,.5);animation:dgPop .25s cubic-bezier(.2,1.4,.4,1);position:relative;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
.pm2::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4))}
.pm2 .pm-title{display:flex;align-items:center;gap:12px}
.pm2 .pm-title h2{margin:0}
.pm2 .pm-title small{color:var(--muted);font-size:12.5px}
.pm2 .pm-tic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 6px 18px color-mix(in srgb,var(--c1) 40%,transparent)}
.pm2 .pay-items-card{display:flex;flex-direction:column;gap:8px;background:transparent!important;padding:0!important;border:0!important}
.pm2 .pay-item-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px!important;border-radius:16px;border:1px solid var(--border)!important;background:color-mix(in srgb,var(--panel) 60%,var(--bg));transition:transform .15s,border-color .15s}
.pm2 .pay-item-row:hover{border-color:var(--c1)!important;transform:translateY(-1px)}
.pm2 .pay-item-row .row-top{flex:1 1 220px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pm2 .pm-name{display:flex;align-items:center;gap:10px;min-width:0}
.pm2 .pm-name b{display:block;font-size:14px}.pm2 .pm-name small{color:var(--muted);font-size:11.5px}
.pm2 .pay-item-subtotal{font-size:15px}
.pm2 .row-bottom{display:flex;align-items:center;gap:6px;padding:3px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}
.pm2 .row-bottom .qty-btn{width:30px;height:30px;border-radius:50%;padding:0;margin:0}
.pm2 .pay-subtotal-row{display:flex;justify-content:space-between;padding:12px 14px;margin:10px 0;border-radius:14px;border:1px dashed var(--border);font-weight:700}
.pm2 .pay-opt-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pm2 .pay-opt-tab{border-radius:14px;padding:10px 6px;font-size:13px}
.pm2 .pay-opt-tab.active,.pm2 .pay-opt-tab.on{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border-color:transparent}
.pm2 .pay-total-banner{position:relative;overflow:hidden;border-radius:20px!important;padding:18px 20px!important;border:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 35%,var(--panel)),color-mix(in srgb,var(--c2) 30%,var(--panel)))!important}
.pm2 .pay-total-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:250% 100%;animation:pmShine 3.5s linear infinite}
@keyframes pmShine{from{background-position:150% 0}to{background-position:-100% 0}}
.pm2 .pay-total-banner .amt{font-size:32px!important}
.pm2 .pay-method-grid .pay-method-btn.cash,.pm2 .pay-method-grid .pay-method-btn.card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px!important;min-height:96px;border-radius:18px!important;transition:transform .15s,box-shadow .15s}
.pm2 .pay-method-btn.cash{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}
.pm2 .pay-method-btn.card{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}
.pm2 .pay-method-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.3)}
.pm2 .pm-ic{font-size:26px}.pm2 .pay-method-btn b{font-size:16px}.pm2 .pay-method-btn small{font-size:11px;opacity:.85}
.pm2 .pay-method-btn.split,.pm2 .pay-method-btn.gift{border-radius:14px!important}
/* Ödeme seçenek kartları + bölünmüş ödeme */
.pm2 .pay-options-grid{gap:12px}
.pm2 .pay-option-card{--sc:var(--c1);position:relative;border-radius:18px!important;padding:14px 16px 14px 20px!important;border:1px solid var(--border)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 10%,var(--panel)),var(--panel))!important;overflow:hidden;animation:dgPop .2s}
.pm2 .pay-option-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sc)}
.pm2 .pay-option-card[data-opt="disc"],.pm2 .pay-option-card[data-opt="people"]{--sc:#8b5cf6}
.pm2 .pay-option-card[data-opt="tip"],.pm2 .pay-option-card[data-opt="cashn"]{--sc:#22c55e}
.pm2 .pay-option-card[data-opt="cust"],.pm2 .pay-option-card[data-opt="mix"]{--sc:#06b6d4}
.pm2 .pay-option-card[data-opt="gift"],.pm2 .pay-option-card[data-opt="cardn"]{--sc:#f59e0b}
.pm2 .pay-option-card h4{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--sc);font-size:12.5px;letter-spacing:.04em}
.pm2 .pay-option-card input,.pm2 .pay-option-card select{border-radius:12px}
.pm2 .pay-option-card button:not(.pay-chip){border-radius:12px;background:var(--sc);color:#fff}
.pm2 .pay-chip{border-radius:999px;border:1px solid color-mix(in srgb,var(--sc) 50%,var(--border));background:color-mix(in srgb,var(--sc) 12%,transparent)}
.pm2 .pay-chip:hover{background:var(--sc);color:#fff}
.pm2 .pay-option-card .hint{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--sc) 12%,transparent);font-size:11.5px}
.sp2 .pay-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.sp2 .pay-option-card .hint{display:block;border-radius:10px}
.sp2 .sp-ok{width:100%;margin-top:14px;padding:16px!important;font-size:17px;font-weight:800;border-radius:18px!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}

.pm2 .pay-option-card{overflow:visible}
/* Açık hesaba at v2 */
.oa2{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:22px 20px 18px!important}
.oa2 .oa-total{display:flex;justify-content:space-between;align-items:center;margin:14px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,#eab308 30%,var(--panel)),color-mix(in srgb,#f97316 22%,var(--panel)))}
.oa2 .oa-total b{font-size:24px}
.oa2 .oa-total small{color:var(--muted);font-size:12px;display:block}
.oa2 #oaList{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}
.oa-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);cursor:pointer;transition:border-color .15s,transform .15s}
.oa-row:hover{border-color:#eab308;transform:translateX(2px)}
.oa-row .oa-n{flex:1;min-width:0;overflow-wrap:anywhere}.oa-row .oa-n small{display:block;color:var(--muted);font-size:11.5px}
.oa-row .oa-b{font-weight:800;white-space:nowrap}.oa-row .oa-b.debt{color:var(--red,#ef4444)}
.oa2 .oa-new{margin-top:14px;padding:14px;border-radius:16px;border:1px dashed color-mix(in srgb,#eab308 50%,var(--border));background:color-mix(in srgb,#eab308 6%,transparent)}
.oa2 .oa-new p{margin:0 0 10px;font-weight:800;color:#eab308;font-size:13px}
.oa2 .oa-new input{margin-bottom:8px;border-radius:12px}
.oa2 .oa-new button{width:100%;border-radius:12px;background:linear-gradient(135deg,#eab308,#f97316);color:#fff;font-weight:800}
.rv-card.soon{border-color:#f59e0b!important;box-shadow:0 0 0 1px #f59e0b55,0 0 18px #f59e0b33;animation:rvSoon 2s ease-in-out infinite}
@keyframes rvSoon{50%{box-shadow:0 0 0 1px #f59e0b88,0 0 26px #f59e0b55}}
.pchip.rv-soon{background:#f59e0b22;color:#f59e0b;border-color:#f59e0b66;font-weight:700}
/* Rezervasyon geçmişi kartları */
.rh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:16px}
.rh-card{--sc:#22c55e;position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px 18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 9%,var(--panel)),var(--panel));overflow:hidden;animation:dgPop .3s both;animation-delay:calc(var(--i)*40ms)}
.rh-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sc)}
.rh-card.rh-bad{--sc:#ef4444}
.rh-top{display:flex;align-items:center;gap:10px}
.rh-who{flex:1;min-width:0}.rh-who b{display:block;overflow-wrap:anywhere}.rh-who small{color:var(--muted);font-size:11.5px}
.rh-res{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap;color:var(--sc);background:color-mix(in srgb,var(--sc) 15%,transparent)}
.rh-note{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pchip.rh-good{background:#22c55e22;color:#22c55e;border-color:#22c55e55}
.rh-undo{align-self:flex-end}
/* Telsiz açıkken mobilde mesaj yazma alanı telsiz çubuğunun üstünde kalsın */
@media (max-width:820px){
  body.has-radio .chat-input{padding-bottom:calc(var(--rdock-h,84px) + env(safe-area-inset-bottom,0px))!important}
  body.has-radio .chat-msgs,body.has-radio .chat-body{scroll-padding-bottom:var(--rdock-h,84px)}
}
@media (min-width:1100px){ .kb-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }
.kb-grid .kc-item{gap:6px}
/* Gönderilen ürün iptal butonu */
.sent-cancel{width:auto!important;margin:0!important;padding:3px 9px!important;font-size:11.5px!important;border-radius:999px!important;background:transparent!important;border:1px solid var(--red,#ef4444)!important;color:var(--red,#ef4444)!important;box-shadow:none!important}
.sent-cancel:hover{background:var(--red,#ef4444)!important;color:#fff!important}
/* Mutfak: iptal edilen sipariş kartı (15 sn) */
.kb-grid .kitchen-card.kc-cancel{--kc:#ef4444;position:relative;opacity:.95}
.kc-cancel .kitchen-item-name,.kc-cancel .kc-title b{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ef4444}
.kc-cancel .kc-pill{background:#ef4444;color:#fff}
.kc-cancel-x{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 2px),#ef4444aa calc(50% - 2px),#ef4444aa calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(to top left,transparent calc(50% - 2px),#ef4444aa calc(50% - 2px),#ef4444aa calc(50% + 2px),transparent calc(50% + 2px))}
.kc-cancel-stamp{margin:10px 0 4px;padding:10px;border-radius:12px;text-align:center;font-weight:900;letter-spacing:.06em;color:#fff;background:#ef4444;animation:kcStamp 1s ease-in-out infinite alternate}
@keyframes kcCancelIn{from{transform:scale(.9);opacity:0}}
@keyframes kcCancelOut{0%,85%{opacity:.95}100%{opacity:.35}}
@keyframes kcStamp{to{filter:brightness(1.25)}}
.sent-sel{width:18px!important;height:18px;margin:0!important;accent-color:var(--red,#ef4444);cursor:pointer}
.sent-bulk{display:flex;gap:8px;margin-top:10px}
.sent-bulk .ghost-btn{flex:1;margin:0!important}
.sent-bulk-go{flex:1;margin:0!important;background:var(--red,#ef4444)!important;color:#fff!important;border-radius:12px}
.sent-bulk-go:disabled{opacity:.45}
.sidebar .sb-pdel{font-size:15px;opacity:.6;transition:opacity .15s,background .15s}
.sidebar .sb-pdel:hover{opacity:1;background:color-mix(in srgb,#ef4444 20%,transparent)!important}
/* Finansal Analiz: İptaller */
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cx-card{position:relative;padding:14px 14px 12px 18px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,#ef4444 9%,var(--panel)),var(--panel));overflow:hidden;animation:dgPop .3s both;animation-delay:calc(var(--i)*40ms)}
.cx-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#ef4444}
.cx-top{display:flex;align-items:center;gap:8px}.cx-top b{flex:1;min-width:0;overflow-wrap:anywhere;text-decoration:line-through;text-decoration-color:#ef444499}
.cx-amt{color:#ef4444;font-weight:800;white-space:nowrap}
.cx-meta{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0;font-size:12px;color:var(--muted)}
.cx-items{display:flex;flex-wrap:wrap;gap:5px}.cx-items span{font-size:11.5px;padding:3px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}
.cx-list{display:flex;flex-direction:column;gap:6px}
.cx-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border)}
.cx-q{font-weight:800;min-width:30px;color:#ef4444}
.cx-n{flex:1;min-width:0}.cx-n b{display:block;overflow-wrap:anywhere}.cx-n small{color:var(--muted);font-size:11.5px}
/* Sipariş Al: tıklanabilir durum göstergeleri + Tüm masalar */
#orderSummary{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (max-width:900px){#orderSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
#orderSummary .os-all{--oc:var(--c1)}#orderSummary .os-empty{--oc:#94a3b8}#orderSummary .os-busy{--oc:#3b82f6}#orderSummary .os-ready{--oc:#22c55e}
.tc-zone-h{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:8px 0 -2px;font-size:13px;color:var(--muted)}
.tc-zone-h b{color:var(--text);font-size:15px}
.tc-zone-h::after{content:'';flex:1;height:1px;background:var(--border)}
.pchip.rh-bad{background:#ef444422!important;color:#ef4444!important;border-color:#ef444466!important}
.ct-mask{white-space:nowrap}
.ct-rev{cursor:pointer;border-bottom:1px dashed currentColor}
.ct-rev a{color:var(--accent)}
/* Kenar çubuğu üst kartı (logo + marka + işletme) */
.sidebar .sb-head{display:flex;align-items:center;gap:10px;margin:12px 10px 10px;padding:10px 10px 10px 12px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--c2) 14%,transparent),color-mix(in srgb,var(--c1) 8%,transparent));border:1px solid var(--sb-border,rgba(255,255,255,.08))}
.sidebar .sb-head-logo{width:34px;height:34px;border-radius:10px;object-fit:contain;flex:0 0 34px;cursor:pointer;background:rgba(0,0,0,.25);padding:3px}
.sidebar .sb-head-txt{flex:1;min-width:0;cursor:pointer;line-height:1.15}
.sidebar .sb-head-txt b{display:block;font-family:'Poppins',sans-serif;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-text)}
.sidebar .sb-head-txt small{display:block;font-size:11.5px;font-weight:700;color:var(--c1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}
.sidebar .sb-head .sb-collapse-btn{flex:0 0 auto;width:30px;height:30px;padding:0;margin:0;border-radius:10px}
.sidebar .sb-head .sb-mobile-close{flex:0 0 auto}
.sidebar.collapsed .sb-head{flex-direction:column;margin:10px 6px 8px;padding:8px 4px;gap:6px}
.sidebar.collapsed .sb-head-txt{display:none}
/* Kenar çubuğu alt kartı: vardiya + hızlı işlemler tek kartta */
.sidebar .sb-bottom{margin:8px 10px 12px;padding:10px;border-radius:16px;border:1px solid var(--sb-border,rgba(255,255,255,.08));background:color-mix(in srgb,var(--panel) 70%,transparent);display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--sb-border,rgba(255,255,255,.08))}
.sidebar .sb-bottom .shift-widget{margin:0!important;padding:0!important;border:0!important;background:transparent!important;display:flex;flex-direction:column;gap:8px}
.sidebar .sb-bottom .shift-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}
.sidebar .sb-bottom .shift-status.on{color:#22c55e}
.sidebar .sb-bottom .sb-shift-btn{width:100%;margin:0;border-radius:12px;padding:9px 10px;font-weight:800}
.sidebar .sb-bottom .sb-actrow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px;padding-top:10px;border-top:1px dashed var(--sb-border,rgba(255,255,255,.1))}
.sidebar .sb-bottom .theme-toggle{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:12px;background:rgba(0,0,0,.2);margin:0}
.sidebar .sb-bottom .theme-toggle button,.sidebar .sb-bottom .sb-ib{height:34px;margin:0;padding:0;border-radius:10px;display:grid;place-items:center;font-size:15px}
.sidebar .sb-bottom .sb-ib{background:rgba(0,0,0,.2);border:0}
.sidebar .sb-bottom .sb-ib.danger:hover{background:#ef444433}
.sidebar.collapsed .sb-bottom{margin:6px;padding:6px}
.sidebar.collapsed .sb-bottom .sb-actrow{grid-template-columns:1fr}
/* ===== Finansal Analiz · gelişmiş analizler ===== */
.an-search-wrap{position:relative;margin-top:12px}
.an-search{width:100%;margin:0!important;border-radius:14px!important;padding:12px 16px!important;font-size:14px;background:color-mix(in srgb,var(--c1) 6%,var(--bg))!important}
.an-sres{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:380px;overflow:auto;padding:6px;border-radius:16px;background:var(--panel);border:1px solid var(--border);box-shadow:0 18px 40px rgba(0,0,0,.4);animation:dgPop .18s}
.an-sr{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;cursor:pointer}
.an-sr:hover{background:color-mix(in srgb,var(--c1) 14%,transparent)}
.an-sr>span{font-size:18px;width:28px;text-align:center}.an-sr b{display:block;font-size:13.5px}.an-sr small{color:var(--muted);font-size:11.5px}
.an-sr.empty{cursor:default;color:var(--muted);font-size:13px}
.an-cmp-note{font-size:12.5px;color:var(--muted);margin:0 0 12px;padding:8px 12px;border-radius:12px;border:1px dashed var(--border)}
.an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
@media (max-width:1000px){.an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.an-kpi{position:relative;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--k) 30%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--k) 14%,var(--panel)),var(--panel));overflow:hidden;animation:dgPop .35s both}
.an-kpi::after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--k) 18%,transparent)}
.an-kpi-top{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.an-kpi-ic{font-size:15px}
.an-kpi b{display:block;font-size:22px;font-weight:800;margin-top:6px;color:var(--k);position:relative;z-index:1}
.an-kpi-sub{font-size:11.5px;color:var(--muted);margin-top:2px}
.an-click{cursor:pointer;transition:transform .15s,box-shadow .15s}
.an-click:hover{transform:translateY(-2px);box-shadow:0 10px 26px color-mix(in srgb,var(--k,var(--c1)) 25%,transparent)}
.an-go{position:absolute;right:12px;bottom:10px;opacity:.5;font-weight:800}
.an-d{margin-left:auto;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;position:relative;z-index:1}
.an-d.up{background:#22c55e22;color:#22c55e}.an-d.down{background:#ef444422;color:#ef4444}
.an-proj{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:8px}.an-proj small{display:block;font-size:11.5px;color:var(--muted)}.an-proj b{font-size:20px}
.an-grad{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.an-chart{width:100%;height:160px;display:block}
.an-line{fill:none;stroke:var(--c1);stroke-width:2.5;stroke-linejoin:round}
.an-projline{fill:none;stroke:var(--c2);stroke-width:2.5;stroke-dasharray:6 5}
.an-goal{stroke:#22c55e;stroke-width:1.5;stroke-dasharray:3 4;opacity:.8}
.an-dot{fill:var(--c1);stroke:var(--panel);stroke-width:3}
.an-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted)}.an-legend i{display:inline-block;width:14px;height:3px;border-radius:3px;margin-right:5px;vertical-align:middle}
.an-legend .l1{background:var(--c1)}.an-legend .l2{background:var(--c2)}.an-legend .l3{background:#22c55e}
.an-rings{display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap}
.an-ring{position:relative;width:110px;text-align:center}.an-ring svg{width:92px;height:92px;transform:rotate(-90deg)}
.an-ring circle{fill:none;stroke-width:8}.an-ring .t{stroke:color-mix(in srgb,var(--rc) 15%,transparent)}.an-ring .v{stroke:var(--rc);stroke-linecap:round;transition:stroke-dashoffset 1s ease}
.an-ring b{position:absolute;top:30px;left:0;right:0;font-size:18px}.an-ring small{display:block;font-weight:700;font-size:12.5px}.an-ring em{display:block;font-style:normal;font-size:11px;color:var(--muted)}
.an-bars{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:18px;overflow-x:auto}
.an-bar{flex:1;min-width:26px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.an-bar i{width:100%;max-width:42px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--c2),color-mix(in srgb,var(--c2) 35%,transparent));animation:anGrow .7s both;animation-delay:calc(var(--i)*30ms);transform-origin:bottom}
.an-bar.best i{background:linear-gradient(180deg,#f97316,#ea580c88)}
.an-bar small{font-size:10px;color:var(--muted);white-space:nowrap}.an-bar-v{font-size:10px;font-weight:800;white-space:nowrap}
@keyframes anGrow{from{transform:scaleY(0)}}
.an-alerts{display:flex;flex-direction:column;gap:8px}
.an-alert{position:relative;display:flex;align-items:center;gap:12px;padding:12px 34px 12px 14px;border-radius:14px;border:1px solid var(--border);font-size:13.5px;--k:var(--c1)}
.an-alert>span:first-child{font-size:20px}
.an-alert.bad{--k:#ef4444;background:#ef444414;border-color:#ef444455}.an-alert.warn{--k:#f59e0b;background:#f59e0b14;border-color:#f59e0b55}
.an-alert.good{--k:#22c55e;background:#22c55e14;border-color:#22c55e55}.an-alert.info{--k:#3b82f6;background:#3b82f614;border-color:#3b82f655}
.an-scatter{width:100%;height:auto;max-height:380px}
.an-axis{stroke:var(--muted);stroke-dasharray:4 4;opacity:.6}.an-qt{fill:var(--muted);font-size:12px;font-weight:700}
.an-pt circle{opacity:.85;stroke:var(--panel);stroke-width:2;animation:dgPop .4s both;animation-delay:calc(var(--i)*25ms);transform-box:fill-box;transform-origin:center;transition:r .15s}
.an-pt circle:hover{opacity:1;stroke:#fff}
.an-quads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
@media (max-width:1000px){.an-quads{grid-template-columns:repeat(2,minmax(0,1fr))}}
.an-quad{padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--q) 40%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,var(--q) 14%,var(--panel)),var(--panel))}
.an-quad-h{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}.an-quad-h>span{font-size:26px}.an-quad-h b{display:block;color:var(--q)}.an-quad-h small{font-size:11.5px;color:var(--muted)}
.an-quad-h em{margin-left:auto;font-style:normal;font-weight:800;background:var(--q);color:#fff;border-radius:999px;padding:2px 10px}
.an-quad-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px dashed var(--border);font-size:13px}.an-quad-row small{color:var(--muted);white-space:nowrap}
.an-heatleg{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);margin:4px 0 10px}.an-heatleg i{width:140px;height:8px;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,#f97316 10%,var(--panel)),#f97316,#dc2626)}
.an-tmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.an-tile{padding:12px;border-radius:14px;min-height:84px;display:flex;flex-direction:column;gap:2px;border:1px solid color-mix(in srgb,#f97316 calc(var(--h)*70%),var(--border));background:color-mix(in srgb,#f97316 calc(var(--h)*55%),var(--panel));color:var(--text);transition:transform .15s}
.an-tile:hover{transform:scale(1.04)}.an-tile b{font-size:14px}.an-tile span{font-weight:800;font-size:15px}.an-tile small{font-size:11px;opacity:.8}
.an-tile.idle{opacity:.55;border-style:dashed}
.an-seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--panel);border:1px solid var(--border);margin-bottom:12px}
.an-seg button{width:auto;margin:0;padding:8px 14px;border-radius:10px;background:transparent;color:var(--muted);border:0;box-shadow:none;font-weight:700}
.an-seg button.on{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff}
.an-heat-sum{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.an-heat-sum>div{padding:10px 14px;border-radius:14px;background:#f9731614;border:1px solid #f9731644;font-size:13px}
.an-heat{display:grid;grid-template-columns:44px repeat(var(--cols),minmax(34px,1fr)) 60px;gap:4px;min-width:max-content}
.an-hh,.an-hd{font-size:11px;color:var(--muted);text-align:center;align-self:center}.an-hd{text-align:left;font-weight:700;color:var(--text)}
.an-hc{height:34px;border-radius:8px;background:color-mix(in srgb,#f97316 calc(var(--a)*100%),color-mix(in srgb,var(--panel) 80%,var(--bg)));font-size:9.5px;font-weight:800;color:#fff;display:grid;place-items:center;transition:transform .12s}
.an-hc:hover{transform:scale(1.15);outline:2px solid #fff3;z-index:1}
.an-ht{font-size:11px;font-weight:800;align-self:center;text-align:right}
.an-stock{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.an-st{--s:#22c55e;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--s) 35%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--s) 10%,var(--panel)),var(--panel));animation:dgPop .3s both;animation-delay:calc(var(--i)*25ms)}
.an-st.warn{--s:#f59e0b}.an-st.bad{--s:#ef4444}.an-st.none{--s:#94a3b8}
.an-st-h{display:flex;justify-content:space-between;gap:8px}.an-st-h span{font-weight:800;color:var(--s);white-space:nowrap}
.an-st-bar{height:8px;border-radius:8px;background:color-mix(in srgb,var(--s) 15%,transparent);margin:8px 0 6px;overflow:hidden}.an-st-bar i{display:block;height:100%;border-radius:8px;background:var(--s)}
.an-st small{font-size:11.5px;color:var(--muted)}
.an-z-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}
.an-z{width:100%;max-width:440px;padding:22px 22px 16px;background:#fffdf7;color:#1f2937;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.4);font-family:ui-monospace,Menlo,Consolas,monospace;position:relative;
  -webkit-mask:radial-gradient(circle at 8px 100%,transparent 7px,#000 7.5px) bottom/16px 14px repeat-x,linear-gradient(#000,#000) top/100% calc(100% - 13px) no-repeat}
.an-z-h{text-align:center;margin-bottom:12px}.an-z-h b{display:block;font-size:17px}.an-z-h span{display:block;font-weight:800;letter-spacing:.15em;font-size:12px;margin-top:4px}.an-z-h small{font-size:11px;color:#6b7280}
.an-z-r{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0}.an-z-r b{white-space:nowrap}
.an-z-r.big{font-size:16px;font-weight:800;padding:6px 0;border-top:2px solid #1f2937;border-bottom:2px solid #1f2937;margin:4px 0}
.an-z-sep{border-top:1px dashed #9ca3af;margin:6px 0}.an-z-f{text-align:center;font-size:11px;color:#6b7280;margin:14px 0 10px}
.an-z-acts{display:flex;gap:10px}.an-z-acts button{width:auto;margin:0}
.an-waiters{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.an-w{position:relative;padding:16px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 8%,var(--panel)),var(--panel));animation:dgPop .35s both;animation-delay:calc(var(--i)*50ms)}
.an-w.mvp{border-color:#f59e0b;background:linear-gradient(160deg,#f59e0b22,var(--panel));box-shadow:0 0 0 1px #f59e0b66,0 14px 34px #f59e0b22}
.an-w-badge{position:absolute;top:-10px;right:14px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}
.an-w-badge.tip{background:linear-gradient(135deg,#22c55e,#16a34a)}
.an-w-top{display:flex;align-items:center;gap:10px}.an-w-top b{display:block;font-size:15px}.an-w-top small{color:var(--muted);font-size:11.5px}
.an-w-rev{margin:12px 0}.an-w-rev b{font-size:22px;color:var(--c1)}.an-w-bar{height:6px;border-radius:6px;background:var(--border);margin-top:6px;overflow:hidden}.an-w-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c1),var(--c2))}
.an-w-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.an-w-grid>div{padding:8px;border-radius:12px;background:color-mix(in srgb,var(--bg) 60%,transparent);min-width:0}.an-w-grid b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-w-grid small{font-size:10.5px;color:var(--muted)}
.an-w-grid>div.bad b{color:#ef4444}
.an-risk{display:flex;flex-direction:column;gap:6px}
.an-risk-r{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border)}
.an-risk-r>div{flex:1;min-width:0}.an-risk-r b{display:block}.an-risk-r small{font-size:11.5px;color:var(--muted)}
.an-risk-r span{font-size:12px;font-weight:700;white-space:nowrap}.an-risk-r em{font-style:normal;font-size:11.5px;color:#ef4444;white-space:nowrap}
@media print{
  body.print-report .sidebar,body.print-report .mobile-topbar,body.print-report .back-link,body.print-report #reportTabs,body.print-report .an-search-wrap,body.print-report .range-preset-btn{display:none!important}
  body.print-report .content-area{margin:0!important}
  body.print-z *{visibility:hidden}
  body.print-z #anZ,body.print-z #anZ *{visibility:visible}
  body.print-z #anZ{position:absolute;left:0;top:0;box-shadow:none;-webkit-mask:none}
}
/* Detay kartları (personel / müşteri) */
.an-w-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.an-w-more{margin-top:10px;font-size:11.5px;font-weight:700;color:var(--c1);opacity:.75;text-align:right}
.an-w.an-click:hover .an-w-more{opacity:1}
.an-tier{margin-left:auto;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;color:var(--t);background:color-mix(in srgb,var(--t) 16%,transparent);white-space:nowrap}
.an-modal{position:relative;width:100%;max-width:1060px;max-height:92vh;overflow-y:auto;padding:24px;border-radius:24px;background:var(--panel);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.55);animation:dgPop .25s cubic-bezier(.2,1.4,.4,1)}
.an-modal::before{content:'';position:absolute;inset:0 0 auto;height:5px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--t),var(--c2),var(--c3))}
.an-m-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.an-m-head .av{width:60px;height:60px;flex:0 0 60px;border-radius:18px;font-size:24px}
.an-m-head h2{margin:0;font-size:24px}.an-m-head small{color:var(--muted);font-size:12.5px}
.an-m-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
@media (max-width:800px){.an-m-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.an-m-k{position:relative;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--t) 12%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--t) 25%,var(--border));animation:dgPop .3s both;animation-delay:calc(var(--i)*35ms)}
.an-m-k span{position:absolute;right:12px;top:10px;font-size:20px;opacity:.8}.an-m-k small{display:block;font-size:11.5px;color:var(--muted)}.an-m-k b{display:block;font-size:18px;margin-top:4px}
.an-m-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:800px){.an-m-grid{grid-template-columns:1fr}}
.an-m-grid .fs-panel{margin:0}
.an-bars-sm{height:150px}
.an-tl{display:flex;flex-direction:column;gap:2px}
.an-tl-i{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border)}
.an-tl-i>i{width:10px;height:10px;border-radius:50%;background:var(--c1);margin-top:5px;flex:0 0 10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--c1) 20%,transparent)}
.an-tl-i>div{flex:1;min-width:0}.an-tl-i b{display:block;font-size:13px}.an-tl-i small{font-size:11.5px;color:var(--muted)}.an-tl-i>span{font-weight:800;white-space:nowrap}
/* Sipariş Al menü sırası */
.mo-wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:16px;align-items:start}
@media (max-width:800px){.mo-wrap{grid-template-columns:1fr}}
.mo-list{display:flex;flex-direction:column;gap:8px}
.mo-item{--sc:var(--c1);display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);border-left:4px solid var(--sc);background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 10%,var(--panel)),var(--panel));transition:transform .15s,box-shadow .15s,opacity .15s}
.mo-item[draggable]{cursor:grab}
.mo-item.dragging{opacity:.5;transform:scale(.98);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.mo-item.mo-fixed{--sc:var(--c1);opacity:.75}.mo-item.mo-fixed small{margin-left:auto;font-size:11.5px;color:var(--muted)}
.mo-grip{color:var(--muted);letter-spacing:-2px;font-weight:800;user-select:none}
.mo-no{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:12.5px;background:var(--sc);color:#fff;flex:0 0 26px}
.mo-txt{flex:1;min-width:0}.mo-txt b{display:block}.mo-txt small{font-size:11.5px;color:var(--muted)}
.mo-arrows{display:flex;gap:4px}.mo-arrows button{width:30px;height:30px;padding:0;margin:0;border-radius:9px;font-size:11px}
.mo-preview{position:sticky;top:12px;padding:12px;border-radius:16px;border:1px dashed var(--border)}
.mo-pv{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.mo-pv-i{display:flex;justify-content:space-between;padding:9px 12px;border-radius:10px;font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--muted)}
.mo-pv-i.on{background:color-mix(in srgb,var(--c1) 18%,transparent);color:var(--text);border-left:3px solid var(--c1)}
.mo-pv-i em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:var(--border)}
/* Sipariş Al penceresi v2: arama, renkli menüler, büyük ürün kartları */
.pp-search{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.pp-search input{flex:1;margin:0!important;border-radius:14px!important;padding:11px 14px!important;font-size:14px;background:color-mix(in srgb,var(--c1) 5%,var(--bg))!important}
.pp-search-n{position:absolute;right:46px;font-size:11.5px;color:var(--muted)}
.pp-search-x{width:36px!important;height:36px;padding:0!important;margin:0!important;border-radius:12px!important;background:var(--panel2)!important;color:var(--text)!important;box-shadow:none!important}
.pp-cat{--mc:var(--c1);padding:11px 12px!important;border-radius:12px!important;gap:10px!important;justify-content:flex-start!important}
.pp-cat span{flex:1;min-width:0;text-align:left;line-height:1.25}
.pp-dot{width:10px;height:10px;border-radius:50%;background:var(--mc);flex:0 0 10px;box-shadow:0 0 0 3px color-mix(in srgb,var(--mc) 22%,transparent)}
.pp-cat.active{background:color-mix(in srgb,var(--mc) 16%,transparent)!important}
.pp-cat.active::before{background:var(--mc)!important}
.pp-cat.active b{background:var(--mc)!important;color:#fff!important}
.pp-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:10px!important}
.pp-card{--mc:var(--c1);position:relative;display:flex!important;flex-direction:column;justify-content:space-between;gap:8px;min-height:96px;padding:12px 12px 10px 16px!important;border-radius:16px!important;border:1px solid var(--border)!important;background:linear-gradient(150deg,color-mix(in srgb,var(--mc) 9%,var(--panel)),var(--panel))!important;overflow:hidden;transition:transform .12s,box-shadow .15s,border-color .15s;cursor:pointer;user-select:none}
.pp-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mc)}
.pp-card:not(.off):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mc) 55%,var(--border))!important;box-shadow:0 10px 22px color-mix(in srgb,var(--mc) 18%,transparent)}
.pp-card:not(.off):active{transform:scale(.97)}
.pp-card.in{border-color:var(--mc)!important;box-shadow:0 0 0 1px var(--mc),0 8px 20px color-mix(in srgb,var(--mc) 20%,transparent)}
.pp-card .pp-name{font-weight:700;font-size:14.5px;line-height:1.25;padding-right:22px}
.pp-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}
.pp-card .pp-price{font-weight:800;font-size:14px;color:var(--mc)}
.pp-plus{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--mc) 16%,transparent);color:var(--mc);transition:background .15s}
.pp-card:hover .pp-plus{background:var(--mc);color:#fff}
.pp-step{display:flex;gap:4px}
.pp-step button{width:30px!important;height:30px;padding:0!important;margin:0!important;border-radius:9px!important;font-weight:800;font-size:16px;background:var(--mc)!important;color:#fff!important;border:0!important;box-shadow:none!important}
.pp-step button:first-child{background:color-mix(in srgb,var(--mc) 18%,var(--panel))!important;color:var(--text)!important}
.pp-card .pp-qty{position:absolute;top:8px;right:8px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--mc);color:#fff;animation:dgPop .2s}
.pp-card .pp-badge{font-size:11px;font-weight:700}
.pp-card.off{opacity:.45;filter:grayscale(.6);cursor:not-allowed}
.pp-grid .pp-card{flex-direction:column!important;align-items:stretch!important;text-align:left!important}
.pp-grid .pp-card .pp-name{word-break:normal!important;overflow-wrap:break-word;white-space:normal}
.pp-grid .pp-card .pp-foot{margin-top:auto}
.pp-grid .pp-card .pp-badge{position:static!important;margin:0!important}
@media (max-width:600px){
  .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .pp-grid .pp-card{min-height:86px;padding:10px 10px 9px 13px!important}
  .pp-grid .pp-card .pp-name{font-size:13.5px;padding-right:18px}
  .pp-grid .pp-card .pp-price{font-size:13px}
  .pp-step button,.pp-plus{width:28px!important;height:28px}
}
/* Uygulama içi onay penceresi */
.uc-card .uc-msg{margin:6px 0 18px;font-size:13.5px;color:var(--muted)}
.uc-card .uc-msg p{margin:4px 0}
.uc-li{display:flex;align-items:center;gap:8px;text-align:left;margin:4px auto;max-width:300px;padding:7px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-weight:600}
.uc-li::before{content:'✕';color:#ef4444;font-weight:800}
.uc-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.uc-acts button{width:100%;margin:0;padding:12px;border-radius:14px;font-weight:800}
.uc-yes{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:#fff!important;border:0}
.uc-card.danger .dg-ic{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 0 28px #ef444455}
.uc-card.danger .uc-yes{background:linear-gradient(135deg,#ef4444,#dc2626)!important}
.uc-acts.one{grid-template-columns:1fr}
.uc-in{width:100%;margin:0 0 16px!important;border-radius:12px!important;text-align:center;font-size:15px}
.uc-card.warn .dg-ic{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 0 28px #f59e0b55}
.uc-card.warn .uc-yes{background:linear-gradient(135deg,#f59e0b,#ea580c)!important}
.ui-alert .uc-msg{font-size:14.5px;color:var(--text)}
/* Mutfak kartı: dar ekranda (tablet) ürün adı harf harf alt alta kırılmasın; kontroller alta geçsin */
.kb-grid .kc-item{display:flex!important;flex-wrap:wrap;align-items:center}
.kb-grid .kc-item .kc-qty{flex:0 0 auto}
.kb-grid .kc-item .kc-iname{flex:1 1 130px;min-width:130px}
.kb-grid .kc-item .kc-ctrl{margin-left:auto;flex:0 0 auto}
.kb-grid .kc-iname .kitchen-item-name{word-break:normal!important;overflow-wrap:break-word!important}
.kb-grid .kc-title{min-width:0;flex:1}
.kb-grid .kc-title b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word}
@media (min-width:1100px) and (max-width:1500px){ .kb-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;} }
.kb-grid .kc-no{white-space:nowrap;flex:0 0 auto}
/* Paket servis fişi ayarı */
.pk-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:18px;align-items:start}
@media (max-width:800px){.pk-wrap{grid-template-columns:1fr}}
.pk-opts{display:flex;flex-direction:column;gap:10px}
.pk-prev{padding:12px;border-radius:16px;border:1px dashed var(--border);display:flex;flex-direction:column;gap:8px;align-items:center}
.ticket-pkg{margin:4px 0;line-height:1.45}

/* Sesli bildirim ayarları */
.vn-list{display:flex;flex-direction:column;gap:6px;}
.vn-row{display:grid;grid-template-columns:1fr 90px 90px 90px;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface-2,rgba(127,127,127,.06));}
.vn-row small{display:block;font-size:12px;margin-top:2px;}
.vn-head{background:none;font-size:12px;font-weight:700;color:var(--muted);padding:2px 12px;}
@media (max-width:600px){.vn-row{grid-template-columns:1fr 60px 60px;}.vn-row>span:last-child{grid-column:1/-1;}}

/* Ay sonu tahmini: tarih ekseni + üzerine gelince değer */
.an-chart-wrap{position:relative;touch-action:pan-y;cursor:crosshair;}
.an-hover-line{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;}
.an-hover-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--c1);box-shadow:0 0 0 2px var(--panel,#fff);pointer-events:none;}
.an-hover-dot.proj{background:var(--c2);}
.an-tip{position:absolute;pointer-events:none;background:var(--panel,#fff);border:1px solid var(--line,rgba(127,127,127,.25));border-radius:10px;padding:7px 10px;box-shadow:0 6px 18px rgba(0,0,0,.15);white-space:nowrap;display:flex;flex-direction:column;gap:1px;font-size:12px;z-index:5;}
.an-tip b{font-size:15px;}
.an-axis{position:relative;height:18px;margin-top:2px;font-size:11px;color:var(--muted);}
.an-axis span{position:absolute;transform:translateX(-50%);white-space:nowrap;}
.an-axis span:first-child{transform:none;}.an-axis span:last-child{transform:translateX(-100%);}
/* Uzun, boşluksuz metinler (ör. müşteri adı) tablo hücresini taşırmasın. */
.settings-table td{overflow-wrap:anywhere;word-break:break-word;}
.settings-table td.col-name, .settings-table td:has(> .muted){max-width:260px;}

/* Paket servis türü (Paket / Gel-Al) ve gel-al süresi */
.pk-type{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pk-type-btn{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:12px;background:var(--panel2);color:var(--text);border:2px solid var(--border);font-weight:800;}
.pk-type-btn small{font-weight:500;font-size:11.5px;color:var(--muted);}
.pk-type-btn.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2));}
.pk-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px;}
.pk-chip{width:auto;margin:0;padding:6px 12px;border-radius:999px;background:var(--panel2);color:var(--text);border:1px solid var(--border);font-weight:700;font-size:13px;}
.pk-chip.on{background:var(--accent);color:var(--btn-ink);border-color:var(--accent);}
.pk-chip-in{width:80px !important;margin:0 !important;padding:6px 10px !important;border-radius:999px !important;font-size:13px;}
.pk-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);}
.pk-badge.late{background:rgba(239,68,68,.15);color:#ef4444;border-color:rgba(239,68,68,.4);}

.kc-pickup{margin:6px 0 4px;padding:7px 10px;border-radius:10px;font-size:13px;font-weight:700;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.35);color:var(--text);}
.kc-pickup span{font-weight:600;color:var(--muted);}
.kc-pickup.soon{background:rgba(234,179,8,.14);border-color:rgba(234,179,8,.45);}
.kc-pickup.late{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.45);}
.kc-pickup.late span{color:#ef4444;}

/* Mutfağa gönderilen ürün satırı: dar ekranda saat/garson/iptal alt satıra iner, ürün adı harf harf kırılmaz. */
.sent-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px;}
.sent-name{flex:1 1 180px;min-width:0;overflow-wrap:break-word;}
.sent-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;margin-left:auto;}

/* Sipariş ekranı: sık satılanlar, not çipleri, aynısından */
.pp-quick{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;margin-bottom:6px;scrollbar-width:thin;align-items:center;}
.pp-quick-h{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--muted);margin-right:2px;}
.pp-quick-b{flex:0 0 auto;width:auto;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 12px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 18%,var(--panel2)),var(--panel2));color:var(--text);border:1px solid var(--border);font-weight:800;font-size:13px;white-space:nowrap;}
.pp-quick-b small{font-weight:600;font-size:11px;color:var(--muted);}
.pp-quick-b:active{transform:scale(.97);}
.note-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;}
.note-chip{width:auto;margin:0;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--panel2);color:var(--muted);border:1px solid var(--border);box-shadow:none;}
.note-chip.on{background:var(--accent);color:var(--btn-ink);border-color:var(--accent);}
.repeat-btn{width:auto !important;margin:0 !important;padding:4px 10px !important;font-size:12px !important;}

/* Satış kanalları / hizmet hızı */
.cs-share{display:flex;height:22px;border-radius:999px;overflow:hidden;gap:2px;margin:6px 0 10px;}
.cs-share i,.cs-hstack i{display:block;min-width:3px;}
.cs-hours{display:flex;align-items:flex-end;gap:4px;height:170px;padding-top:8px;}
.cs-hbar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;}
.cs-hstack{width:100%;max-width:28px;display:flex;flex-direction:column-reverse;gap:2px;border-radius:6px 6px 0 0;overflow:hidden;}
.cs-hbar small{font-size:10px;color:var(--muted);margin-top:4px;}
.cs-row{display:grid;grid-template-columns:minmax(110px,1.2fr) 2fr auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);}
.cs-lbl{font-weight:700;font-size:13px;min-width:0;overflow-wrap:anywhere;}
.cs-lbl small{display:block;font-weight:500;color:var(--muted);font-size:11px;}
.cs-track{position:relative;height:12px;border-radius:999px;background:var(--panel2);}
.cs-avg{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--c1);}
.cs-p90{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text);opacity:.6;}

/* Yazıcı durum kartları ve yazdırma geçmişi */
.ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.ps-card{border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:14px;padding:12px 14px;background:var(--panel2);display:flex;flex-direction:column;gap:4px;}
.ps-card.ok{border-left-color:#22c55e;} .ps-card.err{border-left-color:#ef4444;background:color-mix(in srgb,#ef4444 8%,var(--panel2));}
.ps-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ps-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex:0 0 auto;}
.ps-card.ok .ps-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);} .ps-card.err .ps-dot{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.2);}
.ps-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;margin-top:4px;} .ps-stats .bad{color:#ef4444;}
.ps-err{font-size:12px;color:#ef4444;font-weight:600;}
.pl-list{display:flex;flex-direction:column;gap:6px;max-height:460px;overflow:auto;}
.pl-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);}
.pl-row.err{border-color:rgba(239,68,68,.45);}
.pl-main{flex:1;min-width:0;font-size:13px;overflow-wrap:break-word;} .pl-main small{display:block;font-size:11.5px;}
.pl-re{width:auto !important;margin:0 !important;padding:5px 10px !important;font-size:12px !important;}
/* ===== Sipariş penceresi yeniden tasarım: Finansal Analiz tarzı kartlı kategori menüsü,
   renk vurgulu ürün kartları, başlıkta toplam, mobilde alt sepet çubuğu ===== */
.order-modal{max-width:1280px;height:min(88vh,820px);}
.order-modal-grid{grid-template-columns:minmax(0,1fr) 370px;}
.pp-wrap.has-cats{grid-template-columns:210px minmax(0,1fr);gap:18px;}
.pp-cats{gap:4px;border-right:0;padding:8px;background:var(--panel2);border:1px solid var(--border);border-radius:16px;max-height:100%;overflow:auto;}
.pp-cat{display:flex;justify-content:flex-start;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid transparent;color:var(--text);font-weight:700;}
.pp-cat::before{display:none !important;}
.pp-cat .pp-cat-ic{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;font-size:17px;background:color-mix(in srgb,var(--mc) 18%,transparent);transition:transform .2s;}
.pp-cat-ic b{font-size:14px;color:var(--mc);background:none;padding:0;}
.pp-cat .pp-cat-t{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;line-height:1.2;text-align:left;}
.pp-cat-t span{font-size:13px;overflow-wrap:break-word;}
.pp-cat-t small{font-size:11px;color:var(--muted);font-weight:500;}
.pp-cat:hover{background:var(--panel);} .pp-cat:hover .pp-cat-ic{transform:scale(1.08) rotate(-4deg);}
.pp-cat.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 24%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--mc) 45%,transparent);box-shadow:inset 3px 0 0 var(--mc);}
.pp-cat.active .pp-cat-ic{background:var(--mc);color:#fff;} .pp-cat.active .pp-cat-ic b{color:#fff;}
.pp-search input{border-radius:14px;}
.pp-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));}
.pp-card{border-radius:16px;padding:14px 14px 12px 16px;background:linear-gradient(160deg,color-mix(in srgb,var(--mc) 9%,var(--panel2)),var(--panel2) 60%);overflow:hidden;}
.pp-card::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--mc);opacity:.85;}
.pp-card .pp-name{font-weight:800;font-size:14px;line-height:1.25;}
.pp-card .pp-price{font-weight:800;font-size:15px;color:var(--mc);filter:brightness(1.25);}
.pp-card.in{border-color:var(--mc);box-shadow:0 0 0 1px var(--mc),0 8px 20px rgba(0,0,0,.25);}
.order-modal-cart{border-radius:18px;padding:0 16px 14px;}
.om-cart-head{position:sticky;top:0;z-index:2;background:var(--panel2);margin:0 -16px 10px;padding:14px 16px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.om-cart-total{font-size:12.5px;font-weight:800;color:var(--btn-ink);background:var(--accent);border-radius:999px;padding:3px 10px;}
.om-cart-total:empty{display:none;}
.om-mbar{display:none;}
@media (max-width:900px){
  .order-modal{height:auto;}
  .order-modal-grid{grid-template-columns:minmax(0,1fr);}
  .pp-wrap.has-cats{grid-template-columns:1fr;gap:10px;}
  .pp-cats{flex-direction:row;overflow-x:auto;padding:6px;max-height:none;position:sticky;top:0;z-index:3;}
  .pp-cat{flex:0 0 auto;width:auto;padding:6px 10px 6px 6px;}
  .pp-cat .pp-cat-ic{width:30px;height:30px;flex-basis:30px;font-size:15px;}
  .pp-cat-t small{display:none;}
  .pp-cat.active{box-shadow:inset 0 -3px 0 var(--mc);}
  .pp-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
  /* Mobil: ürünler ve sepet ayrı görünür; alttaki çubukla geçiş */
  .order-modal .order-modal-cart{display:none;}
  .order-modal.om-show-cart .order-modal-cart{display:block;}
  .order-modal.om-show-cart .order-modal-menu{display:none;}
  .om-mbar{display:flex;align-items:center;gap:10px;width:100%;margin:12px 0 0;padding:11px 14px;border-radius:14px;background:var(--panel2);color:var(--text);border:1px solid var(--border);font-weight:700;font-size:14px;box-shadow:none;position:sticky;bottom:64px;z-index:4;}
  .om-mbar.has{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));color:var(--btn-ink);border-color:transparent;}
  .om-mbar-n{min-width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.2);font-size:13px;}
  .om-mbar b{margin-left:auto;}
}

/* Yazıcı Ayarları › Fiş Tasarımı: ayar kartları ızgarada, önizleme sağda sabit; sayfa yana taşmaz */
.td-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:20px;align-items:start;}
.td-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:start;min-width:0;}
.td-form > .settings-section{margin:0 !important;min-width:0;}
.td-form .td-wide{grid-column:1/-1;}
.td-save{display:flex;gap:10px;position:sticky;bottom:0;z-index:2;padding:10px 0 2px;background:linear-gradient(transparent,var(--panel) 35%);}
.td-prev{position:sticky;top:14px;min-width:0;}
.td-prev #ticketPreview{max-width:100%;}
.pr-content{min-width:0;} .pr-content > .box{max-width:100% !important;overflow-x:hidden;}
details.pr-note summary{list-style:none;} details.pr-note summary::-webkit-details-marker{display:none;}
@media (max-width:1100px){.td-layout{grid-template-columns:minmax(0,1fr);} .td-prev{position:static;order:-1;}}
/* Bölüm geçiş efekti (bkz. paneAnim) */
@keyframes paneIn{from{opacity:0;transform:translateY(12px) scale(.995);}to{opacity:1;transform:none;}}
.pane-anim > :not([style*="display: none"]):not([style*="display:none"]){animation:paneIn .38s cubic-bezier(.2,.8,.2,1) both;}
.pane-anim > :nth-child(2){animation-delay:.04s;} .pane-anim > :nth-child(3){animation-delay:.08s;} .pane-anim > :nth-child(n+4){animation-delay:.12s;}
@media (prefers-reduced-motion:reduce){.pane-anim > *{animation:none !important;}}

/* Yardım: soru başlıkları */
.help-q{border-top:1px solid var(--border);}
.help-q-h{cursor:pointer;display:flex;justify-content:space-between;gap:10px;padding:12px 4px;font-weight:700;border-radius:10px;transition:background .15s;}
.help-q-h:hover{background:var(--panel2);}
.help-q-ic{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);color:var(--accent);font-weight:800;}
.help-q.open .help-q-ic{background:var(--accent);color:var(--btn-ink);}
.help-answer{padding:0 4px 14px;line-height:1.6;font-size:14px;animation:paneIn .3s cubic-bezier(.2,.8,.2,1) both;}

/* İkram kartı */
.pk.pk-is-comp{border-color:color-mix(in srgb,#a855f7 55%,var(--border));background:linear-gradient(160deg,color-mix(in srgb,#a855f7 12%,var(--panel)),var(--panel) 70%);}
.pk-comp{margin:-4px -6px 2px;padding:6px 10px;border-radius:12px;background:color-mix(in srgb,#a855f7 18%,transparent);color:var(--text);font-size:12.5px;font-weight:800;}
.pk-comp-cd{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#a855f7;color:#fff;font-size:12px;margin:0 2px;}
.pk-comp-done{animation:kcCancelOut 1s ease forwards;}

/* Mutfak kartında sipariş etiketi (Personel, Talebe…) */
.kc-tag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800;background:color-mix(in srgb,#a855f7 22%,transparent);color:#d8b4fe;border:1px solid color-mix(in srgb,#a855f7 45%,transparent);vertical-align:middle;}
:root[data-theme="light"] .kc-tag{color:#7e22ce;}

/* Sipariş paneli: müşteri butonu, boş sepet, etiket çipleri */
.om-cust-btn{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:var(--panel);color:var(--text);border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));text-align:left;box-shadow:none;transition:border-color .15s,background .15s;}
.om-cust-btn:hover{border-style:solid;background:color-mix(in srgb,var(--accent) 8%,var(--panel));}
.om-cust-ic{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,transparent);font-size:17px;}
.om-cust-btn b{display:block;font-size:13.5px;} .om-cust-btn small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;}
.om-cust-plus{margin-left:auto;font-weight:800;color:var(--accent);font-size:18px;}
.om-empty{padding:30px 12px;gap:6px;}
.om-empty-ic{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);border:2px dashed color-mix(in srgb,var(--accent) 35%,var(--border));margin-bottom:6px;animation:cwFloat 3s ease-in-out infinite;}
.om-empty small{margin-top:4px;font-size:11.5px;color:var(--muted);}
.of-box{margin-top:14px;padding:12px;border-radius:14px;background:var(--panel);border:1px solid var(--border);}
.gp-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--border);font-weight:700;}
.gp-step{display:flex;align-items:center;gap:6px;}
.gp-step button{width:38px;height:38px;margin:0;padding:0;border-radius:12px;font-size:20px;line-height:1;}
.gp-step b{min-width:34px;text-align:center;font-size:18px;}
.of-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px;}
.of-head span{font-size:12.5px;font-weight:800;} .of-head small{font-size:11px;color:var(--muted);}
.of-chips{display:flex;flex-wrap:wrap;gap:8px;}
.of-chip{position:relative;margin:0;cursor:pointer;}
.of-chip input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
.of-chip span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--panel2);border:1.5px solid var(--border);color:var(--text);transition:all .15s;}
.of-chip:hover span{border-color:color-mix(in srgb,#a855f7 50%,var(--border));}
.of-chip input:checked + span{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(168,85,247,.35);}
.of-chip input:checked + span::after{content:"✓";font-weight:900;}
.of-chip input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px;}

/* ===== Sipariş penceresi cilası ===== */
.order-modal{position:relative;overflow:hidden;background:radial-gradient(1200px 300px at 0% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),radial-gradient(900px 300px at 100% 100%,color-mix(in srgb,#a855f7 7%,transparent),transparent 60%),var(--panel);}
.order-modal::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--c1),var(--c2),#a855f7,var(--c3));opacity:.9;}
.order-modal > div:first-child{flex-wrap:wrap;align-items:flex-start !important;}
.order-modal > div:first-child h2{display:flex;align-items:center;gap:10px;}
.order-modal.om-table > div:first-child h2::before{content:"🪑";width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--accent) 18%,transparent);}
.om-sub{order:3;flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px;} .om-table .om-sub{margin-left:48px;}
.om-sub span{font-size:12px;font-weight:700;color:var(--muted);background:var(--panel2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;}
.om-sub .om-sub-tag{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:transparent;}
.pp-search input{padding-left:14px;border-radius:14px;border:1.5px solid var(--border);transition:border-color .15s,box-shadow .15s;}
.pp-search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);}
.pp-quick-b{border:1.5px solid color-mix(in srgb,#f59e0b 35%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 14%,var(--panel2)),var(--panel2));transition:transform .12s,border-color .15s;}
.pp-quick-b:hover{transform:translateY(-2px);border-color:#f59e0b;}
.pp-card{transition:transform .14s ease,box-shadow .18s ease,border-color .15s;}
.pp-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--mc) 50%,transparent);}
.pp-card::after{display:none;}
.pp-plus{width:32px;height:32px;border-radius:50%;font-size:18px;background:var(--mc);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--mc) 45%,transparent);}
.pp-card.off .pp-plus{display:none;}
.pp-card .pp-qty{background:var(--mc) !important;color:#fff !important;box-shadow:0 0 0 3px var(--panel);}
.order-modal-cart{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--panel2)),var(--panel2) 40%);}
.order-modal .modal-sticky-actions{background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(8px);}
#confirmBtn:not(:disabled){background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#7c3aed));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 35%,transparent);}
.om-cb-sum{margin-left:8px;padding:2px 10px;border-radius:999px;background:rgba(0,0,0,.18);font-weight:800;}
@media (max-width:600px){.om-sub,.om-table .om-sub{margin-left:0;} .order-modal.om-table > div:first-child h2::before{width:32px;height:32px;font-size:16px;}}

/* Gönderilecek ürünler (taslak sepet) */
.dc-box{margin:8px 0;padding:4px 2px;}
.dc-head{display:flex;justify-content:space-between;align-items:center;margin:0 4px 6px;}
.dc-title{font-weight:700;font-size:13px;color:var(--muted);} .dc-title b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--accent);color:var(--btn-ink);font-size:11.5px;margin-left:4px;padding:0 6px;}
.dc-clear{width:auto;margin:0;padding:4px 8px;font-size:12px;border-radius:8px;background:transparent;border:0;color:var(--muted);box-shadow:none;} .dc-clear:hover{color:var(--red);}
.dc-item{position:relative;padding:9px 4px 9px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);animation:osIn .25s ease both;}
.dc-item:last-of-type{border-bottom:0;}
.dc-item::before{content:"";position:absolute;left:2px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--mc);opacity:.85;}
.dc-item.dc-extra{padding-left:26px;padding-top:4px;padding-bottom:4px;}
.dci-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'info sum' 'info step';align-items:center;gap:4px 10px;}
.dci-info{grid-area:info;} .dci-sum{grid-area:sum;} .dci-step{grid-area:step;justify-self:end;}
.dci-info{min-width:0;} .dci-info b{display:block;font-size:13.5px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;} .dci-info small{font-size:11.5px;color:var(--muted);}
.dci-step{display:flex;align-items:center;gap:2px;background:var(--panel2);border-radius:999px;padding:2px;}
.dci-step button{width:26px;height:26px;margin:0;padding:0;border-radius:50%;font-weight:800;font-size:14px;background:transparent;color:var(--text);border:0;box-shadow:none;}
.dci-step button:last-child{background:var(--mc);color:#fff;}
.dci-step span{min-width:20px;text-align:center;font-weight:800;font-size:13px;}
.dci-sum{font-weight:800;font-size:13.5px;text-align:right;white-space:nowrap;}
.dc-note{margin-top:5px;font-size:12px;font-weight:600;color:#f59e0b;}
.dc-note-btn{display:inline;width:auto;margin:0;padding:0;font-size:11.5px;font-weight:700;background:none;color:var(--accent);border:0;box-shadow:none;}
.dc-note-btn.on,.dc-note-btn:hover{text-decoration:underline;}
.dc-note-edit{margin-top:8px;animation:paneIn .25s ease both;} .dc-note-edit input{margin:0 0 6px;font-size:12.5px;padding:7px 10px;border-radius:10px;}
.dc-total{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 4px 2px;border-top:1px dashed var(--border);} .dc-total span{color:var(--muted);font-weight:700;} .dc-total b{font-size:18px;}
@media (max-width:600px){.om-cb-sum{display:none;}}

.pts-box{margin-top:8px;padding:10px;border-radius:12px;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);display:flex;flex-direction:column;gap:6px;}
.pts-line{font-size:13px;} .pts-left{font-size:12.5px;color:var(--muted);}
.pts-pay{margin:0;padding:10px;border-radius:12px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:0;box-shadow:0 6px 16px rgba(245,158,11,.35);}

/* Yeni rezervasyon formu */
.rvf{border-radius:20px;padding:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 10%,var(--panel)),var(--panel) 60%);border:1.5px solid color-mix(in srgb,var(--c1) 35%,var(--border));}
.rvf-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.rvf-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--c1) 20%,transparent);}
.rvf-head b{display:block;font-size:16px;} .rvf-head small{color:var(--muted);font-size:12.5px;}
.rvf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;}
.rvf-sec{background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0;}
.rvf-sec input,.rvf-sec select{margin:0;border-radius:12px;}
.rvf-t{font-size:12.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;}
.rvf-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.rvf-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.rvf-chip{width:auto;margin:0;padding:7px 12px;border-radius:12px;font-size:13px;font-weight:700;background:var(--panel);color:var(--text);border:1.5px solid var(--border);box-shadow:none;transition:all .15s;}
.rvf-chip:hover{border-color:color-mix(in srgb,var(--c1) 60%,var(--border));}
.rvf-chip.on{background:linear-gradient(135deg,var(--c1),color-mix(in srgb,var(--c1) 70%,#7c3aed));color:#fff;border-color:transparent;box-shadow:0 4px 12px color-mix(in srgb,var(--c1) 35%,transparent);}
.rvf-day{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:6px 10px;line-height:1.15;} .rvf-day small{font-size:10.5px;opacity:.8;font-weight:600;}
.rvf-n{min-width:40px;} .rvf-pin{width:72px !important;padding:7px 10px !important;}
.rvf-row{display:flex;align-items:center;gap:8px;} .rvf-row input{flex:1;}
.rvf-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap;}
.rvf-sum{font-size:13.5px;flex:1;min-width:200px;}
.rvf-save{width:auto;margin:0;padding:12px 22px;border-radius:14px;font-weight:800;font-size:14.5px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#7c3aed));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 35%,transparent);}
.rv-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 10px;}
@media (max-width:600px){.rvf-2{grid-template-columns:1fr;} .rvf-save{width:100%;}}

/* Açılır form penceresi (sheetHtml) */
.fsheet{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;padding:16px;}
.fsheet.open{display:flex;}
.fsheet-bg{position:absolute;inset:0;width:auto;margin:0;border:0;border-radius:0;background:rgba(5,8,15,.62);backdrop-filter:blur(3px);cursor:default;padding:0;}
.fsheet-panel{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel,#1b2130);border:1px solid var(--border);border-top:3px solid var(--t);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.45);animation:fsheetIn .22s ease;}
.fsheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;padding:14px 18px;background:inherit;border-bottom:1px solid var(--border);}
.fsheet-head b{font-size:17px;flex:1;}
.fsheet-ic{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--t) 18%,transparent);font-size:18px;}
.fsheet-x{width:34px;height:34px;margin:0;padding:0;border-radius:10px;background:transparent;border:1px solid var(--border);color:inherit;}
.fsheet-body{padding:16px 18px 18px;}
.fsheet-body .fsheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.fsheet-body .fsheet-grid .wide{grid-column:1/-1;}
.fsheet-body .field-group input,.fsheet-body .field-group select{margin:0;}
.fsheet-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;}
.fsheet-foot button{width:auto;margin:0;}
.fsheet-open{width:auto;margin:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;font-weight:700;}
body.fsheet-lock{overflow:hidden;}
.fsheet-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;}
@keyframes fsheetIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:none;}}
@media (max-width:600px){
  .fsheet{align-items:flex-end;padding:0;}
  .fsheet-panel{width:100%;max-height:92vh;border-radius:18px 18px 0 0;animation:fsheetUp .25s ease;}
  .fsheet-body .fsheet-grid{grid-template-columns:1fr;}
  .fsheet-foot button{flex:1;}
}
@keyframes fsheetUp{from{transform:translateY(100%);}to{transform:none;}}
.fsheet .rvf{border:0;padding:0;background:none;box-shadow:none;margin:0;}
.fsheet .rvf-head{display:none;}
.fsheet-body > .rvf-sec + .rvf-sec{margin-top:12px;}
.ig-st.low{color:#f59e0b;}
/* Kritik stok uyarısı (Satınalma Siparişleri) */
.ls-banner{border:1px solid color-mix(in srgb,#f59e0b 45%,transparent);background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 14%,transparent),transparent);border-radius:16px;padding:14px 16px;margin:0 0 14px;animation:fsheetIn .3s ease;}
.ls-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ls-head>div{flex:1;min-width:160px;} .ls-head b{display:block;font-size:15px;} .ls-head small{color:var(--muted);font-size:12px;}
.ls-ic{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,#f59e0b 22%,transparent);font-size:20px;}
.ls-btn{width:auto;margin:0;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#ea580c);}
.ls-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
@media (max-width:600px){.ls-btn{width:100%;}}
/* Gün sonu: kasa sayımı */
.cc-box{margin-top:16px;border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--panel);display:flex;flex-direction:column;gap:12px;max-width:520px;width:100%;}
.cc-h{display:flex;gap:10px;align-items:center;} .cc-h b{display:block;font-size:15px;} .cc-h small{color:var(--muted);font-size:12px;}
.cc-ic{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--c1) 18%,transparent);font-size:18px;}
.cc-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;align-items:end;}
.cc-grid input,.cc-box>input{margin:0;}
.cc-stat{border:1px solid var(--border);border-radius:12px;padding:8px 10px;min-height:46px;} .cc-stat small{display:block;color:var(--muted);font-size:11px;} .cc-stat b{font-size:15px;}
.cc-stat.neg{border-color:var(--danger,#ef4444);color:var(--danger,#ef4444);} .cc-stat.pos{border-color:#f59e0b;color:#f59e0b;} .cc-stat.ok{border-color:var(--ok,#22c55e);color:var(--ok,#22c55e);}
.cc-save{width:auto;margin:0;align-self:flex-end;}
.cc-list{border-top:1px dashed var(--border);padding-top:8px;display:flex;flex-direction:column;gap:6px;}
.cc-row{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;} .cc-row span{color:var(--muted);} .cc-row b.neg{color:var(--danger,#ef4444);} .cc-row b.pos{color:#f59e0b;}
@media (max-width:600px){.cc-grid{grid-template-columns:1fr 1fr;} .cc-grid .field-group{grid-column:1/-1;order:-1;} .cc-save{width:100%;}}
/* Kampanya ve kuponlar */
.pr-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.pr-card{border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:14px;padding:10px 12px;background:var(--bg2,transparent);}
.pr-card.live{border-left-color:var(--ok,#22c55e);} .pr-card.off{opacity:.6;}
.pr-top{display:flex;align-items:center;gap:10px;} .pr-kind{font-size:22px;} .pr-id{flex:1;min-width:0;} .pr-id b{display:block;}
.pr-id code{font-size:12px;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--c4) 20%,transparent);font-weight:700;letter-spacing:.5px;}
.pr-id small{color:var(--muted);font-size:12px;} .pr-st{font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--muted);} .pr-card.live .pr-st{color:var(--ok,#22c55e);}
.pr-desc{font-size:12.5px;color:var(--muted);margin:6px 0;}
.pr-acts{display:flex;gap:6px;flex-wrap:wrap;}
.pr-form{padding-top:2px;}
.pay-opt-tab.has-promo{position:relative;} .pay-opt-tab.has-promo::after{content:'🎉';position:absolute;top:-8px;right:-4px;font-size:13px;}
.promo-chip{border-color:color-mix(in srgb,var(--c4) 60%,transparent) !important;} .promo-chip.on{background:linear-gradient(135deg,var(--c4),var(--c1));color:#fff;}
.cp-row{margin-top:8px;}
/* Online rezervasyon ayarı */
.rv-online{border-color:color-mix(in srgb,var(--c2) 60%,transparent) !important;color:var(--c2);}
.olr-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;}
.olr-toggle input{position:absolute;opacity:0;width:0;height:0;}
.olr-sw{width:44px;height:26px;border-radius:999px;background:var(--border);position:relative;flex-shrink:0;transition:background .2s;}
.olr-sw::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;}
.olr-toggle.on{border-color:var(--ok,#22c55e);} .olr-toggle.on .olr-sw{background:var(--ok,#22c55e);} .olr-toggle.on .olr-sw::after{transform:translateX(18px);}
.olr-link{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--panel2);border-radius:14px;padding:12px;}
.olr-link img{width:120px;height:120px;border-radius:10px;background:#fff;padding:6px;flex-shrink:0;}
.olr-link>div{flex:1;min-width:200px;}
/* Ödeme sonrası kartı ve değerlendirme QR */
.ap-card{position:fixed;right:18px;bottom:18px;z-index:120;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--ok,#22c55e);border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px rgba(0,0,0,.35);width:min(340px,calc(100vw - 32px));animation:fsheetIn .25s ease;}
.ap-h{display:flex;align-items:center;gap:8px;} .ap-h b{flex:1;}
.ap-x{width:30px;height:30px;margin:0;padding:0;border-radius:9px;background:transparent;border:1px solid var(--border);color:inherit;}
.ap-acts{display:flex;gap:8px;margin-top:10px;} .ap-acts button{flex:1;width:auto;margin:0;padding:9px 10px;font-size:13px;}
.rq-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:130;padding:16px;}
.rq-box{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;max-width:340px;width:100%;text-align:center;}
.rq-h{display:flex;justify-content:space-between;align-items:center;} .rq-h h2{margin:0;font-size:18px;}
.rq-box p{font-size:13px;} .rq-box img{width:100%;max-width:260px;border-radius:10px;background:#fff;padding:8px;margin:4px 0 12px;} .rq-box button.ghost-btn{width:100%;margin:0;}
@media (max-width:600px){.ap-card{right:16px;left:16px;bottom:16px;width:auto;}}
/* Değerlendirmeler */
.rvw-sum{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:14px;}
.rvw-avg{text-align:center;} .rvw-avg b{display:block;font-size:38px;line-height:1;} .rvw-avg small{display:block;color:var(--muted);font-size:11.5px;margin-top:4px;}
.rvw-st{color:#f5b301;letter-spacing:1px;} .rvw-st i{font-style:normal;color:var(--border);}
.rvw-row{display:grid;grid-template-columns:28px 1fr 28px;gap:8px;align-items:center;font-size:12.5px;margin:3px 0;} .rvw-row b{text-align:right;}
.rvw-bar{height:8px;border-radius:99px;background:var(--panel2,rgba(127,127,127,.15));overflow:hidden;} .rvw-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f5b301,#f59e0b);}
.rvw-list{display:flex;flex-direction:column;gap:10px;}
.rvw-card{border:1px solid var(--border);border-left:4px solid var(--ok,#22c55e);border-radius:14px;padding:10px 12px;} .rvw-card.low{border-left-color:var(--danger,#ef4444);}
.rvw-card.new{box-shadow:0 0 0 2px color-mix(in srgb,var(--c3) 40%,transparent);}
.rvw-top{display:flex;justify-content:space-between;align-items:center;} .rvw-top small{color:var(--muted);font-size:11.5px;}
.rvw-card p{margin:6px 0 8px;font-size:14px;}
@media (max-width:600px){.rvw-sum{grid-template-columns:1fr;}}
@media (max-width:600px){.crm-hbtns{justify-content:flex-start !important;} .crm-hbtns > *{flex:1 1 auto !important;} .crm-hbtns #crmSearchInput{flex:1 1 100% !important;order:-1;}}
/* Sadakat seviyeleri düzenleyici */
.tier-box{border-top:1px dashed var(--border);margin-top:16px;padding-top:12px;}
.tier-row{display:grid;grid-template-columns:52px 1fr repeat(3,92px) 34px;gap:8px;align-items:end;margin-bottom:8px;}
.tier-row input{margin:0;} .tier-row .ti-icon{text-align:center;font-size:18px;padding:8px 4px;}
.tier-row label{font-size:11px;color:var(--muted);font-weight:700;display:flex;flex-direction:column;gap:3px;margin:0;}
.tier-row .pc-btn{height:40px;}
@media (max-width:600px){
  .tier-row{grid-template-columns:52px 1fr 1fr 1fr 40px;grid-template-areas:"ic nm nm nm x" "mn mn ml ds ds";padding:8px;border:1px solid var(--border);border-radius:12px;}
  .tier-row .ti-icon{grid-area:ic;} .tier-row .ti-name{grid-area:nm;} .tier-row .pc-btn{grid-area:x;}
  .tier-row label:nth-of-type(1){grid-area:mn;} .tier-row label:nth-of-type(2){grid-area:ml;} .tier-row label:nth-of-type(3){grid-area:ds;}
}
/* Kurye takibi (Paket Servis) */
.cr-row{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:7px;}
.cr-btn{width:auto;margin:0;padding:6px 10px;font-size:12px;border-radius:10px;}
.cr-btn.hot{background:linear-gradient(135deg,var(--c1),var(--c2));animation:crPulse 1.6s ease-in-out infinite;}
.cr-btn.ghost{background:transparent;border:1px solid currentColor;color:inherit;}
.pk-badge.cr-way{background:color-mix(in srgb,var(--c1) 18%,transparent);color:var(--c1);}
.pk-badge.cr-done{background:color-mix(in srgb,var(--ok,#22c55e) 18%,transparent);color:var(--ok,#22c55e);}
.table-cell.pk-way{background:color-mix(in srgb,var(--c1) 12%,transparent) !important;border-color:var(--c1) !important;color:var(--c1) !important;}
.table-cell.pk-delivered{background:color-mix(in srgb,var(--ok,#22c55e) 12%,transparent) !important;border-color:var(--ok,#22c55e) !important;color:var(--ok,#22c55e) !important;}
.cr-sum{border:1px solid var(--border);border-radius:12px;padding:10px 12px;} .cr-sum b{display:block;} .cr-sum small{color:var(--muted);}
.cr-sms{display:flex;gap:8px;align-items:center;margin:14px 0 0;font-size:13.5px;font-weight:600;} .cr-sms input{width:auto;margin:0;}
@keyframes crPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c1) 50%,transparent);}50%{box-shadow:0 0 0 6px transparent;}}
/* Puantaj & Prim */
.pr-wrap{overflow-x:auto;}
.pr-tbl{width:100%;border-collapse:collapse;font-size:13.5px;}
.pr-tbl th{text-align:left;font-size:11.5px;color:var(--muted);font-weight:700;padding:8px;border-bottom:1px solid var(--border);white-space:nowrap;}
.pr-tbl td{padding:8px 6px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;}
.pr-who{display:flex;gap:8px;align-items:center;} .pr-who b{display:block;} .pr-who small{color:var(--muted);font-size:11.5px;}
.pr-in{width:72px !important;margin:0 !important;padding:7px 9px !important;}
.pr-total{color:var(--c4);}
@media (max-width:700px){
  .pr-tbl thead{display:none;} .pr-tbl,.pr-tbl tbody,.pr-tbl tr,.pr-tbl td{display:block;width:100%;}
  .pr-tbl tr{border:1px solid var(--border);border-radius:14px;padding:8px 10px;margin-bottom:10px;}
  .pr-tbl td{border:0;padding:5px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;white-space:normal;}
  .pr-tbl td[data-l]:not([data-l="Personel"])::before{content:attr(data-l);color:var(--muted);font-size:12px;font-weight:700;}
  .pr-tbl td .pc-btn{width:100%;}
}
/* Klavye kısayolları */
.sc-k{display:inline-block;font:700 10px/1 ui-monospace,Consolas,monospace;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.18);color:inherit;opacity:.75;margin-right:6px;vertical-align:middle;border:1px solid rgba(255,255,255,.25);}
.pay-method-btn.cash .sc-k,.pay-method-btn.card .sc-k{position:absolute;top:8px;left:8px;margin:0;}
.pay-method-btn{position:relative;}
@media (hover:none),(max-width:820px){.sc-k{display:none;}}
.sc-list{display:flex;flex-direction:column;gap:8px;}
.sc-row{display:flex;align-items:center;gap:12px;} .sc-row span{font-size:14px;}
.sc-row kbd{min-width:46px;text-align:center;font:700 12px ui-monospace,Consolas,monospace;padding:6px 8px;border-radius:8px;background:var(--panel2,rgba(127,127,127,.15));border:1px solid var(--border);box-shadow:0 2px 0 var(--border);}
.kc-zone{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);margin-right:6px;white-space:nowrap;}
.hq-title{margin:22px 0 10px;font-size:15px;}
.hq-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-width:760px;}
.hq-card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--border);border-left:4px solid var(--sc);background:var(--panel);color:var(--text);cursor:pointer;box-shadow:none;width:auto;}
.hq-card:hover{transform:translateY(-1px);border-color:var(--sc);}
.hq-ic{font-size:24px;}
.hq-card b{display:block;font-size:14.5px;}
.hq-card small{display:block;color:var(--muted);font-size:12px;font-weight:500;}
/* Ana sayfa "Bugün" */
.hm-date{text-align:left;margin:-4px 0 12px;text-transform:capitalize;}
.hm-shift-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel);max-width:760px;}
.hm-shift-card .shift-status{margin:0;}
.hm-shift-card .sb-shift-btn{width:auto;margin:0;padding:8px 14px;}
.hm-shift-t{font-weight:800;font-size:13.5px;}
.hm-dur{margin-left:auto;font-weight:700;color:var(--muted);font-size:13px;}
.hm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-width:1100px;}
.hm-stat{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;box-shadow:none;width:auto;}
.hm-stat.warn{border-color:var(--amber,#f59e0b);background:color-mix(in srgb,var(--amber,#f59e0b) 10%,var(--panel));}
.hm-stat b{display:block;font-size:19px;line-height:1.15;}
.hm-stat small{display:block;color:var(--muted);font-size:12px;font-weight:600;}
.hm-sic{font-size:24px;}
.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:1100px;}
.hm-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:104px;padding:14px;border-radius:18px;border:1px solid var(--border);border-top:4px solid var(--sc);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;box-shadow:none;width:auto;}
.hm-tile:hover{transform:translateY(-2px);border-color:var(--sc);}
.hm-ic{font-size:30px;}
.hm-tile b{font-size:14px;line-height:1.25;}
.hm-sub{font-size:12px;font-weight:800;color:var(--danger,#ef4444);}
.hm-tile.has{box-shadow:0 0 0 2px color-mix(in srgb,var(--danger,#ef4444) 35%,transparent);}
@media (max-width:600px){.hm-grid{grid-template-columns:repeat(2,1fr);}.hm-stats{grid-template-columns:1fr 1fr;}}
/* ===== Mesajlar: modern renkli sohbet ===== */
.chat-v3.chat-modern{display:grid;grid-template-columns:360px 1fr;gap:0;border-radius:24px;overflow:hidden;background:var(--panel);border:1px solid var(--border);box-shadow:0 18px 44px rgba(0,0,0,.18);}
.chat-modern .chat-rail,.chat-modern .chat-stories,.chat-modern .chat-filters{display:none !important;}
.chat-modern .chat-list-wrap{border:0;border-radius:0;box-shadow:none;background:var(--panel);border-right:1px solid var(--border);}
.cm-head{padding:16px 16px 14px;color:#fff;background:linear-gradient(135deg,var(--accent),#6d28d9);}
.cm-me{display:flex;align-items:center;gap:10px;}
.cm-me-av{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-weight:800;font-size:17px;flex-shrink:0;}
.cm-me-t{flex:1;min-width:0;}
.cm-me-t b{display:block;font-size:17px;}
.cm-me-t small{display:block;font-size:12px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-new{width:36px;height:36px;padding:0;border-radius:12px;background:rgba(255,255,255,.2);color:#fff;border:0;font-size:20px;box-shadow:none;}
.cm-tabs{display:flex;gap:6px;margin-top:14px;}
.cm-tabs button{width:auto;flex:1;margin:0;padding:7px 8px;border-radius:999px;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:12.5px;font-weight:700;box-shadow:none;}
.cm-tabs button.on{background:#fff;color:#4c1d95;}
.cm-tabs i{font-style:normal;display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:10.5px;line-height:16px;}
.cm-search{padding:10px 12px 4px;}
.chat-modern .cm-search input{width:100%;margin:0;padding:9px 14px;border-radius:999px;font-size:13px;}
.chat-modern .chat-list{padding:4px 6px 12px;}
.chat-modern .chat-item.cm-row{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 4px;border-radius:18px;border:0;background:transparent;box-shadow:none;transform:none;cursor:pointer;}
.chat-modern .chat-item.cm-row:hover{background:color-mix(in srgb,var(--text) 5%,transparent);}
.chat-modern .chat-item.cm-row.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,#6d28d9 22%,transparent)) !important;box-shadow:none;}
.chat-modern .chat-item.cm-row.unread{background:transparent;box-shadow:none;}
.chat-modern .cm-row .chat-avatar,.chat-modern .cm-tile .chat-avatar{border-radius:16px !important;}
.cm-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.cm-name{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-prev{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-typing{color:var(--ok,#22c55e);}
.cm-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
.cm-when{font-size:11px;color:var(--muted);}
.cm-pill{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;}
.chat-modern .cm-row.unread .cm-prev{color:var(--text);font-weight:600;}
.chat-modern .cm-row.unread .cm-when{color:#8b5cf6;font-weight:700;}
.cm-addch{display:block;width:calc(100% - 16px);margin:10px 8px;padding:10px;border-radius:14px;border:1px dashed var(--border);background:transparent;color:var(--muted);font-weight:700;box-shadow:none;}
.cm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 6px;}
.cm-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:auto;margin:0;padding:14px 10px 10px;border-radius:18px;border:1px solid var(--border);background:var(--panel2);color:var(--text);box-shadow:none;cursor:pointer;min-width:0;}
.cm-tile:hover{border-color:var(--accent);transform:translateY(-2px);}
.cm-tile b{font-size:13.5px;margin-top:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-tile small{font-size:11px;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-bub{margin-top:6px;max-width:100%;padding:5px 9px;border-radius:12px 12px 12px 4px;background:var(--panel);font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-tbadge{position:absolute;top:8px;right:10px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;}
.cm-tile.unread{border-color:#8b5cf6;}
/* Sohbet alanı: desenli zemin + renkli baloncuklar */
.chat-modern .chat-pane{border:0;border-radius:0;box-shadow:none;background:var(--panel) radial-gradient(circle at 18% 18%,color-mix(in srgb,#6d28d9 10%,transparent),transparent 42%),radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 42%);}
.chat-modern .chat-thread{background:transparent;}
.chat-modern .chat-head{background:color-mix(in srgb,var(--panel) 80%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.chat-modern .chat-msg{background:var(--panel2);box-shadow:none;}
.chat-modern .chat-row.mine .chat-msg{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;}
.chat-modern .chat-input{margin:10px 14px 14px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);}
@media (max-width:760px){
  .chat-v3.chat-modern{grid-template-columns:1fr;border-radius:16px;}
  .chat-modern.has-conv .chat-list-wrap{display:none;}
  .chat-modern:not(.has-conv) .chat-pane{display:none;}
}
/* Zorunlu gün sonu kapanışı */
.dc-banner{display:flex;align-items:center;gap:10px;width:100%;max-width:1100px;margin:0 0 14px;padding:12px 16px;border-radius:14px;border:1px solid var(--danger,#ef4444);background:color-mix(in srgb,var(--danger,#ef4444) 10%,var(--panel));color:var(--text);text-align:left;font-size:14px;box-shadow:none;cursor:pointer;}
.dc-banner span{flex:1;}
.dc-banner.info{border-color:var(--amber,#f59e0b);background:color-mix(in srgb,var(--amber,#f59e0b) 10%,var(--panel));cursor:default;}
.dc-go{white-space:nowrap;color:var(--danger,#ef4444);}
.dc-gate{max-width:440px;margin:40px auto;text-align:center;padding:28px;border-radius:20px;border:1px solid var(--border);background:var(--panel);}
.dc-gate b{display:block;font-size:18px;margin:6px 0;}
.dc-gate button{width:auto;padding:10px 20px;margin-top:8px;}
.dc-sum{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 12px;border-radius:12px;background:var(--panel2);margin-bottom:12px;font-size:13.5px;}
/* Gün Sonu Kapanışları raporu */
.dcx-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.dcx-range{display:flex;gap:6px;}
.dcx-range button{width:auto;margin:0;padding:6px 12px;border-radius:999px;font-size:12.5px;background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none;}
.dcx-range button.on{background:var(--accent);color:#fff;border-color:var(--accent);}
.dcx-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:16px;}
.dcx-kpi{padding:12px 14px;border-radius:14px;border:1px solid var(--border);border-left:4px solid var(--sc);background:var(--panel);}
.dcx-kpi span{font-size:18px;}
.dcx-kpi b{display:block;font-size:20px;margin-top:2px;}
.dcx-kpi small{color:var(--muted);font-size:12px;}
.dcx-t{margin:18px 0 8px;font-size:14px;}
.dcx-cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:5px;}
.dcx-day{display:flex;flex-direction:column;align-items:center;padding:5px 0;border-radius:9px;font-size:12px;cursor:default;}
.dcx-day b{font-size:14px;line-height:1.1;}
.dcx-day small{font-size:10.5px;opacity:.8;}
.dc-ok{background:color-mix(in srgb,var(--ok,#22c55e) 18%,transparent);color:var(--ok,#16a34a);}
.dc-open{background:color-mix(in srgb,var(--danger,#ef4444) 18%,transparent);color:var(--danger,#dc2626);}
.dc-skip{background:color-mix(in srgb,var(--amber,#f59e0b) 22%,transparent);color:#b45309;}
.dc-none{background:var(--panel2);color:var(--muted);}
.dc-today{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);}
.dcx-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;color:var(--muted);}
.dcx-legend i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;font-style:normal;font-weight:800;margin-right:4px;}
.dcx-bars{display:flex;gap:8px;border:1px solid var(--border);border-radius:16px;padding:16px 14px 10px;background:var(--panel);}
.dcx-y{display:flex;flex-direction:column;justify-content:space-between;height:170px;margin-top:20px;font-size:10.5px;color:var(--muted);text-align:right;min-width:62px;padding-bottom:2px;}
.dcx-plot{flex:1;display:flex;align-items:flex-end;gap:4px;min-width:0;background:repeating-linear-gradient(to top,transparent 0,transparent 84px,color-mix(in srgb,var(--text) 7%,transparent) 84px,color-mix(in srgb,var(--text) 7%,transparent) 85px);}
.dcx-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default;}
.dcx-colv{position:relative;height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;}
.dcx-colv i{display:block;width:72%;max-width:26px;border-radius:6px 6px 2px 2px;background:currentColor;opacity:.85;transition:opacity .15s,transform .15s;}
.dcx-col:hover .dcx-colv i{opacity:1;transform:scaleX(1.12);}
.dcx-colv i.dcx-empty{height:3px;opacity:.35;}
.dcx-col.dc-none .dcx-colv i,.dcx-col.dc-today .dcx-colv i{opacity:.4;}
.dcx-diffw{height:16px;display:flex;align-items:center;}
.dcx-diff{font-size:10px;font-weight:800;padding:1px 4px;border-radius:5px;white-space:nowrap;}
.dcx-diff.neg{background:color-mix(in srgb,var(--danger,#ef4444) 18%,transparent);color:var(--danger,#ef4444);}
.dcx-diff.pos{background:color-mix(in srgb,var(--ok,#22c55e) 18%,transparent);color:var(--ok,#16a34a);}
.dcx-ic{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;font-size:11px;font-weight:800;background:color-mix(in srgb,currentColor 16%,transparent);}
.dcx-dl{font-size:10px;color:var(--muted);height:12px;white-space:nowrap;}
.dcx-col.dc-ok,.dcx-col.dc-open,.dcx-col.dc-skip,.dcx-col.dc-none,.dcx-col.dc-today{background:none;}
.dcx-zero{stroke:var(--muted);stroke-width:1;opacity:.6;}
.dcx-pos{fill:var(--ok,#22c55e);}
.dcx-neg{fill:var(--danger,#ef4444);}
.dcx-mark{font-size:12px;font-weight:800;}
.dcx-mark.dc-open{fill:var(--danger,#ef4444);} .dcx-mark.dc-skip{fill:#d97706;}
.dcx-lbl{font-size:9.5px;fill:var(--muted);}
.dcx-list{display:flex;flex-direction:column;gap:6px;}
.dcx-row{display:grid;grid-template-columns:130px 170px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);font-size:13px;}
.dcx-badge{padding:4px 8px;border-radius:8px;font-weight:800;font-size:12px;text-align:center;}
.dcx-d b{display:block;} .dcx-d small{color:var(--muted);font-size:11.5px;}
.dcx-n .neg{color:var(--danger,#ef4444);} .dcx-n .pos{color:var(--ok,#16a34a);}
.dcx-by{color:var(--muted);font-size:11.5px;text-align:right;}
@media (max-width:700px){.dcx-row{grid-template-columns:1fr;}.dcx-by{text-align:left;}}
/* Gün Sonu Kapanışları: hareket ve derinlik */
.dcx-kpi{position:relative;overflow:hidden;animation:dcxUp .5s ease backwards;transition:transform .2s,box-shadow .2s;}
.dcx-kpi:nth-child(2){animation-delay:.06s}.dcx-kpi:nth-child(3){animation-delay:.12s}.dcx-kpi:nth-child(4){animation-delay:.18s}.dcx-kpi:nth-child(5){animation-delay:.24s}
.dcx-kpi:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--sc) 22%,transparent);}
.dcx-kpi::after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sc) 22%,transparent),transparent 70%);}
.dcx-day{animation:dcxPop .35s ease backwards;animation-delay:calc(var(--i,0) * 18ms);transition:transform .15s;}
.dcx-day:hover{transform:scale(1.12);}
.dcx-colv i{transform-origin:bottom;animation:dcxGrow .8s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 28ms);background:linear-gradient(180deg,color-mix(in srgb,currentColor 100%,#fff 0%),color-mix(in srgb,currentColor 55%,transparent));box-shadow:0 0 0 0 currentColor;}
.dcx-col:hover .dcx-colv i{transform:scaleX(1.15);box-shadow:0 0 16px -2px currentColor;opacity:1;}
.dcx-col.dc-open .dcx-colv i{animation:dcxGrow .8s cubic-bezier(.2,.8,.2,1) backwards, dcxPulse 2.4s ease-in-out 1.2s infinite;animation-delay:calc(var(--i,0) * 28ms), calc(1.2s + var(--i,0) * 40ms);}
.dcx-diff,.dcx-ic{animation:dcxUp .4s ease backwards;animation-delay:calc(.5s + var(--i,0) * 28ms);}
.dcx-plot{position:relative;}
.dcx-tip{position:absolute;top:-6px;width:200px;padding:9px 11px;border-radius:12px;background:var(--panel);border:1px solid var(--border);box-shadow:0 14px 30px rgba(0,0,0,.28);font-size:12px;display:flex;flex-direction:column;gap:2px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s,left .12s;z-index:5;}
.dcx-tip.on{opacity:1;transform:none;}
.dcx-tip b{font-size:12.5px;} .dcx-tip span{color:var(--muted);}
.dcx-row{animation:dcxUp .4s ease backwards;transition:transform .15s,border-color .15s;}
.dcx-row:hover{transform:translateX(3px);border-color:var(--accent);}
@keyframes dcxGrow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
@keyframes dcxPop{from{opacity:0;transform:scale(.6);}to{opacity:1;transform:none;}}
@keyframes dcxUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@keyframes dcxPulse{0%,100%{opacity:.85;}50%{opacity:.5;}}
@media (prefers-reduced-motion: reduce){.dcx-kpi,.dcx-day,.dcx-colv i,.dcx-diff,.dcx-ic,.dcx-row{animation:none !important;}}
/* Gün Sonu: Günü Kapat düzeni */
.zc-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;}
.zc-main{display:flex;flex-direction:column;gap:12px;}
.zc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.zc-head h3{margin:0;font-size:19px;} .zc-head small{color:var(--muted);}
.zc-hist{width:auto;padding:7px 12px;font-size:12.5px;}
.zc-status{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--border);animation:dcxUp .4s ease backwards;}
.zc-status b{font-size:16px;display:block;} .zc-status small{color:var(--muted);font-size:12.5px;}
.zc-status>div:nth-child(2){flex:1;min-width:0;}
.zc-big{font-size:30px;}
.zc-status.ok{background:color-mix(in srgb,var(--ok,#22c55e) 12%,var(--panel));border-color:color-mix(in srgb,var(--ok,#22c55e) 45%,transparent);}
.zc-status.wait{background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,transparent);}
.zc-status.skip{background:color-mix(in srgb,var(--amber,#f59e0b) 12%,var(--panel));border-color:color-mix(in srgb,var(--amber,#f59e0b) 45%,transparent);}
.zc-res{text-align:right;} .zc-res b{font-size:20px;} .zc-res.neg b{color:var(--danger,#ef4444);} .zc-res.pos b{color:var(--ok,#16a34a);} .zc-res.ok b{color:var(--ok,#16a34a);}
.zc-step{display:flex;align-items:center;gap:12px;margin-top:8px;}
.zc-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--accent);color:#fff;flex-shrink:0;}
.zc-step b{display:block;font-size:14.5px;} .zc-step small{color:var(--muted);font-size:12.5px;}
.zc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.zc-stat{padding:12px 14px;border-radius:14px;border:1px solid var(--border);border-top:3px solid var(--sc);background:var(--panel);animation:dcxUp .4s ease backwards;}
.zc-stat span{font-size:18px;} .zc-stat small{display:block;color:var(--muted);font-size:12px;margin-top:2px;} .zc-stat b{display:block;font-size:18px;margin-top:2px;}
.zc-count{display:flex;align-items:stretch;gap:12px;}
.zc-exp,.zc-in{flex:1;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--panel);margin:0;}
.zc-exp small,.zc-in small{display:block;color:var(--muted);font-size:12.5px;font-weight:600;}
.zc-exp b{display:block;font-size:26px;margin-top:6px;}
.zc-in{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel));}
.zc-in span{display:flex;align-items:center;gap:6px;margin-top:4px;}
.zc-in input{flex:1;margin:0;padding:6px 0;border:0;background:transparent;font-size:26px;font-weight:800;box-shadow:none;outline:none;min-width:0;}
.zc-in em{font-style:normal;font-size:22px;font-weight:800;color:var(--muted);}
.zc-vs{align-self:center;font-size:22px;color:var(--muted);}
.zc-msg{padding:12px 14px;border-radius:14px;background:var(--panel2);font-size:13.5px;color:var(--muted);transition:background .2s,color .2s;}
.zc-msg.ok{background:color-mix(in srgb,var(--ok,#22c55e) 14%,transparent);color:var(--text);}
.zc-msg.neg{background:color-mix(in srgb,var(--danger,#ef4444) 13%,transparent);color:var(--text);}
.zc-msg.pos{background:color-mix(in srgb,var(--amber,#f59e0b) 15%,transparent);color:var(--text);}
.zc-note{margin:0;}
.zc-close{padding:15px;font-size:16px;font-weight:800;border-radius:16px;background:linear-gradient(135deg,var(--accent),#6d28d9);color:#fff;border:0;}
.zc-close:hover{filter:brightness(1.08);transform:translateY(-1px);}
.zc-more summary{cursor:pointer;color:var(--muted);font-size:13px;margin:6px 0;}
.zc-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:10px;}
.zc-side-t{font-weight:800;font-size:13.5px;color:var(--muted);}
.zc-side .an-z{max-width:none;margin:0;font-size:12px;}
.zc-acts{display:flex;gap:8px;} .zc-acts button{flex:1;width:auto;padding:9px 8px;font-size:13px;}
@media (max-width:1100px){.zc-wrap{grid-template-columns:1fr;}.zc-side{position:static;}}
@media (max-width:640px){.zc-stats{grid-template-columns:1fr 1fr;}.zc-count{flex-direction:column;}.zc-vs{transform:rotate(90deg);}}

.au-away .au-av i{background:transparent;border-color:#94a3b8;box-shadow:inset 0 0 0 2px var(--panel);}
/* İşletmenin kendi entegrasyon hesapları */
.ti-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:18px;}
.ti-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--panel);}
.ti-card label{font-size:12.5px;font-weight:700;color:var(--muted);margin-top:4px;}
.ti-card input,.ti-card select{margin:0;}
.ti-card>button{margin-top:10px;}
.ti-h{display:flex;align-items:center;gap:8px;font-size:16px;} .ti-h>span:first-child{font-size:22px;} .ti-h b{flex:1;}
.ti-st{font-size:11.5px;font-weight:700;color:var(--muted);padding:3px 8px;border-radius:999px;background:var(--panel2);}
.ti-st.ok{color:var(--ok,#16a34a);background:color-mix(in srgb,var(--ok,#22c55e) 14%,transparent);}
.ti-d{text-align:left;font-size:12.5px;margin:2px 0 4px;}
.ti-sw{display:flex;align-items:center;gap:8px;color:var(--text) !important;font-weight:600 !important;cursor:pointer;}
.ti-sw input{width:auto;}
.ti-one{max-width:560px;margin-top:12px;}
/* Entegrasyonlar: gruplu sade gezinme */
.int-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:16px;}
.int-group{padding:12px;border-radius:18px;border:1px solid var(--border);background:var(--panel);}
.int-gt{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:2px 4px 8px;}
.int-gl{display:flex;flex-direction:column;gap:4px;}
.int-row{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:9px 10px;border-radius:12px;border:0;background:transparent;color:var(--text);text-align:left;box-shadow:none;cursor:pointer;transition:background .15s;}
.int-row:hover{background:color-mix(in srgb,var(--text) 5%,transparent);}
.int-row.active{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 3px 0 0 var(--accent);}
.int-row .int-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:var(--panel2);flex-shrink:0;}
.int-row .int-txt{flex:1;min-width:0;} .int-row .int-txt b{display:block;font-size:13.5px;} .int-row .int-txt small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.int-row .int-st{font-size:11px;color:var(--ok,#22c55e);} .int-row.st-lock .int-st{color:var(--muted);}
#tiPay .ti-one{margin-top:18px;}
@media (max-width:1000px){.int-groups{grid-template-columns:1fr;}}
.ti-modes{display:flex;flex-direction:column;gap:6px;}
.ti-mode{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);cursor:pointer;color:var(--text) !important;font-weight:600 !important;margin:0 !important;}
.ti-mode input{width:auto;margin:0;grid-row:span 2;}
.ti-mode b{font-size:13.5px;} .ti-mode small{grid-column:2;font-size:12px;color:var(--muted);font-weight:500;}
.ti-mode.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);}

/* Online Sipariş kartı */
.oo-box{text-align:left;}
.oo-hero{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel));margin-bottom:14px;transition:.25s;}
.oo-hero.on{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 8px 30px -14px color-mix(in srgb,var(--accent) 60%,transparent);}
.oo-hero-ic{font-size:30px;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);flex-shrink:0;animation:ooBob 3s ease-in-out infinite;}
@keyframes ooBob{50%{transform:translateY(-3px) rotate(-4deg);}}
.oo-hero-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.oo-hero-t b{font-size:16px;} .oo-hero-t small{font-size:12.5px;color:var(--muted);line-height:1.45;}
.oo-switch{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0 !important;flex-shrink:0;}
.oo-switch input{position:absolute;opacity:0;width:0;height:0;}
.oo-track{width:50px;height:28px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);position:relative;transition:.25s;}
.oo-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:.25s cubic-bezier(.4,1.6,.6,1);}
.oo-switch input:checked+.oo-track{background:var(--accent);border-color:var(--accent);}
.oo-switch input:checked+.oo-track .oo-thumb{left:25px;}
.oo-switch em{font-style:normal;font-weight:700;font-size:13px;color:var(--muted);min-width:42px;}
.oo-switch input:checked~em{color:var(--accent);}
.oo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start;}
.oo-col{display:flex;flex-direction:column;gap:12px;min-width:0;}
.oo-share{display:flex;gap:16px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--panel);flex-wrap:wrap;}
.oo-qr{padding:10px;border-radius:16px;background:#fff;flex-shrink:0;box-shadow:0 6px 18px -8px rgba(0,0,0,.4);transition:transform .2s;}
.oo-qr:hover{transform:scale(1.04) rotate(-1deg);}
.oo-qr img{width:112px;height:112px;display:block;}
.oo-share-t{flex:1;min-width:180px;display:flex;flex-direction:column;gap:4px;}
.oo-share-t b{font-size:15px;} .oo-share-t small{font-size:12px;color:var(--muted);line-height:1.4;}
.oo-live{align-self:flex-start;font-size:11px;font-weight:800;color:var(--ok,#22c55e);background:color-mix(in srgb,var(--ok,#22c55e) 14%,transparent);padding:3px 9px;border-radius:999px;}
.oo-url{font-size:12.5px;font-family:ui-monospace,monospace;padding:7px 10px;border-radius:10px;background:var(--panel2);overflow-wrap:anywhere;margin-top:4px;}
.oo-btns{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;}
.oo-btns button,.oo-open{width:auto;margin:0;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700;}
.oo-open{border:1px solid var(--border);color:var(--text);text-decoration:none;display:inline-flex;align-items:center;}
.oo-open:hover{border-color:var(--accent);color:var(--accent);}
.oo-off{flex-direction:column;align-items:flex-start;gap:4px;border-style:dashed;}
.oo-off span{font-size:24px;} .oo-off small{color:var(--muted);font-size:12.5px;}
.oo-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.oo-chip{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;padding:12px;border-radius:16px;border:1px solid var(--border);background:var(--panel);color:var(--text);margin:0;width:auto;transition:.2s;}
.oo-chip span{grid-row:span 2;font-size:20px;} .oo-chip b{font-size:13px;} .oo-chip small{font-size:11.5px;color:var(--muted);font-weight:500;}
button.oo-chip{cursor:pointer;} button.oo-chip:hover{border-color:var(--accent);transform:translateY(-2px);}
.oo-chip-info{border-style:dashed;}
#ooPayCol #tiPay .ti-one{margin-top:0;max-width:none;}
#ooPayCol .ti-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
#ooPayCol .ti-mode{grid-template-columns:1fr;text-align:center;padding:12px 8px;transition:.2s;position:relative;}
#ooPayCol .ti-mode input{position:absolute;opacity:0;}
#ooPayCol .ti-mode b{font-size:13px;} #ooPayCol .ti-mode small{grid-column:1;font-size:11px;line-height:1.35;margin-top:3px;}
#ooPayCol .ti-mode:hover{transform:translateY(-2px);}
#ooPayCol .ti-mode.on{box-shadow:0 0 0 2px var(--accent) inset;}
@media (max-width:560px){.oo-hero{flex-wrap:wrap;} .oo-quick,#ooPayCol .ti-modes{grid-template-columns:1fr;} #ooPayCol .ti-mode{text-align:left;}}

/* e-Fatura / Pazaryeri / Muhasebe kartları */
.ix-box{text-align:left;}
.ix-sec{margin:14px 0 0;}
.ix-st{font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--muted);text-transform:uppercase;margin-bottom:8px;}
.ix-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;}
.ix-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:16px;border:1px solid var(--border);background:var(--panel);color:var(--text);margin:0;width:auto;text-align:left;cursor:pointer;transition:.2s;}
.ix-tile span{font-size:20px;margin-bottom:4px;} .ix-tile b{font-size:14px;} .ix-tile small{font-size:11.5px;color:var(--muted);font-weight:500;}
.ix-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));}
.ix-tile.on{box-shadow:0 0 0 2px var(--accent) inset;background:color-mix(in srgb,var(--accent) 8%,var(--panel));}
.ix-key label{display:none;}
.ix-key-in{display:flex;align-items:center;gap:10px;max-width:560px;}
.ix-key-in input{margin:0;flex:1;}
.ix-note{font-size:12px;color:var(--muted);margin:14px 0 0;padding:10px 12px;border-radius:12px;background:var(--panel2);}
.ix-save{max-width:220px;margin-top:14px;}
.ix-mk{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.ix-mk-c{padding:14px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--mk) 12%,var(--panel)),var(--panel) 60%);display:flex;flex-direction:column;gap:10px;transition:.2s;}
.ix-mk-c:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mk) 50%,var(--border));}
.ix-mk-c.ok{border-color:color-mix(in srgb,var(--mk) 55%,var(--border));}
.ix-mk-h{display:flex;align-items:center;gap:8px;} .ix-mk-h b{flex:1;font-size:14px;}
.ix-mk-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:color-mix(in srgb,var(--mk) 20%,transparent);}
.ix-mk-c input{margin:0;}
.ix-mk-h .ti-st{white-space:nowrap;}

.ix-st .ti-st{margin-left:8px;text-transform:none;letter-spacing:0;}
.ix-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 12px;}
.ix-form label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:4px;}
.ix-form input{margin:0;}
.ix-box .oo-hero>.ti-st{flex-shrink:0;}

/* Limitli hesaplar */
.al-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin-top:14px;}
.al-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:10px;text-align:left;}
.al-h{display:flex;align-items:center;gap:10px;} .al-h>span{font-size:22px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);}
.al-h div{flex:1;display:flex;flex-direction:column;} .al-h b{font-size:15px;} .al-h small{font-size:12px;color:var(--muted);}
.al-h em{font-style:normal;font-weight:800;font-size:13px;padding:3px 10px;border-radius:999px;background:var(--panel2);}
.al-list{display:flex;flex-direction:column;gap:8px;}
.al-row{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;border:1px solid var(--border);background:var(--panel2);transition:.2s;}
.al-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));}
.al-row.off{opacity:.5;}
.al-av{font-size:20px;} .al-main{min-width:0;display:flex;flex-direction:column;gap:3px;} .al-main b{font-size:14px;} .al-main small{font-size:11.5px;color:var(--muted);}
.al-bar{height:6px;border-radius:999px;background:color-mix(in srgb,var(--muted) 20%,transparent);overflow:hidden;margin-top:3px;}
.al-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--ok,#22c55e));transition:width .6s;}
.al-rem{text-align:right;display:flex;flex-direction:column;} .al-rem b{font-size:14px;} .al-rem small{font-size:11px;color:var(--muted);}
.al-act{display:flex;gap:4px;} .al-act button{width:auto;margin:0;padding:6px 8px;}
.al-empty{font-size:13px;padding:6px 2px;}
.al-form{border-top:1px dashed var(--border);padding-top:10px;}
.al-pick .of-chips{display:flex;flex-wrap:wrap;gap:6px;}
.al-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 11px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);width:auto;margin:0;cursor:pointer;}
.al-chip b{font-size:12.5px;} .al-chip small{font-size:10.5px;color:var(--muted);}
.al-chip.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;background:color-mix(in srgb,var(--accent) 12%,var(--panel2));}
.pk-al-over{background:color-mix(in srgb,#f59e0b 18%,transparent) !important;color:#f59e0b !important;}
.al-top{display:flex;align-items:center;gap:10px;} .al-main{flex:1;}
.al-bot{display:flex;align-items:center;justify-content:space-between;gap:8px;} .al-bot small{font-size:11.5px;color:var(--muted);}
.al-bar{margin-top:0;}

.xl-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 4px;}
.xl-btn{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;padding:8px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-weight:700;font-size:13px;cursor:pointer;transition:.2s;}
.xl-btn:hover{border-color:#16a34a;color:#16a34a;transform:translateY(-1px);}
.xl-btn span{font-size:14px;}
.xl-link{width:auto;margin:0;padding:6px 4px;background:none;border:none;color:var(--accent);font-weight:600;font-size:12.5px;cursor:pointer;text-decoration:underline;}

.al-users{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow:auto;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);}
.al-u{display:inline-flex;align-items:center;margin:0 !important;cursor:pointer;}
.al-u input{position:absolute;opacity:0;width:0;height:0;}
.al-u span{padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:var(--panel);font-size:12.5px;font-weight:600;color:var(--text);transition:.15s;}
.al-u input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff;}
.al-u input:checked+span::before{content:'✓ ';}
.al-uall{width:auto;margin:0;padding:6px 11px;border-radius:999px;border:1px dashed var(--accent);background:none;color:var(--accent);font-size:12.5px;font-weight:700;cursor:pointer;}

.al-search{margin:0;width:100%;}
.al-results{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:220px;overflow:auto;}
.al-hit{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:0;padding:8px 11px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;text-align:left;}
.al-hit:hover{border-color:var(--accent);} .al-hit b{font-size:13px;} .al-hit small{font-size:11.5px;color:var(--muted);}
.al-sel{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2));}
.al-sel div{flex:1;display:flex;flex-direction:column;} .al-sel b{font-size:13.5px;} .al-sel small{font-size:11.5px;color:var(--muted);} .al-sel-ic{font-size:20px;}
.al-x{width:auto;margin:0;padding:4px 9px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;}

.al-top-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;}
.al-top-bar .xl-bar{margin:0;}
.al-filter{flex:1;min-width:220px;margin:0;}

.fa-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:6px 0 12px;}
.fa-kpis div{padding:10px 12px;border-radius:14px;background:var(--panel2);display:flex;flex-direction:column;}
.fa-kpis b{font-size:17px;} .fa-kpis small{font-size:11.5px;color:var(--muted);}
.fa-list{display:flex;flex-direction:column;gap:8px;}
.fa-row{display:flex;gap:10px;align-items:flex-start;}
.fa-ic{font-size:18px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,#14b8a6 16%,transparent);flex-shrink:0;}
.fa-main{flex:1;min-width:0;} .fa-top{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;}
.fa-main small{font-size:11.5px;color:var(--muted);}
.fa-bar{height:7px;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent);margin:4px 0;overflow:hidden;}
.fa-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#14b8a6,var(--accent));animation:faGrow .8s ease-out;}
@keyframes faGrow{from{width:0 !important;}}

/* Garson kartı: değerler kesilmeden okunur */
.an-waiters .an-w-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.an-waiters .an-w-grid b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:14px;}
.an-waiters .an-w-grid>div.wide{grid-column:1/-1;}
.an-w-al{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#14b8a6 14%,transparent);border:1px solid color-mix(in srgb,#14b8a6 35%,transparent);}
.an-w-al>span{font-size:20px;} .an-w-al div{display:flex;flex-direction:column;flex:1;} .an-w-al .r{text-align:right;}
.an-w-al b{font-size:14px;} .an-w-al small{font-size:10.5px;color:var(--muted);}

.al-hit2{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;background:color-mix(in srgb,#14b8a6 8%,transparent);}
.al-hit2:hover{background:color-mix(in srgb,#14b8a6 16%,transparent);}

/* Genel Özet: grafik kutucukları */
.gx-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.gx-ring{display:flex;flex-direction:column;align-items:center;gap:3px;animation:gxIn .5s both;animation-delay:calc(var(--i)*80ms);}
.gx-ring-c{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--c) calc(var(--p)*1%),color-mix(in srgb,var(--muted) 18%,transparent) 0);}
.gx-ring-c::before{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--panel);}
.gx-ring-c span,.gx-ring-c b{position:relative;line-height:1;} .gx-ring-c span{font-size:15px;position:absolute;top:20px;} .gx-ring-c b{font-size:16px;margin-top:14px;}
.gx-ring small{font-size:12px;color:var(--muted);font-weight:600;} .gx-ring em{font-style:normal;font-weight:800;font-size:13px;}
.gx-foot{display:flex;justify-content:space-between;margin-top:12px;padding:8px 12px;border-radius:12px;background:var(--panel2);font-size:13px;}
.gx-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.gx-tile{padding:10px 12px;border-radius:14px;background:var(--panel2);display:flex;flex-direction:column;gap:2px;animation:gxIn .5s both;animation-delay:calc(var(--i)*70ms);}
.gx-tile span{font-size:16px;} .gx-tile b{font-size:16px;} .gx-tile small{font-size:11px;color:var(--muted);}
.gx-tile:first-child{grid-column:1/-1;background:linear-gradient(135deg,color-mix(in srgb,#a78bfa 18%,var(--panel2)),var(--panel2));} .gx-tile:first-child b{font-size:20px;}
.gx-hbars{display:flex;flex-direction:column;gap:10px;}
.gx-hb{animation:gxIn .5s both;animation-delay:calc(var(--i)*80ms);} .gx-hb-l{display:flex;justify-content:space-between;font-size:13px;}
.gx-hb-t{height:9px;border-radius:999px;background:color-mix(in srgb,var(--muted) 16%,transparent);margin:4px 0 2px;overflow:hidden;}
.gx-hb-t i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));animation:faGrow .9s ease-out;}
.gx-hb small{font-size:11px;color:var(--muted);}
.gx-tbl-wrap{overflow-x:auto;}
.gx-tbl{width:100%;border-collapse:collapse;font-size:13px;} .gx-tbl th{text-align:left;font-size:11.5px;color:var(--muted);font-weight:700;padding:8px;border-bottom:1px solid var(--border);white-space:nowrap;}
.gx-tbl td{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);white-space:nowrap;} .gx-tbl td small{display:block;font-size:11px;color:var(--muted);}
.gx-tbl tr:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent);}
.gx-cell-bar{position:relative;min-width:120px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--muted) 12%,transparent);overflow:hidden;display:flex;align-items:center;}
.gx-cell-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#14b8a666,#14b8a6);animation:faGrow .9s ease-out;} .gx-cell-bar b{position:relative;padding-left:8px;}
@keyframes gxIn{from{opacity:0;transform:translateY(6px);}}
.gx-rings{gap:6px;} .gx-ring{min-width:0;}
.gx-ring-c{width:100%;max-width:78px;height:auto;aspect-ratio:1;}
.gx-ring-c::before{inset:8px;} .gx-ring-c span{top:22%;font-size:13px;} .gx-ring-c b{font-size:14px;margin-top:12px;}
.gx-ring em{font-size:12px;white-space:nowrap;}

.om-csearch{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--panel2));transition:.2s;}
.om-csearch:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);}
.om-csearch input{flex:1;margin:0;border:none !important;background:transparent !important;box-shadow:none !important;padding:10px 4px;font-size:14px;}
.om-cs-ic{font-size:16px;}
.om-cs-sug{margin-bottom:10px;}

/* Limitli hesaplar: gösterge + halka + kişi kartları */
.lx-top{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1.3fr) minmax(220px,1fr);gap:14px;align-items:center;}
@media (max-width:1100px){.lx-top{grid-template-columns:1fr 1fr;} .lx-donut{grid-column:1/-1;}}
@media (max-width:640px){.lx-top{grid-template-columns:1fr;}}
.lx-gauge{display:flex;flex-direction:column;align-items:center;}
.lx-svg{width:100%;max-width:230px;} .lx-gt{font-size:20px;font-weight:800;fill:var(--text);} .lx-gs{font-size:10.5px;fill:var(--muted);}
.lx-arc{animation:lxArc 1.1s cubic-bezier(.3,1.2,.5,1) both;} @keyframes lxArc{from{stroke-dasharray:0 var(--len);}}
.lx-g-leg{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:11.5px;color:var(--muted);} .lx-g-leg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px;}
.lx-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.lx-k{position:relative;overflow:hidden;padding:12px;border-radius:16px;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 20%,var(--panel2)),var(--panel2) 70%);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);display:flex;flex-direction:column;gap:2px;animation:gxIn .5s both;animation-delay:calc(var(--i)*80ms);}
.lx-k span{font-size:18px;} .lx-k b{font-size:18px;} .lx-k small{font-size:11px;color:var(--muted);}
.lx-k::after{content:'';position:absolute;right:-18px;top:-18px;width:60px;height:60px;border-radius:50%;background:color-mix(in srgb,var(--c) 25%,transparent);}
.lx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:14px;}
.lx-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--panel2);border:1px solid var(--border);transition:.2s;animation:gxIn .5s both;animation-delay:calc(var(--i)*60ms);}
.lx-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 55%,var(--border));box-shadow:0 10px 24px -14px var(--c);}
.lx-ring{width:58px;height:58px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--c) calc(var(--p)*1%),color-mix(in srgb,var(--muted) 18%,transparent) 0);}
.lx-ring::before{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--panel2);} .lx-ring span{position:relative;font-size:20px;}
.lx-c-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;} .lx-c-main>b{font-size:14.5px;} .lx-c-main>small{font-size:11px;color:var(--muted);}
.lx-c-bar{height:7px;border-radius:999px;background:color-mix(in srgb,var(--muted) 16%,transparent);overflow:hidden;} .lx-c-bar i{display:block;height:100%;border-radius:999px;background:var(--c);animation:faGrow .9s ease-out;}
.lx-c-nums{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);} .lx-c-nums b{color:var(--text);}
.lx-diff{font-style:normal;font-size:11px;font-weight:700;color:#f59e0b;}
/* Personel detayı: limitten aldıkları */
.lx-sd{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:14px;align-items:center;}
@media (max-width:640px){.lx-sd{grid-template-columns:1fr;}}
.lx-items{display:flex;flex-wrap:wrap;gap:8px;}
.lx-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:var(--panel2);border:1px solid var(--border);animation:gxIn .5s both;animation-delay:calc(var(--i)*60ms);}
.lx-ie{font-size:20px;} .lx-item div{display:flex;flex-direction:column;} .lx-item b{font-size:13px;} .lx-item small{font-size:11px;color:var(--muted);}
.lx-item em{font-style:normal;font-weight:800;font-size:12px;padding:3px 8px;border-radius:999px;background:#14b8a6;color:#fff;}
.lx-none{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:14px;color:var(--muted);font-size:13px;} .lx-none span{font-size:28px;}
.lx-tl{margin-top:12px;border-left:2px dashed color-mix(in srgb,#14b8a6 45%,var(--border));padding-left:14px;display:flex;flex-direction:column;gap:10px;}
.lx-tl-r{position:relative;display:flex;gap:10px;align-items:center;animation:gxIn .5s both;animation-delay:calc(var(--i)*60ms);}
.lx-tl-r>i{position:absolute;left:-21px;width:12px;height:12px;border-radius:50%;background:#14b8a6;box-shadow:0 0 0 3px var(--panel);}
.lx-tl-r div{flex:1;display:flex;flex-direction:column;} .lx-tl-r b{font-size:13px;} .lx-tl-r small{font-size:11px;color:var(--muted);} .lx-tl-r span{font-weight:800;font-size:13px;}

.al-req{display:flex;gap:12px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--panel2);cursor:pointer;}
.al-req>span:last-child{display:flex;flex-direction:column;gap:2px;} .al-req b{font-size:14px;} .al-req small{font-size:12px;color:var(--muted);line-height:1.4;}
.al-req .oo-switch{flex-shrink:0;margin-top:2px !important;}

.al-off{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:14px;}
.al-off-c{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;border:1px dashed var(--border);background:var(--panel2);animation:gxIn .5s both;animation-delay:calc(var(--i)*90ms);}
.al-off-c span{font-size:26px;} .al-off-c b{font-size:14.5px;} .al-off-c small{font-size:12px;color:var(--muted);line-height:1.45;}
.al-on-btn{max-width:340px;}

.crm-vis,.al-ov{margin:12px 0;}
.al-ov{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
.crm-vis .gx-ring-c b{margin-top:0;}
.ch-row.crm-vis{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;} .crm-vis>.fs-panel{margin:0;}

.crm-miss{display:flex;flex-direction:column;gap:6px;}
.crm-miss-r{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;text-align:left;}
.crm-miss-r:hover{border-color:var(--accent);} .crm-miss-r b{font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm-miss-r span{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;} .crm-miss-r em{font-style:normal;font-size:10.5px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,#f59e0b 16%,transparent);color:var(--muted);}
.rvx-bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:16px;}
.rvx-b{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px;animation:gxIn .5s both;animation-delay:calc(var(--i)*50ms);}
.rvx-b i{width:100%;max-width:38px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--c1),color-mix(in srgb,var(--c1) 35%,transparent));transform-origin:bottom;animation:rvxUp .7s ease-out both;}
.rvx-b.past i{opacity:.4;} .rvx-b.now i{background:linear-gradient(180deg,#f59e0b,#f59e0b55);box-shadow:0 0 0 2px #f59e0b55;}
.rvx-b span{font-size:11px;font-weight:800;} .rvx-b small{font-size:10.5px;color:var(--muted);}
@keyframes rvxUp{from{transform:scaleY(0);}}

.os-viz .gx-ring-c{flex-shrink:0;} .os-old-l{display:flex;flex-direction:column;gap:1px;min-width:0;}
.os-old-l span{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .os-old-l span.warn{color:#f59e0b;} .os-old-l span.bad{color:#ef4444;}
.os-old-l span b{font-size:12px !important;font-weight:700;display:inline !important;}
.os-old-l span{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;line-height:1.35;}
.os-chip.os-viz{min-height:0;}

.rvz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:0 0 14px;}
.rvz-grid>.fs-panel{margin:0;}
.rvz-stack{background:linear-gradient(0deg,#ef4444 0,#ef4444 var(--ns),var(--c1) var(--ns),color-mix(in srgb,var(--c1) 40%,transparent) 100%) !important;}
.rvz-src{display:flex;gap:10px;justify-content:center;margin-top:8px;font-size:12px;color:var(--muted);} .rvz-src b{color:var(--text);}

.rvz-next{display:flex;flex-direction:column;gap:8px;}
.rvz-n{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:14px;background:var(--panel2);animation:gxIn .5s both;animation-delay:calc(var(--i)*70ms);}
.rvz-n>div:last-child{display:flex;flex-direction:column;} .rvz-n b{font-size:13.5px;} .rvz-n small{font-size:11px;color:var(--muted);}
.rvz-t{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:6px 8px;border-radius:12px;background:color-mix(in srgb,var(--c1) 16%,transparent);} .rvz-t b{font-size:16px;}
.rvz-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.wl-note{font-size:12.5px;color:var(--muted);margin:12px 2px 0;padding:8px 12px;border-radius:12px;background:var(--panel2);}

/* Doğum günü */
.bd-bg{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;animation:gxIn .25s both;}
.bd-card{position:relative;overflow:hidden;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;border-radius:24px;padding:22px;background:linear-gradient(160deg,color-mix(in srgb,#ec4899 14%,var(--panel)),var(--panel) 45%);border:1px solid color-mix(in srgb,#ec4899 35%,var(--border));box-shadow:0 30px 80px -20px rgba(0,0,0,.6);text-align:left;}
.bd-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.bd-confetti i{position:absolute;top:-12px;left:var(--x);width:8px;height:12px;border-radius:2px;background:var(--c);opacity:.85;animation:bdFall 2.6s ease-in calc(var(--i)*90ms) both;}
@keyframes bdFall{to{transform:translateY(420px) rotate(540deg);opacity:0;}}
.bd-head{position:relative;display:flex;gap:14px;align-items:center;margin-bottom:14px;}
.bd-cake{font-size:44px;animation:ooBob 2s ease-in-out infinite;} .bd-head h2{margin:0;font-size:19px;} .bd-head small{color:var(--muted);font-size:12.5px;}
.bd-list{position:relative;display:flex;flex-direction:column;gap:8px;}
.bd-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:var(--panel2);border:1px solid var(--border);animation:gxIn .45s both;animation-delay:calc(var(--i)*80ms + 200ms);}
.bd-row.is-today{border-color:color-mix(in srgb,#ec4899 55%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,#ec4899 12%,var(--panel2)),var(--panel2));}
.bd-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#ec4899,#f59e0b);flex-shrink:0;}
.bd-main{flex:1;min-width:0;} .bd-main b{font-size:14.5px;}
.bd-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
.bd-b{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--border);white-space:nowrap;}
.bd-b.today{background:#ec4899;color:#fff;border-color:#ec4899;} .bd-b.gift{background:color-mix(in srgb,#22c55e 18%,transparent);border-color:color-mix(in srgb,#22c55e 40%,transparent);}
.bd-b.soon{background:color-mix(in srgb,#6366f1 16%,transparent);} .bd-b.tier{border-color:var(--c);}
.bd-ph{font-size:11.5px;color:var(--muted);white-space:nowrap;}
.bd-foot{position:relative;display:flex;gap:10px;margin-top:16px;} .bd-foot button{flex:1;margin:0;}
.bd-hint{position:relative;font-size:11px;color:var(--muted);text-align:center;margin:8px 0 0;}
.bd-inline{display:flex;gap:10px;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,#ec4899 18%,var(--panel2)),var(--panel2));border:1px solid color-mix(in srgb,#ec4899 45%,var(--border));animation:gxIn .4s both;}
.bd-inline div{display:flex;flex-direction:column;} .bd-inline b{font-size:13.5px;} .bd-inline small{font-size:11.5px;color:var(--muted);}
.bd-cake-s{font-size:26px;animation:ooBob 2s ease-in-out infinite;}

.sk-wrap{display:flex;flex-direction:column;gap:12px;}
.sk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;}
.sk-chip,.sk-panel{border-radius:18px;background:linear-gradient(90deg,var(--panel2) 0%,color-mix(in srgb,var(--panel2) 60%,var(--panel)) 50%,var(--panel2) 100%);background-size:200% 100%;animation:skShine 1.2s linear infinite;border:1px solid var(--border);}
.sk-chip{height:72px;} .sk-panel{height:180px;} .sk-panel.tall{height:220px;}
@keyframes skShine{from{background-position:200% 0;}to{background-position:-200% 0;}}

.bd-one{max-width:440px;text-align:center;} .bd-one-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;}
.bd-one-c h2{margin:0;font-size:20px;} .bd-one-c p{margin:0;font-size:13px;color:var(--muted);} .bd-cake.big{font-size:64px;}
.bd-strip{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,#ec4899 18%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,#ec4899 45%,var(--border));animation:gxIn .4s both;}
.bd-strip-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;} .bd-strip-t b{font-size:14.5px;}
.bd-strip .bd-b{cursor:pointer;margin:0;width:auto;}
.pchip.bd-today-chip{background:linear-gradient(90deg,#ec4899,#f59e0b) !important;color:#fff !important;border:none !important;font-weight:800;animation:bdPulse 1.6s ease-in-out infinite;}
@keyframes bdPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,#ec4899 25%,transparent);}}

.tc-cust.tc-bday{display:inline-flex;gap:4px;align-items:center;padding:2px 8px;border-radius:999px;background:linear-gradient(90deg,#ec4899,#f59e0b);color:#fff !important;font-weight:700;animation:bdPulse 1.6s ease-in-out infinite;}
.tc-cust.tc-bday b{font-size:10.5px;}
.bill-dates{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:13px;} .bill-dates input{width:auto;margin:0;padding:7px 10px;} .bill-dates small{font-size:11.5px;}
.pchip.by-chip{background:color-mix(in srgb,#6366f1 14%,transparent);}
/* Masa Haritası · Genel Toplamlar */
.gt-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.gt-tile{padding:12px 14px;border-radius:14px;background:var(--panel2);display:flex;flex-direction:column;gap:3px;animation:gxIn .5s both;animation-delay:calc(var(--i)*70ms);}
.gt-tile span{font-size:18px;} .gt-tile b{font-size:22px;} .gt-tile small{font-size:12px;color:var(--muted);}
.gt-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .gt-two h4{margin:14px 0 4px;font-size:13px;color:var(--muted);font-weight:600;}
@media (max-width:760px){.gt-tiles{grid-template-columns:repeat(2,1fr);} .gt-two{grid-template-columns:1fr;}}
.fs-billlink{background:none;border:0;padding:2px 0;margin:0;width:auto;color:var(--c1);font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline dotted;}
.fs-billchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
/* Hammadde › Kullanıldığı Ürünler: arama/filtre */
.iu-tools{position:sticky;top:-20px;z-index:2;background:var(--panel);padding:8px 0 10px;margin-bottom:4px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;}
.iu-tools input#iuSearch{margin:0;}
.iu-row{display:flex;gap:8px;align-items:center;justify-content:space-between;} .iu-row select{margin:0;flex:1;}
.iu-only{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;} .iu-only input{width:auto;margin:0;}
.iu-menu{display:block;font-size:11px;}
.iu-edit{margin-top:12px;}
.gt-viz{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
.gt-vc{padding:12px;border-radius:14px;background:var(--panel2);} .gt-vc h4{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600;}
.gt-vc .lx-svg{max-width:220px;display:block;margin:0 auto;}
@media (max-width:900px){.gt-viz{grid-template-columns:1fr;}}
/* Menüler & İstasyonlar: yeni istasyon kartı taşmasın, renk kutusu küçük kalsın */
.st-new{border-style:dashed;box-shadow:none;}
.st-new .st-add input[type=color].st-col-color{width:44px;flex:0 0 44px;height:40px;}
.st-new .st-add button{margin:0;white-space:nowrap;}
.st-new .st-add input#newStName{margin:0;width:100%;}
/* İstasyon başlığı: ad tam genişlik, araçlar altta tek satır */
.st-col-head .st-col-name{font-size:16px;text-overflow:ellipsis;}
.st-col-tools{display:flex;align-items:center;gap:6px;padding:0 2px 8px;border-bottom:1px dashed var(--border);}
.st-col-tools .st-col-sub{flex:1;margin:0;padding:0;}
.st-col-tools .st-col-color{width:32px;height:32px;flex:0 0 32px;}
.st-col-tools .ico-btn{margin:0;}
/* Ürün düzenle: sağ panel yerine ortada açılır pencere (Yeni Ürün gibi) */
.pdrawer-wrap .pdrawer{top:50%;left:50%;right:auto;bottom:auto;width:min(720px,calc(100vw - 32px));max-height:min(90vh,820px);border:1px solid var(--border);border-radius:20px;overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.35);transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s;}
.pdrawer-wrap.open .pdrawer{transform:translate(-50%,-50%);opacity:1;}
.pdrawer-wrap .pdrawer-bg{backdrop-filter:blur(2px);}
@media (max-width:600px){.pdrawer-wrap .pdrawer{max-height:92vh;}}
.fs-billmodal{max-width:min(1000px,calc(100vw - 32px));width:100%;}
.fs-billmodal .settings-table td,.fs-billmodal .settings-table th{white-space:nowrap;}
/* Ürün İstatistikleri › Hammadde Tüketimi */
.iu-rep{display:flex;flex-direction:column;gap:8px;}
.iu-r{padding:10px 12px;border-radius:14px;background:var(--panel2);animation:gxIn .45s both;animation-delay:calc(var(--i)*50ms);}
.iu-r summary{list-style:none;cursor:pointer;} .iu-r summary::-webkit-details-marker{display:none;}
.iu-r-top{display:flex;justify-content:space-between;gap:10px;font-size:14px;} .iu-r-top span{font-weight:800;}
.iu-r-bar{display:flex;gap:2px;height:10px;margin:6px 0 4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent);overflow:hidden;}
.iu-r-bar i{display:block;height:100%;} .iu-r-bar .net,.iu-lg.net{background:var(--c1);} .iu-r-bar .fire,.iu-lg.fire{background:#f97316;}
.iu-r small{color:var(--muted);font-size:12px;} .iu-r-t{margin-top:8px;}
.iu-lg{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle;margin-right:4px;}
.ps-miss{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;} @media (max-width:800px){.ps-miss{grid-template-columns:1fr;}}
.ps-chips{display:flex;flex-wrap:wrap;gap:6px;} .ps-chips .pchip{cursor:pointer;margin:0;width:auto;} .ps-chips .pchip.off{opacity:.65;text-decoration:line-through;}
.ps-n{font-style:normal;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--panel2);font-size:12px;}
.sc-toggle{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13px;cursor:pointer;}
.ig-sort{width:auto;margin:0;padding:8px 12px;}
.tc-noguest{color:#fff !important;background:#ef4444;border-radius:999px;padding:2px 8px;display:inline-block;font-weight:700;font-size:11.5px;animation:tcPulse 1.6s ease-in-out infinite;}
@keyframes tcPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.5);}50%{box-shadow:0 0 0 6px rgba(239,68,68,0);}}
.ti-test{margin-top:14px;} .ti-test-row{display:flex;gap:8px;flex-wrap:wrap;} .ti-test-row input{flex:1;min-width:180px;margin:0;} .ti-test-row button{width:auto;margin:0;}
.vp-seg{margin-left:auto;} .vp-seg button{padding:5px 10px;font-size:12px;}
.pc2-sup{margin:0 0 2px;padding:4px 8px;width:auto;max-width:100%;font-weight:800;font-size:14px;background:transparent;border-color:transparent;}
.pc2-sup:hover,.pc2-sup:focus{background:var(--panel2);border-color:var(--border);} .pc2-sup.missing{color:#f59e0b;border-color:#f59e0b;border-style:dashed;}
/* Bildirimler › Kime Gitsin: rol matrisi */
.nm-tabs{margin:0 0 10px;} p.nm-help{text-align:left;font-size:13px;margin:0 0 12px;}
.nm-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:16px;}
.nm-table{width:100%;border-collapse:collapse;font-size:13px;}
.nm-table th{position:sticky;top:0;background:var(--panel2);padding:10px 8px;font-size:12px;font-weight:700;color:var(--muted);text-align:center;white-space:nowrap;}
.nm-table td{padding:8px;border-top:1px solid var(--border);text-align:center;}
.nm-table tr:hover td{background:color-mix(in srgb,var(--c1) 5%,transparent);}
.nm-table .nm-type{text-align:left;display:flex;align-items:center;gap:10px;min-width:240px;} .nm-table th.nm-type{display:table-cell;}
.nm-type b{display:block;font-size:13.5px;} .nm-type small{color:var(--muted);font-size:11.5px;}
.nm-ic{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);font-size:16px;}
.nm-cell{width:30px;height:30px;margin:0;padding:0;border-radius:9px;border:1.5px solid var(--border);background:transparent;color:#fff;font-weight:800;box-shadow:none;}
.nm-cell.on{background:var(--accent);border-color:var(--accent);}
.nm-cell:hover{border-color:var(--accent);filter:none;}
.nm-def .nm-type b{opacity:.75;}
.nm-act{white-space:nowrap;text-align:right !important;} .nm-mode{width:auto;margin:0 6px 0 0;padding:5px 8px;font-size:12px;}
.nm-reset{width:28px;height:28px;margin:0;padding:0;border-radius:8px;background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none;}
.nm-warn{margin-left:4px;}
/* SMS şablonları */
p.st-help{text-align:left;font-size:12.5px;margin:0 0 10px;}
.st-list{display:flex;flex-direction:column;gap:10px;}
.st-row{padding:12px;border-radius:14px;background:var(--panel2);border:1px solid var(--border);} .st-row.off{opacity:.6;}
.st-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;} .st-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--panel);font-size:16px;}
.st-t{flex:1;min-width:0;} .st-t b{display:block;font-size:14px;} .st-t small{color:var(--muted);font-size:12px;}
.st-row textarea{width:100%;margin:0;resize:vertical;font-size:13.5px;min-height:56px;}
.st-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;} .st-vars{display:flex;gap:4px;flex-wrap:wrap;flex:1;}
.st-vars .pchip{cursor:pointer;margin:0;width:auto;font-family:monospace;} .st-foot .pc-btn{margin:0;}
.st-save{width:auto;margin:0;padding:6px 12px;font-size:12.5px;display:inline-flex;gap:4px;align-items:center;}
.nm-sw{position:relative;width:42px;height:24px;margin:0;padding:0;border-radius:999px;border:0;background:color-mix(in srgb,var(--muted) 35%,transparent);box-shadow:none;transition:background .2s;}
.nm-sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s;}
.nm-sw.on{background:var(--accent);} .nm-sw.on i{transform:translateX(18px);}
.nm-sw:hover{filter:brightness(1.08);}
.sm-all{display:flex;gap:8px;align-items:center;margin:6px 0;cursor:pointer;} .sm-all input,.sm-row input{width:auto;margin:0;}
.sm-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow:auto;}
.sm-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--panel2);cursor:pointer;} .sm-row span{display:flex;flex-direction:column;} .sm-row small{color:var(--muted);font-size:12px;}
.sm-row.nophone{opacity:.5;cursor:not-allowed;}
/* SMS mesajları: sade liste, satıra dokununca düzenleme açılır */
.st-row{padding:0;overflow:hidden;} .st-row .st-head{margin:0;padding:10px 12px;gap:12px;}
.st-hit{flex:1;min-width:0;display:flex;align-items:center;gap:12px;margin:0;padding:0;background:none;border:0;box-shadow:none;color:var(--text);text-align:left;cursor:pointer;}
.st-hit:hover{filter:none;} .st-t{display:flex;flex-direction:column;gap:1px;min-width:0;}
.st-prev{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;}
.st-row.open .st-prev{display:none;}
.st-var{font-style:normal;padding:0 5px;border-radius:5px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:11.5px;}
.st-custom{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,#a855f7 20%,transparent);color:#a855f7;margin-left:4px;}
.st-chev{color:var(--muted);font-size:14px;}
.st-edit{padding:0 12px 12px;border-top:1px dashed var(--border);} .st-edit textarea{margin-top:10px;font-family:inherit;}
.st-btn{width:auto;margin:0;padding:6px 12px;font-size:12.5px;}
.us-selbar{display:flex;gap:8px;margin:0 0 8px;} .us-selbar .pc-btn{margin:0;}
/* Kullanıcılar: başlık ve tek satır araç çubuğu */
.us-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;} .us-top .xl-bar{margin:0;} .us-top .fsheet-open{margin:0;}
.us-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px;border-radius:14px;background:var(--panel2);border:1px solid var(--border);}
.us-bar #userSearch{max-width:260px;margin:0;flex:1 1 200px;} .us-sel{display:flex;gap:6px;} .us-sel .pc-btn{margin:0;} .us-info{font-size:12.5px;}
.us-bar .act-row{margin:0;}
.mt-lbl{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:10px 0 4px;} .st-edit input{margin:0;width:100%;}
.nm-colh{display:flex;flex-direction:column;align-items:center;gap:6px;} .nm-sw-sm{width:34px;height:20px;} .nm-sw-sm i{width:14px;height:14px;} .nm-sw-sm.on i{transform:translateX(14px);}

/* ===== Gönderilen SMS'ler (işletme) ===== */
.sl-wrap{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);}
.sl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.sl-head h3{margin:0;}
.sl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;}
.sl-stat{padding:12px 14px;border-radius:14px;background:var(--panel2,var(--panel));border:1px solid var(--border);}
.sl-stat small{display:block;font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.sl-stat b{font-size:22px;}
.sl-stat em{display:block;font-style:normal;font-size:11px;color:var(--muted);}
.sl-stat.ok b{color:var(--green,#22c55e);} .sl-stat.bad b{color:var(--red,#ef4444);}
.sl-chart-old{}
.sl-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:10px;}
.sl-filters select,.sl-filters input{margin:0;}
.sl-list{display:flex;flex-direction:column;gap:6px;}
.sl-row{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);cursor:pointer;}
.sl-row:hover{border-color:var(--accent,#06b6d4);}
.sl-when{font-size:12.5px;font-weight:700;} .sl-when small{display:block;color:var(--muted);font-weight:500;}
.sl-main{min-width:0;}
.sl-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px;}
.sl-type{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--panel2,rgba(127,127,127,.12));color:var(--muted);}
.sl-msg{font-size:12.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sl-row.open .sl-msg{white-space:normal;color:var(--text);}
.sl-meta{font-size:11.5px;color:var(--muted);margin-top:6px;}
.sl-st{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;}
.sl-st.ok{background:color-mix(in srgb,var(--green,#22c55e) 18%,transparent);color:var(--green,#22c55e);}
.sl-st.bad{background:color-mix(in srgb,var(--red,#ef4444) 18%,transparent);color:var(--red,#ef4444);}
.sl-st.warn{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#f59e0b;}
.sl-st.wait{background:rgba(127,127,127,.15);color:var(--muted);}
.sl-more{width:100%;margin-top:10px;} .sl-count,.sl-empty{text-align:center;font-size:12.5px;}
@media (max-width:700px){.sl-stats{grid-template-columns:1fr 1fr;} .sl-filters{grid-template-columns:1fr 1fr;} .sl-filters input{grid-column:1/-1;} .sl-row{grid-template-columns:1fr auto;} .sl-when{grid-column:1/-1;display:flex;gap:6px;}}

/* ===== İletişim kutuları: sekmeler + kategorili iki sütunlu mesaj kartları ===== */
.ct-tabs{display:flex;gap:6px;margin:16px 0 14px;padding:5px;border-radius:14px;background:var(--panel2,rgba(127,127,127,.1));border:1px solid var(--border);width:max-content;max-width:100%;overflow-x:auto;}
.ct-tabs button{width:auto !important;margin:0;padding:9px 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap;}
.ct-tabs button.on{background:var(--accent,#06b6d4);color:#fff;box-shadow:0 2px 10px color-mix(in srgb,var(--accent,#06b6d4) 35%,transparent);}
[data-ctgrp] > .ct-pane{display:none;}
[data-ctgrp][data-ct="conn"] > .ct-pane[data-pane="conn"],
[data-ctgrp][data-ct="tpl"] > .ct-pane[data-pane="tpl"],
[data-ctgrp][data-ct="log"] > .ct-pane[data-pane="log"],
[data-ctgrp][data-ct="optout"] > .ct-pane[data-pane="optout"]{display:block;}
.ct-pane .sl-wrap{margin-top:0;padding-top:0;border-top:0;}
.ct-cats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.ct-cats button{width:auto !important;margin:0;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12.5px;font-weight:700;cursor:pointer;}
.ct-cats button small{color:var(--muted);font-weight:600;margin-left:2px;}
.ct-cats button.on{border-color:var(--accent,#06b6d4);background:color-mix(in srgb,var(--accent,#06b6d4) 16%,var(--panel));}
.st-list.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px;align-items:start;}
.st-list.st-grid > .st-row{margin:0;}
.st-list.st-grid > .st-row.open{grid-column:1/-1;}
@media (max-width:520px){.st-list.st-grid{grid-template-columns:1fr;}}

/* SMS geçmişi: tıklanabilir kartlar + grafikler */
button.sl-stat{width:100% !important;margin:0;text-align:left;cursor:pointer;color:var(--text);font:inherit;transition:border-color .15s,transform .15s;}
button.sl-stat:hover{border-color:var(--accent,#06b6d4);transform:translateY(-1px);}
.sl-stat.on{border-color:var(--accent,#06b6d4);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#06b6d4) 35%,transparent);}
.sl-bar{display:block;height:5px;border-radius:9px;background:rgba(127,127,127,.2);margin:6px 0 2px;overflow:hidden;}
.sl-bar span{display:block;height:100%;background:var(--green,#22c55e);border-radius:9px;}
.sl-viz{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;margin-bottom:12px;}
.sl-viz > :only-child{grid-column:1/-1;}
.sl-panel{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel2,var(--panel));min-width:0;}
.sl-pt{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;}
.sl-pt span{text-transform:none;font-weight:600;display:flex;align-items:center;gap:5px;}
.dot{display:inline-block;width:9px;height:9px;border-radius:3px;} .dot.ok{background:var(--green,#22c55e);} .dot.bad{background:var(--red,#ef4444);margin-left:6px;}
.sl-chart{position:relative;display:flex;align-items:stretch;gap:2px;height:130px;padding-left:22px;}
.sl-ymax{position:absolute;left:0;top:0;font-size:10.5px;color:var(--muted);}
.sl-col{flex:1;min-width:0;width:auto !important;margin:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;border-radius:6px;}
.sl-col:hover:not(:disabled){background:rgba(127,127,127,.12);}
.sl-col:disabled{cursor:default;}
.sl-stack{width:min(70%,22px);min-height:2px;display:flex;flex-direction:column;border-radius:5px 5px 0 0;overflow:hidden;background:rgba(127,127,127,.18);}
.sl-stack i{display:block;width:100%;} .sl-stack i.ok{background:var(--green,#22c55e);} .sl-stack i.bad{background:var(--red,#ef4444);}
.sl-col small{height:14px;font-size:10px;color:var(--muted);white-space:nowrap;margin-top:3px;}
.sl-hbars{display:flex;flex-direction:column;gap:5px;}
.sl-hbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:center;width:100% !important;margin:0;padding:5px 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:12.5px;cursor:pointer;text-align:left;}
.sl-hbar:hover{background:rgba(127,127,127,.1);} .sl-hbar.on{border-color:var(--accent,#06b6d4);background:color-mix(in srgb,var(--accent,#06b6d4) 12%,transparent);}
.sl-hl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sl-ht{height:8px;border-radius:9px;background:rgba(127,127,127,.18);overflow:hidden;} .sl-ht i{display:block;height:100%;background:var(--accent,#06b6d4);border-radius:9px;}
.sl-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 4px 3px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent,#06b6d4) 16%,transparent);margin-left:6px;vertical-align:middle;}
.sl-chip button{width:auto !important;margin:0;padding:0 6px;border:0;background:transparent;color:inherit;cursor:pointer;}
@media (max-width:800px){.sl-viz{grid-template-columns:1fr;}}
.sl-col,.sl-hbar,button.sl-stat,.sl-chip button{box-shadow:none !important;}
.sl-col{border:0 !important;} .sl-hbar{border:1px solid transparent !important;} .sl-hbar.on{border-color:var(--accent,#06b6d4) !important;}
button.sl-stat{border:1px solid var(--border) !important;} button.sl-stat.on{border-color:var(--accent,#06b6d4) !important;}
/* Entegrasyon listesi: yalnızca gerçekten bağlı/açık olanlar yeşil */
.int-row .int-st{white-space:nowrap;}
.int-row.st-off .int-st{background:rgba(127,127,127,.14);color:var(--muted);}
.int-row.st-ok .int-st{background:color-mix(in srgb,var(--ok,#22c55e) 18%,transparent);color:var(--ok,#22c55e);}
.ti-missing{border-color:var(--red,#ef4444) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--red,#ef4444) 25%,transparent);}

/* ===== İptal & İkram Kontrolü ===== */
.lr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px;}
.lr-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100% !important;margin:0;padding:14px 16px;border-radius:16px;border:1px solid var(--border) !important;background:linear-gradient(150deg,color-mix(in srgb,var(--t) 14%,var(--panel)),var(--panel));color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:none !important;transition:transform .15s,border-color .15s;}
.lr-card:hover{transform:translateY(-1px);border-color:var(--t) !important;}
.lr-card.on{border-color:var(--t) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--t) 40%,transparent) !important;}
.lr-ic{position:absolute;right:14px;top:12px;font-size:22px;opacity:.85;}
.lr-card small{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
.lr-card b{font-size:22px;color:var(--t);} .lr-card em{font-style:normal;font-size:12px;color:var(--muted);}
.lr-warn{font-style:normal;font-size:11.5px;color:#f59e0b;margin-top:4px;}
.lr-staff{display:flex;flex-direction:column;gap:6px;}
.lr-srow{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;gap:10px;align-items:center;width:100% !important;margin:0;padding:6px 8px;border-radius:10px;border:1px solid transparent !important;background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;box-shadow:none !important;}
.lr-srow:hover{background:rgba(127,127,127,.1);} .lr-srow.on{border-color:var(--accent,#06b6d4) !important;background:color-mix(in srgb,var(--accent,#06b6d4) 10%,transparent);}
.lr-sn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;}
.lr-sbar{display:flex;height:12px;min-width:4px;border-radius:7px;overflow:hidden;background:rgba(127,127,127,.15);}
.lr-sbar i{display:block;height:100%;}
.lr-sv{text-align:right;line-height:1.15;} .lr-sv small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;}
.lr-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:26px;}
.lr-hours span{border-radius:4px;background:var(--danger,#ef4444);}
.lr-hlbl{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:2px;}
.sl-col.on{background:color-mix(in srgb,var(--accent,#06b6d4) 14%,transparent);}
.or-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;}
.or-opt{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel2,var(--panel));cursor:pointer;}
.or-opt input{width:auto;margin:3px 0 0;} .or-opt b{display:block;font-size:14px;} .or-opt small{color:var(--muted);font-size:12px;}
.or-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;} .or-actions > *{width:auto !important;margin:0 !important;}

@keyframes callPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}70%{box-shadow:0 0 0 26px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* Yükleniyor perdesi: açılış logosuyla aynı görünüm ama zıplamadan, yumuşak belirir. */
#loadingOverlay .splash-logo,#loadingOverlay .splash-name,#loadingOverlay .splash-sub{animation:none;}
.pw-cur{display:block;margin-top:5px;font-size:12px;font-weight:700;color:var(--accent,#06b6d4);word-break:break-all;}

/* Mobil uygulama açılışı: logo, Android açılış ekranındakiyle (129×160dp, tam ortada, açık zemin)
   birebir aynı yerde durur; geçiş fark edilmez. Yazılar logonun altında belirir. */
.native-app #splashScreen{background:#F7F7F5;}
.native-app #splashScreen .splash-logo{position:absolute;left:50%;top:50%;width:129px;height:160px;margin:-80px 0 0 -64.5px;animation:none;filter:none;object-fit:contain;}
.native-app #splashScreen .splash-name{position:absolute;left:0;right:0;top:calc(50% + 100px);margin:0;text-align:center;color:#25282b;}
.native-app #splashScreen .splash-sub{position:absolute;left:0;right:0;top:calc(50% + 140px);margin:0;text-align:center;color:#6b7280;}

/* Reçeteden maliyet */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;}
.rc-modal{max-width:620px;width:100%;max-height:86vh;overflow:auto;text-align:left;}
.rc-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent,#06b6d4) 10%,var(--panel));border:1px solid var(--border);font-size:13px;}
.rc-bar .pc-btn{width:auto;margin:0;}
.rc-list{display:flex;flex-direction:column;gap:4px;margin:8px 0;}
.rc-row{display:grid;grid-template-columns:1fr auto auto auto 90px;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:var(--panel2,var(--panel));font-size:13px;}
.rc-row small{text-align:right;font-weight:700;} .rc-row small.up{color:var(--red,#ef4444);} .rc-row small.down{color:var(--green,#22c55e);}
.rc-miss{font-size:13px;margin-top:8px;} .rc-miss div{margin:3px 0;}
.mic-row{display:flex;gap:6px;align-items:stretch;} .mic-row .mic-test{width:auto;margin:0;white-space:nowrap;}
.mic-meter{position:relative;height:8px;border-radius:6px;background:rgba(127,127,127,.18);overflow:visible;margin:-2px 0 4px;}
.mic-meter i{display:block;height:100%;width:0;border-radius:6px;transition:width .08s;}
.mic-meter[data-res]::after{content:attr(data-res);position:absolute;right:0;top:10px;font-size:11px;font-weight:700;color:var(--muted);}

/* Kurulum rehberi (ana ekran) */
.sk-card{margin:10px 0 16px;padding:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent,#06b6d4) 40%,var(--border));background:linear-gradient(150deg,color-mix(in srgb,var(--accent,#06b6d4) 12%,var(--panel)),var(--panel));text-align:left;}
.sk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.sk-head b{display:block;font-size:16px;} .sk-head small{color:var(--muted);font-size:12.5px;}
.sk-x{width:auto !important;margin:0 !important;padding:4px 9px !important;background:transparent !important;border:0 !important;box-shadow:none !important;color:var(--muted) !important;font-size:16px;cursor:pointer;}
.sk-bar{height:7px;border-radius:9px;background:rgba(127,127,127,.18);overflow:hidden;margin:10px 0 12px;} .sk-bar i{display:block;height:100%;background:var(--accent,#06b6d4);border-radius:9px;transition:width .4s;}
.sk-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;}
.sk-step{display:flex !important;align-items:center;gap:10px;width:100% !important;margin:0 !important;padding:10px 12px !important;border-radius:12px;border:1px solid var(--border) !important;background:var(--panel) !important;color:var(--text) !important;text-align:left;font-weight:400 !important;cursor:pointer;box-shadow:none !important;position:relative;}
.sk-step b{display:block;font-size:13.5px;} .sk-step small{display:block;font-size:11.5px;color:var(--muted);}
.sk-ic{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(127,127,127,.12);font-size:17px;}
.sk-step.ok{opacity:.65;} .sk-step.ok .sk-ic{background:color-mix(in srgb,var(--green,#22c55e) 22%,transparent);color:var(--green,#22c55e);font-weight:800;}
.sk-step.next{border-color:var(--accent,#06b6d4) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#06b6d4) 30%,transparent) !important;}
.sk-step em{position:absolute;right:10px;top:8px;font-style:normal;font-size:11px;font-weight:800;color:var(--accent,#06b6d4);}

/* Müşteri geri kazanım */
.wb-modal{max-width:760px;width:100%;max-height:90vh;overflow:auto;text-align:left;}
.wb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:6px 0 8px;}
.wb-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100% !important;margin:0 !important;padding:10px 12px !important;border-radius:14px;border:1px solid var(--border) !important;background:var(--panel2,var(--panel)) !important;color:var(--text) !important;font-weight:400 !important;box-shadow:none !important;cursor:pointer;overflow:hidden;}
.wb-card:disabled{cursor:default;opacity:1;}
.wb-card small{font-size:11.5px;color:var(--muted);font-weight:700;} .wb-card b{font-size:22px;color:var(--t);}
.wb-card i{position:absolute;left:0;bottom:0;height:4px;background:var(--t);}
.wb-card.on{border-color:var(--t) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--t) 35%,transparent) !important;}
.wb-stat{font-size:13px;margin:4px 0 10px;}
.wb-listhead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0;} .wb-listhead span{display:flex;gap:6px;} .wb-listhead .ghost-btn{width:auto;margin:0;padding:5px 10px;font-size:12.5px;}
.wb-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;}
.wb-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:var(--panel2,var(--panel));cursor:pointer;font-size:13px;}
.wb-row input{width:auto;margin:0;} .wb-n{flex:1;min-width:0;} .wb-n b{display:block;} .wb-n small,.wb-m small{display:block;font-size:11px;color:var(--muted);}
.wb-m{text-align:right;white-space:nowrap;}
.wb-compose{margin-top:12px;} .wb-compose textarea{width:100%;box-sizing:border-box;margin:4px 0 8px;}
.wb-send{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;} .wb-send > button{width:auto;margin:0;}

/* Şube karşılaştırma (şirket paneli) */
.bc-box{margin:0 0 14px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel2,var(--panel));text-align:left;}
.bc-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.bc-list{display:flex;flex-direction:column;gap:5px;}
.bc-row{display:grid;grid-template-columns:28px minmax(80px,160px) 1fr auto 52px;gap:8px;align-items:center;width:100% !important;margin:0 !important;padding:6px 8px !important;border-radius:10px;border:1px solid transparent !important;background:transparent !important;color:var(--text) !important;font-weight:400 !important;box-shadow:none !important;text-align:left;cursor:pointer;font-size:13px;}
.bc-row:hover{background:rgba(127,127,127,.1) !important;}
.bc-rank{text-align:center;font-weight:800;} .bc-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;}
.bc-t{position:relative;height:12px;border-radius:7px;background:rgba(127,127,127,.15);}
.bc-t i{display:block;height:100%;border-radius:7px;background:var(--accent,#06b6d4);}
.bc-t s{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text);opacity:.45;}
.bc-v{white-space:nowrap;} .bc-row small{font-size:11px;font-weight:700;} .bc-row small.up{color:var(--green,#22c55e);} .bc-row small.down{color:var(--red,#ef4444);}

/* Vardiya planı */
.sp-wk{min-width:170px;text-align:center}
.sp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.sp-card{background:var(--card2,rgba(127,127,127,.08));border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--muted)}
.sp-card span{display:block;font-size:20px;font-weight:700;color:var(--text)}
.sp-wrap{overflow-x:auto}
.sp-grid{width:100%;border-collapse:separate;border-spacing:3px;min-width:720px}
.sp-grid th{font-size:12.5px;font-weight:600;padding:6px 4px}
.sp-grid th small{display:block;font-weight:400;color:var(--muted);font-size:11px}
.sp-name{font-weight:600;white-space:nowrap}
.sp-cell{text-align:center;border-radius:8px;background:rgba(127,127,127,.06);padding:6px 4px;cursor:pointer;min-width:84px}
.sp-cell small{display:block;font-size:10.5px;color:var(--muted)}
.sp-today{background:rgba(34,197,94,.10)}
.sp-chip{display:inline-block;background:var(--c1,#3b82f6);color:#fff;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600}
.sp-add{color:var(--muted);font-size:18px}
.sp-bar{display:inline-block;width:60px;height:6px;border-radius:3px;background:rgba(127,127,127,.15);margin-right:6px;vertical-align:middle}
.sp-bar i{display:block;height:100%;border-radius:3px;background:var(--c1,#3b82f6)}
.sp-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.sp-modal{max-width:360px;width:calc(100% - 32px)}
.sp-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.sp-actions button{width:auto;margin:0}
.sp-mine{display:flex;gap:8px;overflow-x:auto;margin-bottom:8px}
.sp-mine-d{flex:0 0 auto;border-radius:10px;background:rgba(127,127,127,.06);padding:8px 10px;text-align:center;font-size:12.5px;display:flex;flex-direction:column;gap:4px}
.sp-mine-d small{color:var(--muted)}
.dc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:8px}
.dc-card{position:relative;display:flex;gap:10px;align-items:flex-start;padding:12px 30px 12px 12px;border-radius:12px;background:rgba(127,127,127,.06);border:1px solid rgba(127,127,127,.15);cursor:pointer;text-align:left}
.dc-card:hover{border-color:var(--c1,#3b82f6)}
.dc-ic{font-size:22px}
.dc-card small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.dc-x{position:absolute;top:6px;right:8px;color:var(--muted);font-size:12px;padding:2px 4px}

/* Yardımcı sınıflar (eski satır içi stillerin karşılığı; satır içi öncelik korunsun diye !important) */
.u-m0{margin:0 !important;}
.u-wa-m0{width:auto !important;margin:0 !important;}
.u-mwn{max-width:none !important;}
.u-f1{flex:1 !important;}
.u-fs12{font-size:12px !important;}
.u-f1-m0{flex:1 !important;margin:0 !important;}
.u-tl{text-align:left !important;}
.u-nw{white-space:nowrap !important;}
.u-tc{text-align:center !important;}
.u-fs125{font-size:12.5px !important;}
.u-fs11{font-size:11px !important;}
.u-mb8{margin:0 0 8px !important;}
.u-fw4{font-weight:400 !important;}
.u-fs13{font-size:13px !important;}
.u-mb10{margin:0 0 10px !important;}
.u-mt12{margin-top:12px !important;}
.u-xclose{cursor:pointer !important;color:var(--muted) !important;font-size:20px !important;}
.u-red{color:var(--red) !important;}
.u-mbb10{margin-bottom:10px !important;}
.u-row-sb{display:flex !important;justify-content:space-between !important;align-items:center !important;}
.u-accent{color:var(--accent) !important;}
/* Ortak entegrasyon bağlantıları */
.cx-box{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(127,127,127,.18)}
.cx-tile.cx-soon{opacity:.6}
.cx-on{color:#16a34a;font-weight:600}
.cx-sw{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.cx-url{margin:10px 0}.cx-url div{display:flex;gap:6px}.cx-url input{flex:1;margin:0;font-size:12px}.cx-url button{width:auto;margin:0}
.cx-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.cx-actions button{width:auto;margin:0}
.cx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}
.cx-stat{display:block;text-align:left;margin:0;width:auto;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.07);border:1px solid rgba(127,127,127,.15);color:var(--text);cursor:pointer}
.cx-stat b{display:block;font-size:19px}.cx-stat small{color:var(--muted);font-size:12px}
.cx-stat.cx-bad{border-color:rgba(220,38,38,.5)}.cx-stat.cx-bad b{color:var(--red)}
.cx-last{cursor:default}.cx-last b{font-size:14px}
.cx-err{color:var(--red);font-size:12.5px}
.cx-jobs{margin-top:6px}.cx-jh{display:flex;gap:8px;align-items:center;margin-bottom:6px}.cx-jh button{width:auto;margin:0 0 0 auto;padding:4px 10px}
.cx-job{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(127,127,127,.12);font-size:13px}
.cx-job>span:nth-child(2){flex:1}.cx-job small{display:block;color:var(--muted);font-size:11.5px}.cx-job button{width:auto;margin:0;padding:4px 10px}
/* Değerlendirme fotoğrafları */
.rvw-photos{display:flex;gap:6px;margin:6px 0 8px}
.rvw-ph{width:64px;height:64px;margin:0;padding:0;border-radius:10px;border:1px solid rgba(127,127,127,.25);background:rgba(127,127,127,.12) center/cover no-repeat;cursor:zoom-in}
.rvw-ph.err{cursor:default}
.rvw-big{position:relative;max-width:min(92vw,720px)}
.rvw-big img{max-width:100%;max-height:84vh;border-radius:14px;display:block}
.rvw-big .ap-x{position:absolute;top:8px;right:8px}
.page-sub{text-align:left;margin:-6px 0 14px;font-size:13px;max-width:900px}
.rvw-cb{background:rgba(245,158,11,.18)!important;color:#f59e0b!important;font-weight:700}
.ti-warn{border-color:rgba(245,158,11,.5)!important;background:rgba(245,158,11,.1)!important}
/* Mutfak kartı başlığı dar pencerede (masaüstü uygulaması) harf harf kırılmasın: bölge etiketi üst satıra, masa adı kelime kelime sarar. */
.kc-title{flex-wrap:wrap;row-gap:4px;align-items:center}
.kc-title .kc-zone{flex:0 0 100%;width:max-content;max-width:100%;margin-right:0;overflow:hidden;text-overflow:ellipsis}
.kb-grid .kc-title b,.kc-title b{word-break:normal!important;overflow-wrap:normal;min-width:0;line-height:1.15}
.kc-head .kc-pill,.kc-head .kc-print{flex:0 0 auto}
/* Sohbet başlığı (bulanık arka plan kendi katmanını açar) mesajların üstünde kalsın: ⋮ menüsü balonların arkasına düşmesin. */
.chat-head{z-index:20}
.chat-group-menu{z-index:30;max-height:min(70vh,420px);overflow:auto}
.chat-group-menu>.muted:first-child{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.of-locked .of-chip{cursor:not-allowed}.of-locked .of-chip input:not(:checked)+span{opacity:.45}
/* Kişi sayısı: masaüstünde sepette, mobilde (sepet gizliyken de) Onayla ve Gönder'in üstünde. */
.om-guest-m{display:none}
@media (max-width:900px){
  .om-guest-m{display:block;margin:10px 0 0}
  .om-guest-m .gp-box{margin:0}
  .order-modal-cart .gp-box[data-gp]{display:none}
}
.pk-cust{font-size:12.5px;font-weight:700;color:var(--accent);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-raw{margin-top:4px;font-size:11.5px;color:var(--muted)}.sl-raw summary{cursor:pointer}
.pk-time-in{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin:0;padding:0 4px}.pk-time-in input{width:auto;margin:0;padding:6px 8px}
.al-empty{margin:6px 0;padding:8px 10px;border-radius:10px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.45);color:#ef4444;font-size:12.5px;font-weight:600;line-height:1.4}
.pk-badge.warn{background:rgba(234,179,8,.18);color:#d97706;border-color:rgba(234,179,8,.5)}
.cor-when{margin-top:4px;font-size:12.5px;font-weight:700;color:var(--accent)}
.kc-pickup.ok{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.45)}
.pk-badge.ok{background:rgba(34,197,94,.14);color:#16a34a;border-color:rgba(34,197,94,.45)}

/* Platform admin login */
.adm-login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;
  background:radial-gradient(circle at 20% 15%,rgba(99,102,241,.35),transparent 45%),radial-gradient(circle at 85% 85%,rgba(236,72,153,.25),transparent 45%),#0b1020}
.adm-login-card{width:100%;max-width:400px;padding:34px 28px 22px;border-radius:22px;text-align:center;color:#e5e7eb;
  background:rgba(17,24,39,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.adm-login-logo{width:64px;height:64px;margin:0 auto 12px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;
  background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 10px 26px rgba(99,102,241,.45)}
.adm-login-badge{display:inline-block;font-size:11px;letter-spacing:.12em;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(99,102,241,.18);color:#a5b4fc}
.adm-login-card h1{margin:12px 0 4px;font-size:24px;color:#fff}
.adm-login-sub{margin:0 0 22px;color:#9ca3af;font-size:14px}
.adm-field{position:relative;display:block;margin-bottom:12px}
.adm-field .adm-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.75;pointer-events:none}
.adm-field input,.adm-otp{width:100%;box-sizing:border-box;padding:13px 44px 13px 42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);color:#fff;font-size:15px;margin:0}
.adm-field input:focus,.adm-otp:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.25)}
.adm-otp{padding:13px;text-align:center;letter-spacing:.5em;font-size:20px;margin-bottom:12px}
.adm-login-btn{width:100%;padding:13px;border:0;border-radius:12px;font-weight:700;font-size:15px;color:#fff;cursor:pointer;margin-top:4px;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 24px rgba(99,102,241,.35);transition:transform .15s,filter .15s}
.adm-login-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.adm-login-btn:disabled{opacity:.6;transform:none}
.adm-login-foot{margin-top:18px;font-size:12px;color:#6b7280}
.gp-box > span{display:flex;flex-direction:column;gap:4px}
.gp-rem{width:auto;margin:0;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:transparent;border:1px solid var(--border);color:var(--muted);box-shadow:none;align-self:flex-start}
.gp-rem i{font-style:normal;font-weight:800;margin-left:2px}
.gp-rem.on{border-color:rgba(16,185,129,.5);color:#10b981;background:rgba(16,185,129,.1)}
.pc-save-all{margin-left:auto !important;background:var(--accent);color:var(--btn-ink,#fff)}
/* Havale / EFT */
.tr-modal{max-width:460px;width:100%}
.tr-card{border:1px solid var(--border);border-radius:14px;padding:6px 14px;background:var(--panel2)}
.tr-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border)}
.tr-row:last-child{border-bottom:0}
.tr-row span{color:var(--muted);font-size:13px;min-width:96px}
.tr-row b{flex:1}
.tr-iban{font-family:monospace;font-size:15px;letter-spacing:.03em;word-break:break-all}
.tr-amt{font-size:18px;color:var(--accent)}
.tr-copy{width:auto!important;margin:0!important;padding:5px 10px!important;font-size:12px}
.tr-send{display:flex;gap:8px;margin-bottom:8px}
.tr-send input{flex:1;margin:0}
.tr-send button{width:auto;margin:0;padding:0 16px;white-space:nowrap}
.tr-done{width:100%;margin-top:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:800}
/* Ödeme yöntemleri: 3 ana kutucuk + 3 ikincil */
#payModalBg .pay-method-grid.pm3{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
#payModalBg .pm3 .pay-method-btn{position:relative;flex-direction:column;gap:4px;min-height:118px;padding:16px 10px 14px;border-radius:18px;color:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18);overflow:hidden}
#payModalBg .pm3 .pay-method-btn::after{content:'';position:absolute;right:-22px;top:-22px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.12)}
#payModalBg .pm3 .pay-method-btn .pm-ic{font-size:30px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
#payModalBg .pm3 .pay-method-btn b{font-size:16px;font-weight:800}
#payModalBg .pm3 .pay-method-btn small{font-size:11.5px;font-weight:600;opacity:.85}
#payModalBg .pm3 .pay-method-btn.cash{background:linear-gradient(145deg,#22c55e,#15803d)}
#payModalBg .pm3 .pay-method-btn.card{background:linear-gradient(145deg,#f59e0b,#ea580c)}
#payModalBg .pm3 .pay-method-btn.transfer{background:linear-gradient(145deg,#6366f1,#4338ca)}
#payModalBg .pm3 .pay-method-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
#payModalBg .pm3 .sc-k{position:absolute;left:10px;top:10px}
#payModalBg .pay-alt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px}
#payModalBg .pay-alt{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:12px 8px 10px;border-radius:14px;background:var(--panel2);border:1px solid var(--border);color:var(--text);box-shadow:none;cursor:pointer;transition:border-color .15s,transform .1s,background .15s}
#payModalBg .pay-alt span{font-size:20px;line-height:1.1}
#payModalBg .pay-alt b{font-size:13px;font-weight:800}
#payModalBg .pay-alt small{font-size:11px;color:var(--muted);font-weight:600}
#payModalBg .pay-alt .sc-k{position:absolute;left:8px;top:8px;font-size:9.5px}
#payModalBg .pay-alt:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
#payModalBg .pay-alt.gift:not(:disabled){border-color:rgba(236,72,153,.55);background:rgba(236,72,153,.1)}
#payModalBg .pay-alt.split:hover:not(:disabled){border-color:rgba(139,92,246,.7)}
#payModalBg .pay-alt.open:hover:not(:disabled){border-color:rgba(245,158,11,.7)}
#payModalBg .pay-alt:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:560px){#payModalBg .pay-method-grid.pm3{grid-template-columns:repeat(3,1fr);gap:8px}#payModalBg .pm3 .pay-method-btn{min-height:96px;padding:12px 6px}#payModalBg .pm3 .pay-method-btn b{font-size:13.5px}#payModalBg .pm3 .pay-method-btn .pm-ic{font-size:24px}}
.tr-modal{max-width:620px!important}
.tr-top{display:flex;gap:14px;align-items:stretch}
.tr-top .tr-card{flex:1;min-width:0}
.tr-qr{width:150px;flex:0 0 150px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:14px;background:#fff;color:#334155;text-align:center}
.tr-qr svg{width:120px;height:120px}
.tr-qr small{font-size:10.5px;line-height:1.3}
.tr-match{font-size:11px;color:var(--green);font-weight:700;margin-left:6px;text-transform:none;letter-spacing:0}
@media (max-width:560px){.tr-top{flex-direction:column}.tr-qr{width:auto;flex:none}}
.dg-card.tr-modal{text-align:left;width:100%}
.dg-card.tr-modal h2{margin:0 0 14px;font-size:22px}
.dg-card .tr-iban{font-size:13.5px;letter-spacing:0;white-space:nowrap}
/* Ayarlar içinde Yazıcılar & Fiş: iç menü yatay alt sekme */
.pr-layout.pr-embed{display:block}
.pr-layout.pr-embed > .set-nav{display:flex;flex-wrap:wrap;gap:6px;position:static;max-height:none;padding:6px;margin:0 0 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--border)}
.pr-layout.pr-embed > .set-nav .set-item{flex:0 0 auto;padding:8px 12px;margin:0;border-radius:10px}
.pr-layout.pr-embed > .set-nav .set-item small{display:none}
.pr-layout.pr-embed > .set-nav .set-ico{width:26px;height:26px;font-size:14px}
#settingsContent .pr-layout.pr-embed{display:block!important;grid-template-columns:none!important}
#settingsContent .pr-layout.pr-embed > nav.set-nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;width:auto!important;position:static!important;padding:6px!important;margin:0 0 14px!important}
#settingsContent .pr-layout.pr-embed > nav.set-nav .set-item{width:auto!important;flex:0 0 auto!important;padding:7px 12px!important;margin:0!important}
#settingsContent .pr-layout.pr-embed > nav.set-nav .set-item small{display:none!important}
.vn-off{margin:6px 0 12px;padding:12px 14px;border-radius:12px;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.45);color:var(--text);font-size:13.5px;text-align:left}
/* Banka hesapları */
.bk-add{width:auto;margin:0;padding:8px 14px;font-size:13px;border-radius:10px}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:10px}
.bk-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--panel2);display:flex;flex-direction:column;gap:10px}
.bk-card.def{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.bk-top{display:flex;align-items:center;gap:10px}
.bk-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#6366f1,#4338ca)}
.bk-nm{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-nm small{color:var(--muted)}
.bk-def{font-size:11px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:3px 8px;border-radius:999px}
.bk-iban{font-family:monospace;font-size:14.5px;letter-spacing:.02em;padding:8px 10px;border-radius:10px;background:var(--panel);border:1px dashed var(--border)}
.bk-acts{display:flex;gap:6px;flex-wrap:wrap}
.bk-acts .ghost-btn{width:auto;margin:0;padding:6px 10px;font-size:12px}
.bk-acts .bk-del{color:var(--red)}
.bk-empty{padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;margin-top:10px}
.dg-card.bk-ed{text-align:left;max-width:440px}
.dg-card.bk-ed .dg-ic{margin:0 auto}
.dg-card.bk-ed h3{text-align:center}
.dg-card.bk-ed label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:8px 0 4px}
.dg-card.bk-ed input{margin:0}
.dg-card.bk-ed .bk-chk{display:flex;align-items:center;gap:8px;color:var(--text);margin-top:12px}
.dg-card.bk-ed .bk-chk input{width:auto}
.bk-ed-acts{display:flex;gap:8px;margin-top:16px}
.bk-ed-acts button{flex:1;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tr-bks{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.tr-bk{width:auto;margin:0;padding:7px 12px;font-size:13px;border-radius:999px;background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none}
.tr-bk.on{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;border-color:transparent}
.ps-tag{display:block;color:#a855f7!important;font-weight:700}
.gx-rings{flex-wrap:wrap}
.gx-banks{display:grid;gap:4px;margin:10px 0 2px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,#6366f1 8%,transparent);border:1px dashed color-mix(in srgb,#6366f1 40%,transparent)}
.gx-banks div{display:flex;justify-content:space-between;font-size:13px}
.chat-link{color:inherit;text-decoration:underline;word-break:break-all;font-weight:600}.chat-bubble.mine .chat-link,.chat-msg.me .chat-link{color:#fff}

/* Konum & Teslimat: süre kartları */
.geo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.geo-c{display:grid;grid-template-columns:40px 1fr auto;grid-template-areas:"ic t in" "ic h h";gap:4px 12px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,transparent);cursor:text;transition:border-color .15s;margin:0;}
.geo-c:focus-within{border-color:var(--accent);}
.geo-c-ic{grid-area:ic;align-self:start;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--accent) 14%,transparent);}
.geo-c-t{grid-area:t;font-weight:800;font-size:14px;line-height:1.25;}
.geo-c-in{grid-area:in;display:flex;align-items:center;gap:6px;}
.geo-c-in input{width:72px;margin:0;text-align:center;font-weight:800;font-size:17px;padding:8px 6px;}
.geo-c-in em{font-style:normal;font-size:12px;color:var(--muted);font-weight:700;}
.geo-c small{grid-area:h;font-size:12px;line-height:1.45;color:var(--muted);}

/* Canlı kurye haritası */
.cr-map{height:min(55vh,420px);border-radius:14px;overflow:hidden;border:1px solid var(--border);}
.cr-map-list{display:grid;gap:8px;margin-top:10px;text-align:left;}
.cr-ml-row{display:flex;gap:10px;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:12px;padding:10px 12px;flex-wrap:wrap;}
.cr-ml-row small{display:block;color:var(--muted);font-size:12px;}
.cr-ml-r{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}

/* Maliyet & Giderler */
.oh-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.oh-k{border:1px solid var(--border);border-radius:12px;padding:10px 12px;text-align:left;} .oh-k small{display:block;color:var(--muted);font-size:11.5px;} .oh-k b{font-size:17px;}
.oh-k.hi{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));}
.oh-note{font-size:12.5px;text-align:left;margin:10px 0;}
.oh-list{display:grid;gap:6px;text-align:left;}
.oh-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:8px 10px;margin:0;}
.oh-row.off{opacity:.55;} .oh-row small{display:block;color:var(--muted);font-size:12px;} .oh-ic{font-size:20px;text-align:center;}
.oh-acts{display:flex;gap:4px;}
.oh-add-h{font-weight:800;text-align:left;margin:14px 0 6px;}
.oh-presets{display:flex;flex-wrap:wrap;gap:6px;}
.oh-form{border:1px dashed var(--accent);border-radius:12px;padding:10px;margin-top:10px;}
.oh-adv{margin-top:14px;text-align:left;} .oh-adv summary{cursor:pointer;font-weight:700;}
@media (max-width:560px){ .oh-sum{grid-template-columns:1fr 1fr;} }
.cost-tip{margin:8px 0;padding:10px 12px;border-radius:12px;font-size:12.5px;line-height:1.5;background:color-mix(in srgb,var(--c3,#f59e0b) 12%,transparent);border:1px solid color-mix(in srgb,var(--c3,#f59e0b) 35%,var(--border));}
.cost-tip .pc-btn{margin-top:6px;}
.pdrawer-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.pdrawer-3 small,.pdrawer-2 small{display:block;font-size:11.5px;line-height:1.35;margin-top:3px;}
#ed_full{background:color-mix(in srgb,var(--accent) 8%,transparent);font-weight:800;}
@media (max-width:560px){.pdrawer-3{grid-template-columns:1fr 1fr;}}

/* Hammadde düzenle */
.iu-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;}
.iu-modal{background:var(--panel);border:1px solid var(--border);border-radius:20px;width:min(820px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);}
.iu-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--border);}
.iu-head h2{margin:2px 0 0;font-size:20px;}
.iu-body{padding:16px 20px;overflow:auto;display:grid;gap:14px;}
.iu-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border);}
.iu-foot button{width:auto;margin:0;min-width:130px;}
.iu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.iu-f label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px;}
.iu-f input,.iu-f select{margin:0;width:100%;}
.iu-wide{grid-column:1/-1;}
.iu-cost{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:stretch;background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:14px;padding:12px;}
.iu-k{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 12px;}
.iu-k small{display:block;color:var(--muted);font-size:11.5px;} .iu-k b{font-size:17px;}
.iu-uc{display:flex;align-items:center;gap:6px;} .iu-uc input{margin:0;width:100%;font-weight:800;font-size:16px;padding:4px 8px;} .iu-uc em{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap;}
.iu-hist{align-self:center;white-space:nowrap;}
.iu-cnote{grid-column:1/-1;margin:0;font-size:12px;text-align:left;}
.iu-sh{display:flex;justify-content:space-between;align-items:baseline;} .iu-sh h3{margin:0;font-size:15px;}
.iu-hint{font-size:12.5px;text-align:left;margin:4px 0 8px;}
.iu-tools{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:center;margin-bottom:8px;}
.iu-tools input,.iu-tools select{margin:0;}
.iu-only{display:flex;gap:6px;align-items:center;font-size:13px;white-space:nowrap;margin:0;}
.iu-list{display:grid;gap:6px;}
.iu-item{display:grid;grid-template-columns:auto 1fr 150px 110px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin:0;cursor:pointer;}
.iu-item.on{border-color:color-mix(in srgb,var(--ok,#22c55e) 50%,var(--border));background:color-mix(in srgb,var(--ok,#22c55e) 6%,transparent);}
.iu-item input[type=checkbox]{width:18px;height:18px;margin:0;}
.iu-pn b{display:block;} .iu-pn small{font-size:11.5px;}
.iu-q{display:flex;align-items:center;gap:6px;} .iu-q input{margin:0;width:100%;} .iu-q em{font-style:normal;color:var(--muted);font-size:12px;min-width:28px;}
.iu-c{text-align:right;} .iu-c b{display:block;} .iu-c small{font-size:11px;color:var(--muted);}
.ni-sum{margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:13px;text-align:left;}
@media (max-width:640px){
  .iu-grid{grid-template-columns:1fr 1fr;} .iu-cost{grid-template-columns:1fr 1fr;} .iu-hist{grid-column:1/-1;}
  .iu-tools{grid-template-columns:1fr 1fr;} .iu-tools input{grid-column:1/-1;}
  .iu-item{grid-template-columns:auto 1fr;} .iu-q{grid-column:2;} .iu-c{grid-column:2;text-align:left;}
}

/* Ürün Kârlılığı */
.pf-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.pf-k{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--panel);}
.pf-k small{display:block;color:var(--muted);font-size:12px;} .pf-k b{display:block;font-size:20px;margin:2px 0;} .pf-k em{font-style:normal;color:var(--muted);font-size:12px;}
.pf-k.hi{border-color:color-mix(in srgb,var(--ok,#22c55e) 50%,var(--border));background:color-mix(in srgb,var(--ok,#22c55e) 10%,var(--panel));}
.pf-k.neg{border-color:color-mix(in srgb,var(--danger,#ef4444) 50%,var(--border));background:color-mix(in srgb,var(--danger,#ef4444) 10%,var(--panel));}
.pf-bar{display:flex;height:14px;border-radius:8px;overflow:hidden;margin:14px 0 6px;background:var(--panel2,rgba(127,127,127,.15));gap:2px;}
.pf-bar i{display:block;height:100%;}
.pf-leg{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap;} .pf-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;}
.pf-insights{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;}
.pf-ins{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-left:4px solid var(--t);border-radius:14px;padding:10px 12px;cursor:pointer;background:var(--panel);}
.pf-ins.on{background:color-mix(in srgb,var(--t) 12%,var(--panel));} .pf-ins>span{font-size:24px;}
.pf-ins small{display:block;color:var(--muted);font-size:11.5px;} .pf-ins b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;} .pf-ins em{font-style:normal;font-size:12px;color:var(--muted);}
.pf-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;} .pf-toolbar h2{flex:1;}
.pf-head,.pf-row>summary{display:grid;grid-template-columns:minmax(0,2.4fr) .6fr 1fr 1fr 1fr .8fr;gap:10px;align-items:center;}
.pf-head{font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:0 12px 6px;}
.pf-head span:not(:first-child),.pf-row>summary>span:not(:first-child){text-align:right;}
.pf-row{border:1px solid var(--border);border-radius:12px;margin-bottom:6px;background:var(--panel);}
.pf-row>summary{list-style:none;cursor:pointer;padding:10px 12px;} .pf-row>summary::-webkit-details-marker{display:none;}
.pf-row[open]{border-color:var(--accent);} .pf-row.neg{border-left:4px solid var(--danger,#ef4444);}
.pf-n b{display:block;} .pf-n small{display:block;color:var(--muted);font-size:11.5px;}
.pf-mini{display:flex;height:6px;border-radius:4px;overflow:hidden;margin-top:5px;gap:1px;background:var(--panel2,rgba(127,127,127,.15));} .pf-mini i{display:block;height:100%;}
.pf-row .neg{color:var(--danger,#ef4444);} .pf-row .pos{color:var(--ok,#16a34a);}
.pf-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12.5px;} .pf-pill.ok{background:color-mix(in srgb,var(--ok,#22c55e) 18%,transparent);} .pf-pill.low{background:color-mix(in srgb,var(--c3,#f59e0b) 22%,transparent);} .pf-pill.neg{background:color-mix(in srgb,var(--danger,#ef4444) 20%,transparent);color:var(--danger,#ef4444);}
.pf-det{padding:4px 12px 12px;border-top:1px dashed var(--border);}
.pf-unit{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;}
.pf-unit>div{border:1px solid var(--border);border-radius:10px;padding:8px 10px;} .pf-unit small{display:block;color:var(--muted);font-size:11.5px;} .pf-unit b{font-size:16px;} .pf-unit em{font-style:normal;color:var(--muted);font-size:12px;margin-left:6px;}
.pf-unit .neg b{color:var(--danger,#ef4444);}
.pf-rec{margin-top:10px;display:grid;gap:4px;font-size:13px;} .pf-rec>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted var(--border);padding:3px 0;}
.pf-rec-t{font-weight:800;border-bottom:0!important;}
.pf-warn{margin:10px 0 0;padding:8px 12px;border-radius:10px;font-size:13px;background:color-mix(in srgb,var(--danger,#ef4444) 12%,transparent);} .pf-warn.low{background:color-mix(in srgb,var(--c3,#f59e0b) 14%,transparent);}
.pf-note{font-size:12px;margin:10px 0 0;text-align:left;}
@media (max-width:900px){ .pf-kpis{grid-template-columns:repeat(2,1fr);} .pf-k.hi{grid-column:1/-1;} .pf-insights{grid-template-columns:1fr 1fr;} .pf-unit{grid-template-columns:1fr 1fr;}
  .pf-head{display:none;} .pf-row>summary{grid-template-columns:1fr 1fr;} .pf-row>summary>.pf-n{grid-column:1/-1;}
  .pf-row>summary>span:not(:first-child){text-align:left;} .pf-row>summary>span[data-l]::before{content:attr(data-l) ': ';color:var(--muted);font-size:11.5px;} }
.tgc{border:1px solid color-mix(in srgb,var(--c3,#f59e0b) 40%,var(--border));background:color-mix(in srgb,var(--c3,#f59e0b) 8%,transparent);border-radius:14px;padding:10px 14px;margin:0 0 12px;text-align:left;}
.tgc summary{cursor:pointer;list-style:none;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;} .tgc summary::-webkit-details-marker{display:none;}
.tgc summary em{margin-left:auto;font-style:normal;font-weight:700;color:var(--accent);font-size:12.5px;}
.tgc-n{font-size:12.5px;margin:8px 0;}
.tgc-t{display:grid;gap:4px;font-size:13px;} .tgc-t>div{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;padding:5px 0;border-bottom:1px dotted var(--border);}
.tgc-t b{text-align:right;} .tgc-h span{text-align:right;font-size:11.5px;color:var(--muted);font-weight:700;} .tgc-k b{font-size:14.5px;} .tgc-t .neg{color:var(--danger,#ef4444);} .tgc-t small{font-weight:400;color:var(--muted);font-size:11px;}
.tgc-none{margin:0 0 10px;}
@media (max-width:600px){ .tgc-t>div{grid-template-columns:1fr 1fr 1fr 1fr;font-size:12px;} }
.mrg-sec{margin-bottom:22px;} .mrg-sec + .mrg-sec{border-top:1px solid var(--border);padding-top:18px;}
.mrg-h{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 12px;} .mrg-h span{font-size:20px;}
.an-w-pay{display:flex;gap:10px;align-items:center;margin-top:8px;padding:8px 10px;border-radius:10px;border:1px dashed var(--border);cursor:pointer;}
.an-w-pay>span{font-size:18px;} .an-w-pay small{display:block;color:var(--muted);font-size:11px;} .an-w-pay .r{margin-left:auto;text-align:right;}
.an-w-acts{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;} .an-w-acts .an-w-more{margin:0;}
.an-w.hl-on{outline:2px solid var(--accent);outline-offset:2px;}
.st-hm.hl [data-staff]{opacity:.25;transition:opacity .2s;} .st-hm.hl [data-staff].on{opacity:1;}
.st-hm.hl .st-who.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:8px;}

/* Kurye onay penceresi */
.dof-bg{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:400;padding:16px;}
.dof{background:var(--panel);border:1px solid var(--border);border-radius:24px;width:min(420px,100%);padding:22px 20px 16px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:dofIn .35s cubic-bezier(.2,.9,.3,1.2);}
.dof-ic{font-size:54px;line-height:1;animation:dofRide 1.2s ease-in-out infinite;} .dof h2{margin:6px 0 2px;font-size:22px;} .dof>p{margin:0 0 12px;}
.dof-card{border:1px solid var(--border);border-radius:16px;padding:10px 12px;text-align:left;display:grid;gap:8px;margin-bottom:14px;}
.dof-row{display:flex;gap:10px;align-items:flex-start;} .dof-row>span{font-size:18px;width:22px;text-align:center;} .dof-row div{overflow-wrap:anywhere;}
.dof-ok{width:100%;font-size:18px;font-weight:800;padding:16px;border-radius:16px;background:var(--ok,#16a34a);margin:0;}
.dof-n{font-size:12px;margin:8px 0 6px;} .dof-later{width:100%;margin:0;}
@keyframes dofIn{from{transform:scale(.85);opacity:0;}to{transform:none;opacity:1;}}
@keyframes dofRide{0%,100%{transform:translateX(-6px);}50%{transform:translateX(6px);}}

/* Başa baş */
.oh-seg{display:flex;margin-bottom:12px;} .oh-seg button{flex:1;}
.be{border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px;text-align:left;background:color-mix(in srgb,var(--accent) 6%,var(--panel));}
.be.ok{border-color:color-mix(in srgb,var(--ok,#22c55e) 55%,var(--border));background:color-mix(in srgb,var(--ok,#22c55e) 10%,var(--panel));}
.be.behind{border-color:color-mix(in srgb,var(--c3,#f59e0b) 55%,var(--border));}
.be-top{display:flex;gap:14px;align-items:center;} .be-top>div:first-child{min-width:110px;} .be-top small{display:block;color:var(--muted);font-size:11.5px;} .be-top b{font-size:28px;line-height:1.1;}
.be-gauge{position:relative;flex:1;height:16px;border-radius:9px;background:var(--panel2,rgba(127,127,127,.18));overflow:visible;}
.be-gauge i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--c3,#f59e0b),var(--ok,#22c55e));}
.be-today{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text);opacity:.6;}
.be-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;}
.be-grid>div{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--panel);} .be-grid small{display:block;color:var(--muted);font-size:11px;} .be-grid em{font-style:normal;} .be-grid b{font-size:15px;} .be-grid .pos{color:var(--ok,#16a34a);}
.be-msg{margin:10px 0 0;font-size:13px;}
.be-empty p{margin:6px 0 0;}
.oh-warn{display:grid;gap:4px;margin:0 0 10px;padding:8px 12px;border-radius:12px;font-size:12.5px;text-align:left;background:color-mix(in srgb,var(--c3,#f59e0b) 12%,transparent);border:1px solid color-mix(in srgb,var(--c3,#f59e0b) 35%,var(--border));}
@media (max-width:640px){ .be-grid{grid-template-columns:1fr 1fr;} }

/* Başa baş */
.oh-seg{display:flex;margin-bottom:12px;} .oh-seg button{flex:1;}
.be{border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px;text-align:left;background:color-mix(in srgb,var(--accent) 6%,var(--panel));}
.be.ok{border-color:color-mix(in srgb,var(--ok,#22c55e) 55%,var(--border));background:color-mix(in srgb,var(--ok,#22c55e) 10%,var(--panel));}
.be.behind{border-color:color-mix(in srgb,var(--c3,#f59e0b) 55%,var(--border));}
.be-top{display:flex;gap:14px;align-items:center;} .be-top>div:first-child{min-width:110px;} .be-top small{display:block;color:var(--muted);font-size:11.5px;} .be-top b{font-size:28px;line-height:1.1;}
.be-gauge{position:relative;flex:1;height:16px;border-radius:9px;background:var(--panel2,rgba(127,127,127,.18));}
.be-gauge i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--c3,#f59e0b),var(--ok,#22c55e));}
.be-today{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text);opacity:.6;}
.be-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;}
.be-grid>div{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--panel);} .be-grid small{display:block;color:var(--muted);font-size:11px;} .be-grid em{font-style:normal;} .be-grid b{font-size:15px;} .be-grid .pos{color:var(--ok,#16a34a);}
.be-msg{margin:10px 0 0;font-size:13px;}
.be-empty p{margin:6px 0 0;}
.oh-warn{display:grid;gap:4px;margin:0 0 10px;padding:8px 12px;border-radius:12px;font-size:12.5px;text-align:left;background:color-mix(in srgb,var(--c3,#f59e0b) 12%,transparent);border:1px solid color-mix(in srgb,var(--c3,#f59e0b) 35%,var(--border));}
@media (max-width:640px){ .be-grid{grid-template-columns:1fr 1fr;} }

/* Ürünler › Maliyet & Giderler kartı */
.cost-hub{display:flex;gap:14px;align-items:center;margin:0 0 8px;padding:14px 16px;border-radius:16px;cursor:pointer;text-align:left;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#06b6d4) 16%,var(--panel)),color-mix(in srgb,var(--ok,#22c55e) 10%,var(--panel)));
  border:1px solid color-mix(in srgb,var(--accent,#06b6d4) 45%,var(--border));transition:transform .15s,border-color .15s;}
.cost-hub:hover{transform:translateY(-1px);border-color:var(--accent,#06b6d4);}
.ch-ic{width:52px;height:52px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--accent,#06b6d4) 22%,transparent);}
.ch-main{flex:1;min-width:0;} .ch-main>b{font-size:16px;}
.ch-main ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:2px;font-size:13px;}
.ch-be{margin-top:8px;max-width:520px;} .ch-be small{font-size:12px;}
.ch-bar{position:relative;height:8px;border-radius:5px;background:var(--panel2,rgba(127,127,127,.2));margin-bottom:4px;}
.ch-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--c3,#f59e0b),var(--ok,#22c55e));}
.ch-bar span{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text);opacity:.55;}
.ch-go{flex-shrink:0;font-weight:800;color:#fff;background:var(--accent,#06b6d4);padding:10px 16px;border-radius:12px;}
.ch-tip{margin:0 0 12px;}
@media (max-width:600px){ .cost-hub{flex-wrap:wrap;} .ch-go{width:100%;text-align:center;} }
.ed-mwarn{display:grid;gap:4px;margin:6px 0;padding:8px 12px;border-radius:12px;font-size:12.5px;line-height:1.45;background:color-mix(in srgb,var(--danger,#ef4444) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger,#ef4444) 40%,var(--border));}
.pdrawer-margin.bad{border-color:color-mix(in srgb,var(--danger,#ef4444) 45%,var(--border));}
.vat0-warn{margin:0 0 8px;padding:10px 14px;border-radius:12px;font-size:13px;text-align:left;background:color-mix(in srgb,var(--danger,#ef4444) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger,#ef4444) 40%,var(--border));}
.po-line{margin-bottom:8px;}
.po-sg{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:4px 2px 0;font-size:12.5px;text-align:left;} .po-sg .pc-btn{margin:0;width:auto;padding:4px 10px;}
.pa-seg{display:inline-flex;flex-wrap:wrap;gap:4px;margin:0 0 14px;max-width:100%;padding:4px;} .pa-seg button{flex:0 0 auto;white-space:nowrap;padding:9px 16px;}
.iu-q{flex-wrap:wrap;} .iu-pack{display:flex;gap:5px;align-items:center;font-size:11.5px;margin:2px 0 0;width:100%;cursor:pointer;color:var(--muted);} .iu-pack input{width:14px!important;height:14px;margin:0;}
.iu-item.pack{border-color:color-mix(in srgb,var(--c2,#a855f7) 55%,var(--border));background:color-mix(in srgb,var(--c2,#a855f7) 7%,transparent);} .iu-item.pack .iu-pack{color:var(--text);font-weight:700;}
.sent-pack{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:2px 8px;font-size:11.5px;font-weight:700;cursor:pointer;margin-right:4px;width:auto;}
.sent-pack.on{background:color-mix(in srgb,var(--c2,#a855f7) 20%,transparent);border-color:color-mix(in srgb,var(--c2,#a855f7) 55%,var(--border));}
.iu-mode>b{display:block;margin-bottom:6px;text-align:left;}
.iu-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.iu-mopt{display:block;border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;margin:0;}
.iu-mopt input{display:none;} .iu-mopt b{display:block;font-size:13.5px;} .iu-mopt small{display:block;color:var(--muted);font-size:11.5px;line-height:1.35;margin-top:2px;}
.iu-mopt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);}
.iu-ordernote{text-align:left;font-size:13px;margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--c2,#a855f7) 10%,transparent);}
@media (max-width:640px){ .iu-modes{grid-template-columns:1fr;} }
.pk-pack-row,.tb-pack{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.tb-pack{margin:6px 0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--c2,#a855f7) 8%,transparent);font-size:13px;}
.pk-pc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:10px;padding:4px 6px 4px 10px;}
.pk-pc b{font-size:12.5px;} .pk-pc em{font-style:normal;font-weight:800;min-width:18px;text-align:center;}
.pk-pc button{width:28px;height:28px;margin:0;padding:0;border-radius:8px;font-weight:800;}
.pk-list{display:grid;gap:6px;text-align:left;} .pk-li{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin:0;cursor:pointer;}
.pk-li input{width:18px;height:18px;margin:0;} .pk-li b{display:block;} .pk-li small{font-size:11.5px;}
.iu-prodbtn{display:flex;gap:12px;align-items:center;width:100%;margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel2,rgba(127,127,127,.08));color:var(--text);text-align:left;cursor:pointer;}
.iu-prodbtn>span{font-size:22px;} .iu-prodbtn div{flex:1;min-width:0;} .iu-prodbtn b{display:block;} .iu-prodbtn small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .iu-prodbtn em{font-style:normal;font-weight:800;color:var(--accent);}
.iu-pop{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;}
.iu-pop[hidden]{display:none;}
.iu-pop-in{background:var(--panel);border:1px solid var(--border);border-radius:20px;width:min(820px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.iu-pop-in>section{padding:16px 20px;overflow:auto;}
.iu-pop-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);font-size:12.5px;} .iu-pop-foot button{width:auto;margin:0;min-width:120px;}
.iu-tools{grid-template-columns:2fr 1fr 1fr auto auto;} .iu-tools .pc-btn{margin:0;white-space:nowrap;}
.ed-ch{display:grid;gap:2px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed var(--border);}
.pf-chan{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;}
.pf-cc{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:10px 14px;background:var(--panel);} .pf-cc>span{font-size:24px;}
.pf-cc.pk{border-color:color-mix(in srgb,var(--c2,#a855f7) 45%,var(--border));background:color-mix(in srgb,var(--c2,#a855f7) 7%,var(--panel));}
.pf-cc small{display:block;color:var(--muted);font-size:11.5px;} .pf-cc b{display:block;font-size:18px;} .pf-cc em{font-style:normal;font-size:12px;color:var(--muted);}
.pf-ch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;} .pf-ch>div{border:1px solid var(--border);border-radius:10px;padding:8px 10px;} .pf-ch small{display:block;color:var(--muted);font-size:11.5px;} .pf-ch em{display:block;font-style:normal;font-size:12px;color:var(--muted);}
@media (max-width:640px){ .pf-chan,.pf-ch{grid-template-columns:1fr;} }
.ing-steps{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:var(--panel2,rgba(127,127,127,.08));border:1px solid var(--border);flex-wrap:wrap;}
.ing-steps-n{font-weight:800;font-size:12px;color:var(--accent);margin-right:4px;white-space:nowrap;}
.ing-st{display:flex;align-items:center;gap:6px;text-align:left;} .ing-st i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;border:2px solid var(--border);color:var(--muted);flex-shrink:0;}
.ing-st b{font-size:12.5px;} .ing-st small{display:block;font-size:10.5px;color:var(--muted);} .ing-st div{line-height:1.2;}
.ing-st.on i{border-color:var(--accent);background:var(--accent);color:#fff;} .ing-st.done i{border-color:var(--ok,#22c55e);background:var(--ok,#22c55e);color:#fff;}
.ing-st:not(.on):not(.done) b{color:var(--muted);}
.ing-st-line{flex:1;min-width:14px;height:2px;background:var(--border);}
.iu-foot-n{margin-right:auto;font-size:12.5px;align-self:center;}
@media (max-width:600px){ .ing-st small{display:none;} }
.pc2-share{display:inline-flex;gap:4px;margin-right:auto;} .pc2-share .pc-btn{padding:6px 9px;}
.cm-box h2{margin:0 0 2px;font-size:20px;} .cm-opts{display:grid;gap:8px;margin:12px 0;} .cm-opt{width:100%;margin:0;padding:14px;font-size:16px;font-weight:800;border-radius:14px;}
.pc2-chk{width:18px;height:18px;margin:0 2px 0 0;flex-shrink:0;cursor:pointer;}
.pc2-it.sel{outline:2px solid var(--accent);outline-offset:-2px;}
.pc2-selall{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin:0 0 4px 4px;cursor:pointer;} .pc2-selall input{width:15px;height:15px;margin:0;}
.po-bulk{position:sticky;top:8px;z-index:20;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;padding:10px 12px;border-radius:14px;background:var(--panel);border:2px solid var(--accent);box-shadow:0 10px 30px rgba(0,0,0,.25);}
.po-bulk[hidden]{display:none;} .po-bulk select{width:auto;margin:0;min-width:180px;} .po-bulk button{width:auto;margin:0;}
.pc2-it:has(.pc2-chk){grid-template-columns:auto auto minmax(0,1fr) auto auto;}
@media (max-width:700px){ .pc2-it:has(.pc2-chk){grid-template-columns:auto auto minmax(0,1fr) auto;} .pc2-it:has(.pc2-chk) .pc2-line{grid-column:3/-1;} }
.alloc-open{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:10px 14px;border-radius:14px;font-size:13px;text-align:left;cursor:pointer;background:color-mix(in srgb,var(--c3,#f59e0b) 10%,transparent);border:1px solid color-mix(in srgb,var(--c3,#f59e0b) 40%,var(--border));}

/* Paket sipariş: 3 sütun (ürünler | müşteri & teslimat | sepet) - sepet hep görünür */
.order-modal.om-pkg{max-width:1560px;height:min(92vh,940px);}
.order-modal.om-pkg .order-modal-grid{grid-template-columns:minmax(0,1fr) 330px 360px;gap:14px;}
.order-modal-info{min-height:0;overflow:auto;background:var(--panel2);border:1px solid var(--border);border-radius:18px;padding:0 14px 12px;}
.om-info-head{position:sticky;top:0;z-index:2;background:var(--panel2);margin:0 -14px 8px;padding:14px 14px 10px;font-weight:800;}
.order-modal-info .field-group{margin-bottom:8px;}
.order-modal-info .pk-type-btn{padding:7px;flex-direction:row;justify-content:center;gap:6px;}
.order-modal-info .pk-type-btn small{display:none;}
.om-pkg .pk-chips{gap:4px;}
.om-pkg .pk-chip{padding:4px 9px;font-size:12px;}
.om-pkg .pk-chip-in{width:62px !important;padding:4px 8px !important;font-size:12px;}
.om-pkg .pk-time-in{font-size:12px;}
.om-pkg #pkgPickupHint{font-size:11.5px;}
@media (min-width:901px) and (max-width:1280px){
  .order-modal.om-pkg .order-modal-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,auto) minmax(0,1fr);}
  .order-modal.om-pkg .order-modal-menu{grid-row:1 / 3;}
  .order-modal.om-pkg .order-modal-info{max-height:46vh;}
  .order-modal.om-pkg .order-modal-cart{min-height:160px;}
}
@media (max-width:900px){
  .order-modal.om-pkg .order-modal-grid{grid-template-columns:minmax(0,1fr);}
  .order-modal.om-pkg{height:auto;}
  .order-modal .order-modal-info{display:none;}
  .order-modal.om-show-cart .order-modal-info{display:block;overflow:visible;margin-bottom:12px;}
}

/* Android uygulaması (WebView): klavye açılıp ekran yeniden boyutlanırken backdrop-filter/blur ve 100vh
   katmanları siyah boyanabiliyor (giriş ekranında yalnız odaklı kutu görünüyordu). Uygulamada kapatılır. */
html.is-native *,html.is-native *::before,html.is-native *::after{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
html.is-native .center-wrap{min-height:100%;min-height:100dvh;align-items:flex-start;padding-top:max(20px, 6vh);}
html.is-native body{background:var(--bg);}

/* PIN ile personel geçişi */
.pin-card{max-width:320px}
.pin-dots{display:flex;justify-content:center;gap:10px;margin:6px 0 4px}
.pin-dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);display:block}
.pin-dots i.on{background:var(--accent);border-color:var(--accent)}
.pin-err{min-height:16px;text-align:center}
.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.pin-pad button{margin:0;height:56px;font-size:22px;font-weight:800;border-radius:14px;background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:none}
.pin-pad button:active{transform:scale(.96)}

/* Dil seçici ve Arapça (sağdan sola) */
.sb-lang{font-size:11.5px !important;font-weight:800;white-space:nowrap}
.auth-lang{width:auto !important;margin:0 !important;padding:6px 12px !important;font-size:13px !important}
.lang-opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}
html.lang-rtl body{direction:rtl}
html.lang-rtl .sidebar{border-left:1px solid var(--border);border-right:0}
html.lang-rtl input[type=number],html.lang-rtl input[type=tel],html.lang-rtl .money,html.lang-rtl kbd{direction:ltr}

/* Limitli hesaplar: tek liste + "Kime" seçimi */
.al-one{margin-top:14px}
.al-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.al-who{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px}
.al-who-b{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:12px;background:var(--panel2);color:var(--text);border:2px solid var(--border);font-weight:800;box-shadow:none}
.al-who-b small{font-weight:500;font-size:11.5px;color:var(--muted)}
.al-who-b.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}
@media (max-width:600px){.al-list-grid{grid-template-columns:1fr}}
.al-sel{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.al-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--panel2));border:1px solid var(--accent);font-weight:700;font-size:12.5px}
.al-sel-b{width:auto !important;margin:0 !important;padding:5px 10px !important;font-size:12.5px !important}
.al-or{display:flex;align-items:center;gap:10px;margin:2px 0 8px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.al-or::before,.al-or::after{content:'';flex:1;height:1px;background:var(--border)}
.al-pick-users{width:100%;margin:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;text-align:left;cursor:pointer;
  background:linear-gradient(135deg,color-mix(in srgb,#6366f1 22%,var(--panel2)),color-mix(in srgb,var(--accent) 16%,var(--panel2)));border:2px solid color-mix(in srgb,#6366f1 60%,transparent);color:var(--text);box-shadow:0 6px 18px color-mix(in srgb,#6366f1 18%,transparent)}
.al-pick-users:hover{border-color:#6366f1;transform:translateY(-1px)}
.al-pick-users:disabled{opacity:.5;cursor:not-allowed;transform:none}
.al-pu-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,#6366f1 30%,transparent);flex-shrink:0}
.al-pu-t{flex:1;display:flex;flex-direction:column;gap:2px}.al-pu-t b{font-size:15px}.al-pu-t small{color:var(--muted);font-size:12px}
.al-pu-go{font-size:26px;font-weight:800;color:#818cf8}
.al-cb{width:18px !important;height:18px;margin:0 6px 0 0 !important;flex-shrink:0;cursor:pointer}
.al-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;margin:0 0 10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--panel2));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.al-bulk:not(.on){background:var(--panel2);border-color:var(--border)}.al-bulk:not(.on) .ghost-btn{opacity:.45}
.al-bulk .ghost-btn{width:auto;margin:0;padding:6px 12px;font-size:13px}
.al-bulk-all{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:700;font-size:13px;cursor:pointer}.al-bulk-all input{width:auto;margin:0}
.tt-zones{display:flex;flex-wrap:wrap;gap:6px}
.tt-box{margin:0 0 26px;border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden}
.tt-box .oo-hero{border:0;border-radius:0}
.tt-body{padding:14px 16px 16px;border-top:1px solid var(--border)}
.tt-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.gp-box.gp-need{outline:2px solid var(--red);outline-offset:2px;border-radius:12px;animation:gpPulse 1s 3}@keyframes gpPulse{50%{outline-color:transparent}}
.po-click{cursor:pointer}
.po-click:hover{border-color:var(--st);transform:translateY(-1px)}
.po-more{margin-top:8px;font-size:12px;font-weight:700;color:var(--accent);text-align:right}
.rsb{margin:10px 0 4px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--panel2)}
.rsb-h{font-weight:800;font-size:13px;margin-bottom:6px}.rsb-h small{font-weight:500;color:var(--muted);margin-left:6px}
.rsb-r{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:5px 0;border-top:1px dashed var(--border);font-size:13px}
.rsb-r small{color:var(--muted);font-size:11.5px}.rsb-r b{min-width:80px;text-align:right}
.rsb-r.lim{color:var(--red)}.rsb-r.lim b{color:var(--red)}
@media (max-width:600px){.rsb-r{grid-template-columns:1fr auto}.rsb-r small{grid-column:1/-1;order:3}}
.crm-audit{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px;padding:8px 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--border);font-size:12.5px;color:var(--muted)}
.crm-audit b{color:var(--text)}
.crm-audit[hidden]{display:none}

/* Hammaddeler: gruplu bölümler + liste görünümü */
.ig-group{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:10px 0 2px;padding:6px 4px;border-bottom:2px solid color-mix(in srgb,var(--gc) 55%,transparent);font-size:14px}
.ig-group b{color:var(--gc)}.ig-group em{font-style:normal;font-size:12px;font-weight:800;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--gc) 18%,transparent);color:var(--gc)}
.ig-group:first-child{margin-top:0}
.ig-view{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.ig-view button{width:auto;margin:0;padding:7px 12px;border:0;border-radius:0;background:var(--panel2);color:var(--muted);font-size:13px;font-weight:700;box-shadow:none}
.ig-view button.on{background:var(--accent);color:var(--btn-ink)}
.ig-grid.ig-list{grid-template-columns:1fr !important;gap:6px}
.ig-list .ig-card{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(150px,.8fr) 2.6fr;align-items:center;gap:12px;padding:8px 12px}
.ig-list .ig-card .pcard-top{margin:0}
.ig-list .ig-card .pcard-mbar{display:none}
.ig-list .ig-card .ig-stock{margin:0}
.ig-list .ig-card .ig-stock .ig-qty{font-size:16px}
.ig-list .ig-card .ig-foot{margin:0;flex-wrap:nowrap;justify-content:flex-end}
@media (max-width:1100px){.ig-list .ig-card{grid-template-columns:1fr 1fr}.ig-list .ig-card .ig-foot{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-start}}
@media (max-width:600px){.ig-list .ig-card{grid-template-columns:1fr}}

/* Paket değiştir / yükselt */
.pkg-change-btn{width:auto !important;margin:6px 0 0 !important;padding:8px 14px !important;font-size:13px !important;font-weight:800}
.pkg-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:8px 0}
.pkg-card{position:relative;margin:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:14px;border-radius:14px;background:var(--panel2);color:var(--text);border:2px solid var(--border);box-shadow:none;cursor:pointer}
.pkg-card:hover:not([disabled]){border-color:var(--accent);transform:translateY(-1px)}
.pkg-card[disabled]{opacity:.7;cursor:default}
.pkg-card.cur{border-color:var(--green)}
.pkg-card.pop{border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}
.pkg-card em{position:absolute;top:-9px;right:10px;font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--btn-ink)}
.pkg-card b{font-size:16px}.pkg-card small{color:var(--muted);font-size:11.5px;min-height:28px}
.pkg-price{font-size:20px;font-weight:800}.pkg-price i{font-style:normal;font-size:12px;color:var(--muted);margin-left:2px}
.pkg-meta{font-size:12px;color:var(--muted)}
.pkg-tag{margin-top:auto;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}
.pkg-tag.go{background:var(--accent);color:var(--btn-ink);border-color:transparent}.pkg-tag.warn{color:var(--red)}
.pkg-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid var(--accent);font-size:13.5px}
.pkg-target .ghost-btn{width:auto;margin:0 0 0 auto;padding:5px 10px;font-size:12.5px}
/* Kenar çubuğu alt alanı: tüm kısa yol butonları eşit boyutlu tek ızgarada */
.sidebar .sb-bottom .sb-actrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:6px;}
.sidebar .sb-bottom .sb-actrow .sb-ib{width:100%;flex:none;height:36px;}
.sidebar .sb-bottom .sb-actrow .sb-lang{font-size:11px !important;}
.sidebar .sb-bottom > .sb-logout{margin:0;height:38px;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;}
.sidebar.collapsed .sb-bottom .sb-actrow{grid-template-columns:38px;}
.sidebar .sb-bottom .sb-exitrow{display:flex;gap:6px;}
.sidebar .sb-bottom .sb-exitrow .sb-logout{flex:1;min-width:0;margin:0;height:38px;border-radius:12px;font-weight:700;font-size:12.5px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;}
.sidebar .sb-bottom .sb-exitrow .sb-exit:hover{border-color:var(--danger,#ef4444);color:var(--danger,#ef4444);background:color-mix(in srgb,var(--danger,#ef4444) 12%,transparent);}
.sidebar.collapsed .sb-bottom .sb-exitrow{flex-direction:column;}
/* Admin: şirket satırı ve altındaki şubeler */
.u-hide{display:none !important;}
.settings-table tr.adm-company > td{background:color-mix(in srgb,var(--c1) 10%,var(--panel2));border-top:2px solid color-mix(in srgb,var(--c1) 45%,transparent);}
.settings-table tr.adm-branch > td:first-child{padding-left:28px;}
/* Mal Kabul kartı alt butonları: yazılar alt satıra kırılmasın, sığmazsa butonlar alt satıra geçsin */
.pc2-acts{flex-wrap:wrap;}
.pc2-acts .pc-btn{white-space:nowrap;width:auto;}
.oo-modes{margin-top:12px;display:flex;flex-direction:column;gap:6px;}
.oo-modes .seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;} .oo-modes .seg button{flex:0 0 auto;white-space:nowrap;padding:8px 12px;}
.oo-sms{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;}
.oo-sms input{width:auto;margin:3px 0 0;} .oo-sms span{display:flex;flex-direction:column;gap:3px;} .oo-sms small{color:var(--muted);font-size:12px;line-height:1.45;}
/* Emoji: Apple dışı cihazlarda Noto Color Emoji (theme-init.js html.emoji-noto ekler). Metin yazı tipinde olmayan
   emoji karakterleri bu yazı tipinden çizilir; harf ve rakamlar metin yazı tipinde kalır. */
html.emoji-noto body,html.emoji-noto input,html.emoji-noto select,html.emoji-noto textarea,html.emoji-noto button{font-family:'Plus Jakarta Sans','Noto Color Emoji',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}
html.emoji-noto .app-brand-row .app-brand-text,html.emoji-noto .auth-brand .name{font-family:'Poppins','Noto Color Emoji',sans-serif;}
.rp-pick{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px;}
.rp-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:11px 14px;border-radius:12px;background:var(--panel2);color:var(--text);border:1.5px solid var(--border);box-shadow:none;text-align:left;}
.rp-opt small{color:var(--muted);font-weight:500;font-size:12px;} .rp-opt.on{border-color:var(--accent);}

.pts-box[hidden]{display:none;}
.pay-cust-badge{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#f59e0b 10%,var(--panel));border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);}
.pay-cust-badge[hidden]{display:none;}
.pcb-ic{font-size:20px;} .pcb-name{flex:1;min-width:0;display:flex;flex-direction:column;} .pcb-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pcb-name small{color:var(--muted);font-size:12px;}
.pcb-pts{display:flex;align-items:baseline;gap:4px;color:#f59e0b;} .pcb-pts b{font-size:20px;font-weight:800;} .pcb-pts small{font-size:12px;font-weight:700;}
.pcb-btn{width:auto;margin:0;padding:7px 12px;font-size:12.5px;border-radius:10px;}

/* Gider dağılımı: anlaşılır özet */
.ga-hero{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin:0 0 12px;--ga-c:#f59e0b;--ga-o:#8b5cf6;--ga-k:#22c55e;}
.ga-hero-t{font-size:15px;line-height:1.6;}
.ga-hero b.c{color:var(--ga-c);} .ga-hero b.o{color:var(--ga-o);} .ga-hero b.k{color:var(--ga-k);} .ga-hero b.neg{color:var(--red);}
.ga-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--panel2);margin:6px 0 4px;gap:2px;max-width:260px;--ga-c:#f59e0b;--ga-o:#8b5cf6;--ga-k:#22c55e;}
.ga-bar.big{height:16px;max-width:none;margin:12px 0 8px;}
.ga-bar i{display:block;height:100%;} .ga-bar i.c{background:var(--ga-c);} .ga-bar i.o{background:var(--ga-o);} .ga-bar i.k{background:var(--ga-k);}
.ga-bar.loss{outline:1.5px solid var(--red);outline-offset:1px;}
.ga-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);}
.ga-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;} .ga-legend i.c{background:var(--ga-c);} .ga-legend i.o{background:var(--ga-o);} .ga-legend i.k{background:var(--ga-k);}
.ga-legend b{color:var(--text);}
.ga-100{margin-top:10px;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--panel2);}
.ga-warn{margin-top:10px;font-size:12.5px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);}
.ga-how{margin:0 0 12px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-size:13px;}
.ga-how summary{cursor:pointer;font-weight:700;} .ga-how ol{margin:10px 0 6px;padding-left:20px;line-height:1.6;}
.ga-ex{padding:8px 12px;border-radius:10px;background:var(--panel2);margin:6px 0;}

/* Müşteri grupları */
.cg-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px;}
.cg-bar small{color:var(--muted);font-weight:700;margin-right:2px;}
.cg-f{width:auto;margin:0;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--panel2);color:var(--text);border:1.5px solid color-mix(in srgb,var(--gc,var(--accent)) 45%,var(--border));box-shadow:none;}
.cg-f span{opacity:.7;font-weight:600;margin-left:2px;}
.cg-f.on{background:color-mix(in srgb,var(--gc,var(--accent)) 22%,var(--panel));border-color:var(--gc,var(--accent));}
.cg-f.add{border-style:dashed;color:var(--muted);}
.cg-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:color-mix(in srgb,var(--gc) 18%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--gc) 55%,transparent);}
.cg-pick{display:flex;flex-wrap:wrap;gap:6px;}
.cg-optout{display:flex !important;flex-direction:row !important;align-items:center;gap:10px;cursor:pointer;}
.cg-optout small{display:block;font-size:11.5px;font-weight:500;}
.cg-modal{max-width:520px;width:100%;}
.cg-list{display:flex;flex-direction:column;gap:6px;margin:10px 0;}
.cg-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--panel2);}
.cg-item i{width:12px;height:12px;border-radius:50%;background:var(--gc);flex:0 0 auto;} .cg-item b{flex:1;min-width:0;} .cg-item small{color:var(--muted);}
.cg-item .pc-btn{width:auto;margin:0;}
.cg-new{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:10px;}
.cg-new input{margin:0;flex:1 1 160px;} .cg-new .cg-ic{flex:0 0 56px;text-align:center;} .cg-new button:last-child{width:auto;margin:0;}
.cg-colors{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 100%;order:3;}
.cg-col{width:24px;height:24px;margin:0;padding:0;border-radius:50%;background:var(--gc);border:2px solid transparent;box-shadow:none;}
.cg-col.on{border-color:var(--text);}
.wb-groups{margin:4px 0 8px;}

/* SMS istemeyenler sekmesi */
.so-intro{padding:12px 14px;border-radius:12px;background:var(--panel2);font-size:13.5px;line-height:1.55;}
.so-intro small{display:block;margin-top:4px;font-size:12px;}
.so-acts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;} .so-acts .ghost-btn{width:auto;margin:0;}
.so-cat{margin-top:12px;} .so-cat h4{margin:0 0 6px;font-size:13px;color:var(--muted);}
.so-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border);margin-bottom:6px;cursor:pointer;}
.so-ic{font-size:18px;} .so-t{flex:1;min-width:0;display:flex;flex-direction:column;} .so-t small{color:var(--muted);font-size:11.5px;}

/* Mal Kabul sipariş detayı */
.pc2-open{cursor:pointer;} .pc2-open:hover .pc2-total{text-decoration:underline;}
.pod-modal{max-width:760px;width:100%;max-height:92vh;overflow-y:auto;border-top:4px solid var(--pc);}
.pod-head{display:flex;align-items:center;gap:12px;} .pod-t{flex:1;min-width:0;} .pod-t small{color:var(--muted);}
.pod-st{padding:5px 12px;border-radius:999px;font-weight:700;font-size:12.5px;background:color-mix(in srgb,var(--pc) 18%,transparent);border:1px solid color-mix(in srgb,var(--pc) 50%,transparent);white-space:nowrap;}
.pod-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0;}
.pod-kpis div{padding:10px 12px;border-radius:12px;background:var(--panel2);} .pod-kpis small{display:block;color:var(--muted);font-size:12px;} .pod-kpis b{font-size:17px;}
.pod-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px;}
.pod-step{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:8px 10px;border-radius:12px;border:1px dashed var(--border);}
.pod-step i{grid-row:span 2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;background:var(--panel2);color:var(--muted);}
.pod-step.ok{border-style:solid;border-color:color-mix(in srgb,#22c55e 45%,var(--border));} .pod-step.ok i{background:#22c55e;color:#fff;}
.pod-step b{font-size:12.5px;} .pod-step small{font-size:11.5px;color:var(--muted);}
.pod-table{border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.pod-row{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr 1.2fr 1fr;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);font-size:13px;align-items:center;}
.pod-row:last-child{border-bottom:0;} .pod-row span:last-child{text-align:right;}
.pod-th{background:var(--panel2);font-weight:700;font-size:12px;color:var(--muted);}
.pod-tot{background:var(--panel2);font-weight:700;}
.pod-row .ok{color:#22c55e;font-weight:700;} .pod-row .warn{color:#f59e0b;font-weight:700;}
.pod-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:flex-end;} .pod-acts .pc-btn{width:auto;margin:0;}
@media (max-width:600px){ .pod-th{display:none;} .pod-row{grid-template-columns:1fr 1fr;} .pod-row span[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-size:11px;} .pod-row span:last-child{text-align:left;} }

.pc2-hide{display:none !important;}
.pc2-moreln{width:100%;margin:4px 0 0;padding:8px 10px;border-radius:10px;background:transparent;border:1px dashed var(--border);color:var(--accent);font-size:12.5px;font-weight:700;box-shadow:none;text-align:center;}
.pc2-moreln:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);}
.pod-cost{margin:0;padding:6px 8px;font-size:12.5px;width:100%;max-width:140px;}
.pod-save{width:auto;margin:0 auto 0 0;}
.bgp-st{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.bgp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--border);font-size:12.5px;font-weight:700;cursor:pointer;}
.bgp-chip input{margin:0;width:auto;}
.bgp-chip.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);}
.bgp-sw{display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap;}
.ks-box{max-width:440px;width:100%;text-align:left;}
.ks-list{max-height:55vh;overflow:auto;margin-top:8px;display:flex;flex-direction:column;gap:6px;}
.ks-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;margin:0;font-weight:700;}
.ks-row small{display:block;font-weight:600;font-size:11.5px;color:var(--muted);}
.ks-row.off{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);}
.ks-row.off small{color:var(--red);}
.ks-badge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;}
/* Yan menüler (Ayarlar, Finansal Analiz, Cihaz Yazıcısı…) sayfadan bağımsız: ekranda sabit kalır, uzunsa kendi içinde kayar. */
@media (min-width: 901px){
  .tabs.settings-tabs.set-nav{align-self:flex-start;max-height:var(--navmax,calc(100vh - 24px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
}
/* Yardım → Uygulama Haritası */
.hmap-leg{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted);margin:0 0 6px;}
.hmap-leg span{display:inline-flex;align-items:center;gap:6px;} .hmap-leg i{width:10px;height:10px;border-radius:3px;display:inline-block;}
.hmap-k1{background:var(--c1);} .hmap-k2{background:var(--c3);} .hmap-k3{background:#f59e0b;}
.hmap-st{margin:18px 0 8px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;}
.hmap-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;}
.hmap-q{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:9px 12px;text-align:left;min-width:0;}
.hmap-q.go{cursor:pointer;} .hmap-q.go:hover{border-color:var(--accent);}
.hmap-q b{display:block;font-size:13.5px;} .hmap-path{font-size:12.5px;color:var(--accent);font-weight:600;} .hmap-path i{font-style:normal;color:var(--muted);padding:0 4px;}
.hmap-cards{display:flex;flex-direction:column;gap:10px;}
.hmap-card{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:13px 15px;text-align:left;min-width:0;}
.hmap-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .hmap-h > span{font-size:20px;} .hmap-h b{font-size:16px;}
.hmap-h small{font-size:11.5px;color:var(--muted);background:var(--panel);border-radius:999px;padding:2px 9px;}
.hmap-go{margin:0 0 0 auto !important;width:auto !important;padding:5px 12px !important;font-size:12.5px !important;}
.hmap-d{margin:6px 0 8px;font-size:13px;text-align:left;}
.hmap-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13.5px;} .hmap-cols ul{margin:2px 0 0;padding-left:18px;}
.hmap-cols em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
.hmap-in em{color:var(--c1);} .hmap-out em{color:var(--c3);}
.hmap-subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px;margin-top:10px;}
.hmap-subs > div{background:var(--panel);border-radius:10px;padding:8px 11px;min-width:0;}
.hmap-subs b{display:block;font-size:13.5px;} .hmap-subs small{display:block;font-size:12.5px;color:var(--muted);line-height:1.45;} .hmap-subs .hmap-how{color:var(--text);margin-top:3px;}
.hmap-tip{margin-top:9px;font-size:13px;border-left:3px solid #f59e0b;padding:4px 10px;background:color-mix(in srgb,#f59e0b 9%,transparent);border-radius:0 8px 8px 0;}
.hmap mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:inherit;border-radius:3px;padding:0 2px;}
@media (max-width:640px){ .hmap-cols{grid-template-columns:1fr;} }
/* Malzeme siparişi taslağı: aranabilir hammadde seçimi */
.pos-search{position:relative;margin:4px 0 8px;}
.pos-search input{width:100%;margin:0;font-size:15px;padding:12px 14px;}
.pos-res{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:300px;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.35);padding:4px;}
.pos-opt{display:flex !important;align-items:center;justify-content:space-between;gap:10px;width:100% !important;margin:0 !important;padding:9px 11px !important;background:transparent !important;color:var(--text) !important;border:0 !important;border-radius:9px !important;text-align:left;font-weight:500;}
.pos-opt:hover{background:var(--panel2) !important;} .pos-opt span{display:flex;flex-direction:column;min-width:0;}
.pos-opt small{color:var(--muted);font-size:11.5px;} .pos-opt em{font-style:normal;font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;}
.pos-opt.in{opacity:.65;}
.pos-quick{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;} .pos-quick .ghost-btn{width:auto;margin:0;padding:6px 12px;font-size:13px;}
.pos-empty{padding:18px;border:1.5px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted);font-size:13.5px;}
.pos-line{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;}
.pos-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 32px;gap:10px;align-items:center;}
.pos-name{display:flex;flex-direction:column;min-width:0;text-align:left;} .pos-name b{font-size:14.5px;} .pos-name small{font-size:11.5px;}
.pos-qty{display:flex;align-items:center;gap:6px;} .pos-qty input{margin:0;min-width:0;} .pos-qty span{font-size:12.5px;color:var(--muted);min-width:22px;}
.pos-bottom{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);}
.pos-bottom textarea{width:100%;resize:vertical;}
@media (max-width:520px){ .pos-row{grid-template-columns:minmax(0,1fr) 110px 32px;} }
/* Mal Kabul detayı: fiyat hücresi (koli hesabı, otomatik kayıt) */
.pod-cw{display:flex;align-items:center;gap:5px;} .pod-cw .pod-cost{flex:1;min-width:0;margin:0;}
.pod-pkb{width:auto !important;margin:0 !important;padding:5px 7px !important;background:var(--panel2) !important;border:1px solid var(--border) !important;border-radius:8px !important;font-size:14px;line-height:1;}
.pod-pkb.on{border-color:var(--accent) !important;}
.pod-ok{font-style:normal;font-size:13px;min-width:14px;color:var(--muted);} .pod-ok.saved{color:var(--green);font-weight:800;}
.pod-pack{display:flex;align-items:center;gap:4px;margin-top:5px;font-size:12px;color:var(--muted);}
.pod-pack input{margin:0;min-width:0;padding:5px 7px;font-size:12.5px;} .pod-pack input:first-child{flex:1.4;} .pod-pack input:nth-of-type(2){flex:1;}
.pod-auto{font-size:12.5px;align-self:center;}
.pod-pack[hidden]{display:none !important;}
/* Hammadde: alış birimleri ve reçete birimi */
.iu-pu{display:flex;flex-direction:column;gap:8px;}
.iu-pu-h{display:flex;flex-direction:column;gap:2px;text-align:left;} .iu-pu-h small{font-size:12px;}
.iu-pur{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr) auto auto 32px;gap:6px;align-items:center;}
.iu-pur input{margin:0;min-width:0;} .iu-pur span,.iu-pur em{font-style:normal;color:var(--muted);font-size:13px;}
.pu-dl{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);margin:0;white-space:nowrap;} .pu-dl input{width:auto;margin:0;}
.iu-pu-add{width:auto !important;margin:0 !important;padding:6px 12px !important;font-size:13px !important;align-self:flex-start;}
.iu-piece{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;border-top:1px dashed var(--border);padding-top:8px;}
.iu-piece[hidden]{display:none !important;} .iu-piece input{width:90px;margin:0;} .iu-piece em{font-style:normal;color:var(--muted);}
.iu-ru{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin:2px 0 8px;} .iu-ru select{width:auto;margin:0;padding:5px 8px;}
.rc-unit{padding:6px 8px;}
@media (max-width:520px){ .iu-pur{grid-template-columns:minmax(0,1fr) auto 70px auto 32px;} .pu-dl{grid-column:1/-1;} }
/* Arama ✕ temizle */
.srch-x{position:fixed;transform:translateY(-50%);width:24px !important;height:24px !important;min-height:0 !important;margin:0 !important;padding:0 !important;border-radius:50% !important;border:0 !important;background:color-mix(in srgb,var(--text) 12%,transparent) !important;color:var(--text) !important;font-size:12px !important;line-height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.75;}
.srch-x:hover{opacity:1;background:color-mix(in srgb,var(--text) 22%,transparent) !important;} .srch-x[hidden]{display:none !important;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none;}
/* Sipariş taslağı: toplu seçim */
.pos-bar{position:sticky;top:-4px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;margin:-4px -4px 4px;background:var(--panel);border-bottom:1px solid var(--border);}
.pos-bar label{display:flex;align-items:center;gap:6px;font-size:12.5px;margin:0;color:var(--muted);} .pos-bar input{width:auto;margin:0;}
.pos-addsel{width:auto !important;margin:0 !important;padding:6px 12px !important;font-size:12.5px !important;}
.pos-opt{display:flex !important;align-items:center;gap:4px;padding:0 !important;}
.pos-chk{display:flex;align-items:center;justify-content:center;width:30px;flex:0 0 30px;margin:0;} .pos-chk input{width:auto;margin:0;}
.pos-optb{flex:1;display:flex !important;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin:0 !important;padding:9px 11px 9px 2px !important;background:transparent !important;color:var(--text) !important;border:0 !important;border-radius:9px !important;text-align:left;font-weight:500;}
.pos-optb span{display:flex;flex-direction:column;min-width:0;} .pos-optb small{color:var(--muted);font-size:11.5px;} .pos-optb em{font-style:normal;font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;}
/* Alış birimi: sipariş taslağı, teslim, fiyat */
.pos-qty select.pos-us{margin:0;width:auto;max-width:120px;padding:6px 6px;font-size:12.5px;}
.pos-row{grid-template-columns:minmax(0,1fr) 210px 32px;}
.pos-eq{font-size:12px;color:var(--accent);text-align:right;margin:2px 44px 0 0;min-height:0;} .pos-eq:empty{display:none;}
.recv-w{display:flex;gap:6px;align-items:center;margin-top:4px;} .recv-w input{margin:0;min-width:0;flex:1;} .recv-w select{margin:0;width:auto;padding:6px;font-size:12.5px;} .recv-u{font-size:12.5px;color:var(--muted);}
.recv-w.pod-recv{margin-top:0;} .recv-w.pod-recv input{max-width:90px;padding:6px 8px;}
.pod-cu{margin:0;width:auto;padding:6px;font-size:12.5px;} .pod-ceq{display:block;font-size:11.5px;margin-top:2px;}
.ig-pack{font-size:12px;margin:4px 2px 0;text-align:left;}
@media (max-width:520px){ .pos-row{grid-template-columns:minmax(0,1fr) 150px 32px;} }
.recv-w.pod-recv input,.pod-cw .pod-cost{min-width:64px;}
.pod-modal{max-width:980px;}