/* EVOMART 2.0 — readable workspace, purposeful motion, responsive controls. */
:root{--ops-accent:#dc3545;--ops-bg:#f5f7fa;--ops-surface:#fff;--ops-text:#182230;--ops-muted:#667085;--ops-border:#e4e7ec;--ops-radius:16px;--sidebar:264px}
html[data-theme=dark]{--ops-bg:#111827;--ops-surface:#1b2433;--ops-text:#edf2f7;--ops-muted:#a4afbf;--ops-border:#354155}
body.evm-app-body{background:var(--ops-bg)!important;color:var(--ops-text)!important;font-size:14px}
body.evm-app-body .evm-main{min-width:0;max-width:calc(100% - var(--sidebar));background:var(--ops-bg)!important}
body.evm-app-body .evm-content{padding:28px 32px 72px!important;max-width:1600px;margin:0 auto;opacity:1!important;transform:none!important;animation:workspace-enter .18s ease-out}
body.evm-app-body .evm-sidebar{width:248px!important;background:#172132!important;border-right:1px solid #29364a!important;box-shadow:none!important;backdrop-filter:none!important}
@media(min-width:901px){body.evm-app-body .evm-main{margin-left:248px!important;max-width:calc(100% - 248px)!important}}
body.evm-app-body .evm-brand-copy{min-width:0;width:auto!important}body.evm-app-body .evm-brand-copy strong{white-space:nowrap;font-size:21px!important;letter-spacing:-.02em;display:block!important}body.evm-app-body .evm-brand-copy strong span{display:inline!important}body.evm-app-body .evm-brand-copy small{font-size:9px!important;letter-spacing:.07em!important;line-height:1.5}
body.evm-app-body .nav-icon{width:28px!important;height:28px!important;min-width:28px!important;font-size:16px!important}body.evm-app-body .nav-item{gap:9px!important}body.evm-app-body .nav-item b{line-height:1.4!important}
body.evm-app-body .evm-brand{padding:23px 20px!important;border-bottom:1px solid #29364a;margin-bottom:12px}
body.evm-app-body .evm-nav{padding:0 12px!important}
body.evm-app-body .nav-caption{font-size:10px;letter-spacing:.12em;color:#9aa9bc!important;margin:19px 10px 8px}
body.evm-app-body .nav-item{border-radius:10px!important;padding:12px!important;color:#d6deeb!important;background:transparent!important;border:0!important;margin:3px 0;box-shadow:none!important;min-height:44px;transition:background-color .15s ease,color .15s ease}
body.evm-app-body .nav-item:hover{background:#243349!important;transform:none!important}
body.evm-app-body .nav-item.active{background:#dc3545!important;color:white!important}
body.evm-app-body .nav-item b{font-size:13px!important;font-weight:600!important}
body.evm-app-body .nav-sub-item{font-size:13px!important;color:#c0cddd!important;padding:10px 13px!important}
body.evm-app-body .sidebar-foot{background:#172132!important;border-top:1px solid #29364a}
body.evm-app-body .evm-topbar{height:auto!important;min-height:88px;background:var(--ops-surface)!important;border-bottom:1px solid var(--ops-border)!important;box-shadow:none!important;padding:18px 32px!important;gap:16px;backdrop-filter:none!important}
body.evm-app-body .evm-topbar h1{font-size:24px!important;line-height:1.2!important;letter-spacing:-.03em;color:var(--ops-text)!important}
body.evm-app-body .eyebrow{font-size:10px!important;letter-spacing:.11em;color:var(--ops-muted)}
body.evm-app-body .evm-live{display:none!important}
body.evm-app-body .panel{background:var(--ops-surface)!important;border:1px solid var(--ops-border)!important;border-radius:var(--ops-radius)!important;box-shadow:0 2px 5px #10182804!important;padding:22px!important;margin-bottom:20px;backdrop-filter:none!important}
body.evm-app-body .panel h2{font-size:18px!important;letter-spacing:-.02em;color:var(--ops-text)!important}
body.evm-app-body .panel-sub,body.evm-app-body .subline{font-size:12px!important;line-height:1.5!important;color:var(--ops-muted)!important}
body.evm-app-body .btn{border-radius:10px!important;min-height:42px;padding:11px 16px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;transition:background-color .15s ease,box-shadow .15s ease,transform .12s ease}
body.evm-app-body .btn.primary{background:var(--ops-accent)!important;border:1px solid var(--ops-accent)!important;color:#fff!important}
body.evm-app-body .btn.primary:hover{background:#c32b3c!important;transform:translateY(-1px)}
body.evm-app-body .btn.soft{background:var(--ops-surface)!important;color:var(--ops-text)!important;border:1px solid var(--ops-border)!important}
body.evm-app-body .btn.small{min-height:34px;padding:7px 10px!important}
body.evm-app-body .btn:disabled{opacity:.6;cursor:wait;transform:none!important}
body.evm-app-body input,body.evm-app-body select,body.evm-app-body textarea{background:var(--ops-surface)!important;color:var(--ops-text)!important;border:1px solid var(--ops-border)!important;border-radius:9px!important;min-height:42px;padding:10px 12px;font-size:14px!important;max-width:100%}
body.evm-app-body input[type=checkbox]{min-height:0}
body.evm-app-body input:focus,body.evm-app-body select:focus,body.evm-app-body textarea:focus{outline:2px solid #dc354555;outline-offset:2px;border-color:var(--ops-accent)!important}
body.evm-app-body :focus-visible{outline:3px solid #4995ff!important;outline-offset:3px}
body.evm-app-body .field>span{font-size:12px!important;font-weight:600;color:var(--ops-muted)}
body.evm-app-body .table-wrap{overflow:auto;border:1px solid var(--ops-border);border-radius:12px}
body.evm-app-body table{width:100%;border-collapse:collapse;background:var(--ops-surface)!important;min-width:0}
body.evm-app-body th{position:sticky;top:0;background:var(--ops-bg)!important;color:var(--ops-muted)!important;font-size:11px!important;font-weight:600;letter-spacing:.03em;padding:13px 15px!important;white-space:nowrap;z-index:1}
body.evm-app-body td{padding:14px 15px!important;border-bottom:1px solid var(--ops-border)!important;color:var(--ops-text)!important;font-size:13px!important;line-height:1.45;vertical-align:middle}
body.evm-app-body td strong{font-size:13px!important}
body.evm-app-body tbody tr:hover{background:#dc354505!important}
body.evm-app-body tbody tr:last-child td{border-bottom:0!important}
body.evm-app-body .kpi-card{border:1px solid var(--ops-border)!important;background:var(--ops-surface)!important;color:var(--ops-text)!important;border-radius:16px!important;box-shadow:none!important;padding:22px!important;transform:none!important}
body.evm-app-body .kpi-card strong{font-size:28px!important;font-weight:700!important;color:var(--ops-text)!important}
body.evm-app-body .kpi-card span,body.evm-app-body .kpi-card p{color:var(--ops-muted)!important;font-size:12px!important}
body.evm-app-body .kpi-card.dark{border-top:3px solid var(--ops-accent)!important}
body.evm-app-body .warehouse-command-hero,body.evm-app-body .hero-simple,body.evm-app-body .evm-order-summary-card{background:#172132!important;border-radius:18px!important;box-shadow:none!important}
body.evm-app-body .warehouse-command-hero h2{font-size:25px!important;max-width:700px}
body.evm-app-body .flow-steps,body.evm-app-body .order-time-card{background:var(--ops-surface)!important;border-color:var(--ops-border)!important;box-shadow:none!important}
body.evm-app-body .badge{border-radius:7px!important;padding:5px 9px!important;font-size:11px!important;font-weight:600;white-space:nowrap}
.ops-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.ops-heading h2{font-size:29px;line-height:1.2;letter-spacing:-.04em;margin:8px 0 10px}
.ops-heading p{color:var(--ops-muted);line-height:1.6;max-width:820px;margin:0}
.ops-form{display:grid;gap:18px;padding-top:18px}.ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ops-form .field{width:100%}.ops-form .field input,.ops-form .field select,.ops-form .field textarea{width:100%}
.ops-create>summary{cursor:pointer;font-size:16px;font-weight:650;list-style-position:inside;padding:4px}
.ops-product-picker{max-height:390px;overflow:auto;border:1px solid var(--ops-border);border-radius:12px;padding:0 14px}
.ops-pick-row{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--ops-border)}
.ops-pick-row span{display:grid;gap:4px}.ops-pick-row small{color:var(--ops-muted)}.ops-pick-row input{width:100px;flex-shrink:0}
.ops-pick-row[hidden]{display:none}
.ops-action-bar{position:sticky;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:12px;padding:14px 18px;box-shadow:0 5px 18px #10182812;margin-top:18px}
.ops-action-bar span{font-size:12px;color:var(--ops-muted)}
body.evm-app-body .evm-role-action,body.evm-app-body .receipt-action-panel{position:sticky;bottom:12px;z-index:3;border:1px solid var(--ops-border)!important;box-shadow:0 5px 18px #10182812!important}
.ops-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px;color:var(--ops-muted)}
.ops-task{display:flex;flex-direction:column;padding:14px 0;border-bottom:1px solid var(--ops-border);gap:5px}.ops-task span{color:var(--ops-muted);font-size:12px}
.ops-issue{padding:18px;background:var(--ops-bg);border:1px solid var(--ops-border);border-radius:12px;margin:12px 0}
.ops-issue p{margin:8px 0;color:var(--ops-muted)}
.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;padding:12px;background:white;color:#172132;border-radius:8px}.skip-link:focus{top:12px}
.command-trigger kbd{font-size:10px;border:1px solid var(--ops-border);padding:3px;border-radius:4px;margin-left:12px;color:var(--ops-muted)}
.command-dialog{width:min(560px,calc(100% - 28px));max-height:75vh;border:1px solid var(--ops-border);border-radius:18px;background:var(--ops-surface);color:var(--ops-text);padding:22px;box-shadow:0 24px 80px #0004}
.command-dialog::backdrop{background:#11182799;backdrop-filter:blur(3px)}
.command-dialog[open]{animation:workspace-enter .18s ease-out}
.command-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.command-head h2{font-size:20px}
.command-dialog input{width:100%;padding:13px;border-radius:10px;border:1px solid var(--ops-border);background:var(--ops-bg);color:var(--ops-text)}
.command-results{max-height:320px;overflow:auto;margin:12px 0}.command-results a{display:block;padding:12px;border-radius:8px}.command-results a:hover,.command-results a:focus{background:var(--ops-bg)}
.saved-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.saved-filters:empty{display:none}.saved-filter{display:flex;align-items:center;gap:5px;border:1px solid var(--ops-border);background:var(--ops-surface);border-radius:8px;padding:6px 10px;font-size:12px}.saved-filter button{border:0;background:none;color:var(--ops-muted)}
.is-submitting .btn[type=submit],button.is-loading{opacity:.65;cursor:wait}.is-loading:after{content:'';width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;margin-left:9px;animation:loading-spin .7s linear infinite}
.flash.success{animation:workspace-enter .2s ease-out}.flash-close{min-width:32px;min-height:32px}
.evm-login-card{animation:workspace-enter .22s ease-out}
@keyframes workspace-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){body.evm-app-body .evm-topbar{padding:16px 20px!important}.command-trigger kbd,.command-trigger>span{display:none}.evm-top-actions{gap:8px!important}body.evm-app-body .evm-content{padding:22px 20px 64px!important}.ops-heading h2{font-size:25px}}
@media(max-width:900px){body.evm-app-body .evm-main{width:100%;max-width:100%;margin-left:0!important}body.evm-app-body .evm-sidebar{transform:translateX(-100%);transition:transform .2s ease}body.evm-app-body .evm-sidebar.open{transform:translateX(0)}body.evm-app-body .mobile-only{display:inline-flex!important}.ops-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){body.evm-app-body .evm-content{padding:18px 14px 70px!important}body.evm-app-body .evm-topbar{padding:12px 14px!important;min-height:72px;display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:10px}.evm-topbar .top-actions{grid-column:1/-1;justify-content:flex-end}.evm-topbar .top-title{min-width:0}body.evm-app-body .evm-topbar h1{font-size:20px!important}.evm-topbar .top-title .eyebrow{display:none}.theme-toggle-text,.evm-branch-pill{display:none!important}.ops-heading h2{font-size:23px}.ops-form-grid{grid-template-columns:1fr}body.evm-app-body .panel{padding:16px!important}.ops-action-bar{bottom:8px;flex-direction:column;align-items:stretch}.ops-action-bar .btn{width:100%}.filter-row{display:flex;flex-direction:column;align-items:stretch!important}.filter-row .field{width:100%!important}.filter-row .btn{width:100%}.responsive-cards thead{display:none}.responsive-cards,.responsive-cards tbody,.responsive-cards tr{display:block}.responsive-cards tr{border-bottom:8px solid var(--ops-bg)}body.evm-app-body .responsive-cards td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border:0!important;padding:8px 12px!important;word-break:break-word}.responsive-cards td:before{content:attr(data-label);font-size:11px;color:var(--ops-muted);font-weight:600}.responsive-cards td[colspan]{display:block}.responsive-cards td[colspan]:before{display:none}.responsive-cards td small{grid-column:2}.table-wrap{max-width:100%}.ops-product-picker{max-height:310px}.ops-pick-row input{width:82px}.command-trigger{padding:8px!important}.grid-2{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.evm-content{opacity:1!important;transform:none!important}}
html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}