  :root{--pink:#ff0073;--dark:#2b2f3a;--green:#27ae60;--red:#e74c3c;--blue:#2d6cdf;--orange:#e67e22;--bg:#f4f6fa;--line:#e6e9f0;--text:#3a3f4b;--muted:#8a909c;}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:"Segoe UI","Assistant",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;}
  header{background:var(--dark);color:#fff;padding:16px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  header .dot{width:11px;height:11px;border-radius:50%;background:var(--pink)}
  header h1{font-size:18px;font-weight:600}
  header .updated{font-size:13px;color:#b8bcc6}
  /* קבוצת-קצה שמאלית קבועה: תווית-סניף · החלף סניף · יציאה · עודכן */
  #hdrEnd{margin-inline-start:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  #hdrEnd #branchLabel,#hdrEnd #switchBranchBtn,#hdrEnd #logoutBtn,#hdrEnd .updated{margin:0}
  header .tab{background:transparent;color:#fff;border:1px solid #555;border-radius:6px;padding:7px 16px;cursor:pointer;font-family:inherit;font-size:14px;}
  header .tab.active{background:var(--pink);border-color:var(--pink)}
  .container{max-width:1500px;margin:24px auto;padding:0 16px}
  .bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px;}
  .bar .count{color:var(--muted);font-size:14px}
  .bar .count b{color:var(--text)}
  .bar .right-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .view-toggle{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 16px;cursor:pointer;font-family:inherit;font-size:14px;color:var(--text);font-weight:600;white-space:nowrap}
  .view-toggle:hover{background:#fafbfd}
  /* ===== תצוגת כרטיסים ===== */
  #cardsWrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}
  @media(max-width:400px){#cardsWrap{grid-template-columns:1fr}}
  .ocard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:0 1px 4px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:11px}
  .ocard.canceled{background:#fdecea;border-color:#f5c6cb}
  .ocard-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px;flex-wrap:wrap}
  .ocard-seq{font-size:30px;font-weight:800;color:var(--pink);line-height:1}
  .ocard-rest{font-size:19px;font-weight:700;color:var(--text);flex:1;min-width:90px}
  .ocard-src{display:inline-block;border-radius:6px;padding:4px 12px;font-size:13px;color:#fff;background:#8a909c;white-space:nowrap}
  .ocard-src.cibus{background:var(--pink)}
  .ocard-src.tenbis{background:#ff7e00}
  .ocard-src.wolt{background:#00b8d4}
  .ocard-row{display:flex;gap:8px;font-size:16px;line-height:1.6}
  .ocard-row .lbl{color:var(--muted);font-weight:600;flex-shrink:0;min-width:62px}
  .ocard-row .val{color:var(--text);word-break:break-word}
  .ocard-dish{color:var(--blue);font-weight:600;font-size:18px}
  .ocard-mix{color:#555;font-size:15px;line-height:1.7}
  .ocard-money{font-size:22px;font-weight:800;color:var(--green)}
  .ocard-foot{display:flex;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
  .ocard-foot button{flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;cursor:pointer;font-size:17px;font-family:inherit;font-weight:600;color:var(--text)}
  .ocard-foot button:hover{background:#fafbfd}
  .ocard-status{display:inline-block;border-radius:6px;padding:4px 12px;font-size:13px;color:#fff}
  .ocard-status.printed{background:var(--green)} .ocard-status.new{background:var(--pink)} .ocard-status.cancel{background:var(--red)}
  .bar input,.bar select{border:1px solid var(--line);border-radius:6px;padding:9px 13px;font-family:inherit;font-size:14px;outline:none;background:#fff;}
  .bar input{width:240px}
  .bar input:focus,.bar select:focus{border-color:var(--pink)}
  .table-wrap{overflow-x:auto}
  .summary{display:flex;gap:14px;margin-bottom:16px;flex-wrap:wrap}
  /* (עיצוב דשבורד הוזז לסוף ה-CSS) */
  .seg-period{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
  .seg-period button{border:none;background:#fff;padding:7px 16px;cursor:pointer;font-family:inherit;font-size:14px;color:var(--text);border-right:1px solid var(--line)}
  .seg-period button:last-child{border-right:none}
  .seg-period button.active{background:var(--pink);color:#fff}
  .rest-table .money{color:var(--green);font-weight:600}
  @media(max-width:560px){.dash-grid{grid-template-columns:1fr}}
  .summary .card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 22px;min-width:150px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
  .summary .card-label{color:var(--muted);font-size:13px;margin-bottom:6px}
  .summary .card-val{font-size:24px;font-weight:700;color:var(--text)}
  .summary .cancel-card .card-val{color:var(--red)}
  .summary .money-card .card-val{color:var(--green)}
  table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);table-layout:fixed;}
  /* רוחב עמודות מותאם — שהכל ייכנס למסך בלי גלילה */
  /* 14 עמודות · סה"כ 100%. אוזנו לפי אורך התוכן האמיתי (נמדד בדפדפן על
     הזמנות חיות): שם-המנה הוא מה שמחפשים בשורה ולכן הוא מקבל רוחב אמיתי,
     והכתובת ירדה מ-20% ל-9% — היא לא צריכה להיות הרחבה בטבלה. */
  table col.c-seq{width:3.5%} table col.c-rest{width:8%} table col.c-cust{width:7.5%}
  table col.c-comp{width:6%} table col.c-src{width:4.5%} table col.c-dish{width:12%}
  table col.c-mix{width:13.5%} table col.c-addr{width:9%} table col.c-sup{width:6.5%}
  table col.c-enter{width:6.5%} table col.c-sum{width:4.5%} table col.c-phone{width:6.5%}
  table col.c-stat{width:5.5%} table col.c-print{width:6.5%}
  thead th{background:#fafbfd;border-bottom:2px solid var(--line);padding:8px 4px;font-size:11.5px;color:var(--muted);font-weight:600;text-align:center;}
  /* מיון פר-עמודה. הכותרת לחיצה, והחץ מופיע רק על העמודה הפעילה כדי
     שלא ייווצר רעש של 13 חצים. */
  thead th.sortable{cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .12s,color .12s}
  thead th.sortable:hover{background:#f1f4f9;color:var(--text)}
  thead th.sortable.on{background:#fff0f6;color:var(--pink);font-weight:800}
  thead th .sort-ar{font-size:9px;margin-inline-start:3px;opacity:.9}
  thead th.sortable:not(.on) .sort-ar{opacity:0}
  thead th.sortable:hover:not(.on) .sort-ar{opacity:.35}
  tbody td{border-bottom:1px solid var(--line);padding:8px 4px;font-size:12.5px;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word}
  tbody tr:last-child td{border-bottom:none}
  tbody tr:hover{background:#fafbfd}
  tbody tr.canceled-row{background:#fdecea}
  tbody tr.canceled-row:hover{background:#fbddd9}
  .seq{font-weight:700;color:var(--pink);font-size:15px}
  .order-id{font-weight:600;color:var(--muted);font-size:13px}
  .restaurant{font-weight:600;color:var(--text)}
  .company{color:var(--muted);max-width:85px}
  .sum{font-weight:600;color:var(--text)}
  .status{display:inline-block;color:#fff;border-radius:5px;padding:3px 8px;font-size:11px;line-height:1.3;white-space:nowrap}
  .status.printed{background:var(--green)}
  .status.new{background:var(--pink)}
  .status.cancel{background:var(--red)}
  .source{display:inline-block;border-radius:5px;padding:3px 8px;font-size:11px;color:#fff;white-space:nowrap;background:#8a909c}
  .source.cibus{background:var(--pink)}
  .source.tenbis{background:#ff7e00}
  .source.wolt{background:#00b8d4}
  .dish{color:var(--blue);font-weight:500}
  .print-btn{background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:14px;line-height:1}
  .print-btn:hover{background:var(--pink);border-color:var(--pink)}
  .modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100;align-items:flex-start;justify-content:center;overflow-y:auto;padding:30px 10px}
  .modal-box{background:#fff;border-radius:10px;padding:18px;max-width:420px;width:100%;box-shadow:0 6px 30px rgba(0,0,0,.3)}
  .modal-top{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:12px}
  .modal-print,.modal-close{border:none;border-radius:6px;padding:9px 16px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600}
  .modal-print{background:var(--green);color:#fff}
  .printer-pick-btn{border:1px solid var(--green);background:#fff;color:#111;border-radius:8px;padding:14px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;text-align:center}
  .printer-pick-btn:hover{background:var(--green);color:#fff}
  .modal-close{background:#eee;color:var(--text)}
  .modal-receipt{border:1px dashed #bbb;padding:14px;border-radius:6px}
  .mix{line-height:1.5;color:#555;font-size:13px}
  .addr{max-width:150px;line-height:1.45;color:#555}
  .empty{text-align:center;color:var(--muted);padding:40px}
  @media(max-width:560px){
    .bar input{width:100%}
    .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}
    table{table-layout:auto;min-width:1050px}
    thead th{font-size:11px;white-space:nowrap}
    tbody td{font-size:12px}
    header{padding:12px 14px;gap:9px}
    header h1{font-size:19px}
    header .updated{margin-right:0;order:5;width:100%}
    #logoutBtn{margin-right:auto}
  }
  /* ===== התאמה ל-Android + iOS ===== */
  *{-webkit-tap-highlight-color:transparent}
  input,select,button{font-size:16px}
  /* מגע (iOS/אנדרואיד): כופה ≥16px על כל שדה-קלט (גובר על כללי-class קטנים) — מונע זום-פוקוס */
  @media (pointer: coarse){ input, select, textarea { font-size: 16px !important; } }
  .table-wrap{-webkit-overflow-scrolling:touch}
  .bar input,#search{font-size:16px}
  /* ===== סינון טווח בדשבורד ===== */
  .dash-range{position:relative;margin-bottom:14px;display:inline-block}
  .range-trigger{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:15px;color:var(--text);font-weight:700;display:inline-flex;align-items:center;gap:10px;min-width:170px;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.05)}
  .range-trigger:hover{border-color:var(--pink)}
  .range-arrow{color:var(--pink);font-size:12px}
  .range-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);padding:6px;z-index:50;min-width:190px}
  .range-menu.open{display:block}
  .range-menu button{display:block;width:100%;text-align:right;border:none;background:#fff;border-radius:8px;padding:11px 14px;cursor:pointer;font-family:inherit;font-size:15px;color:var(--text);font-weight:600}
  .range-menu button:hover{background:#fafbfd}
  .range-menu button.active{background:var(--pink);color:#fff}
  /* ===================== עיצוב דשבורד מהוקצע ===================== */
  #dashboard{animation:dashIn .4s ease both}
  @keyframes dashIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .dash-titlebar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
  .dash-titlebar h2{margin:0;font-family:'Frank Ruhl Libre','Heebo',serif;font-size:26px;font-weight:900;color:var(--dark);letter-spacing:-.01em}
  .dash-titlebar h2 .em{color:var(--pink)}
  /* כרטיסי KPI */
  #dashboard .summary{display:grid !important;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
  #dashboard .summary .card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 20px rgba(20,20,40,.04);min-width:0;display:flex;flex-direction:column;gap:6px;transition:transform .18s ease,box-shadow .18s ease}
  #dashboard .summary .card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(20,20,40,.10)}
  #dashboard .summary .card::after{content:'';position:absolute;top:0;right:0;width:5px;height:100%;background:var(--kpi,#ff2d87)}
  #dashboard .summary .card .kpi-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--kpi) 14%,#fff);margin-bottom:2px}
  #dashboard .summary .card .card-label{color:var(--muted);font-size:13px;font-weight:600;margin:0}
  #dashboard .summary .card .card-val{font-family:'Rubik','Heebo',sans-serif;font-size:30px;font-weight:800;color:var(--dark);line-height:1.05;letter-spacing:-.02em}
  #dashboard .summary .k-orders{--kpi:#2d6cdf} #dashboard .summary .k-money{--kpi:#10b981}
  #dashboard .summary .k-avg{--kpi:#8b5cf6} #dashboard .summary .k-cancel{--kpi:#ef4444}
  #dashboard .summary .k-money .card-val{color:#0f9d6f} #dashboard .summary .k-cancel .card-val{color:#dc3545}
  /* כרטיסי גרפים */
  .dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .dash-chart{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 20px rgba(20,20,40,.04);transition:transform .18s ease,box-shadow .18s ease}
  .dash-chart:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(20,20,40,.09)}
  .dash-chart h3{margin:0 0 16px;font-size:15.5px;color:var(--dark);font-weight:700;display:flex;align-items:center;gap:9px}
  .dash-chart h3::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--pink);flex-shrink:0}
  .dash-chart canvas{max-height:270px}
  .dash-wide{grid-column:1 / -1}
  /* ===== פילוח לפי פלטפורמה ===== */
  .platform-section{margin-bottom:20px}
  .platform-title{font-size:15.5px;color:var(--dark);font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:9px}
  .platform-title::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--pink);flex-shrink:0}
  .platform-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px}
  .pcard{position:relative;overflow:hidden;border-radius:18px;padding:18px 20px;background:
    radial-gradient(120% 120% at 100% 0,color-mix(in srgb,var(--pc) 9%,#fff) 0%,#fff 60%);
    border:1px solid var(--line);box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 20px rgba(20,20,40,.05);
    transition:transform .18s ease,box-shadow .18s ease}
  .pcard:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(20,20,40,.13)}
  .pcard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--pc)}
  .pcard-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}
  .plogo{width:54px;height:54px;border-radius:15px;background:#fff;border:1px solid var(--line);
    display:grid;place-items:center;overflow:hidden;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.07)}
  .plogo img{width:100%;height:100%;object-fit:contain;padding:7px;box-sizing:border-box}
  .plogo img.fill{padding:0;object-fit:cover}   /* לוגו-מותג ממלא את הקופסה edge-to-edge (כמו ה-SVG של סיבוס/תן-ביס) */
  .plogo-mono{width:100%;height:100%;place-items:center;color:#fff;font-weight:800;font-size:19px;font-family:'Rubik','Heebo',sans-serif;letter-spacing:-.02em}
  .pcard-name{font-size:18px;font-weight:800;color:var(--dark);line-height:1.1}
  .pcard-sub{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:3px}
  .pcard-money{font-family:'Rubik','Heebo',sans-serif;font-size:31px;font-weight:800;color:var(--pc);letter-spacing:-.02em;line-height:1}
  .pcard-stats{display:flex;gap:22px;margin-top:13px;flex-wrap:wrap}
  .pcard-stat{font-size:12px;color:var(--muted);font-weight:600}
  .pcard-stat b{display:block;font-size:16.5px;color:var(--dark);font-weight:800;font-family:'Rubik','Heebo',sans-serif;margin-top:2px}
  .pcard-share{margin-top:14px;height:8px;border-radius:6px;background:color-mix(in srgb,var(--pc) 13%,#eef0f4);overflow:hidden}
  .pcard-share span{display:block;height:100%;border-radius:6px;background:var(--pc);transition:width .5s ease}
  .pcard-sharelbl{font-size:11.5px;color:var(--muted);margin-top:6px;font-weight:600}
  /* ===== דלתא KPI (השוואה לתקופה קודמת) ===== */
  .kpi-delta{font-size:12px;font-weight:700;margin-top:2px;display:flex;align-items:center;gap:4px}
  .kpi-delta.up{color:#0f9d6f} .kpi-delta.down{color:#e23b3b} .kpi-delta.flat{color:var(--muted)}
  .kpi-delta .kpi-delta-lbl{color:var(--muted);font-weight:600;font-size:11px}
  /* ===== רצועת "היום עד עכשיו" ===== */
  .today-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(110deg,#15233f,#243a63);
    color:#fff;border-radius:18px;padding:16px 22px;margin-bottom:18px;box-shadow:0 8px 26px rgba(20,30,60,.18)}
  .today-strip .ts-live{display:flex;align-items:center;gap:7px;font-weight:800;font-size:14px}
  .today-strip .ts-dot{width:9px;height:9px;border-radius:50%;background:#34e07a;box-shadow:0 0 0 0 rgba(52,224,122,.7);animation:tspulse 1.8s infinite}
  @keyframes tspulse{0%{box-shadow:0 0 0 0 rgba(52,224,122,.6)}70%{box-shadow:0 0 0 9px rgba(52,224,122,0)}100%{box-shadow:0 0 0 0 rgba(52,224,122,0)}}
  .today-strip .ts-item{display:flex;flex-direction:column;gap:1px}
  .today-strip .ts-item b{font-family:'Rubik','Heebo',sans-serif;font-size:23px;font-weight:800;line-height:1}
  .today-strip .ts-item span{font-size:11.5px;opacity:.8}
  .today-strip .ts-sep{width:1px;align-self:stretch;background:rgba(255,255,255,.16)}
  /* ===== תובנות אוטומטיות ===== */
  .insights{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-bottom:18px;box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 20px rgba(20,20,40,.04)}
  .insights h3{margin:0 0 12px;font-size:15.5px;color:var(--dark);font-weight:700;display:flex;align-items:center;gap:9px}
  .insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
  .insight{display:flex;gap:11px;align-items:flex-start;background:#fafbfd;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
  .insight .ic{font-size:20px;flex-shrink:0;line-height:1.1}
  .insight .tx{font-size:13px;color:var(--text);line-height:1.5}
  .insight .tx b{color:var(--dark)}
  .insight.good{background:#effaf3;border-color:#bdebd0} .insight.bad{background:#fdeef0;border-color:#f6cdd4}
  /* ===== שיאים / תגי-הישג ===== */
  .records{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}
  .record{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 17px;box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 18px rgba(20,20,40,.04)}
  .record .r-ic{font-size:22px} .record .r-lbl{font-size:12px;color:var(--muted);font-weight:600;margin-top:6px}
  .record .r-val{font-family:'Rubik','Heebo',sans-serif;font-size:19px;font-weight:800;color:var(--dark);line-height:1.1;margin-top:2px}
  .record .r-sub{font-size:11.5px;color:var(--muted);margin-top:3px}
  /* ===== Heatmap יום×שעה ===== */
  .heatmap{display:grid;gap:3px;overflow-x:auto}
  .hm-cell{height:22px;border-radius:4px;display:grid;place-items:center;font-size:10px;color:#fff;min-width:30px}
  .hm-rowlbl,.hm-collbl{font-size:11px;color:var(--muted);font-weight:600;display:grid;place-items:center}
  /* ===== טבלת חברות / נטישה ===== */
  .biz-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:18px}
  @media(max-width:860px){.biz-grid{grid-template-columns:1fr}}
  .biz-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 20px rgba(20,20,40,.04)}
  .biz-card h3{margin:0 0 12px;font-size:15px;color:var(--dark);font-weight:700;display:flex;align-items:center;gap:8px}
  .biz-table{width:100%;border-collapse:collapse}
  .biz-table th{text-align:right;padding:8px 10px;font-size:11.5px;color:var(--muted);border-bottom:2px solid var(--line);font-weight:700}
  .biz-table td{padding:9px 10px;font-size:13px;border-bottom:1px solid var(--line)}
  .biz-table tbody tr:hover{background:#fbf3f7}
  .biz-money{color:#0f9d6f;font-weight:700}
  .chip{display:inline-block;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}
  .chip.churn{background:#fdeef0;color:#d6334a} .chip.new{background:#eef6ff;color:#2563c9}
  .biz-empty{color:var(--muted);font-size:13px;padding:14px;text-align:center}
  /* ===== כרטיס סיכום לשיתוף ===== */
  .share-overlay{position:fixed;inset:0;background:rgba(15,18,30,.55);display:none;align-items:center;justify-content:center;z-index:1200;padding:18px}
  .share-overlay.open{display:flex}
  .share-card{width:420px;max-width:100%;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#1b2a4a,#2a4170);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.4)}
  .share-card .sc-head{padding:20px 24px 6px;font-size:14px;opacity:.85;font-weight:600}
  .share-card .sc-date{padding:0 24px;font-size:22px;font-weight:800;font-family:'Rubik',sans-serif}
  .share-card .sc-body{padding:18px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .share-card .sc-stat b{display:block;font-family:'Rubik',sans-serif;font-size:27px;font-weight:800;line-height:1}
  .share-card .sc-stat span{font-size:12px;opacity:.82}
  .share-card .sc-foot{background:rgba(0,0,0,.18);padding:13px 24px;font-size:12.5px;display:flex;justify-content:space-between;align-items:center}
  .dash-tools{display:flex;gap:8px;flex-wrap:wrap}
  .dash-tool{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s}
  .dash-tool:hover{border-color:var(--pink);color:var(--pink)}
  @media print{
    header,.bar,#viewToggle,.dash-tools,#dashRangeBox,.share-overlay{display:none!important}
    #dashboard{display:block!important} body{background:#fff}
    .dash-chart,.pcard,.record,.biz-card,.insights{box-shadow:none;break-inside:avoid}
  }
  .dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}
  .dash-head h3{margin:0}
  .rest-table{width:100%;border-collapse:collapse}
  .rest-table th{text-align:right;padding:12px 14px;font-size:12.5px;color:var(--muted);border-bottom:2px solid var(--line);font-weight:700}
  .rest-table td{padding:13px 14px;font-size:14px;border-bottom:1px solid var(--line)}
  .rest-table tbody tr{cursor:pointer;transition:background .12s}
  .rest-table tbody tr:hover{background:#fbf3f7}
  /* responsive */
  @media(max-width:900px){#dashboard .summary{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){
    .dash-grid{grid-template-columns:1fr}
    #dashboard .summary{grid-template-columns:repeat(2,1fr);gap:10px}
    #dashboard .summary .card{padding:14px;border-radius:15px}
    #dashboard .summary .card .card-val{font-size:24px}
    #dashboard .summary .card .kpi-ico{width:32px;height:32px;font-size:16px}
    .dash-titlebar h2{font-size:21px}
    .dash-chart{padding:16px;border-radius:15px}
  }
  /* ===== פאנל פירוט מסעדה ===== */
  .rest-empty{text-align:center;color:var(--muted);padding:34px 10px;font-size:14px}
  .rm-count{display:inline-block;background:#f3f0f5;color:var(--muted);border-radius:20px;padding:1px 9px;font-size:12px;font-weight:700;margin-right:6px}
  .range-menu button.active .rm-count{background:rgba(255,255,255,.25);color:#fff}
  .rest-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
  .rstat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 16px;display:flex;flex-direction:column;gap:5px}
  .rstat::after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:var(--rc,#ff2d87)}
  .rstat-ico{font-size:17px}
  .rstat-num{font-family:'Rubik','Heebo',sans-serif;font-size:23px;font-weight:800;color:var(--dark);line-height:1.05}
  .rstat-lbl{font-size:12.5px;color:var(--muted);font-weight:600}
  .r-ord{--rc:#2d6cdf} .r-mon{--rc:#10b981} .r-avg{--rc:#8b5cf6} .r-can{--rc:#ef4444}
  .r-mon .rstat-num{color:#0f9d6f} .r-can .rstat-num{color:#dc3545}
  .rest-dishes-t{font-size:14px;font-weight:700;color:var(--dark);margin:4px 0 12px}
  .rest-dishes{display:flex;flex-direction:column;gap:11px}
  .rdish-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}
  .rdish-name{font-size:14px;color:var(--text);font-weight:600}
  .rdish-c{font-size:13px;color:var(--muted);font-weight:700}
  .rdish-bar{height:8px;background:#f1eef3;border-radius:20px;overflow:hidden}
  .rdish-bar span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ff2d87,#8b5cf6)}
  @media(max-width:560px){ .rest-stats{grid-template-columns:repeat(2,1fr);gap:9px} .rstat-num{font-size:19px} }
  /* ===== קיבוץ ארכיון לפי ימים ===== */
  .arng{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 14px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text);font-weight:600}
  .arng.active{background:var(--pink);color:#fff;border-color:var(--pink)}
  tr.day-sep td{background:linear-gradient(90deg,#fff0f6,#fff);color:var(--dark);font-weight:800;font-size:14.5px;padding:13px 16px !important;border-top:2px solid var(--pink);border-bottom:1px solid var(--line);text-align:right}
  .day-sep-card{grid-column:1/-1;background:linear-gradient(90deg,#fff0f6,#fff);border:1px solid var(--line);border-right:4px solid var(--pink);border-radius:11px;padding:12px 16px;font-weight:800;color:var(--dark);font-size:14.5px;margin:8px 0 2px}

/* ===== login / branch-picker / setpw screens (was 2nd <style> block, moved from body) ===== */
  #loginScreen{position:fixed;inset:0;z-index:9999;background:#f4f6fa;display:flex;align-items:center;justify-content:center;padding:20px;direction:inherit;font-family:'Heebo','Assistant',sans-serif}
  #forgotScreen, #setPwScreen{position:fixed;inset:0;z-index:9999;background:#f4f6fa;display:flex;align-items:center;justify-content:center;padding:20px;direction:inherit;font-family:'Heebo','Assistant',sans-serif}
  #loginScreen .lg-card, #forgotScreen .lg-card, #setPwScreen .lg-card{width:100%;max-width:360px;background:#fff;border:1px solid #e6e9f0;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.12);padding:34px 28px}
  #loginScreen .lg-brand, #forgotScreen .lg-brand, #setPwScreen .lg-brand{text-align:center;font-size:34px;font-weight:900;color:#ff0073}
  #loginScreen .lg-brand span, #forgotScreen .lg-brand span, #setPwScreen .lg-brand span{color:#2b2f3a}
  #loginScreen .lg-sub, #forgotScreen .lg-sub, #setPwScreen .lg-sub{text-align:center;color:#8a909c;font-size:14px;margin:2px 0 24px;font-weight:600}
  #loginScreen .lg-field, #forgotScreen .lg-field, #setPwScreen .lg-field{margin-bottom:15px}
  #loginScreen .lg-field label, #forgotScreen .lg-field label, #setPwScreen .lg-field label{display:block;font-size:13px;font-weight:700;color:#8a909c;margin-bottom:6px}
  #loginScreen .lg-field input, #forgotScreen .lg-field input, #setPwScreen .lg-field input{width:100%;padding:12px 14px;font-size:16px;border:1.5px solid #e6e9f0;border-radius:11px;background:#f4f6fa;color:#3a3f4b;font-family:inherit;box-sizing:border-box}
  #loginScreen .lg-field input:focus, #forgotScreen .lg-field input:focus, #setPwScreen .lg-field input:focus{outline:none;border-color:#ff0073;background:#fff}
  /* כפתור-עין להצגת/הסתרת סיסמה — בקצה-הפנימי (שמאל ב-RTL) של שדה-הסיסמה */
  .pw-wrap{position:relative}
  #loginScreen .pw-wrap input, #setPwScreen .pw-wrap input{padding-left:44px}
  .pw-eye{position:absolute;top:50%;left:8px;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:4px;opacity:.55;transition:opacity .15s}
  .pw-eye:hover{opacity:1}
  #loginScreen #lgBtn, #forgotScreen #fgBtn, #setPwScreen #spBtn{width:100%;padding:13px;font-size:16px;font-weight:700;color:#fff;background:#ff0073;border:none;border-radius:11px;margin-top:6px;cursor:pointer;font-family:inherit}
  #loginScreen #lgBtn:hover, #forgotScreen #fgBtn:hover, #setPwScreen #spBtn:hover{background:#d80062}
  #loginScreen #lgBtn:disabled, #forgotScreen #fgBtn:disabled, #setPwScreen #spBtn:disabled{opacity:.6}
  #loginScreen #lgMsg, #forgotScreen #fgMsg, #setPwScreen #spMsg{margin-top:14px;padding:10px 13px;border-radius:9px;font-size:14px;font-weight:600;display:none;background:#fbe9e9;color:#c0392b}
  #loginScreen #lgMsg.show, #forgotScreen #fgMsg.show, #setPwScreen #spMsg.show{display:block}
  #loginScreen #lgMsg.ok, #forgotScreen #fgMsg.ok, #setPwScreen #spMsg.ok{background:#e8f8ee;color:#27ae60}
  #loginScreen .lg-lock, #setPwScreen .lg-lock{text-align:center;margin-top:18px;font-size:12px;color:#8a909c}
  .lg-forgot{text-align:center;margin-top:14px;font-size:13px}
  .lg-forgot a{color:#ff0073;text-decoration:none;font-weight:600}
  .lg-forgot a:hover{text-decoration:underline}
  #logoutBtn{background:transparent;color:#fff;border:1px solid #555;border-radius:6px;padding:7px 14px;cursor:pointer;font-family:inherit;font-size:14px;margin-right:8px}
  #logoutBtn:hover{background:#e74c3c;border-color:#e74c3c}
  /* ===== מסך בחירת סניף ===== */
  #branchPicker{position:fixed;inset:0;z-index:9998;background:#f4f6fa;display:none;align-items:center;justify-content:center;padding:20px;direction:inherit;font-family:'Heebo','Assistant',sans-serif}
  #branchPicker .bp-card-wrap{width:100%;max-width:440px;background:#fff;border:1px solid #e6e9f0;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.12);padding:34px 28px}
  #branchPicker .bp-brand{text-align:center;font-size:30px;font-weight:900;color:#ff0073;margin-bottom:4px}
  #branchPicker .bp-brand span{color:#2b2f3a}
  #branchPicker .bp-sub{text-align:center;color:#8a909c;font-size:15px;margin-bottom:24px;font-weight:600}
  #bpList{display:flex;flex-direction:column;gap:12px}
  .bp-card{display:flex;align-items:center;gap:12px;padding:18px 20px;font-size:18px;font-weight:700;color:#2b2f3a;background:#f4f6fa;border:2px solid #e6e9f0;border-radius:14px;cursor:pointer;transition:all .15s}
  .bp-card:hover{border-color:#ff0073;background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,0,115,.12)}
  .bp-card.bp-warn{background:#fff7e6;border-color:#ffcf66;color:#a35a00}
  .bp-card.bp-warn:hover{border-color:#ff9800;box-shadow:0 6px 18px rgba(255,152,0,.18)}
  .bp-card .bp-count{margin-right:auto;font-size:15px;background:rgba(0,0,0,.06);border-radius:20px;padding:3px 12px;font-weight:700}
  .bp-empty{text-align:center;color:#8a909c;font-size:15px;padding:20px}
  #switchBranchBtn{background:transparent;color:#fff;border:1px solid #555;border-radius:6px;padding:7px 14px;cursor:pointer;font-family:inherit;font-size:14px;margin-right:8px}
  #switchBranchBtn:hover{background:#ff0073;border-color:#ff0073}
  #branchLabel{color:#fff;font-weight:700;font-size:15px;margin-right:10px;opacity:.92}
  /* ===== עמוד מותגים ===== */
  #brands{animation:dashIn .4s ease both}
  .brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px}
  .brand-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 14px 14px;text-align:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s;box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 18px rgba(20,20,40,.04)}
  .brand-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,20,40,.13);border-color:var(--pink)}
  .brand-card.sel{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink) inset}
  .brand-logo{width:86px;height:86px;margin:0 auto 11px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}
  .brand-logo img{width:100%;height:100%;object-fit:contain;padding:7px;box-sizing:border-box}
  .brand-mono{font-size:30px;font-weight:800;color:#fff;width:100%;height:100%;display:grid;place-items:center;font-family:'Rubik',sans-serif}
  .brand-name{font-size:14px;font-weight:700;color:var(--dark);line-height:1.3;min-height:36px;display:flex;align-items:center;justify-content:center}
  .brand-src{display:inline-block;border-radius:20px;padding:2px 11px;font-size:11px;font-weight:700;margin-top:7px;color:#fff}
  .brand-src.tenbis{background:#ff7e00} .brand-src.pluxee{background:#e6007e} .brand-src.wolt{background:#00b8d4} .brand-src.unknown{background:#8a909c}
  .brand-link{position:absolute;top:9px;left:44px;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:15px;text-decoration:none;color:var(--muted);transition:all .15s}
  .brand-check{position:absolute;top:9px;left:9px;width:26px;height:26px;border-radius:8px;border:2px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;z-index:4;font-size:15px;font-weight:900;color:#fff;line-height:1;transition:all .12s;user-select:none}
  .brand-check:hover{border-color:var(--pink)}
  .brand-card.picked{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink) inset}
  .brand-card.picked .brand-check{background:var(--pink);border-color:var(--pink)}
  .brand-bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1.5px solid var(--pink);border-radius:12px;padding:10px 16px;margin:0 0 14px;box-shadow:0 4px 16px rgba(230,0,126,.12)}
  .brand-bulk-bar .bb-count{font-weight:800;color:var(--pink);font-size:14px}
  .brand-bulk-bar .bb-spacer{flex:1}
  .brand-bulk-bar .bb-close{background:#c62828;color:#fff;border:none;border-radius:9px;padding:9px 18px;font-weight:800;cursor:pointer;font-size:14px}
  .brand-bulk-bar .bb-close:hover{background:#a81f1f}
  .brand-bulk-bar .bb-open{background:#119440;color:#fff;border:none;border-radius:9px;padding:9px 18px;font-weight:800;cursor:pointer;font-size:14px}
  .brand-bulk-bar .bb-open:hover{background:#0d7a34}
  .brand-bulk-bar .bb-clear{background:transparent;border:1px solid var(--line);border-radius:9px;padding:8px 14px;cursor:pointer;color:var(--muted);font-weight:700}
  .brand-link:hover{background:var(--pink);color:#fff;border-color:var(--pink);transform:scale(1.08)}
  .brand-count{position:absolute;top:11px;right:11px;font-size:11px;color:var(--muted);background:#f1f3f7;border-radius:20px;padding:2px 9px;font-weight:700}
  .brand-card.inactive{opacity:.6;background:#fafafa;border-style:dashed}
  .brand-card.inactive .brand-logo img{filter:grayscale(1)}
  .brand-status{display:inline-block;border-radius:20px;padding:2px 9px;font-size:10.5px;font-weight:700;margin:7px 4px 0}
  .brand-status.on{background:#e7f7ed;color:#119440} .brand-status.off{background:#fdeaea;color:#c62828}
  .bo-toggle{border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:filter .15s}
  .bo-toggle.off{background:#fdeaea;color:#c62828} .bo-toggle.on{background:#e7f7ed;color:#119440}
  .bo-toggle:hover{filter:brightness(.95)} .bo-toggle:disabled{opacity:.5;cursor:default}
  .bo-profile{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--muted);background:#fff}
  .bo-profile:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
  .an-card{flex:1;min-width:170px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 2px 10px rgba(20,20,40,.05)}
  .an-lbl{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:6px}
  .an-val{font-size:26px;font-weight:900;color:var(--dark)}
  .can-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 4px rgba(20,20,40,.05)}
  .can-head{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--dark);font-weight:600;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:12px}
  .can-date{font-weight:800;background:#f1f3f7;border-radius:8px;padding:3px 10px}
  .can-rest{font-weight:800;color:var(--pink)}
  .can-body{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}
  .can-fld{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
  .can-orig{font-size:17px;font-weight:800;color:var(--dark);padding:7px 0}
  .can-rem{font-size:17px;font-weight:900;color:#119440;padding:7px 0}
  .brand-filters{display:flex;gap:8px;flex-wrap:wrap}
  .brand-filt{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 15px;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s}
  .brand-filt.active{background:var(--pink);color:#fff;border-color:var(--pink)}
  .brand-orders{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 1px 3px rgba(20,20,40,.04),0 6px 20px rgba(20,20,40,.05)}
  .brand-orders h3{margin:0 0 14px;font-size:17px;display:flex;align-items:center;gap:10px}
  .brand-orders .bo-logo{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
  .brand-orders .bo-logo img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}
  .bo-table{width:100%;border-collapse:collapse}
  .bo-table th{text-align:right;padding:9px 11px;font-size:12px;color:var(--muted);border-bottom:2px solid var(--line);font-weight:700}
  .bo-table td{padding:9px 11px;font-size:13px;border-bottom:1px solid var(--line)}
  .bo-table tbody tr:hover{background:#fbf3f7}
  @media(max-width:560px){.brands-grid{grid-template-columns:repeat(2,1fr)}}
  /* פילטרים בפאנל הזמנות-מותג */
  .bo-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
  .bo-dates{display:flex;gap:6px;align-items:center}
  .bo-dates input{font-family:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--text)}
  /* flatpickr: שדה-תצוגה נקי + תיבת-חיפוש; הבורר עצמו מעוצב ע"י flatpickr.min.css */
  input.flatpickr-input,.bo-dates input.form-control{direction:ltr;text-align:start}
  /* הלוח צף מעל התוכן, ולכן הוא חייב קו-הפרדה משלו: בלי מסגרת וצל הוא נבלע
     ברקע הלבן של הפאנל, ומה שמאחוריו נראה "חתוך" במקום "מכוסה". */
  .flatpickr-calendar.open{border:1px solid var(--line);border-radius:12px;
    box-shadow:0 14px 38px rgba(20,25,40,.20),0 2px 6px rgba(20,25,40,.08);overflow:hidden}
  .flatpickr-calendar.open .flatpickr-months{border-radius:12px 12px 0 0}
  .bo-search{flex:1;min-width:150px;font-family:inherit;font-size:13px;padding:7px 13px;border:1px solid var(--line);border-radius:20px;color:var(--text)}
  .bo-search:focus,.bo-dates input:focus{outline:none;border-color:var(--pink)}
  /* דף אזורי-חלוקה (פאנל צר): שדות-התאריך יורדים לשורה מלאה ומתכווצים — בלי גלילה אופקית */
  #zones .bo-dates{flex:1 1 100%;gap:4px}
  #zones .bo-dates .flatpickr-wrapper{flex:1;min-width:0}
  #zones .bo-dates>input{flex:1;min-width:0}
  #zones .bo-dates input{width:100%;min-width:0;box-sizing:border-box}
  /* חלון-פירוט אזור (כתובות + הזמנות) */
  .z-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:10001;padding:18px}
  .z-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}
  .z-mhead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font-size:18px}
  .z-mx{border:none;background:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1}
  .z-mbody{padding:16px 20px;overflow:auto}
  .z-msum{font-weight:700;color:var(--muted);font-size:14px;margin-bottom:12px}
  .z-tbl{width:100%;border-collapse:collapse;font-size:14px}
  .z-tbl th{text-align:start;color:var(--muted);font-weight:700;font-size:12px;padding:6px 8px;border-bottom:2px solid var(--line)}
  .z-tbl td{padding:8px;border-bottom:1px solid var(--line)}
  .z-tbl .z-cnt{text-align:center;font-weight:800;white-space:nowrap;width:80px}
  .z-cbrk{color:var(--red);font-size:11px;font-weight:700;white-space:nowrap}
  /* העברת כתובת לאזור אחר (מיגרציה 0049) */
  .z-zsel{padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-family:inherit;font-size:12.5px;max-width:170px}
  .z-zsel:disabled{opacity:.55}
  .z-zman{color:var(--blue);font-size:11px}
  .z-zclear{border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 9px;font-size:12px;cursor:pointer;line-height:1}
  .z-zclear:hover{background:#f0eef2}
  .z-empty{color:var(--muted);text-align:center;padding:26px 10px}
  .z-unzoned{display:flex;align-items:center;gap:6px;justify-content:center;padding:9px;margin-bottom:8px;border:1px dashed var(--red);border-radius:8px;background:#fff5f5;color:var(--red);font-size:13px;font-weight:700;cursor:pointer}
  .z-fixbtn{border:1px solid var(--pink,#ff0073);background:#fff;color:var(--pink,#ff0073);border-radius:7px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
  .z-fixhdr{font-weight:800;font-size:15px;margin-bottom:4px}
  .z-fixhint{color:var(--muted);font-size:13px;margin-bottom:10px}
  .z-fixmap{height:340px;border:1px solid var(--line);border-radius:10px}
  .z-fixact{display:flex;align-items:center;gap:10px;margin-top:12px}
  .z-fixcancel{margin-inline-start:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 16px;font-family:inherit;font-weight:700;cursor:pointer}
  .z-fixsave{border:none;background:var(--pink,#ff0073);color:#fff;border-radius:8px;padding:8px 18px;font-family:inherit;font-weight:700;cursor:pointer}
  .z-retag{margin-top:8px;width:100%;border:1px solid var(--line);background:var(--card,#fff);border-radius:8px;padding:7px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--text)}
  .z-retag:hover{border-color:var(--pink,#ff0073);color:var(--pink,#ff0073)}
  .z-retag:disabled{opacity:.6;cursor:default}
  /* פריסת דף-האזורים — רספונסיבי (מחשב + אנדרואיד + iOS) */
  .z-layout{display:flex;gap:14px;height:calc(100vh - 180px);min-height:460px}
  .z-panel{width:420px;max-width:100%;flex:none;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden}
  .z-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px}
  .z-name{font-weight:700;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .z-brk{font-size:11px;color:var(--muted);margin-top:2px}
  /* שליחים */
  .z-vtabs{display:flex;gap:4px;background:#eef1f5;border-radius:10px;padding:4px}
  .z-vtab{flex:1;border:none;background:none;padding:9px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;color:#6b7280}
  .z-vtab.on{background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.14)}
  .z-couadd{display:flex;gap:8px;align-items:center}
  .z-courow{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
  .z-courow:hover{border-color:var(--pink,#ff0073)}
  .z-coubadge{background:var(--pink,#ff0073);color:#fff;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:700;flex:none}
  .z-coudet-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
  .z-back{border:none;background:none;cursor:pointer;font-family:inherit;font-weight:700;color:var(--pink,#ff0073);font-size:13px;padding:4px}
  .z-coudet-name{flex:1;font-weight:800;font-size:16px}
  .z-coudel{border:none;background:none;cursor:pointer;font-size:16px;color:var(--red)}
  .z-cousum{display:flex;gap:8px}
  .z-coucard{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center}
  .z-coucard-n{font-size:22px;font-weight:900;line-height:1.1}
  .z-coucard-l{font-size:11px;color:var(--muted);margin-top:2px}
  .z-assign{display:flex;align-items:center;gap:7px;font-size:13px;padding:4px 2px;cursor:pointer}
  .z-assign.taken{opacity:.6;cursor:default}
  @media(max-width:520px){ .z-coucard-n{font-size:19px} }
  @media(max-width:820px){
    .z-layout{flex-direction:column;height:auto}
    .z-panel{width:100%}
    #zMap{height:56vh;min-height:300px}
  }
  /* ============ התאמה למובייל (אנדרואיד/iOS) ============ */
  @media(max-width:680px){
    header{padding:11px 13px;gap:7px}
    header h1{font-size:16px;width:100%;margin-bottom:1px}
    header .tab{padding:6px 11px;font-size:12.5px}
    header .updated{font-size:11px}
    .container{padding:0 10px;margin:14px auto}
    .dash-titlebar{gap:10px;margin-bottom:14px}
    .dash-titlebar h2{font-size:20px}
    #dashboard .summary{grid-template-columns:repeat(2,1fr);gap:10px}
    .platform-cards{grid-template-columns:1fr}
    .insights-grid{grid-template-columns:1fr}
    .records{grid-template-columns:repeat(2,1fr)}
    .dash-grid{grid-template-columns:1fr}
    .biz-grid{grid-template-columns:1fr}
    .today-strip{gap:12px 16px;padding:13px 16px}
    .today-strip .ts-item b{font-size:19px}
    .today-strip .ts-sep{display:none}
    .agg-stats{gap:14px}
    /* טבלאות רחבות → גלילה אופקית */
    .rest-table,.biz-table,.bo-table{display:block;overflow-x:auto;white-space:nowrap;width:100%}
    .biz-card{overflow-x:auto}
    .brands-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .brand-logo{width:72px;height:72px}
    .brand-name{font-size:13px;min-height:32px}
    .dash-chart{padding:14px;border-radius:14px}
    .dash-chart canvas{max-height:240px}
    .pcard,.record,.insights,.agg-card,.biz-card,.brand-orders{border-radius:14px}
    .dash-tools{width:100%}
    .seg-period button{padding:6px 11px;font-size:12.5px}
  }
  @media(max-width:400px){
    #dashboard .summary{grid-template-columns:1fr}
    .records{grid-template-columns:1fr}
    .brands-grid{grid-template-columns:1fr}
    .bo-search{min-width:120px}
  }

  /* ===== 📇 לקוחות לפי מסעדה (diners) ===== */
  #diners{padding:20px 24px}
  .din-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
  .din-top h2{font-size:23px;font-weight:900;color:var(--dark);margin:0}
  .din-top h2 .em{color:var(--pink)}
  .din-top-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  #dinSearch{border:1px solid var(--line);border-radius:9px;padding:9px 14px;font-family:inherit;font-size:14px;min-width:220px}
  .din-export{background:var(--green);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
  .din-export:hover{filter:brightness(.95)}
  .din-empty{padding:60px 20px;text-align:center;color:var(--muted);font-size:15px}
  .din-compose{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:18px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
  .din-compose textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical}
  .din-compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
  .din-selbtn{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}
  .din-selbtn:hover{background:var(--bg)}
  .din-selcount{font-size:13px;font-weight:700;color:var(--muted);margin-inline-start:auto}
  .din-bulk{display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#fff;border:none;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
  .din-bulk svg{background:#fff;border-radius:50%}
  .din-bulk:disabled{opacity:.45;cursor:not-allowed}
  .din-branches{display:flex;flex-direction:column;gap:26px}
  .din-branch-head{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;color:var(--dark);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--line)}
  .din-bcount{font-size:13px;font-weight:700;color:var(--muted);margin-inline-start:auto}
  .din-pickbox{position:relative;display:inline-block}
  .din-picktrig{min-width:230px}
  .din-pickmenu{max-height:340px;overflow-y:auto;min-width:230px}
  .din-pickmenu button{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .din-optname{font-weight:700}
  .din-optcount{background:var(--bg);color:var(--pink);font-weight:800;font-size:12.5px;border-radius:20px;padding:2px 10px;min-width:22px;text-align:center}
  .din-pickmenu button:hover .din-optcount{background:#fff}
  .din-detail-area{margin-top:12px}
  .din-detail-area:empty{display:none}
  .din-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
  .din-rname{font-size:16px;font-weight:800;color:var(--dark)}
  .din-badge{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}
  .din-badge b{color:var(--pink);font-size:15px}
  .din-tw{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
  .din-table{width:100%;border-collapse:collapse}
  .din-table th{text-align:right;padding:9px 14px;font-size:12px;color:var(--muted);border-bottom:2px solid var(--line);font-weight:700;white-space:nowrap}
  .din-table td{padding:8px 14px;font-size:13.5px;border-bottom:1px solid var(--line)}
  .din-table tbody tr:hover{background:#fbf3f7}
  .din-table tbody tr:last-child td{border-bottom:none}
  .din-c-chk{width:38px;text-align:center}
  .din-chk{width:16px;height:16px;cursor:pointer}
  .din-seq{width:44px;color:var(--muted);font-weight:600}
  .din-phone{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.3px}
  .din-nophone{color:var(--muted);font-style:italic;font-size:12.5px}
  .din-c-wa{width:52px;text-align:center}
  .din-wa{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#25D366;border:none;border-radius:50%;cursor:pointer;padding:0}
  .din-wa:hover{filter:brightness(.92)}
  .din-wa svg{width:18px;height:18px}
  /* כפתור-וואטסאפ בשורות ההזמנות (טבלה + כרטיסים) */
  .phone-cell{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .owa-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#25D366;border:none;border-radius:50%;cursor:pointer;padding:0;flex:none;vertical-align:middle}
  .owa-btn:hover{filter:brightness(.92)}
  .owa-btn svg{width:14px;height:14px}
  .din-qbox{max-width:420px;text-align:center}
  .din-qtitle{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:800;color:var(--dark);margin-bottom:10px}
  .din-qtitle svg{background:#fff;border-radius:50%}
  .din-qbody{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:16px}
  .din-qstep{width:100%;background:#25D366;color:#fff;border:none;border-radius:10px;padding:13px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer}
  .din-qstep.done{background:var(--green);cursor:default}
  .din-qclose{margin-top:12px}
  @media(max-width:700px){
    #diners{padding:14px}
    .din-selcount{margin-inline-start:0;width:100%;order:5}
  }

  /* ===== לוגו Ordo (מותג) — טבעת-גרדיאנט + "אבן" + wordmark ===== */
  .ordo-logo{display:inline-flex;align-items:center;gap:.28em;font-family:'Rubik','Assistant','Segoe UI',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1;vertical-align:middle}
  .ordo-logo .mark{flex:none;display:block;width:1.15em;height:1.15em;filter:drop-shadow(0 2px 10px rgba(255,0,115,.4))}
  .ordo-logo .wm{font-size:1em}
  /* האבן מקיפה את הטבעת ברציפות (כמו במצגת) — בכל מופעי הלוגו, כולל כותרת דף-ההזמנות */
  .ordo-logo .gemorbit{transform-box:view-box;transform-origin:60px 60px;animation:gemspin 16s linear infinite}
  @keyframes gemspin{to{transform:rotate(360deg)}}
  @media(prefers-reduced-motion:reduce){ .ordo-logo .gemorbit{animation:none} }
  .hdr-logo{font-size:21px;color:#fff}       /* בכותרת דף-ההזמנות (רקע כהה) */
  .hdr-logo .ordo-tag{font-size:9.5px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.62)}  /* טאגליין קריא על הרקע הכהה */
  /* יחידת-לוגו: הלוגו + טאגליין צמוד מתחתיו כחלק אחד מהמותג */
  .ordo-lockup{display:inline-flex;flex-direction:column;align-items:center;gap:.12em;line-height:1}
  .ordo-tag{font-family:'Rubik','Assistant','Segoe UI',sans-serif;font-weight:600;font-size:.30em;letter-spacing:.005em;line-height:1.15;color:#8a909c;white-space:nowrap}
  /* עוקף את הכלל שכופה צבע-כהה על כל span במסכי-הכניסה, כדי שהטאגליין יישאר מעומעם */
  #loginScreen .lg-brand .ordo-tag,#forgotScreen .lg-brand .ordo-tag,#setPwScreen .lg-brand .ordo-tag,#branchPicker .bp-brand .ordo-tag{color:#8a909c}
  /* מרווח מתחת ליחידת-הלוגו במסכי-הכניסה (החליף את מרווח הכתובית שהוסרה) */
  #loginScreen .lg-brand,#forgotScreen .lg-brand,#setPwScreen .lg-brand{margin-bottom:16px}
