/* DigiVet Marketplace V0.2 · Pro operations design system */
:root{color-scheme:light;--navy:#0c2438;--navy-2:#122f47;--navy-soft:#1b3d57;--blue:#1775af;--blue-dark:#115d94;--blue-tint:#edf7fc;--teal:#11978d;--ink:#172e40;--secondary:#4d6578;--muted:#7d91a1;--line:#e4ebf0;--bg:#f5f8fb;--card:#fff;--radius:14px;--shadow:0 7px 22px rgba(30,65,86,.035);--focus:0 0 0 3px rgba(44,148,197,.19)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);font:13px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}.lucide{display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #249acf;outline-offset:2px}.mono{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.125em;font-weight:760;color:#7a97ac}.layout{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{width:254px;display:flex;flex-direction:column;background:var(--navy);color:#91b0c6;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:22;scrollbar-width:thin;scrollbar-color:#28475a transparent}.brand-area{display:flex;align-items:center;gap:11px;padding:24px 18px 22px;min-height:91px}.brand-symbol{width:42px;height:42px;background:linear-gradient(135deg,#2aa7d8,#17699e);border-radius:13px;display:grid;place-items:center;color:white;box-shadow:0 5px 16px #008dcc30}.brand-copy{display:grid;line-height:1.15;gap:5px;flex:1;white-space:nowrap}.brand-copy strong{font-size:20px;font-weight:760;letter-spacing:-.65px;color:#fff}.brand-copy small{font-size:9px;font-weight:700;letter-spacing:.2em;color:#6db5d8}.sidebar-collapse{background:none;border:0;color:#80a2b9;display:grid;place-items:center;width:24px;height:24px}.sidebar-collapse:hover{color:white}.workspace-chip{border:1px solid #2a4b61;background:#153449;margin:0 14px 20px;padding:12px 11px;display:flex;align-items:center;gap:9px;border-radius:11px}.workspace-icon{width:30px;height:30px;background:#224b63;border-radius:8px;display:grid;place-items:center;color:#addcf0}.workspace-chip>.lucide{margin-left:auto;color:#719bad}.workspace-chip .nav-text{display:grid;min-width:0;line-height:1.35}.workspace-chip b{font-weight:670;color:#e5f1f7;font-size:11px;white-space:nowrap}.workspace-chip span{font-size:10px;color:#82a7ba;white-space:nowrap}.nav-groups{padding:0 12px 12px;flex:1}.nav-group{padding-bottom:17px}.nav-group-label{color:#5d88a0;letter-spacing:.145em;font-weight:800;font-size:9px;padding:4px 12px 9px;white-space:nowrap}.nav-item{position:relative;display:flex;width:100%;align-items:center;gap:13px;text-align:left;border:0;color:#a6bfd0;background:transparent;border-radius:9px;padding:10px 13px;min-height:40px;font-size:12px;font-weight:530;transition:background .16s,color .16s}.nav-item .nav-icon{display:grid;place-items:center;width:20px;height:20px;color:#82a7bb}.nav-item:hover{background:#193a50;color:#fff}.nav-item:hover .nav-icon{color:#e9f8fd}.nav-item.active{background:#204b65;color:#fff;font-weight:700}.nav-item.active .nav-icon{color:#89d7f5}.nav-active-rail{position:absolute;right:-12px;top:9px;bottom:9px;width:3px;background:#47bdeb;border-radius:3px}.sidebar-footer{padding:0 15px 16px;margin-top:auto}.sidebar-help{padding:12px 7px;display:flex;align-items:center;gap:9px;font-size:10px;color:#729aaf}.profile{border-top:1px solid #264358;padding-top:15px;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:34px;height:34px;border-radius:10px;background:#35627b;color:#eef8fd;display:grid;place-items:center;font-weight:800}.profile-copy{min-width:0;flex:1;display:grid;gap:2px}.profile-copy strong{color:#ecf5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.profile-copy span{font-size:10px;color:#799bb0;text-transform:capitalize}.logout-btn{border:0;color:#9ec3d3;background:none;display:grid;place-items:center;width:25px;height:32px}.logout-btn:hover{color:white}.main{min-width:0;display:flex;flex-direction:column}.topbar{background:white;border-bottom:1px solid var(--line);height:75px;min-height:75px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;gap:24px;position:sticky;top:0;z-index:12}.top-left,.top-actions{display:flex;align-items:center;gap:11px}.top-left{min-width:0;color:#8595a5;font-size:12px}.top-left strong{color:#1f3545;font-weight:720;white-space:nowrap}.top-actions{gap:10px}.top-search{width:210px;color:#8698a5;border:1px solid #e7edf1;background:#f9fbfc;border-radius:9px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left}.top-search span{flex:1;white-space:nowrap}.top-search kbd,.palette-search kbd{font-size:9px;line-height:1;padding:5px 6px;background:#fff;border:1px solid #e3eaf0;border-radius:5px;color:#8b9ca8;white-space:nowrap}.top-search:hover{background:#edf6fa}.top-divider{height:24px;width:1px;background:#e6edf1}.env-tag{display:flex;align-items:center;gap:7px;border:1px solid #f1e4c5;background:#fffbf1;color:#986c21;padding:6px 9px;border-radius:7px;letter-spacing:.05em;font-size:10px;font-weight:750}.env-tag i{background:#d6a43d;width:6px;height:6px;border-radius:50%}.store-select{display:flex;align-items:center;gap:7px;padding:0 10px;min-height:36px;border:1px solid var(--line);border-radius:9px;color:#647f90;background:#fff}.store-select select{appearance:none;border:0;background:transparent;max-width:184px;min-width:120px;font-weight:600;color:#33495a;outline:0;cursor:pointer}.icon-button{border:1px solid #e3ebf0;border-radius:9px;background:white;display:inline-flex;justify-content:center;align-items:center;color:#5c768a;width:35px;height:35px;padding:0}.icon-button:hover{background:#f1f7fa;color:#126e9c;border-color:#ccdfeb}.top-avatar{border:0;background:#e7f3fa;color:#1c6e9c}.mobile-menu,.mobile-scrim{display:none}.content{width:100%;max-width:1650px;padding:31px 34px 56px;margin:0 auto;flex:1}.app-footer{border-top:1px solid #e5ebf0;color:#93a0ad;font-size:10px;padding:13px 34px;display:flex;justify-content:space-between;gap:10px}.app-footer b{color:#678ca1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 25px}.page-heading h1{font-size:27px;font-weight:760;letter-spacing:-.95px;line-height:1.2;margin:5px 0 7px}.page-heading p{font-size:12px;color:#7790a0}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.heading-chip,.soft-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:670;color:#5c8298;background:#f0f5f8;border:1px solid #e3edf2;border-radius:8px;padding:7px 10px;white-space:nowrap}.btn{appearance:none;border:1px solid #dce6ec;border-radius:8px;min-height:35px;background:white;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px;color:#385367;font-size:11px;font-weight:700;white-space:nowrap;transition:background .15s,border .15s}.btn:hover{background:#f1f7fa}.btn-primary{background:#1474ad;border-color:#1474ad;color:#fff;box-shadow:0 2px 6px #196a9d19}.btn-primary:hover{background:#115f94;border-color:#115f94}.btn-secondary{background:white}.btn-subtle{background:#f7fafc}.btn-mini{min-height:29px;font-size:10px;padding:5px 9px;gap:5px}.btn-outline-primary{color:#176da2;border-color:#b8dbea;background:#f6fcff}.btn-wide{width:100%;min-height:44px}.inline-notice{display:flex;align-items:flex-start;gap:10px;border:1px solid #d7e8f2;background:#f3f9fc;color:#3b718e;border-radius:10px;padding:12px 14px;margin-bottom:22px;font-size:11px}.inline-notice .lucide{margin-top:2px}.inline-notice div{display:flex;gap:4px;flex-wrap:wrap;align-items:baseline}.inline-notice strong{font-weight:760}.inline-notice span{color:#5c8298}.inline-notice.notice-warning{background:#fffbf3;border-color:#f0e6d4;color:#8c661d}.inline-notice.notice-warning span{color:#866f4c}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric{border-radius:var(--radius);background:white;border:1px solid var(--line);padding:20px 21px 18px;min-width:0;box-shadow:var(--shadow);min-height:141px}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#6d8495;font-size:11px;font-weight:620}.metric-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.tone-blue{color:#2b84b9;background:#eaf5fc}.tone-teal{color:#159b90;background:#e8f8f3}.tone-indigo{color:#7770be;background:#f0eefc}.tone-amber{color:#bd872c;background:#fff5e2}.tone-rose{color:#ca6674;background:#fcedef}.metric-value{font-size:28px;letter-spacing:-1.15px;line-height:1.3;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:16px}.metric-bottom{font-size:10px;color:#94a5b0;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:17px;margin-bottom:17px}.dashboard-grid.bottom-grid{grid-template-columns:1.45fr 1fr}.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:22px 23px 0}.panel-heading h2{font-size:14px;font-weight:760;letter-spacing:-.18px}.panel-heading p{color:#94a3ad;font-size:11px;margin-top:3px}.bar-list{padding:22px 23px 26px;display:grid;gap:18px}.store-bar{display:grid;grid-template-columns:21px minmax(125px,1fr) minmax(90px,1.5fr) 98px;align-items:center;gap:13px;font-size:11px}.bar-rank{font-size:10px;color:#b3c1ca;font-weight:700}.bar-store{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4f687b;font-weight:680}.track{background:#e9f2f7;border-radius:99px;height:9px;overflow:hidden}.track-fill{height:100%;background:linear-gradient(90deg,#21a7c6,#1976ae);border-radius:99px}.store-bar strong{font-size:11px;text-align:right;color:#29485a;white-space:nowrap}.priority-list{padding:12px 17px 18px}.priority{width:100%;border:0;border-bottom:1px solid #edf1f4;background:transparent;display:flex;align-items:center;text-align:left;padding:14px 6px;gap:12px;color:#8194a1}.priority:last-child{border-bottom:0}.priority:hover{background:#f9fbfc}.priority-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.priority-warning{background:#fff4e5;color:#c18c34}.priority-danger{background:#fff0ef;color:#c06963}.priority-neutral{background:#edf5fa;color:#578ba4}.priority-copy{flex:1;min-width:0;display:grid;gap:2px}.priority-copy strong{font-size:11px;font-weight:750;color:#344e61}.priority-copy small{font-size:10px;color:#98a7b3}.priority>b{font-size:12px;font-weight:780;color:#263e51}.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 23px 24px;gap:15px}.mini-metrics>div{display:grid;gap:4px;min-width:0}.mini-metrics span{font-size:10px;color:#8b9fad}.mini-metrics strong{font-size:17px;font-weight:780;color:#1e4053;white-space:nowrap;letter-spacing:-.4px}.mini-metrics small{font-size:9px;color:#a5b3bf}.text-link{background:none;border:0;color:#147caf;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;margin:0 23px 22px;padding:0}.text-link:hover{text-decoration:underline}.integration-tiles{padding:15px 23px 13px}.integration-tiles>div{display:flex;align-items:center;gap:10px;min-height:43px;border-bottom:1px solid #edf2f4;font-size:11px;color:#647c8c}.integration-tiles>div:last-child{border:0}.integration-tiles>div>span:not(.status){flex:1;font-weight:610}.integration-tiles>.lucide{color:#7395a9}.status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}.status i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.status-success{color:#168573;background:#eaf8f2}.status-warning{color:#a67b2b;background:#fff7e9}.status-danger{color:#b85962;background:#fff0f1}.status-neutral{color:#648398;background:#f0f5f7}.order-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.summary-card{padding:16px 17px;background:white;border:1px solid var(--line);border-radius:12px;text-align:left;box-shadow:var(--shadow);color:#1e3c50;transition:.16s;min-width:0}.summary-card:hover{border-color:#a6ccdd}.summary-card.selected{border-color:#3898c6;box-shadow:0 0 0 2px #3898c610}.summary-card>div{display:flex;align-items:center;gap:9px;color:#718799;font-size:11px;font-weight:660;min-height:20px}.summary-card .lucide{color:#75a3bd}.summary-card strong{display:block;font-size:25px;font-weight:790;letter-spacing:-.6px;margin-top:11px}.table-panel{overflow:hidden}.table-panel-head{padding:20px 22px;border-bottom:1px solid #ebf0f3;display:flex;align-items:center;justify-content:space-between;gap:12px}.table-panel-head h2{font-size:15px;font-weight:770}.table-panel-head p{font-size:11px;color:#93a5b2;margin-top:3px}.filter-toolbar{padding:14px 21px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-field{width:min(420px,100%);flex:1;min-width:220px;border:1px solid #dfebef;background:#fff;color:#8ba0af;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;height:36px}.search-field:focus-within{border-color:#64a9ca;box-shadow:var(--focus)}.search-field input{background:transparent;border:0;outline:0;width:100%;min-width:0;color:#243e52;font-size:11px}.search-field input::placeholder{color:#9db0bd}.field{border:1px solid #dce7ed;border-radius:9px;background:white;color:#2e4a5c;padding:9px 11px;width:100%;outline:0;font-size:12px;min-height:35px}.field:focus{border-color:#6db2d0;box-shadow:var(--focus)}.select-field{width:auto;min-width:147px;font-size:11px}.bulk-bar{margin:0 21px 13px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cce4f0;background:#f1faff;border-radius:9px;font-size:11px}.bulk-bar[hidden]{display:none}.bulk-bar>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.bulk-bar span{color:#6590aa}.table-wrap{overflow-x:auto;max-width:100%}.data-table{border-collapse:collapse;width:100%;text-align:left;min-width:850px}.data-table th{padding:13px 16px;background:#f8fafb;border-top:1px solid #ebf1f4;border-bottom:1px solid #ebf1f4;color:#8397a6;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.065em;white-space:nowrap}.data-table td{padding:16px;border-bottom:1px solid #edf1f4;color:#4a667a;font-size:11px;vertical-align:middle}.data-table tbody tr:hover{background:#fbfdff}.data-table tbody tr:last-child td{border-bottom:0}.data-table th:first-child,.data-table td:first-child{padding-left:22px}.data-table th:last-child,.data-table td:last-child{padding-right:22px}.data-table td strong{font-weight:740;color:#334d5f}.data-table .cell-sub{display:block;font-size:10px;color:#9baeb9;margin-top:4px}.table-primary-link{background:none;border:0;padding:0;color:#176f9f;font-size:11px;font-weight:770;text-align:left}.table-primary-link:hover{text-decoration:underline}.product-cell{max-width:320px;min-width:180px}.product-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-cell small{display:block;font-size:10px;color:#95a7b4;margin-top:4px}.money-cell{font-weight:730!important;color:#334f64!important;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:7px}.action-dot{width:29px;height:29px}.row-check,#select-page{accent-color:#1988c0;width:14px;height:14px;vertical-align:middle;cursor:pointer}.table-empty{padding:58px 20px!important;text-align:center;color:#93a5b3}.table-empty .lucide{display:block;margin:0 auto 12px;color:#a4bdcc}.table-empty strong{display:block;color:#617f90;font-size:13px}.table-empty span{display:block;margin-top:5px;font-size:11px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 21px;border-top:1px solid #edf1f3;color:#9aaab4;font-size:10px}.pagination b{color:#4b6678}.pagination small{color:#b0bbc4}.pagination>div{display:flex;align-items:center;gap:13px}.pagination>div .icon-button{width:28px;height:28px}.pagination>div span{color:#647c8c}.product-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.mapping-code{display:inline-flex;align-items:center;gap:6px;border:1px solid #dce8ef;border-radius:7px;background:#f7fafc;padding:5px 8px;color:#527990;font-weight:690;font-size:10px;white-space:nowrap}.num-cell{text-align:right}.shop-cell{display:flex;align-items:center;gap:10px}.shop-avatar{width:33px;height:33px;display:grid;place-items:center;border:1px solid #dcebf2;border-radius:9px;background:#f0f8fc;color:#458eae}.shop-cell div{display:grid;gap:3px}.shop-cell small{font-size:10px;color:#9aaeb8}.metrics-grid.compact .metric{min-height:125px;padding:17px 20px}.metrics-grid.compact .metric-value{margin-top:8px;font-size:25px}.inbox-panel{overflow:hidden}.inbox-shell{display:grid;grid-template-columns:minmax(230px,300px) minmax(290px,1fr) minmax(220px,260px);height:575px}.inbox-sidebar{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.inbox-sidebar-title{height:67px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.inbox-sidebar-title h2{font-size:14px}.conversations{overflow-y:auto}.conversation{position:relative;width:100%;background:transparent;border:0;border-bottom:1px solid #edf1f4;padding:15px 15px;display:flex;gap:10px;align-items:start;text-align:left;color:#7790a1}.conversation.active{background:#edf7fd;border-left:3px solid #268bbd;padding-left:12px}.conversation:hover{background:#f4fafc}.conversation-avatar{width:35px;height:35px;border-radius:50%;background:#dfebf2;color:#6790a7;display:grid;place-items:center;flex-shrink:0}.conversation>div:nth-child(2){flex:1;min-width:0}.conversation strong,.conversation small,.conversation p{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation strong{font-size:11px;color:#344f61}.conversation small{font-size:10px;color:#85a0b2;margin-top:2px}.conversation p{font-size:10px;color:#9aaab6;margin-top:6px}.unreplied-dot{width:8px;height:8px;background:#258fc1;border-radius:50%;margin-top:6px}.inbox-conversation{display:flex;flex-direction:column;min-width:0;background:#fcfdfe}.conversation-header{background:#fff;padding:13px 17px;display:flex;align-items:center;gap:11px;min-height:67px;border-bottom:1px solid var(--line)}.conversation-avatar.large{width:39px;height:39px}.conversation-header>div:nth-child(2){flex:1}.conversation-header h2{font-size:12px}.conversation-header span:not(.status){display:flex;align-items:center;gap:4px;font-size:10px;color:#9aadb8}.messages{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:15px;background:#f8fbfd}.message{display:grid;gap:4px;max-width:80%;border:1px solid #e5edf1;background:white;border-radius:12px 12px 12px 3px;padding:10px 12px;box-shadow:0 2px 6px #0d334106}.message.outgoing{align-self:flex-end;background:#eaf7fc;border-color:#d8eaf3;border-radius:12px 12px 3px 12px}.message-name{font-size:9px;color:#76a3b6;font-weight:730}.message p{font-size:12px;color:#344f60;overflow-wrap:anywhere}.message time{font-size:9px;color:#a3b2bc}.message-compose{border-top:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;gap:9px;background:#fff}.message-compose input{flex:1}.inbox-context{border-left:1px solid var(--line);padding:21px 18px}.inbox-context h3{font-size:12px;margin-bottom:19px}.keyval{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf1f4;min-height:43px;padding:9px 0;color:#8ca0af;font-size:11px}.keyval strong{color:#4c6678;max-width:58%;text-align:right;font-size:11px;font-weight:690;overflow-wrap:anywhere}.context-note{display:flex;align-items:flex-start;gap:9px;background:#f2f8fb;border:1px solid #e1edf3;border-radius:10px;padding:13px;margin-top:21px;color:#6990a8}.context-note p{font-size:11px;color:#7291a3}.segment-tabs{display:inline-flex;background:#eaf1f6;padding:4px;border-radius:9px;gap:4px;margin-bottom:19px}.segment-tabs button{border:0;background:transparent;border-radius:7px;color:#6c879b;font-weight:730;font-size:11px;padding:10px 16px;display:flex;align-items:center;gap:8px}.segment-tabs button.active{background:#fff;color:#177ab0;box-shadow:0 1px 5px #0b334012}.connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:19px}.connector-card{padding:22px;display:flex;flex-direction:column}.connector-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf5fb;color:#3187ba;margin-bottom:15px}.connector-icon.teal{background:#e7f7f4;color:#209c8f}.connector-icon.violet{background:#f0eefb;color:#7771bb}.connector-card h2{font-size:15px;font-weight:780}.connector-card>p{font-size:11px;color:#899ead;line-height:1.6;min-height:53px;margin:5px 0 12px}.connector-footer{margin-top:auto;padding-top:18px;min-height:53px;color:#91a4b2;font-size:10px;display:flex;align-items:center}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:18px}.two-column .panel{padding:0 22px 18px}.two-column .panel-heading{padding:22px 0 10px}.two-column .keyval{min-height:42px}.error-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:35px 18px;display:grid;justify-items:center;text-align:center;color:#a2b5c0}.empty-state .lucide{color:#b4c6d0}.empty-state h3{margin-top:12px;font-size:13px;color:#658293}.empty-state p{font-size:11px;margin-top:4px}.error-panel{border:1px solid #f0d8d8;background:#fff;border-radius:14px;padding:45px 25px;display:grid;justify-items:center;gap:10px;text-align:center}.error-panel .lucide{color:#c06868}.error-panel h2{font-size:16px}.error-panel p{color:#8e6d6d}.drawer-overlay,.palette-overlay{position:fixed;inset:0;z-index:50;background:#081b2b80;display:flex;justify-content:flex-end;animation:fadeIn .16s ease}.detail-drawer{width:min(585px,100vw);height:100vh;overflow:auto;display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 65px #081c2e29;animation:slideIn .19s ease}.drawer-header{padding:25px 26px 22px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #e7eef2;gap:16px}.drawer-header h2{font-size:20px;letter-spacing:-.45px;margin-top:5px}.drawer-header p{font-size:11px;color:#8ea4b1;margin-top:7px;display:flex;align-items:center;gap:4px}.drawer-body{flex:1;overflow-y:auto;padding:24px 26px}.detail-hero{display:grid;gap:4px;border:1px solid #d9eaf4;background:linear-gradient(120deg,#f4fbff,#edf7fc);padding:20px;border-radius:12px}.detail-hero span{font-size:11px;color:#7796aa}.detail-hero strong{font-size:27px;letter-spacing:-1px;color:#1c5f88}.detail-hero small{font-size:10px;color:#7c9aae}.detail-statuses{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:21px 0 15px}.detail-statuses>div{display:grid;gap:8px}.detail-statuses>div>span:first-child{font-size:10px;color:#94a7b3}.detail-statuses .status{width:max-content}.detail-section{padding:17px 0;border-top:1px solid #ecf0f3}.detail-section h3{font-size:12px;margin-bottom:8px}.detail-hint{padding:12px;background:#f7fafc;color:#849eae;font-size:11px;border-radius:9px;margin-top:13px}.drawer-footer{border-top:1px solid #e7edf2;padding:15px 26px;display:flex;gap:10px;justify-content:flex-end;background:white;flex-wrap:wrap}.drawer-footer-right{display:flex;gap:9px;flex-wrap:wrap}.mapping-drawer .drawer-body .inline-notice{margin-bottom:25px}.form-section-label{font-size:10px;color:#8ea4b0;font-weight:780;letter-spacing:.08em;margin-bottom:13px}.component-list{display:grid;gap:12px}.component-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 35px;align-items:end;gap:10px;border:1px solid #e5edf1;padding:14px;border-radius:12px}.component-row label{display:block;font-size:10px;color:#8198a7;font-weight:730;margin-bottom:6px}.component-row .remove-component{margin-bottom:0}.add-component{margin-top:15px}.mapping-note{display:flex;gap:8px;padding:14px;background:#f6fafc;border-radius:10px;color:#8298a8;font-size:11px;line-height:1.65;margin-top:22px}.mapping-note .lucide{color:#5f9abc}.palette-overlay{justify-content:center;align-items:flex-start;padding:12vh 16px}.command-palette{width:min(560px,100%);background:white;border-radius:16px;box-shadow:0 20px 100px #00172948;overflow:hidden;max-height:76vh;overflow-y:auto}.palette-search{height:66px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);color:#7195aa}.palette-search input{flex:1;outline:0;border:0;color:#2b4a5d;font-size:14px;min-width:0}.palette-item{display:flex;gap:12px;align-items:center;padding:13px 21px;color:#59788d;background:white;border:0;width:100%;text-align:left;font-size:12px;font-weight:660}.palette-item:hover{background:#f3f8fb}.palette-item span{flex:1}.palette-foot{border-top:1px solid var(--line);font-size:10px;color:#9db0bc;padding:12px 18px}.toast{position:fixed;bottom:22px;right:25px;background:#16364b;color:white;z-index:100;border-radius:11px;padding:13px 16px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;box-shadow:0 8px 32px #0c2e3944;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;max-width:min(440px,calc(100vw - 30px))}.toast.show{transform:translateY(0);opacity:1}.toast-error{background:#a84249}.loading-shell{max-width:1300px}.skeleton{height:20px;background:linear-gradient(90deg,#e9eff4 20%,#f6fafc 45%,#e9eff4 70%);background-size:250% 100%;border-radius:10px;animation:shimmer 1.5s linear infinite;margin-bottom:16px}.skeleton.lg{width:250px;height:32px}.skeleton.sm{width:450px;max-width:90%;height:14px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.skeleton.tall{height:140px}.skeleton.wide{height:370px;margin-top:20px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.93fr) minmax(400px,1.07fr);background:white}.auth-decoration{background:radial-gradient(circle at 80% 10%,#1a668522,transparent 35%),linear-gradient(155deg,#092338,#123d55);color:white;padding:72px max(55px,calc((100vw - 1300px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.auth-logo{height:58px;width:58px;background:#1d6489;border-radius:17px;display:grid;place-items:center;margin-bottom:57px}.auth-decoration>span{font-size:10px;color:#67b4d8;letter-spacing:.15em;font-weight:800}.auth-decoration h2{font-size:clamp(34px,3.4vw,57px);line-height:1.15;letter-spacing:-1.8px;margin:19px 0 15px;font-weight:760}.auth-decoration h2 em{color:#83cbea;font-style:normal}.auth-decoration>p{max-width:400px;line-height:1.85;color:#a7c6d7;font-size:14px}.auth-points{margin-top:40px;display:grid;gap:12px;color:#cee6f0;font-size:12px}.auth-points>span{display:flex;align-items:center;gap:9px}.auth-points .lucide{color:#69c9dd}.auth-bottom{position:absolute;bottom:43px;color:#6796ae;font-size:11px}.auth-form-side{padding:30px;display:grid;place-items:center}.auth-card{width:min(420px,100%)}.auth-card .eyebrow{color:#2f89b2}.auth-card h1{font-size:30px;letter-spacing:-1px;margin-top:13px}.auth-card .form-description{font-size:12px;color:#879dad;margin:12px 0 28px}.form-group{display:grid;gap:8px;margin-bottom:17px}.form-group label{font-size:11px;font-weight:750;color:#557185}.form-group .field{height:43px;font-size:12px}.auth-help{font-size:10px;color:#98a8b4;margin-top:26px;line-height:1.7}.auth-help code{background:#f2f6fa;padding:2px 5px;border-radius:4px}.mobile-login-logo{display:none}@keyframes shimmer{to{background-position:-250% 0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(18px)}to{transform:translateX(0)}}
.layout.is-collapsed{grid-template-columns:74px minmax(0,1fr)}.is-collapsed .sidebar{width:74px}.is-collapsed .brand-area{padding:24px 13px 21px}.is-collapsed .sidebar-collapse{display:none}.is-collapsed .brand-copy,.is-collapsed .workspace-chip,.is-collapsed .nav-text,.is-collapsed .nav-group-label,.is-collapsed .sidebar-help,.is-collapsed .profile-copy,.is-collapsed .logout-btn{display:none}.is-collapsed .nav-group{border-top:1px solid #25465a;padding-top:7px;padding-bottom:7px}.is-collapsed .nav-group:first-child{border:0}.is-collapsed .nav-item{justify-content:center;padding:13px 8px}.is-collapsed .nav-item .nav-icon{width:20px}.is-collapsed .nav-groups{padding:0 14px}.is-collapsed .sidebar-footer{padding:15px}.is-collapsed .profile{justify-content:center}.is-collapsed .brand-symbol{width:45px;height:45px;flex-shrink:0}
@media(max-width:1350px){.top-search{width:150px}.top-search kbd{display:none}.dashboard-grid.bottom-grid{grid-template-columns:1fr 1fr}.mini-metrics{grid-template-columns:repeat(2,1fr);row-gap:15px}.inbox-shell{grid-template-columns:260px 1fr}.inbox-context{display:none}.connector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.metrics-grid,.product-summary{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.bottom-grid{grid-template-columns:1fr}.store-bar{grid-template-columns:20px minmax(100px,1fr) minmax(120px,1.6fr) 90px}.order-summary{grid-template-columns:repeat(2,1fr)}.top-search{width:36px;padding:8px;justify-content:center}.top-search span,.top-search kbd{display:none}.topbar{padding:0 21px}.content{padding:28px 24px 45px}}
@media(max-width:860px){.layout,.layout.is-collapsed{grid-template-columns:1fr}.sidebar,.is-collapsed .sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;width:254px;transform:translateX(-110%);transition:transform .2s;box-shadow:20px 0 50px #061b2a1e}.layout.mobile-open .sidebar{transform:translateX(0)}.layout.mobile-open .mobile-scrim{display:block;position:fixed;inset:0;border:0;background:#051a2d94;z-index:20}.mobile-menu{display:grid}.is-collapsed .brand-copy,.is-collapsed .workspace-chip,.is-collapsed .nav-text,.is-collapsed .nav-group-label,.is-collapsed .sidebar-help,.is-collapsed .profile-copy,.is-collapsed .logout-btn{display:initial}.is-collapsed .brand-area{padding:24px 18px 22px}.is-collapsed .workspace-chip{display:flex}.is-collapsed .nav-group{border:0;padding:0 0 17px}.is-collapsed .nav-group-label{display:block}.is-collapsed .nav-item{justify-content:flex-start;padding:10px 13px}.is-collapsed .nav-groups{padding:0 12px 12px}.is-collapsed .sidebar-footer{padding:0 15px 16px}.is-collapsed .profile{justify-content:flex-start}.is-collapsed .nav-text{display:initial}.is-collapsed .sidebar-help{display:flex}.is-collapsed .profile-copy{display:grid}.is-collapsed .brand-copy{display:grid}.topbar{height:65px;min-height:65px}.top-avatar,.top-divider{display:none}.app-footer{padding:14px 23px}}
@media(max-width:640px){.content{padding:22px 14px 40px}.topbar{padding:0 13px}.top-left .breadcrumb,.top-left>.lucide{display:none}.top-left strong{max-width:110px;overflow:hidden;text-overflow:ellipsis}.top-actions{gap:6px}.env-tag{display:none}.store-select{max-width:165px;min-height:34px;padding:0 6px}.store-select select{max-width:112px;min-width:70px;font-size:10px}.page-heading{gap:12px;margin-bottom:19px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.metrics-grid,.product-summary,.order-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px 14px 13px;min-height:116px}.metric-top{font-size:10px}.metric-value{font-size:21px;margin-top:12px}.metric-bottom{font-size:9px}.summary-card{padding:12px}.summary-card strong{font-size:21px}.summary-card>div{font-size:10px}.inline-notice{margin-bottom:16px}.dashboard-grid{gap:12px}.panel-heading{padding:17px 16px 0}.bar-list{padding:18px 14px 22px}.store-bar{grid-template-columns:17px minmax(75px,1fr) minmax(50px,1.2fr) 66px;gap:7px}.store-bar strong{font-size:9px}.bar-store{font-size:10px}.mini-metrics{padding:18px}.table-panel-head{padding:15px}.filter-toolbar{padding:12px;gap:8px}.search-field{min-width:100%;height:37px}.select-field{min-width:calc(50% - 4px);flex:1}.filter-toolbar .btn{flex:1}.pagination{padding:12px 13px;font-size:9px}.pagination small{display:none}.pagination>div{gap:7px}.connector-grid,.two-column{grid-template-columns:1fr}.inbox-shell{grid-template-columns:1fr;height:auto}.inbox-sidebar{max-height:200px;border-bottom:1px solid var(--line);border-right:0}.inbox-conversation{height:440px}.drawer-header,.drawer-body,.drawer-footer{padding-left:18px;padding-right:18px}.drawer-footer{justify-content:flex-start}.detail-drawer{width:100vw}.auth-screen{grid-template-columns:1fr}.auth-decoration{display:none}.auth-form-side{padding:28px 20px}.mobile-login-logo{display:flex;align-items:center;gap:10px;color:#147cad;font-weight:770;margin-bottom:35px}.auth-card h1{font-size:26px}.app-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Compact touch-first order and product cards; full data table remains on desktop. */
.mobile-card-list{display:none}
@media(max-width:640px){
  #order-table>.table-wrap,#product-table>.table-wrap{display:none}
  .mobile-card-list{display:grid;gap:10px;padding:0 12px 13px}
  .mobile-data-card{border:1px solid #e3ebf1;border-radius:12px;padding:14px;background:#fff;display:grid;gap:9px;min-width:0}
  .mobile-card-title{display:flex;align-items:start;gap:8px;min-width:0}
  .mobile-card-title .table-primary-link{font-size:12px;flex:1;text-align:left}
  .mobile-card-title strong{font-size:12px;white-space:nowrap;margin-left:auto;color:#27485d}
  .mobile-card-title .mobile-product-name{white-space:normal;overflow-wrap:anywhere;margin-left:0;font-size:12px}
  .mobile-store{display:flex;align-items:center;gap:5px;font-size:10px;color:#879eac}
  .mobile-data-card p{font-size:11px;color:#527084;line-height:1.5;overflow-wrap:anywhere}
  .mobile-statuses{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
  .mobile-card-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid #edf1f4}
  .mobile-card-actions .btn{flex:1;white-space:normal}
  .mobile-kv{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:1px solid #f0f3f5;font-size:11px;color:#8295a4}
  .mobile-kv>strong{font-size:11px;color:#3f6177}
}