:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;color:#1c2528;line-height:1.35}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7f8}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#fff;border-right:1px solid #d9e0e2;padding:18px 14px}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 18px;color:#1f4d45}.brand strong,.brand span{display:block}.brand span{color:#5f6f73;font-size:.88rem}nav{display:grid;gap:4px}nav button{display:flex;align-items:center;gap:10px;min-height:42px;border:0;border-radius:8px;background:transparent;color:#354347;padding:0 10px;cursor:pointer;text-align:left}nav button:hover,nav .nav-active{background:#e7f3ef;color:#17483f}.main{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid #d9e0e2;margin-bottom:22px}.topbar p,.topbar h1{margin:0}.topbar p{color:#68797d;font-size:.88rem}.topbar h1{font-size:1.6rem;letter-spacing:0}.user-menu{display:flex;align-items:center;gap:10px;color:#284146}.user-menu strong,.user-menu span{display:block;text-align:right}.user-menu span{color:#68797d;font-size:.82rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:#eaf0ee}.login-card{width:min(100%,420px);display:grid;gap:16px;background:#fff;border:1px solid #d5dedf;border-radius:8px;padding:28px;box-shadow:0 18px 50px #1f4d4521}.login-card p,.login-card h1{margin:0}.login-card p{color:#68797d;font-size:.9rem}.login-card h1{font-size:1.45rem;letter-spacing:0}.login-mark{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:#216c5e;border-radius:8px}.login-button{width:100%}.page{display:grid;gap:18px}.page.narrow{max-width:980px}h2,h3{margin:0}h2{font-size:1.25rem}h3{font-size:1rem}.toolbar,.form-title,.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;min-height:38px;cursor:pointer}.button{background:#216c5e;color:#fff;padding:0 14px}.button:hover{background:#19584d}.button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}.button-secondary{background:#fff;color:#1f4d45;border-color:#b7c9c4}.button-secondary:hover{background:#edf6f3}.icon-button{width:36px;height:36px;background:#fff;border-color:#ccd5d8;color:#284146}.icon-button:hover{background:#eef3f4}.icon-button.danger{color:#aa3b31;border-color:#e7beb8}.alert,.success,.loading{border-radius:8px;padding:12px 14px}.alert{background:#fff0ed;color:#8f2f26;border:1px solid #edc8c2}.alert svg{vertical-align:middle;margin-right:6px}.alert-price-low{background:#fff8e8;color:#7b4e06;border-color:#edd49b}.success{background:#e9f7ef;color:#236242;border:1px solid #b7dbc5}.loading{background:#eef3f4;color:#53666b}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric{background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:16px}.metric span,.sync-tile span{display:block;color:#68797d;font-size:.86rem}.metric strong{display:block;margin-top:8px;font-size:1.8rem}.metric-warn{border-left:4px solid #d49524}.metric-danger{border-left:4px solid #c94a3d}.metric-info{border-left:4px solid #2d74b8}.dashboard-donut-panel{display:grid;gap:12px;background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:16px}.donut-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(260px,1fr);gap:20px;align-items:center}.donut-chart{width:min(100%,280px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:0 auto;box-shadow:inset 0 0 0 1px #1c252814}.donut-hole{width:58%;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:6px;border-radius:50%;background:#fff;color:#7c8a8e;box-shadow:0 0 0 1px #1c252814}.donut-hole strong{color:#1c2528;font-size:1.7rem}.channel-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.channel-stat{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #d9e0e2;border-radius:8px;background:#f8fbfb;padding:10px}.channel-stat i{width:10px;height:28px;border-radius:999px}.channel-stat strong{overflow:hidden;color:#43565b;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.channel-stat b{color:#1c2528}.dashboard-compact .table-wrap table{min-width:620px}.dashboard-compact th,.dashboard-compact td{padding:8px 10px;font-size:.86rem}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.split>section,.panel-form,.settings-env{background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:16px}.filters,.grid-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.grid-form.two{grid-template-columns:repeat(2,minmax(150px,1fr))}.panel-form{display:grid;gap:14px}.field{display:grid;gap:6px;min-width:0}.field span{color:#43565b;font-size:.86rem;font-weight:650}.input{width:100%;min-height:38px;border:1px solid #cbd5d8;border-radius:8px;background:#fff;color:#1c2528;padding:8px 10px}.input:focus{outline:2px solid #95cbbf;border-color:#216c5e}.textarea{resize:vertical}.picker{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid #d9e0e2;border-radius:8px}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:10px 12px}.pagination-controls span,.pagination-controls strong{color:#526468;font-size:.88rem}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:10px 12px;border-bottom:1px solid #edf1f2;text-align:left;vertical-align:top;font-size:.92rem}th{background:#f7faf9;color:#526468;font-weight:700}tr:hover td{background:#fbfdfc}.empty{color:#68797d;text-align:center;padding:20px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:0 9px;font-size:.75rem;font-weight:800;white-space:nowrap}.badge-good{color:#1f6243;background:#dff2e7}.badge-danger{color:#9d342b;background:#ffe5df}.badge-warn{color:#8b5b14;background:#fff0c8}.badge-muted{color:#5d6a6e;background:#ecf0f1}.badge-info{color:#255d7f;background:#e1f0f7}.muted{color:#68797d;font-size:.86rem}.product-thumb{width:48px;height:48px;display:inline-grid;place-items:center;object-fit:cover;border:1px solid #d9e0e2;border-radius:8px;background:#f4f7f8;color:#68797d;font-size:.72rem}.product-thumb-large{width:112px;height:112px;display:grid;place-items:center;border:1px solid #d9e0e2;border-radius:8px;background:#f4f7f8;color:#68797d}.product-hero{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:16px}.product-hero img{width:112px;height:112px;object-fit:cover;border:1px solid #d9e0e2;border-radius:8px}.product-hero p,.suggestion-box p{margin:4px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.detail-grid span{display:grid;gap:4px;color:#1c2528}.detail-grid strong{color:#68797d;font-size:.78rem;text-transform:uppercase}.channel-tag{display:inline-flex;align-items:center;width:fit-content;min-height:24px;border-radius:999px;padding:0 9px;font-size:.74rem;font-weight:800;white-space:nowrap}.channel-mercado-livre-ancona{color:#124a78;background:#dceefa}.channel-mercado-livre-lasercut{color:#4a347c;background:#ebe4fa}.channel-site{color:#124c91;background:#dbeafe}.channel-shopee{color:#9a3a12;background:#ffe3cf}.channel-balcao{color:#1f6243;background:#dff2e7}.channel-sem-canal{color:#5d6a6e;background:#ecf0f1}.channel-total,.channel-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.channel-tags-row>span:not(.badge):not(.channel-tag){color:#68797d;font-size:.86rem;font-weight:650}.channel-total{margin:0 0 4px}.account-tag{display:inline-flex;align-items:center;width:fit-content;min-height:24px;border-radius:999px;background:#eef3f4;color:#284146;padding:0 9px;font-size:.74rem;font-weight:800;white-space:nowrap}.channel-tag-button{border:1px solid transparent;border-radius:999px;background:transparent;padding:2px;cursor:pointer}.channel-tag-button.active{border-color:#216c5e;background:#edf6f3}.suggestion-box{display:grid;gap:12px;border:1px solid #cfe0e4;border-left:4px solid #2d74b8;border-radius:8px;padding:14px;background:#fbfdff}.actions{display:flex;gap:6px;align-items:center}.component-list{display:grid;gap:10px}.component-row{display:grid;grid-template-columns:minmax(360px,1fr) minmax(160px,220px) 40px;gap:10px;align-items:end;border:1px solid #e1e7e9;border-radius:8px;padding:10px}.component-row.compact{grid-template-columns:repeat(5,minmax(120px,1fr)) 40px}.component-row.component-row-wide{grid-template-columns:minmax(320px,1.2fr) 110px 140px 130px minmax(160px,.8fr) 40px}.availability{border:1px solid #b9d8ce;border-radius:8px;background:#eff8f5;padding:12px}.availability ul{margin:8px 0 0;padding-left:18px}.sync-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.listing-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.sync-tile{display:grid;gap:10px;background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:14px}.sync-action-stack{display:grid;gap:8px}.sync-action-stack .button,.sync-action-stack .button-secondary{width:100%}.sync-queue-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #d9e0e2;border-radius:8px;background:#f8fbfb;padding:10px}.sync-queue-box span{display:grid;gap:2px}.sync-queue-box strong{color:#68797d;font-size:.72rem;text-transform:uppercase}.sync-queue-box small{grid-column:1 / -1;color:#526468;line-height:1.3}.safe-sync-panel{border-left:4px solid #2d74b8}.sync-tile-primary{border-color:#9fc6df;background:#f7fbff}.sync-result-grid{display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));gap:10px}.sync-result-grid span{display:grid;gap:4px;border:1px solid #d9e0e2;border-radius:8px;background:#f8fbfb;padding:10px}.sync-result-grid strong{color:#68797d;font-size:.76rem;text-transform:uppercase}.sync-log-detail{display:inline-block;min-width:260px;max-width:520px;color:#34464a;line-height:1.35}.settings-env{display:flex;flex-wrap:wrap;gap:8px}.settings-env h3{flex-basis:100%}.settings-env code{background:#eef3f4;color:#284146;border-radius:6px;padding:6px 8px}.operator-box{display:grid;grid-template-columns:22px auto 1fr;align-items:center;gap:8px;border:1px solid #cfe0e4;border-radius:8px;background:#f7fbfc;padding:10px 12px}.operator-box span{color:#68797d;font-size:.86rem}.operator-box strong{color:#1f4d45}.quick-product-lookup{display:grid;gap:10px}.quick-product-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end}.selected-product{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #cfe0e4;border-radius:8px;background:#f7fbfc;padding:10px}.selected-product img{width:48px;height:48px;object-fit:cover;border:1px solid #d9e0e2;border-radius:8px}.selected-product strong,.selected-product span{display:block}.selected-product span{color:#68797d;font-size:.86rem}.selected-product-empty strong{color:#b42318}.channel-manual-exit{color:#7b3f10;background:#ffe9cc}.sync-json{max-height:360px;overflow:auto;margin:0;border:1px solid #d9e0e2;border-radius:8px;background:#f8fbfb;color:#284146;padding:12px;font-size:.82rem;white-space:pre-wrap}.stock-safety-panel{border-left:4px solid #2d74b8}.legacy-dos-panel{border-left:4px solid #6b7f37}.legacy-upload-row{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:end}.legacy-result-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.settings-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.setting-switch{display:grid;gap:12px;border:1px solid #d9e0e2;border-radius:8px;padding:14px}.setting-switch span,.setting-switch strong{display:block}.setting-switch span{color:#68797d;font-size:.86rem}.alert-safe{background:#eef6ff;color:#255d7f;border-color:#c9def2}.shell-collapsed{grid-template-columns:82px minmax(0,1fr)}.shell-collapsed .sidebar{padding:18px 10px}.shell-collapsed .brand{justify-content:center;padding:8px 0 18px}.shell-collapsed .brand div,.shell-collapsed nav span{display:none}.shell-collapsed nav button{justify-content:center;padding:0}:root[data-theme=dark]{color-scheme:dark;background:#0f1719;color:#edf4f5}:root[data-theme=dark] body{background:#0f1719}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .login-card,:root[data-theme=dark] .metric,:root[data-theme=dark] .split>section,:root[data-theme=dark] .panel-form,:root[data-theme=dark] .settings-env,:root[data-theme=dark] .table-wrap,:root[data-theme=dark] .pagination-controls,:root[data-theme=dark] .sync-tile,:root[data-theme=dark] .dashboard-donut-panel,:root[data-theme=dark] .product-hero{background:#142124;border-color:#2c3f44}:root[data-theme=dark] .topbar{border-color:#2c3f44}:root[data-theme=dark] .brand,:root[data-theme=dark] .user-menu,:root[data-theme=dark] .detail-grid span,:root[data-theme=dark] .operator-box strong,:root[data-theme=dark] .settings-env code,:root[data-theme=dark] .sync-log-detail,:root[data-theme=dark] .donut-hole strong,:root[data-theme=dark] .channel-stat b{color:#edf4f5}:root[data-theme=dark] .brand span,:root[data-theme=dark] .topbar p,:root[data-theme=dark] .user-menu span,:root[data-theme=dark] .metric span,:root[data-theme=dark] .sync-tile span,:root[data-theme=dark] .field span,:root[data-theme=dark] .muted,:root[data-theme=dark] .empty,:root[data-theme=dark] .operator-box span,:root[data-theme=dark] .channel-tags-row>span:not(.badge):not(.channel-tag),:root[data-theme=dark] .sync-result-grid strong,:root[data-theme=dark] .detail-grid strong{color:#9fb0b5}:root[data-theme=dark] nav button{color:#dbe7e8}:root[data-theme=dark] nav button:hover,:root[data-theme=dark] nav .nav-active{background:#1e403b;color:#f3fbfb}:root[data-theme=dark] .button-secondary,:root[data-theme=dark] .icon-button{background:#18282b;border-color:#3a5056;color:#edf4f5}:root[data-theme=dark] .button-secondary:hover,:root[data-theme=dark] .icon-button:hover{background:#203439}:root[data-theme=dark] .input{background:#101b1e;border-color:#3a5056;color:#edf4f5}:root[data-theme=dark] th{background:#19282c;color:#b8c8cc}:root[data-theme=dark] td{border-color:#25393e}:root[data-theme=dark] tr:hover td{background:#182629}:root[data-theme=dark] .loading,:root[data-theme=dark] .account-tag,:root[data-theme=dark] .badge-muted,:root[data-theme=dark] .product-thumb,:root[data-theme=dark] .product-thumb-large,:root[data-theme=dark] .selected-product,:root[data-theme=dark] .operator-box,:root[data-theme=dark] .suggestion-box,:root[data-theme=dark] .sync-result-grid span,:root[data-theme=dark] .sync-queue-box,:root[data-theme=dark] .channel-stat,:root[data-theme=dark] .sync-json{background:#101b1e;border-color:#2c3f44;color:#dbe7e8}:root[data-theme=dark] .donut-hole{background:#142124;color:#9fb0b5}:root[data-theme=dark] .alert-safe{background:#10243a;color:#bddbff;border-color:#274768}:root[data-theme=dark] .success{background:#123022;color:#bfe9cd;border-color:#2d6544}:root[data-theme=dark] .alert{background:#351b18;color:#ffd3cd;border-color:#6c352e}@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics,.split,.sync-grid,.settings-switch-grid,.donut-layout,.channel-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters,.grid-form,.grid-form.two,.detail-grid,.picker,.product-hero,.component-row,.component-row.compact,.component-row.component-row-wide,.quick-product-form,.legacy-upload-row,.sync-result-grid,.donut-layout{grid-template-columns:1fr}}@media(max-width:620px){.main{padding:14px}nav,.metrics,.split,.sync-grid,.settings-switch-grid,.channel-stat-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}}
