:root{
  --red:#b51f25;--red-dark:#8f171b;--ink:#171717;--paper:#f7f5f2;--card:#ffffff;--muted:#77716b;--line:#e8e2dc;
  --green:#17754a;--green-bg:#eaf6ef;--blue:#2d64a3;--blue-bg:#edf4fc;--amber:#8a5d00;--amber-bg:#fff6df;--danger:#a32424;
  --radius-xl:22px;--radius-lg:18px;--radius-md:14px;--shadow:0 8px 26px rgba(28,22,18,.055);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--paper);color-scheme:light;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.ops-shell{max-width:720px;margin:0 auto;min-height:100vh;background:var(--paper);padding-bottom:calc(62px + env(safe-area-inset-bottom))}

/* Header: safe-area is applied to TOP, not bottom. Fixes iPhone status-bar overlap and wasted blank strip. */
.ops-header{position:sticky;top:0;z-index:30;display:flex;justify-content:center;align-items:center;gap:12px;padding:calc(6px + env(safe-area-inset-top)) 16px 6px;background:rgba(247,245,242,.92);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(26,22,18,.055)}
.brand{display:flex;align-items:center;min-width:0}.brand-centered{justify-content:center;width:100%}.brand-lockup{gap:9px}.brand-logo{display:block;width:126px;height:auto;max-width:42vw;object-fit:contain}.brand-logo-compact{width:88px;max-width:29vw}.brand-divider{width:1px;height:28px;background:rgba(38,31,27,.12);border-radius:999px}.header-app-icon{display:block;width:34px;height:34px;border-radius:10px;object-fit:cover;background:#fff;box-shadow:0 2px 7px rgba(25,18,14,.08)}
.ops-main{padding:10px 14px 8px}

/* Home */
.hero-card{background:#1c1a19;color:#fff;padding:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.home-hero{display:block}.home-hero-minimal{padding:14px 14px 13px}.hero-copy{min-width:0}.hero-card.compact{display:block}.hero-kicker{font-size:10px;font-weight:850;letter-spacing:.15em;color:#efaeb1}.hero-card h1{font-size:22px;line-height:1.12;margin:0;letter-spacing:-.025em}.hero-card p{margin:7px 0 0;color:#d4cfca;font-size:13px;line-height:1.4}.compact-page-hero{padding:18px}.compact-page-hero h1{font-size:25px}.fa{direction:rtl;text-align:left;font-size:12px!important;opacity:.74}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.stats div{min-width:0;background:rgba(255,255,255,.085);padding:10px 6px 9px;border-radius:14px;text-align:center}.stats strong{display:block;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.stats span{display:block;margin-top:5px;font-size:10px;color:#dedad6}.stats .ready-stat{background:rgba(67,181,110,.14)}
.safety-note{margin:10px 0;background:var(--amber-bg);border:1px solid #ecd79d;color:#6b4b08;border-radius:14px;padding:11px 13px;font-size:12px;line-height:1.35}.compact-note{display:flex;align-items:center;gap:9px}.compact-note .note-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-weight:950;flex:0 0 auto}.shopify-note{background:#eef5ff;border-color:#cbdcf1;color:#315a83}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 19px}.quick-form{display:contents}.quick-card{min-height:82px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;background:#fff;padding:13px;border-radius:18px;border:1px solid var(--line);box-shadow:0 4px 15px rgba(30,20,10,.025)}.quick-button{width:100%;text-align:left;cursor:pointer;color:inherit}.quick-button:disabled{cursor:wait}.quick-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:850;background:#f4eeea;color:var(--red)}.icon-ai{background:#edf4fc;color:#2d64a3;letter-spacing:-.12em;padding-right:2px}.quick-copy{min-width:0}.quick-card b{display:block;font-size:14px;line-height:1.2;letter-spacing:-.01em}.quick-card small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.25;white-space:normal}.quick-chevron{color:#aaa39d;font-size:24px;font-weight:300}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 2px 10px}.section-head h2{margin:0;font-size:21px;letter-spacing:-.025em}.section-head p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.refresh-button{height:34px;display:flex;align-items:center;gap:5px;border:1px solid #ebcfd0;background:#fff6f6;color:#9d2327;border-radius:999px;padding:0 11px;font-weight:800;font-size:11px;cursor:pointer}
.order-list{display:grid;gap:9px}.order-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 15px;box-shadow:0 3px 13px rgba(20,15,10,.025);transition:transform .12s ease,box-shadow .12s ease}.order-card:active{transform:scale(.992)}.order-card.is-preparing{border-color:#bcd2ec;background:#fbfdff}.order-card.is-ready{background:var(--green-bg);border-color:#acd7bd;box-shadow:0 4px 14px rgba(22,122,76,.06)}.order-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.order-code{font-weight:900;color:var(--red);letter-spacing:.02em;font-variant-numeric:tabular-nums}.order-card.is-ready .order-code{color:#12613d}.order-code.big{font-size:20px}.status-pill{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.015em;white-space:nowrap}.status-pill.waiting{background:#fff1cc;color:#755000}.status-pill.preparing{background:#e8f1ff;color:#245a9a}.status-pill.ready{background:#d8efdf;color:#145f3b;border:1px solid #add7bd}.order-card h3{font-size:18px;line-height:1.2;margin:9px 0 7px;letter-spacing:-.02em}.item-preview{font-size:13px;line-height:1.48;color:#48423e}.muted{color:var(--muted)}.note-preview{margin-top:3px}.ready-line{display:inline-block;margin:1px 0 8px;padding:6px 9px;border-radius:999px;background:#d9f0e2;color:#145f3b;font-size:10px;font-weight:850}.claim-line{display:inline-block;margin:1px 0 8px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.claim-line.mine{background:#e7f6ed;color:#16683f}.claim-line.other{background:#fff2cf;color:#7b5300}.open-row{margin-top:9px;padding-top:9px;border-top:1px solid #f0ebe6;color:#8b827b;font-size:11px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.order-card.is-ready .open-row{color:#12613d;border-top-color:#cbe5d5}

/* Detail & forms */
.back{display:inline-flex;align-items:center;min-height:40px;margin:-2px 0 8px;color:var(--muted);font-size:13px;font-weight:800}.order-detail-card{background:#fff;border-radius:var(--radius-xl);padding:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.order-detail-card h1{font-size:25px;line-height:1.15;margin:13px 0 3px;letter-spacing:-.03em}.product-list{margin-top:16px;border-top:1px solid var(--line)}.product-row{display:flex;gap:11px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.35}.check-box{width:24px;height:24px;border-radius:8px;border:2px solid #d2ccc5;flex:0 0 auto}.claim-banner{margin:12px 0;padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.4}.claim-banner.mine{background:#e7f6ed;color:#145f3b}.claim-banner.other{background:#fff2cf;color:#755000}.manager-decision{margin:12px 0;background:#eef6ff;border:1px solid #bfd6ef;border-radius:14px;padding:12px;color:#1f4f7f}.manager-decision>div{font-size:9px;font-weight:900;letter-spacing:.13em}.manager-decision strong{display:block;font-size:17px;margin:5px 0}.manager-decision small{display:block;opacity:.72;font-size:10px}.action-stack{display:grid;gap:9px;margin-top:12px}.huge{min-height:56px;border-radius:16px;font-weight:900;font-size:15px}.huge span{display:block;margin-top:2px;font-size:10px;font-weight:650;opacity:.7;direction:rtl}.primary,.secondary,.danger,.ghost{border:0;cursor:pointer}.primary{background:var(--red);color:#fff;padding:13px 17px}.primary:active{background:var(--red-dark)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);padding:13px 17px}.danger{background:#fff1f1;color:#962125;border:1px solid #eccaca;padding:13px 17px}.success-btn{background:var(--green)}.start-btn{background:var(--blue)}.button-link{display:grid;place-items:center;text-align:center}.locked-card{background:#fff2cf;border:1px solid #efd99d;color:#745000;padding:16px;border-radius:16px;text-align:center;font-weight:850;font-size:13px}.done-card{background:var(--green-bg);color:#12603d;padding:15px;border-radius:16px;text-align:center;font-weight:900}.done-card small{display:block;margin-top:5px;font-weight:650;opacity:.8;line-height:1.35}.undo-ready-btn{margin-top:0;background:#fff8e8;border-color:#e5c67a;color:#72500b}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:17px;margin-top:11px;box-shadow:var(--shadow)}label{display:block;font-size:12px;font-weight:900;margin-bottom:7px}input,textarea{width:100%;border:1px solid #ddd6cf;border-radius:15px;background:#fbfaf8;padding:14px;font-size:16px;outline:none;color:var(--ink)}input:focus,textarea:focus{border-color:#c76c70;box-shadow:0 0 0 3px rgba(181,31,37,.07)}.pin-panel input{margin-bottom:10px}.pin-panel #device_label{text-align:left;font-size:17px;letter-spacing:normal}.pin-panel #pin{text-align:center;font-size:25px;letter-spacing:.18em}.problem-form textarea{resize:vertical;margin-bottom:10px}.example-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.example-chips button{border:1px solid var(--line);background:#f7f4ef;border-radius:999px;padding:7px 9px;font-weight:750;color:#514b46;font-size:11px}.alert{padding:11px 13px;border-radius:13px;margin:10px 0;font-size:12px;line-height:1.4}.alert.error{background:#fff0f0;color:#9d1f1f}.alert.warn{background:#fff6df;color:#7d5500}.alert.success{background:#eaf7ef;color:#14613e}.ai-result{border-radius:var(--radius-xl);padding:18px;margin-top:11px;border:1px solid}.ai-result.green{background:#eaf7ef;border-color:#bddfc9}.ai-result.yellow{background:#fff6df;border-color:#efd79b}.ai-result.red{background:#fff0f0;border-color:#e8b8b8}.result-label{font-size:9px;font-weight:900;letter-spacing:.14em;opacity:.62}.ai-result h2{font-size:21px;line-height:1.2;margin:6px 0 10px}.empty-state{background:#fff;border:1px dashed #d6cec5;border-radius:18px;padding:28px 20px;text-align:center;color:var(--muted)}.empty-state>span{font-size:34px;color:var(--green)}.empty-state h3,.empty-state h2{color:var(--ink)}.login-wrap{padding-top:12px}.install-note{margin:13px 6px;color:var(--muted);font-size:11px;line-height:1.5}

/* Bottom nav */
.bottom-nav{position:fixed;left:50%;bottom:calc(6px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(380px,calc(100% - 28px));display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:rgba(252,251,249,.88);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(28,22,18,.08);border-radius:20px;padding:4px;box-shadow:0 8px 28px rgba(28,22,18,.10);z-index:40}.nav-item{text-align:center;min-height:40px;padding:5px 8px 4px;border-radius:16px;color:#756e68;display:flex;align-items:center;justify-content:center;gap:7px}.nav-item span,.nav-item b{display:block}.nav-item .nav-icon{font-size:15px;line-height:15px;font-weight:900}.nav-item b{font-size:10px;margin-top:0}.nav-item.active{color:var(--red);background:rgba(181,31,37,.07)}.danger-hero{background:#5b2022}

/* AI wait state */
.ai-thinking{display:none;margin-top:11px;background:#1c1a19;color:#fff;border-radius:18px;padding:16px;align-items:center;gap:13px;box-shadow:var(--shadow)}.ai-thinking.active{display:flex}.ai-thinking h2{margin:4px 0 3px;font-size:18px}.ai-thinking p{margin:0;color:#d7d2cd;font-size:12px}.ai-thinking small{display:block;margin-top:6px;color:#aaa;font-size:10px}.ai-thinking-spinner{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#e0a3a5;animation:sekizSpin .8s linear infinite}.is-loading{opacity:.6;cursor:wait!important}@keyframes sekizSpin{to{transform:rotate(360deg)}}

@media (min-width:560px){.ops-main{padding:18px}.home-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:end}.home-hero .stats{margin-top:0}.quick-card{min-height:88px}.order-list{grid-template-columns:1fr 1fr}.order-card{height:100%}}
@media (max-width:380px){.ops-main{padding-left:11px;padding-right:11px}.ops-header{padding-left:12px;padding-right:12px}.brand-logo{width:112px}.brand-logo-compact{width:80px}.brand-lockup{gap:8px}.brand-divider{height:25px}.header-app-icon{width:31px;height:31px;border-radius:9px}.hero-card{padding:14px}.hero-card h1{font-size:21px}.stats strong{font-size:23px}.quick-grid{gap:7px}.quick-card{padding:11px;grid-template-columns:31px minmax(0,1fr) 14px}.quick-icon{width:31px;height:31px}.quick-card b{font-size:13px}.quick-card small{font-size:9px}.section-head h2{font-size:19px}}


/* Sekiz AI chat */
.ai-chat{min-height:calc(100svh - 150px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.ai-chat-header{display:flex;align-items:center;gap:11px;padding:14px 15px;border-bottom:1px solid #eee9e4;background:rgba(255,255,255,.96)}
.ai-avatar{width:38px;height:38px;border-radius:13px;background:var(--blue-bg);color:var(--blue);display:grid;place-items:center;font-size:17px;font-weight:900;letter-spacing:-.12em;padding-right:2px}
.ai-chat-header h1{font-size:17px;line-height:1.1;margin:0;letter-spacing:-.02em}
.ai-presence{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--muted);font-size:10px;font-weight:700}
.ai-presence i{display:block;width:6px;height:6px;border-radius:50%;background:#34c759}
.chat-stream{flex:1;min-height:280px;padding:16px 13px 10px;overflow-y:auto;overscroll-behavior:contain}
.chat-row{display:flex;align-items:flex-end;gap:7px;margin:0 0 11px}
.chat-row.user{justify-content:flex-end}
.chat-row.assistant{justify-content:flex-start}
.chat-avatar-mini{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;flex:0 0 25px;background:#f3eeea;color:var(--red);font-size:11px;font-weight:950}
.chat-bubble{max-width:82%;padding:10px 12px;font-size:14px;line-height:1.42;word-break:break-word}
.user-bubble{background:#1d1b1a;color:#fff;border-radius:16px 16px 5px 16px}
.assistant-bubble{background:#f3f1ee;color:#282523;border-radius:16px 16px 16px 5px;border:1px solid rgba(30,24,20,.045)}
.assistant-bubble.priority-yellow{border-color:#ead49a;background:#fff8e7}
.assistant-bubble.priority-red{border-color:#e7bebe;background:#fff2f2}
.assistant-bubble.priority-green{border-color:#c8dfd1;background:#f1f8f4}
.error-bubble{color:#9d1f1f;background:#fff1f1;border-color:#ebcaca}
.chat-reply{white-space:pre-wrap}
.chat-meta{margin-top:7px;padding-top:7px;border-top:1px solid rgba(40,32,28,.08);font-size:10px;font-weight:800;color:#77706b}
.typing-row{display:none}
.typing-row.active{display:flex}
.typing-bubble{display:flex;align-items:center;gap:4px;min-width:50px}
.typing-bubble span{width:6px;height:6px;border-radius:50%;background:#918983;animation:sekizTyping 1.15s infinite ease-in-out}
.typing-bubble span:nth-child(2){animation-delay:.14s}
.typing-bubble span:nth-child(3){animation-delay:.28s}
@keyframes sekizTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
.chat-composer{display:flex;align-items:flex-end;gap:8px;padding:10px 11px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #eee9e4;background:rgba(250,249,247,.96)}
.chat-composer textarea{min-height:42px;max-height:120px;resize:none;border-radius:16px;background:#fff;padding:10px 12px;font-size:15px;line-height:1.35;border:1px solid #ddd6cf;box-shadow:none}
.chat-composer textarea:focus{border-color:#c76c70;box-shadow:0 0 0 3px rgba(181,31,37,.06)}
.chat-send{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:14px;background:var(--red);color:#fff;font-size:22px;line-height:1;font-weight:800;cursor:pointer;display:grid;place-items:center}
.chat-send:disabled{opacity:.5;cursor:wait}

@media (max-width:380px){
  .ai-chat{min-height:calc(100svh - 138px);border-radius:21px}
  .chat-stream{padding-left:11px;padding-right:11px}
  .chat-bubble{max-width:85%;font-size:13px}
}


/* Settings + language */
.settings-page{display:grid;gap:12px}.settings-title-row{padding:4px 3px 2px}.settings-title-row h1{margin:0;font-size:27px;letter-spacing:-.035em}.settings-title-row p{margin:6px 0 0;color:var(--muted);font-size:12px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 0;box-shadow:var(--shadow)}.settings-section-label{padding:8px 15px 7px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.language-list{display:grid}.language-form{margin:0}.language-option{width:100%;min-height:52px;border:0;border-top:1px solid #f0ebe7;background:#fff;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);cursor:pointer}.language-form:first-child .language-option{border-top:0}.language-option.active{color:var(--red);font-weight:850}.language-name{font-size:15px}.language-check{font-size:16px;color:var(--red)}.language-chevron{font-size:22px;color:#aaa39d;font-weight:300}.settings-device-card{padding-bottom:6px}.settings-device-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 15px;border-top:1px solid #f0ebe7;font-size:13px}.settings-device-row span{color:var(--muted)}.settings-device-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-saved{margin:0}

/* RTL languages: keep the app structure stable, flip text flow only where useful. */
.ops-rtl .hero-copy,.ops-rtl .order-card,.ops-rtl .order-detail-card,.ops-rtl .panel,.ops-rtl .settings-page,.ops-rtl .ai-chat,.ops-rtl .quick-copy{text-align:right;direction:rtl}.ops-rtl .quick-button{text-align:right}.ops-rtl .chat-reply,.ops-rtl .chat-bubble{direction:rtl;text-align:right}.ops-rtl .user-bubble{border-radius:16px 16px 16px 5px}.ops-rtl .assistant-bubble{border-radius:16px 16px 5px 16px}.ops-rtl .order-code,.ops-rtl .stats,.ops-rtl .status-pill{direction:ltr}.ops-rtl .settings-device-row{direction:rtl}.ops-rtl input,.ops-rtl textarea{direction:rtl;text-align:right}