:root{--bg:#f5f6fa;--card:#fff;--text:#191b24;--muted:#73788a;--primary:#6d4aff;--primary2:#8b73ff;--line:#e7e9f1;--danger:#d84a5b;--shadow:0 12px 36px rgba(33,29,63,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#171522;color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--primary2),var(--primary));display:grid;place-items:center;font-weight:800}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:#a9a4ba;margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav-link{border:0;background:transparent;color:#aaa5b8;padding:13px 14px;border-radius:12px;text-align:left;cursor:pointer;display:flex;gap:10px}.nav-link.active,.nav-link:hover{background:#2a2638;color:#fff}.sidebar-note{margin-top:auto;color:#777184;font-size:11px;padding:10px}.main{margin-left:250px;width:calc(100% - 250px);padding:0 34px 50px}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:28px;margin:0}.topbar p,.section-toolbar p,.card-title p,.modal-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.mobile-menu{display:none}.page{display:none}.page.active{display:block}.grid.two-thirds{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.card-title{display:flex;justify-content:space-between;margin-bottom:22px}.card h2,.section-toolbar h2{margin:0;font-size:19px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.compact-top{margin-top:22px}label{font-size:12px;font-weight:650;color:#4f5363;display:grid;gap:8px}input,select{width:100%;border:1px solid #dfe2ec;background:#fbfbfd;border-radius:11px;padding:12px 13px;outline:none;color:var(--text)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(109,74,255,.12)}button{cursor:pointer}.primary,.secondary,.ghost{border:0;border-radius:11px;padding:12px 16px;font-weight:700}.primary{background:var(--primary);color:#fff}.secondary{background:#ebe7ff;color:#5940cc}.ghost{background:#f1f2f7;color:#555a69}.danger{color:var(--danger)}.full{width:100%;margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-head h3{font-size:15px;margin:0}.material-rows{display:grid;gap:10px}.material-row{display:grid;grid-template-columns:1fr 130px 42px;gap:10px;align-items:end}.filament-choice{display:flex;align-items:center;gap:10px;border:1px solid #dfe2ec;background:#fbfbfd;border-radius:11px;padding:8px 11px}.swatch{width:28px;height:28px;border-radius:9px;border:1px solid rgba(0,0,0,.1);flex:none}.filament-choice select{border:0;padding:3px;background:transparent}.remove-row,.icon-btn{border:0;background:#f4f2f8;border-radius:10px;height:42px;font-size:20px}.cost-list{display:grid;gap:0}.cost-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.total-box,.sale-box{margin-top:18px;border-radius:15px;padding:17px;display:grid;gap:5px}.total-box{background:#f4f2ff}.sale-box{background:#171522;color:#fff}.total-box strong{font-size:24px;color:var(--primary)}.sale-box strong{font-size:29px}.sale-box small{color:#aaa5b8}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);padding:18px;border-radius:16px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:23px;margin-top:7px}.filament-grid,.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:17px}.filament-card,.machine-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.filament-color{height:85px}.filament-body,.machine-card{padding:18px}.filament-body h3,.machine-card h3{margin:0;font-size:15px}.meta{color:var(--muted);font-size:12px;margin:6px 0 16px}.stock-line{display:flex;justify-content:space-between;font-size:12px;margin-top:9px}.progress{height:7px;background:#eceef4;border-radius:10px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:var(--primary);border-radius:10px}.card-actions{display:flex;gap:8px;margin-top:16px}.card-actions button{flex:1;border:0;border-radius:9px;padding:9px}.machine-icon{width:44px;height:44px;background:#f1efff;border-radius:13px;display:grid;place-items:center;font-size:22px;margin-bottom:14px}.machine-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.machine-details div{background:#f7f7fa;border-radius:10px;padding:10px}.machine-details span{font-size:10px;color:var(--muted);display:block}.machine-details strong{font-size:13px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);background:#fafafd}.settings-card{max-width:850px}dialog{border:0;padding:0;border-radius:20px;box-shadow:0 20px 80px rgba(0,0,0,.25);width:min(720px,calc(100% - 28px))}dialog::backdrop{background:rgba(15,13,24,.65);backdrop-filter:blur(3px)}.modal{padding:24px}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.icon-btn{width:38px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.color-field{display:grid;grid-template-columns:1fr 90px;gap:15px;margin-bottom:18px}.color-preview{border-radius:14px;background:#6d4aff;border:1px solid var(--line)}input[type=color]{height:45px;padding:4px}.toast{position:fixed;right:25px;bottom:25px;background:#171522;color:#fff;padding:13px 18px;border-radius:11px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.empty{grid-column:1/-1;text-align:center;padding:45px;background:#fff;border:1px dashed #d8dbe6;border-radius:17px;color:var(--muted)}@media(max-width:1000px){.grid.two-thirds{grid-template-columns:1fr}.filament-grid,.machine-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;z-index:10}.sidebar.open{transform:none}.main{margin-left:0;width:100%;padding:0 16px 35px}.topbar{height:88px}.mobile-menu{display:block;border:0;background:#fff;border-radius:10px;padding:10px}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.filament-grid,.machine-grid{grid-template-columns:1fr}.material-row{grid-template-columns:1fr 90px 42px}.section-toolbar{align-items:flex-start;gap:12px}.section-toolbar .primary{white-space:nowrap}}
.supply-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:17px}.supply-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow)}.supply-card h3{margin:0;font-size:15px}.supply-icon{width:44px;height:44px;background:#f1efff;border-radius:13px;display:grid;place-items:center;font-size:22px;margin-bottom:14px}.supply-choice{display:flex;align-items:center;gap:10px;border:1px solid #dfe2ec;background:#fbfbfd;border-radius:11px;padding:8px 11px}.supply-choice select{border:0;padding:3px;background:transparent}.supply-symbol{width:28px;height:28px;border-radius:9px;background:#f1efff;display:grid;place-items:center;flex:none}@media(max-width:1000px){.supply-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.supply-grid{grid-template-columns:1fr}}

/* Seletor visual e pesquisável de filamentos */
.filament-picker{position:relative;min-width:0}.filament-picker-button{width:100%;min-height:52px;border:1px solid #dfe2ec;background:#fbfbfd;border-radius:11px;padding:8px 11px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text)}.filament-picker-button:hover{border-color:#c8cbe0}.filament-picker-button span{display:grid;gap:2px;min-width:0;flex:1}.filament-picker-button strong,.filament-picker-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filament-picker-button strong{font-size:13px}.filament-picker-button small{font-size:11px;color:var(--muted)}.filament-picker-button b{font-size:15px;color:var(--muted)}.filament-picker-panel{display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% + 7px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 18px 50px rgba(28,24,52,.18)}.filament-picker-panel.open{display:block}.filament-search{margin-bottom:8px}.filament-options{display:grid;gap:5px;max-height:280px;overflow:auto}.filament-option{border:1px solid transparent;background:#fff;border-radius:10px;padding:8px;display:flex;align-items:center;gap:10px;text-align:left;width:100%}.filament-option:hover,.filament-option.selected{background:#f4f2ff;border-color:#ddd6ff}.option-swatch{width:32px;height:32px;border-radius:9px;border:1px solid rgba(0,0,0,.14);flex:none}.filament-option span{display:grid;gap:2px;min-width:0}.filament-option strong{font-size:12px}.filament-option small{font-size:10px;color:var(--muted)}.filament-no-results{padding:18px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:760px){.filament-picker-panel{position:static;margin-top:7px}.filament-picker-panel.open{display:block}.material-row.filament-material-row{grid-template-columns:minmax(0,1fr) 82px 42px}}

/* V4: pesquisa visual de filamentos */
.picker-search-label{display:grid;gap:6px;font-size:11px;color:var(--muted);margin-bottom:8px}
.filament-search{margin:0;background:#fff}
.filament-picker-button .swatch{width:38px;height:38px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.option-swatch{width:40px;height:40px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.filament-option{min-height:58px}
.filament-option strong{font-size:13px}
.filament-option small{font-size:11px}
.filament-picker-panel{min-width:420px;right:auto;width:min(520px,calc(100vw - 32px))}
@media(max-width:760px){.filament-picker-panel{min-width:0;width:100%;right:0}.filament-picker-button .swatch{width:34px;height:34px}}


.catalog-search{display:block;margin:0 0 8px;max-width:560px}.catalog-search span{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.catalog-search input{width:100%;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:var(--input);color:var(--text);font:inherit;outline:none}.catalog-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(109,74,255,.18)}.catalog-result-count{margin:0 0 18px;color:var(--muted);font-size:14px}


/* V6: relatório por cor */
.report-note{margin:0 0 18px;padding:13px 15px;border-radius:12px;background:#f1efff;color:#5c4bb0;font-size:12px}.report-color{display:flex;align-items:center;gap:11px;min-width:190px}.report-color span{display:grid;gap:3px}.report-color small{color:var(--muted);font-size:11px}.report-swatch{width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);flex:none}.positive{color:#16824d}.negative{color:var(--danger)}.color-report-table th,.color-report-table td{white-space:nowrap}.color-report-table td:first-child{white-space:normal}@media(max-width:760px){.color-report-table{min-width:760px}}


/* Backup e sincronização web */
.backup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.backup-card{display:flex;flex-direction:column;gap:12px}.backup-card h3{margin:0}.backup-card p{margin:0;color:#6b6b78;line-height:1.55;flex:1}.backup-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f0edff;font-size:25px}.backup-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.backup-summary span{background:#f7f7fb;border:1px solid #ececf3;border-radius:10px;padding:9px;font-size:12px;color:#686876}.backup-summary strong{display:block;color:#252533;font-size:18px}.sync-status{background:#f7f7fb;border:1px solid #ececf3;border-radius:12px;padding:13px;min-height:48px;color:#5f5f6c}.file-restore{display:block;text-align:center;padding:12px;border:1px dashed #8a74ff;border-radius:12px;color:#6347ef;font-weight:700;cursor:pointer}.file-restore input{display:none}@media(max-width:900px){.backup-grid{grid-template-columns:1fr}}


/* V8: valores, consumo e fotos no histórico */
.report-block{margin-bottom:34px}.report-block+.report-block{padding-top:30px;border-top:1px solid var(--line)}.report-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.report-section-title h3{margin:0;font-size:19px}.report-section-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.report-material-icon{width:36px;height:36px;border-radius:10px;background:#f1efff;display:grid;place-items:center;font-size:18px;flex:none}.history-photo-cell{display:flex;align-items:center;gap:8px;min-width:138px}.history-thumb,.history-photo-empty{width:62px;height:62px;border-radius:11px;object-fit:cover;border:1px solid var(--line);flex:none}.history-thumb{cursor:zoom-in;background:#f5f5f7}.history-photo-empty{display:grid;place-items:center;background:#f5f4fa;font-size:22px;color:#999}.history-photo-btn{border:0;border-radius:9px;background:#eeeaff;color:#5d43d7;padding:8px 10px;font-size:11px;font-weight:700}.history-table td{vertical-align:middle}.history-table{min-width:940px}@media(max-width:760px){.report-block{margin-bottom:28px}.history-thumb,.history-photo-empty{width:54px;height:54px}}

.history-toggle-btn{width:38px;height:38px;border:0;border-radius:10px;background:#eeeaff;color:#5d43d7;font-size:24px;font-weight:800;line-height:1;cursor:pointer}.history-delete-btn{border:0;border-radius:9px;background:#fff0f0;color:#c62828;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.history-detail-row td{background:#faf9ff;padding:0!important}.history-detail-content{padding:18px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.history-detail-title,.history-supplies-title{font-size:13px;font-weight:800;color:#4f3fb0;margin-bottom:10px}.history-supplies-title{margin-top:18px}.history-material-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.history-material-item{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.history-material-item div{display:flex;flex-direction:column;gap:3px}.history-material-item small{color:var(--muted);font-size:11px}.history-material-color,.history-material-icon{width:34px;height:34px;border-radius:9px;border:1px solid rgba(0,0,0,.1);flex:none}.history-material-icon{display:grid;place-items:center;background:#f1efff;border:0}.history-detail-empty{color:#777;font-size:12px;padding:8px 0}

.history-material-item strong{display:flex;align-items:center;gap:7px}.history-color-dot{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}

/* V11: cor visível no histórico e correção de cache */
.history-material-color{display:inline-block!important;width:38px!important;height:38px!important;min-width:38px!important;visibility:visible!important;opacity:1!important}.history-color-label{display:block;margin-bottom:3px;font-weight:700;color:var(--muted)}
.history-actions{display:flex;flex-wrap:wrap;gap:6px}.history-edit-btn,.history-duplicate-btn{border:0;border-radius:9px;padding:8px 10px;font-weight:700;cursor:pointer}.history-edit-btn{background:#342b50;color:#cdbdff}.history-duplicate-btn{background:#263443;color:#bde0ff}.history-edit-modal{width:min(900px,94vw);max-height:92vh;overflow:auto}.edit-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:24px 0 10px}.edit-section-head h3{margin:0}.edit-section-head p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.history-edit-summary{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;margin-top:18px;padding:14px;border-radius:12px;background:rgba(109,74,255,.08);border:1px solid rgba(109,74,255,.22)}
@media(max-width:700px){.history-actions{min-width:110px;flex-direction:column}.history-actions button{width:100%}.edit-section-head{align-items:stretch;flex-direction:column}.history-edit-summary{justify-content:flex-start}}

.history-search-wrap{display:flex;align-items:center;gap:8px;min-width:min(420px,100%);padding:10px 14px;border:1px solid var(--border,#34343b);border-radius:12px;background:var(--panel,#202024)}
.history-search-wrap input{width:100%;border:0!important;background:transparent!important;outline:0;color:inherit;padding:0!important}
.history-search-wrap input::-webkit-search-cancel-button{cursor:pointer}
@media(max-width:720px){.section-toolbar{align-items:stretch}.history-search-wrap{min-width:100%}}
dialog.dialog-fallback{position:fixed;inset:0;margin:auto;z-index:9999;display:block;max-height:95vh;overflow:auto}

/* V15: edição responsiva sem rolagem horizontal */
.history-edit-modal{width:min(900px,calc(100vw - 28px));max-width:100%;overflow-x:hidden}
.history-edit-modal .form-grid,.history-edit-modal .materials-list,.history-edit-modal .material-row{min-width:0}
.history-edit-modal .material-row{grid-template-columns:minmax(0,1fr) minmax(95px,130px) 42px}
.history-edit-modal .filament-picker,.history-edit-modal .supply-choice,.history-edit-modal label,.history-edit-modal input,.history-edit-modal select{min-width:0;max-width:100%}
.history-edit-modal .filament-picker-panel{max-width:min(520px,calc(100vw - 64px));min-width:0}
@media(max-width:600px){.history-edit-modal{padding:18px}.history-edit-modal .material-row{grid-template-columns:minmax(0,1fr) 82px 42px;gap:7px}.history-edit-modal .filament-picker-panel{position:static;width:100%;max-width:100%;margin-top:7px}.history-edit-modal .modal-actions{flex-wrap:wrap}.history-edit-modal .modal-actions button{flex:1}}

/* V16: modal de edição centralizado e sem rolagem horizontal */
#historyEditDialog{
  width:min(980px,calc(100vw - 32px));
  max-width:calc(100vw - 32px);
  max-height:92vh;
  margin:auto;
  overflow:hidden;
}
#historyEditDialog .history-edit-modal{
  width:100%;
  max-width:100%;
  max-height:92vh;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
}
#historyEditDialog .form-grid,
#historyEditDialog .materials-list,
#historyEditDialog .material-row,
#historyEditDialog .filament-picker,
#historyEditDialog .supply-choice,
#historyEditDialog label{
  width:100%;
  min-width:0;
  max-width:100%;
}
#historyEditDialog .material-row{
  grid-template-columns:minmax(0,1fr) minmax(100px,130px) 42px;
}
#historyEditDialog .filament-picker-panel{
  width:min(520px,100%);
  min-width:0;
  max-width:100%;
  right:auto;
}
#historyEditDialog .history-edit-summary{
  justify-content:center;
  text-align:center;
}
#historyEditDialog .modal-actions{
  justify-content:center;
}
@media(max-width:760px){
  #historyEditDialog{
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
  }
  #historyEditDialog .history-edit-modal{padding:16px}
  #historyEditDialog .form-grid{grid-template-columns:1fr}
  #historyEditDialog .material-row{
    grid-template-columns:minmax(0,1fr) 82px 42px;
  }
  #historyEditDialog .filament-picker-panel{
    position:static;
    width:100%;
    max-width:100%;
    margin-top:7px;
  }
}

/* V17: centralização real do conteúdo e bloqueio definitivo da rolagem horizontal */
#historyEditDialog{
  width:min(980px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  padding:0!important;
  margin:auto!important;
  overflow:hidden!important;
  overscroll-behavior:contain;
}
#historyEditDialog .history-edit-modal{
  display:block;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:24px!important;
  overflow-y:auto!important;
  overflow-x:clip!important;
}
#historyEditDialog .history-edit-modal > *,
#historyEditDialog .form-grid,
#historyEditDialog .materials-list,
#historyEditDialog .material-row{
  max-width:100%!important;
  min-width:0!important;
}
#historyEditDialog .material-row{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 130px 42px!important;
}
#historyEditDialog .filament-picker-button,
#historyEditDialog .supply-choice,
#historyEditDialog input,
#historyEditDialog select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
#historyEditDialog .history-edit-summary,
#historyEditDialog .modal-actions{
  width:100%;
  justify-content:center;
}
@media(max-width:820px){
  #historyEditDialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
  }
  #historyEditDialog .history-edit-modal{padding:18px!important}
  #historyEditDialog .material-row{
    grid-template-columns:minmax(0,1fr) 108px 42px!important;
  }
}
@media(max-width:560px){
  #historyEditDialog .history-edit-modal{padding:14px!important}
  #historyEditDialog .material-row{
    grid-template-columns:minmax(0,1fr) 84px 40px!important;
    gap:6px!important;
  }
  #historyEditDialog .edit-section-head{align-items:stretch}
  #historyEditDialog .edit-section-head .ghost{width:100%}
}

/* V18 — Orçamentos */
.budget-table .history-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:250px}
.budget-approve-btn{background:#2f9e61!important;color:#fff!important;border-color:#2f9e61!important}
.budget-delete-btn{background:transparent!important;color:#ff8e8e!important;border-color:rgba(255,100,100,.35)!important}
.budget-status-note{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(109,74,255,.14);color:#c9bdff;font-size:.78rem;font-weight:700}
@media(max-width:760px){.budget-table .history-actions{min-width:210px}.budget-table th:nth-child(2),.budget-table td:nth-child(2),.budget-table th:nth-child(3),.budget-table td:nth-child(3){display:none}}

/* V19 - margem seletiva por categoria */
.markup-help{margin:-8px 0 8px;color:var(--muted);font-size:12px}
.markup-option{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}
.markup-option input,.history-markup-grid input{width:18px;height:18px;margin:0;accent-color:var(--primary);flex:none}
.markup-cost-list>div{gap:12px}
.history-markup-box{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8f8fb}
.history-markup-box>strong{font-size:13px}
.history-markup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:12px}
.history-markup-grid label{display:flex;grid-template-columns:none;align-items:center;gap:8px;color:var(--text);font-size:12px;cursor:pointer}
@media(max-width:600px){.history-markup-grid{grid-template-columns:1fr}}