:root{--e-bg:#f5edde;--e-paper:#fffdf8;--e-ink:#1d1511;--e-gold:#b58335;--e-red:#8f171d;--e-green:#2f7d4a;--e-line:#dfcfb1;--e-muted:#786d63}
*{box-sizing:border-box}.e-topbar{position:sticky;top:0;z-index:40;min-height:86px;padding:max(12px,env(safe-area-inset-top)) 22px 12px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;background:#17110d;color:#fff;border-bottom:1px solid #6c4c2e}.e-home,.e-refresh{width:50px;height:50px;border:1px solid #6b4b2e;border-radius:18px;background:#17110d;color:#e2b766;display:grid;place-items:center;text-decoration:none;font-size:28px}.e-refresh{font-size:24px}.e-brand{display:flex;align-items:center;justify-content:center;gap:10px}.e-brand img{width:45px;height:45px;object-fit:contain}.e-brand div{display:flex;flex-direction:column}.e-brand b{font-family:Georgia,serif;letter-spacing:.14em;color:#e4b96c}.e-brand small{color:#eee1cf}.e-shell{max-width:1180px;margin:0 auto;padding:24px 22px 90px}.e-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:12px 3px 24px;border-bottom:1px solid var(--e-line)}.e-hero h1{font:700 clamp(42px,7vw,72px)/.95 Georgia,serif;margin:8px 0;color:var(--e-ink)}.e-hero p:last-child{max-width:720px;color:var(--e-muted);line-height:1.55}.e-pill{flex:0 0 auto;border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px}.e-pill.waiting{background:#eee2cc;color:#78633d}.e-pill.ready{background:#dcedda;color:#28613b}.e-pill.error{background:#f3d9d7;color:#8a2024}.e-setup-card{margin:22px 0;padding:22px;border:1px solid #d5bc91;border-radius:26px;background:linear-gradient(145deg,#211812,#15100d);color:#fff;box-shadow:0 18px 40px rgba(43,27,14,.18)}.e-setup-card h2{color:#fff}.e-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 16px}.e-section-head h2,.e-section-head h3{margin:0;color:var(--e-ink)}.e-setup-card .e-section-head h2{color:#fff}.e-section-head p{margin:5px 0 0;color:var(--e-muted)}.e-connection-detail{padding:16px;border:1px solid #5b432e;border-radius:18px;background:#110d0b;line-height:1.5;color:#e8dcc9}.e-connection-detail strong{color:#efc777}.e-sync-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.e-safety{margin:15px 0 0;color:#d9c9b3;font-size:13px}.e-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.e-kpis article{padding:18px;border:1px solid var(--e-line);border-radius:22px;background:var(--e-paper);box-shadow:0 8px 22px rgba(67,45,23,.06);display:flex;flex-direction:column;gap:6px}.e-kpis span,.e-kpis small{color:var(--e-muted)}.e-kpis strong{font:700 31px Georgia,serif;color:var(--e-ink)}.e-tabs{display:flex;gap:7px;padding:6px;border:1px solid var(--e-line);border-radius:18px;background:#eee3d1;position:sticky;top:90px;z-index:20}.e-tabs button{flex:1;padding:11px;border:0;border-radius:13px;background:transparent;font-weight:800;color:#3e332b}.e-tabs button.active{background:#17110d;color:#f1c96d}.e-panel{display:none;padding-top:20px}.e-panel.active{display:block}.e-search{max-width:330px;width:100%;border:1px solid var(--e-line);background:#fff;padding:13px 15px;border-radius:16px;font-size:15px}.e-list{display:grid;gap:12px}.e-empty{padding:25px;border:1px dashed var(--e-line);border-radius:20px;color:var(--e-muted);background:#faf5eb}.e-card{border:1px solid var(--e-line);border-radius:22px;background:var(--e-paper);padding:17px;box-shadow:0 8px 22px rgba(67,45,23,.055)}.e-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.e-card h3{margin:0;color:var(--e-ink);font-size:20px}.e-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--e-muted);font-size:13px}.e-badge{border-radius:999px;padding:5px 9px;background:#efe1c6;color:#765928;font-size:11px;font-weight:800}.e-badge.green{background:#dfeeda;color:#2a6c40}.e-badge.red{background:#f3d8d5;color:#922028}.e-badge.gray{background:#ece8e2;color:#6f6963}.e-order-total{font:700 20px Georgia,serif}.e-map-row{display:grid;grid-template-columns:70px minmax(0,1.2fr) minmax(0,1fr);gap:13px;align-items:center}.e-product-img{width:68px;height:68px;border-radius:15px;object-fit:cover;background:#eee3d1}.e-map-copy b{display:block;color:var(--e-ink)}.e-map-copy small{color:var(--e-muted)}.e-map-controls{display:grid;gap:6px}.e-map-controls select{width:100%;padding:11px;border:1px solid var(--e-line);border-radius:13px;background:#fff;font-weight:700}.e-stock-diff{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--e-muted)}.e-customer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.e-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.e-control-grid article,.e-info-box{border:1px solid var(--e-line);border-radius:20px;background:var(--e-paper);padding:17px}.e-control-grid article{display:flex;flex-direction:column;gap:8px}.e-control-grid strong{font:700 25px Georgia,serif}.e-control-grid code,.e-info-box code{font-size:12px;overflow-wrap:anywhere}.e-info-box{margin:14px 0}.e-log{display:grid;grid-template-columns:1fr auto;gap:10px}.e-log small{color:var(--e-muted)}.e-modal{position:fixed;inset:0;z-index:100}.e-modal-backdrop{position:absolute;inset:0;background:rgba(14,10,8,.62);backdrop-filter:blur(4px)}.e-modal-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);max-height:88vh;overflow:auto;background:#f8f0e2;border-radius:28px 28px 0 0;padding:20px;padding-bottom:max(25px,env(safe-area-inset-bottom))}.e-modal-sheet header{display:flex;justify-content:space-between;align-items:center;gap:10px}.e-modal-sheet header h2{margin:0;font-family:Georgia,serif}.e-modal-sheet header button{width:42px;height:42px;border-radius:50%;border:1px solid var(--e-line);background:#fff;font-size:25px}.e-line-items{display:grid;gap:8px;margin-top:15px}.e-line-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border:1px solid var(--e-line);border-radius:15px;background:#fff}.e-address{white-space:pre-line;color:var(--e-muted);line-height:1.5}.e-config-code{display:inline-block;margin:4px 3px;padding:4px 7px;border-radius:8px;background:#302217;color:#efd191;font-family:monospace;font-size:12px}
@media(max-width:820px){.e-kpis{grid-template-columns:repeat(2,1fr)}.e-map-row{grid-template-columns:60px 1fr}.e-map-controls{grid-column:1/-1}.e-customer-grid{grid-template-columns:1fr}.e-control-grid{grid-template-columns:1fr}.e-section-head{align-items:flex-start;flex-direction:column}.e-section-head .e-search{max-width:none}.e-tabs{top:82px;overflow:auto}.e-tabs button{min-width:90px}}
@media(max-width:560px){.e-topbar{min-height:72px;padding-left:14px;padding-right:14px;grid-template-columns:48px 1fr 48px}.e-home,.e-refresh{width:44px;height:44px;border-radius:15px}.e-brand img{width:34px;height:34px}.e-brand b{font-size:12px}.e-brand small{font-size:10px}.e-shell{padding:17px 14px 80px}.e-hero{align-items:flex-start;flex-direction:column}.e-hero h1{font-size:47px}.e-kpis{gap:8px}.e-kpis article{padding:14px;border-radius:18px}.e-kpis strong{font-size:25px}.e-setup-card{padding:17px;border-radius:22px}.e-sync-actions>*{flex:1 1 44%}.e-tabs{top:72px}.e-card{padding:14px;border-radius:18px}.e-order-total{font-size:18px}}

.viewer-readonly .e-sync-actions,.viewer-readonly #eTestConnection{display:none!important}
.viewer-readonly .e-map-controls button,.viewer-readonly .e-sync-actions .danger{display:none!important}
.e-card-muted{opacity:.72}