.workflow-steps{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;padding:18px 22px;background:#edf2e5;border:1px solid #e2e9d9;border-radius:9px;margin-bottom:25px;color:#657750;font-size:12px}.workflow-steps span{display:flex;gap:9px;align-items:center}.workflow-steps b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:white;background:#65834a;font-size:10px}.table-checkbox{width:18px;height:18px;padding:0;accent-color:#173f35}.preline{white-space:pre-wrap;line-height:1.7;font-size:13px;color:#75816b}.employee-detail{border:1px solid #e3e7e0;border-radius:8px;margin-bottom:10px;overflow:hidden}.employee-detail summary{cursor:pointer;padding:16px;font-size:12px;background:#f6f8f2;line-height:1.6}.employee-detail summary span{float:right;font-weight:600}.employee-detail>p{padding:15px}.employee-detail table{font-size:11px}.company-welcome{background:#173f35;color:white;border-radius:12px;padding:25px;margin-bottom:25px}.company-welcome p{color:#b7c8b7;margin-bottom:0}code{font-size:12px;color:#516447}#modal .table-wrap{max-width:100%}.tabs{max-width:100%;overflow-x:auto;white-space:nowrap}.topbar .row{gap:8px}@media(max-width:760px){.workflow-steps{gap:12px;padding:16px;font-size:11px}.workflow-steps span{min-width:100%}.topbar{height:auto;min-height:55px;gap:10px;line-height:1.7}.topbar>span{max-width:65%;font-size:11px}.employee-detail summary span{float:none;display:block;margin-top:5px}.pagehead>.row.wrap .btn{white-space:normal}.employee-detail table{min-width:460px}.tabs{padding-top:3px}#prepare-batch{width:100%}}

.tabs{overflow-y:hidden;padding-bottom:1px}

.employee-bulk{padding:13px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.delete-employee-names{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px}.delete-employee-names>div{padding:12px 15px;border-bottom:1px solid var(--line)}.delete-employee-names>div:last-child{border:0}.delete-employee-names small{display:block;margin-top:5px}.employee-bulk .btn:disabled{cursor:default}

.login-panels{width:350px;max-width:100%}.login-panels .login-form{width:100%}.employee-login{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.employee-login h2{font-size:24px;margin-top:16px}.employee-login>p{margin-bottom:20px}.employee-login [hidden]{display:none}.login-form-wrap{padding-top:35px;padding-bottom:35px}.login-form .lock{margin-top:17px}.settings dt{font-size:11px;color:var(--muted);margin-top:14px}.settings dd{margin:5px 0 0;font-weight:600}@media(min-width:761px){.login-art{min-height:100vh}}

.order-edit-lines{display:grid;gap:16px;margin:18px 0}.order-edit-line{padding:17px;border:1px solid var(--line);border-radius:9px;background:#fafbf8}.order-edit-line>.row{margin-bottom:14px}.order-edit-line>.field{margin-bottom:14px}.order-edit-variants{display:grid;grid-template-columns:1fr 1fr 90px;gap:12px}.shop-closed{text-align:center;max-width:850px;margin:45px auto;padding:55px 35px}.shop-closed>.icon{display:flex;width:45px;height:45px;margin:0 auto 22px;color:var(--green)}.shop-closed .eyebrow{color:var(--muted)}.shop-closed h1{font-size:30px;margin-top:18px}.shop-closed p{color:var(--muted);line-height:1.9}.shop-closed .btn{margin-top:16px}@media(max-width:760px){.order-edit-variants{grid-template-columns:1fr 1fr}.order-edit-variants>div:last-child{grid-column:1/-1}.shop-closed{padding:35px 20px;margin:20px auto}.shop-closed h1{font-size:25px}}

.campaign-order-cards{display:grid;gap:22px}.campaign-order-card{padding:23px}.campaign-order-card h3{margin-bottom:7px}.order-item-with-photo{display:flex;align-items:center;gap:13px}.order-thumb{width:58px;height:70px;object-fit:contain;background:#f4f5f0;border-radius:6px;flex-shrink:0;padding:4px}.order-thumb-placeholder{display:inline-flex;align-items:center;justify-content:center;color:#9aa28f}.order-photo-strip{display:flex;gap:5px}.order-photo-strip .order-thumb{width:39px;height:47px}.cart-line>div>.order-thumb{float:left;margin-right:12px}.campaign-order-card .order-detail{margin:20px 0}@media(max-width:760px){.campaign-order-card{padding:16px}.order-thumb{width:44px;height:55px}.order-item-with-photo{gap:8px}.campaign-order-card .order-detail table{min-width:480px}}

.product-image[role=button]{cursor:pointer}.product-image[role=button]:focus-visible{outline:3px solid #9bbd71;outline-offset:-3px}