:root { --hmpb-ink:#191A1C; --hmpb-muted:#62666B; --hmpb-paper:#FAF9F6; --hmpb-card:#fff; --hmpb-line:#D8DADD; --hmpb-green:#3F6473; --hmpb-lime:#F8B41E; --hmpb-blue:#FFF3D1; }
#hmpb-builder-root { color:var(--hmpb-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.45; }
.hmpb-builder-page { align-items:start; display:grid; gap:18px; grid-template-columns:190px minmax(0,1fr); margin:0 auto; width:100%; }
.hmpb-builder-page>.hmpb-shell { min-width:0; width:100%; }
.hmpb-builder-sidebar { align-self:start; color:var(--hmpb-ink); display:flex; flex-direction:column; min-height:610px; padding:18px 0 10px; position:sticky; top:22px; }
.hmpb-builder-sidebar-kicker { color:#858A90; font-size:.68rem; font-weight:900; letter-spacing:.15em; margin:0 0 3px; }
.hmpb-builder-sidebar-title { display:block; font-size:1.18rem; margin-bottom:16px; }
.hmpb-builder-sidebar nav { display:grid; gap:5px; }
.hmpb-builder-sidebar nav button,.hmpb-builder-sidebar-footer button,.hmpb-builder-sidebar-footer a { background:transparent; border:0; border-radius:9px; color:#62666B; cursor:pointer; display:block; font:inherit; font-size:.8rem; font-weight:760; padding:10px 11px; text-align:left; text-decoration:none; width:100%; }
.hmpb-builder-sidebar nav button:hover,.hmpb-builder-sidebar-footer button:hover,.hmpb-builder-sidebar-footer a:hover { background:#F1F2F3; color:#303030; }
.hmpb-builder-sidebar nav button.is-active { background:#191A1C; color:#fff; }
.hmpb-builder-new { background:#F8B41E; border:0; border-radius:999px; color:#191A1C; cursor:pointer; font:inherit; font-size:.8rem; font-weight:900; margin-bottom:14px; min-height:42px; padding:9px 14px; text-align:left; width:100%; }
.hmpb-builder-new:hover { background:#D99100; }
.hmpb-builder-sidebar-footer { border-top:1px solid #D8DADD; display:grid; gap:3px; margin-top:auto; padding-top:11px; }
.hmpb-builder-sidebar-footer button { color:#B6413C; }
.hmpb-shell { background:var(--hmpb-paper); border:1px solid #D8DADD; border-radius:20px; box-shadow:0 20px 70px rgba(28,42,35,.12); min-height:760px; overflow:hidden; }
.hmpb-login-shell { display:grid; min-height:520px; padding:40px 20px; place-items:center; }
.hmpb-login-card { background:#fff; border:1px solid #D8DADD; border-radius:18px; box-shadow:0 18px 48px rgba(27,44,34,.1); padding:34px; width:min(440px,100%); }
.hmpb-login-card h1 { margin:4px 0 8px; }
.hmpb-login-card>p:not(.hmpb-kicker) { color:#62666B; margin-bottom:24px; }
.hmpb-login-card form { display:grid; gap:16px; }
.hmpb-login-message { color:#B6413C; font-size:14px; margin:0; }
.hmpb-text-button { background:transparent; border:0; color:var(--hmpb-green); cursor:pointer; font:inherit; font-size:.88rem; font-weight:700; padding:2px; text-decoration:underline; }
.hmpb-session-bar { align-items:center; background:#F1F2F3; border-bottom:1px solid #D8DADD; color:#62666B; display:flex; font-size:13px; gap:16px; justify-content:space-between; padding:9px 18px; }
.hmpb-session-bar label { align-items:center; display:flex; gap:8px; }
.hmpb-session-bar select { min-width:180px; }
.hmpb-session-bar button { background:transparent; border:0; color:#3F6473; cursor:pointer; text-decoration:underline; }
.hmpb-session-bar .hmpb-session-new { background:#fff; border:1px solid #D8DADD; border-radius:999px; color:#303030; font-weight:800; padding:7px 12px; text-decoration:none; }
.hmpb-session-actions { align-items:center; display:flex; gap:14px; }
.hmpb-topbar { align-items:center; background:var(--hmpb-ink); color:white; display:flex; justify-content:space-between; padding:24px 28px; }
.hmpb-topbar h1 { color:white; font-size:clamp(1.45rem,3vw,2rem); letter-spacing:-.035em; margin:2px 0 0; }
.hmpb-kicker { color:#858A90; font-size:.75rem; font-weight:800; letter-spacing:.16em; margin:0; }
.hmpb-top-total { align-items:flex-end; display:flex; flex-direction:column; }
.hmpb-top-total span { color:#858A90; font-size:.8rem; }
.hmpb-top-total strong { color:var(--hmpb-lime); font-size:1.75rem; }
.hmpb-layout { display:grid; grid-template-columns:230px minmax(360px,1fr) 300px; min-height:680px; }
.hmpb-palette,.hmpb-summary { background:#FAF9F6; padding:22px 18px; }
.hmpb-palette { border-right:1px solid var(--hmpb-line); }
.hmpb-summary { border-left:1px solid var(--hmpb-line); }
.hmpb-panel-title { margin:0 0 18px; }
.hmpb-panel-title h2 { font-size:1rem; margin:0; }
.hmpb-panel-title p { color:var(--hmpb-muted); font-size:.8rem; margin:3px 0 0; }
.hmpb-palette-item { align-items:center; background:white; border:1px solid var(--hmpb-line); border-radius:10px; color:var(--hmpb-ink); cursor:grab; display:flex; gap:10px; margin:0 0 8px; padding:10px; text-align:left; transition:.18s ease; width:100%; }
.hmpb-palette-item:hover,.hmpb-palette-item:focus { border-color:var(--hmpb-green); box-shadow:0 5px 14px rgba(13,121,85,.09); transform:translateY(-1px); }
.hmpb-palette-item strong,.hmpb-palette-item small { display:block; }
.hmpb-palette-item strong { font-size:.85rem; }
.hmpb-palette-item small { color:var(--hmpb-muted); font-size:.72rem; }
.hmpb-plus { align-items:center; background:#F1F2F3; border-radius:7px; color:var(--hmpb-green); display:flex; flex:0 0 28px; font-size:1.2rem; height:28px; justify-content:center; }
.hmpb-canvas { background-image:radial-gradient(#D8DADD 1px,transparent 1px); background-size:20px 20px; padding:28px clamp(18px,4vw,50px) 60px; }
.hmpb-card { background:var(--hmpb-card); border:1px solid var(--hmpb-line); border-radius:14px; box-shadow:0 8px 24px rgba(40,53,46,.07); padding:18px; }
.hmpb-process-block { display:grid; gap:0; }
.hmpb-node-card { align-items:center; display:flex; }
.hmpb-node-card>.hmpb-card-head { width:100%; }
.hmpb-block-header { border-radius:11px 11px 0 0; box-shadow:none; min-height:46px; padding:7px 11px; position:relative; z-index:1; }
.hmpb-process-block>.hmpb-options-panel { border-radius:0 0 11px 11px; border-top:0; }
.hmpb-options-panel { background:rgba(255,255,255,.78); border:1px solid var(--hmpb-line); border-radius:14px; padding:16px; }
.hmpb-card-head { align-items:center; display:flex; gap:9px; min-width:0; }
.hmpb-card-head h2 { font-size:1rem; margin:0; }
.hmpb-card-head p { color:var(--hmpb-muted); font-size:.78rem; margin:1px 0 0; }
.hmpb-step-number { align-items:center; background:var(--hmpb-ink); border-radius:50%; color:white; display:flex; flex:0 0 28px; font-size:.66rem; font-weight:800; height:28px; justify-content:center; }
.hmpb-process-category { background:#F1F2F3; border-radius:999px; color:#62666B; font-size:.68rem; font-weight:700; padding:3px 8px; white-space:nowrap; }
.hmpb-step-price { color:#858A90; font-size:.69rem; font-weight:800; white-space:nowrap; }
.hmpb-step-price.is-overridden { color:#C76520; }
.hmpb-grid { display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.hmpb-field span { color:#62666B; display:block; font-size:.75rem; font-weight:700; margin:0 0 5px; }
.hmpb-field input,.hmpb-field select,.hmpb-field textarea { background:#FAF9F6; border:1px solid #D8DADD; border-radius:8px; box-sizing:border-box; color:var(--hmpb-ink); font:inherit; font-size:.9rem; min-height:42px; padding:8px 10px; width:100%; }
.hmpb-field textarea { min-height:42px; resize:vertical; }
.hmpb-field input:focus,.hmpb-field select:focus,.hmpb-field textarea:focus { border-color:var(--hmpb-green); box-shadow:0 0 0 3px rgba(13,121,85,.14); outline:none; }
.hmpb-connector { display:flex; height:26px; justify-content:center; width:100%; }
.hmpb-connector:before { background:var(--hmpb-green); content:""; width:2px; }
.hmpb-connector span { align-self:center; background:var(--hmpb-green); border:3px solid var(--hmpb-paper); border-radius:50%; height:8px; margin-left:-5px; width:8px; }
.hmpb-process { border-left:4px solid var(--hmpb-green); }
.hmpb-grow { flex:1; }
.hmpb-grip,.hmpb-remove,.hmpb-duplicate { background:transparent; border:0; color:#858A90; cursor:pointer; font-size:1.15rem; padding:4px; }
.hmpb-remove { font-size:1.5rem; }
.hmpb-node-options { display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.hmpb-no-options { color:var(--hmpb-muted); font-size:.8rem; margin:0; }
.hmpb-price-override-field { border-top:1px solid #D8DADD; display:block; margin-top:14px; max-width:230px; padding-top:12px; }
.hmpb-price-override-field>span { color:#62666B; display:block; font-size:.75rem; font-weight:800; margin-bottom:5px; }
.hmpb-price-override-field>div { align-items:center; background:#FAF9F6; border:1px solid #D8DADD; border-radius:8px; display:flex; overflow:hidden; }
.hmpb-price-override-field>div>span { color:#858A90; font-size:.85rem; font-weight:800; padding-left:10px; }
.hmpb-price-override-field input { background:transparent; border:0; box-sizing:border-box; color:#191A1C; font:inherit; font-size:.9rem; min-height:40px; min-width:0; padding:7px 9px 7px 4px; width:100%; }
.hmpb-price-override-field input:focus { outline:none; }
.hmpb-price-override-field>div:focus-within { border-color:var(--hmpb-green); box-shadow:0 0 0 3px rgba(63,100,115,.14); }
.hmpb-price-override-field small { color:#858A90; display:block; font-size:.66rem; line-height:1.35; margin-top:5px; }
.hmpb-check-field { align-items:center; align-self:end; display:flex; gap:8px; min-height:42px; }
.hmpb-check-field input { height:18px; width:18px; }
.hmpb-dropzone { align-items:center; background:rgba(255,255,255,.45); border:1.5px dashed #858A90; border-radius:12px; color:#62666B; cursor:pointer; display:flex; font:inherit; gap:9px; justify-content:center; margin-top:34px; min-height:70px; width:100%; }
.hmpb-dropzone span { font-size:1.4rem; }
.hmpb-layout-estimate { background:#fff; border:1px solid var(--hmpb-line); border-radius:12px; margin-bottom:12px; overflow:hidden; }
.hmpb-layout-estimate-head { align-items:center; display:flex; gap:10px; justify-content:space-between; padding:11px 12px 9px; }
.hmpb-layout-estimate-head h3 { font-size:.86rem; margin:0; }
.hmpb-layout-estimate-head p { color:var(--hmpb-muted); font-size:.68rem; margin:2px 0 0; }
.hmpb-layout-estimate-head>strong { background:var(--hmpb-lime); border-radius:999px; color:#303030; font-size:.76rem; padding:4px 8px; white-space:nowrap; }
.hmpb-layout-preview-frame { align-items:center; background:#F1F2F3; border-bottom:1px solid var(--hmpb-line); border-top:1px solid var(--hmpb-line); display:flex; justify-content:center; min-height:148px; padding:10px; }
.hmpb-layout-preview-frame svg { display:block; height:190px; max-width:100%; width:100%; }
.hmpb-layout-sheet { fill:#fff; stroke:#191A1C; stroke-width:1.5; vector-effect:non-scaling-stroke; }
.hmpb-layout-usable { fill:none; stroke:#858A90; stroke-dasharray:4 3; stroke-width:1; vector-effect:non-scaling-stroke; }
.hmpb-layout-bleed { fill:none; stroke:#C76520; stroke-dasharray:2.5 2; stroke-width:.8; vector-effect:non-scaling-stroke; }
.hmpb-layout-piece { fill:#3F6473; stroke:#fff; stroke-width:.7; vector-effect:non-scaling-stroke; }
.hmpb-layout-piece-alt { fill:#39734B; }
.hmpb-layout-gridline { stroke:#3F6473; stroke-width:.7; vector-effect:non-scaling-stroke; }
.hmpb-layout-caption { color:var(--hmpb-muted); display:grid; font-size:.65rem; gap:2px; padding:9px 12px 10px; }
.hmpb-production { background:var(--hmpb-blue); border-radius:12px; display:grid; grid-template-columns:1fr 1fr; margin-bottom:18px; padding:13px; }
.hmpb-production div+div { border-left:1px solid rgba(20,34,29,.15); padding-left:13px; }
.hmpb-production strong,.hmpb-production span { display:block; }
.hmpb-production strong { font-size:1.15rem; }
.hmpb-production span { color:#62666B; font-size:.72rem; }
.hmpb-line { align-items:start; border-bottom:1px solid #D8DADD; display:flex; gap:8px; justify-content:space-between; padding:10px 0; }
.hmpb-line strong,.hmpb-line small { display:block; }
.hmpb-line strong { font-size:.82rem; }
.hmpb-line small { color:var(--hmpb-muted); font-size:.7rem; margin-top:2px; }
.hmpb-line>span { font-size:.82rem; font-weight:700; }
.hmpb-line.is-overridden>span { color:#C76520; }
.hmpb-line .hmpb-line-calculated { color:#858A90; font-style:italic; }
.hmpb-grand-total { align-items:end; display:flex; justify-content:space-between; padding:20px 0 12px; }
.hmpb-grand-total span { font-size:.82rem; }
.hmpb-grand-total strong { font-size:1.55rem; }
.hmpb-checkout { background:var(--hmpb-green); border:0; border-radius:10px; color:white; cursor:pointer; font:inherit; font-weight:800; min-height:50px; padding:10px 16px; width:100%; }
.hmpb-checkout:hover { background:#2D4C59; }
.hmpb-checkout:disabled { cursor:not-allowed; opacity:.45; }
.hmpb-save-estimate { background:white; border:1px solid var(--hmpb-green); border-radius:10px; color:var(--hmpb-green); cursor:pointer; font:inherit; font-weight:800; margin-bottom:8px; min-height:44px; padding:9px 14px; width:100%; }
.hmpb-save-estimate:hover { background:#F1F2F3; }
.hmpb-save-actions { align-items:center; display:flex; gap:8px; margin-bottom:8px; }
.hmpb-save-actions .hmpb-save-estimate { flex:1; margin:0; width:auto; }
.hmpb-save-template { background:#F1F2F3; border:1px solid #D8DADD; border-radius:8px; color:var(--hmpb-green); cursor:pointer; flex:0 0 auto; font:inherit; font-size:.68rem; font-weight:800; line-height:1.15; max-width:78px; min-height:44px; padding:7px 8px; }
.hmpb-save-template:hover { background:#F1F2F3; border-color:var(--hmpb-green); }
.hmpb-print-job { background:#191A1C; border:0; border-radius:8px; color:white; cursor:pointer; font:inherit; font-size:.78rem; font-weight:800; margin:0 0 10px; min-height:38px; padding:8px 12px; width:100%; }
.hmpb-print-job:hover { background:#303030; }
.hmpb-template-composer { background:#FAF9F6; border:1px solid var(--hmpb-line); border-radius:10px; display:grid; gap:8px; margin:0 0 12px; padding:11px; }
.hmpb-template-composer-actions { display:flex; gap:7px; justify-content:flex-end; }
.hmpb-template-composer-actions button { background:white; border:1px solid var(--hmpb-line); border-radius:7px; color:var(--hmpb-green); cursor:pointer; font:inherit; font-size:.72rem; font-weight:800; padding:6px 9px; }
.hmpb-template-composer-actions button[type="submit"] { background:var(--hmpb-green); border-color:var(--hmpb-green); color:white; }
.hmpb-template-composer-actions button:disabled { cursor:not-allowed; opacity:.45; }
.hmpb-template-composer p { color:var(--hmpb-muted); font-size:.65rem; line-height:1.35; margin:0; }
.hmpb-estimate-details { border-top:1px solid var(--hmpb-line); margin-top:10px; padding-top:15px; }
.hmpb-estimate-details-head { margin-bottom:12px; }
.hmpb-estimate-details-head h3 { font-size:.9rem; margin:0; }
.hmpb-estimate-details-head p { color:var(--hmpb-muted); font-size:.72rem; margin:2px 0 0; }
.hmpb-estimate-details-fields { display:grid; gap:10px; }
.hmpb-estimate-details .hmpb-field span { font-size:.7rem; }
.hmpb-estimate-details .hmpb-field input,.hmpb-estimate-details .hmpb-field select,.hmpb-estimate-details .hmpb-field textarea { font-size:.8rem; min-height:38px; padding:7px 8px; }
.hmpb-warnings { background:#FFF3D1; border:1px solid #D99100; border-radius:9px; color:#C76520; font-size:.78rem; margin-top:14px; padding:8px 12px; }
.hmpb-warnings p { margin:4px 0; }
.hmpb-ok { color:var(--hmpb-green)!important; }
.hmpb-disclaimer,.hmpb-note { color:var(--hmpb-muted); font-size:.72rem; line-height:1.4; text-align:center; }
.hmpb-empty { align-items:center; display:flex; justify-content:center; min-height:300px; }
.hmpb-library-window { align-items:center; background:rgba(20,34,29,.58); display:flex; inset:0; justify-content:center; padding:24px; position:fixed; z-index:100000; }
.hmpb-estimate-library { background:#fff; border:1px solid var(--hmpb-line); border-radius:16px; box-shadow:0 24px 80px rgba(10,22,16,.3); max-height:82vh; max-width:900px; overflow:hidden; padding:22px 24px; width:100%; }
.hmpb-library-head { align-items:center; display:flex; justify-content:space-between; margin-bottom:14px; }
.hmpb-library-head h2 { font-size:1.05rem; margin:0; }
.hmpb-library-head p { color:var(--hmpb-muted); font-size:.78rem; margin:3px 0 0; }
.hmpb-library-head button { background:transparent; border:0; color:var(--hmpb-green); cursor:pointer; font:inherit; font-weight:700; }
.hmpb-estimate-list { display:grid; gap:7px; max-height:64vh; overflow:auto; padding-right:3px; }
.hmpb-estimate-row { align-items:center; background:#FAF9F6; border:1px solid var(--hmpb-line); border-radius:10px; color:var(--hmpb-ink); cursor:pointer; display:grid; font:inherit; gap:12px; grid-template-columns:minmax(180px,1.5fr) minmax(130px,1fr) 120px 90px; padding:11px 13px; text-align:left; width:100%; }
.hmpb-estimate-row:hover,.hmpb-estimate-row:focus { background:#FFF3D1; border-color:var(--hmpb-green); outline:none; }
.hmpb-estimate-main strong,.hmpb-estimate-main small { display:block; }
.hmpb-estimate-main small,.hmpb-estimate-customer,.hmpb-estimate-date { color:var(--hmpb-muted); font-size:.76rem; }
.hmpb-estimate-total { text-align:right; }
.hmpb-template-row { align-items:center; background:#FAF9F6; border:1px solid var(--hmpb-line); border-radius:10px; color:var(--hmpb-ink); cursor:pointer; display:grid; font:inherit; gap:12px; grid-template-columns:minmax(220px,1.8fr) minmax(100px,.8fr) 120px 110px; padding:12px 13px; text-align:left; width:100%; }
.hmpb-template-row:hover,.hmpb-template-row:focus { background:#FFF3D1; border-color:var(--hmpb-green); outline:none; }
.hmpb-template-processes,.hmpb-template-row .hmpb-estimate-date { color:var(--hmpb-muted); font-size:.76rem; }
.hmpb-template-use { color:var(--hmpb-green); font-size:.76rem; text-align:right; }
.hmpb-library-empty { color:var(--hmpb-muted); margin:8px 0; }
.hmpb-substrates-workspace { background:#FAF9F6; min-height:680px; padding:28px; }
.hmpb-workspace-head { align-items:flex-start; display:flex; gap:20px; justify-content:space-between; margin-bottom:22px; }
.hmpb-workspace-head h2 { font-size:1.65rem; margin:2px 0 3px; }
.hmpb-workspace-head>div>p:last-child { color:var(--hmpb-muted); margin:0; }
.hmpb-workspace-head>button,.hmpb-workspace-primary { background:var(--hmpb-green); border:0; border-radius:9px; color:white; cursor:pointer; font:inherit; font-weight:800; padding:10px 14px; }
.hmpb-workspace-primary:disabled { cursor:not-allowed; opacity:.45; }
.hmpb-workspace-notice,.hmpb-workspace-message { background:#F1F2F3; border:1px solid #D8DADD; border-radius:9px; margin-bottom:14px; padding:10px 12px; }
.hmpb-workspace-message.hmpb-error { background:#FFF3D1; border-color:#D99100; color:#C76520; }
.hmpb-substrate-tools { align-items:end; display:grid; gap:14px; grid-template-columns:minmax(240px,420px) auto 1fr; margin-bottom:16px; }
.hmpb-substrate-tools>p { color:var(--hmpb-muted); font-size:.78rem; margin:0 0 10px; text-align:right; }
.hmpb-csv-upload { align-items:center; background:white; border:1px solid var(--hmpb-green); border-radius:9px; color:var(--hmpb-green); cursor:pointer; display:flex; font-size:.82rem; font-weight:800; justify-content:center; min-height:42px; padding:0 14px; }
.hmpb-csv-upload input { height:1px; opacity:0; overflow:hidden; position:absolute; width:1px; }
.hmpb-add-substrate { background:white; border:1px solid var(--hmpb-line); border-radius:12px; margin-bottom:18px; padding:13px 15px; }
.hmpb-add-substrate summary { color:var(--hmpb-green); cursor:pointer; font-weight:800; }
.hmpb-add-substrate-grid { display:grid; gap:11px; grid-template-columns:repeat(5,minmax(130px,1fr)); margin:15px 0; }
.hmpb-substrate-table-wrap { background:white; border:1px solid var(--hmpb-line); border-radius:12px; overflow:auto; }
.hmpb-substrate-table { border-collapse:collapse; font-size:.76rem; min-width:1760px; width:100%; }
.hmpb-substrate-table th { background:#F1F2F3; color:#62666B; font-size:.66rem; letter-spacing:.035em; padding:9px 7px; text-align:left; text-transform:uppercase; white-space:nowrap; }
.hmpb-substrate-table td { border-top:1px solid #D8DADD; padding:7px; vertical-align:middle; }
.hmpb-substrate-table input:not([type="checkbox"]),.hmpb-substrate-table select { background:#FAF9F6; border:1px solid #D8DADD; border-radius:6px; box-sizing:border-box; font:inherit; min-height:34px; padding:6px 7px; width:100%; }
.hmpb-substrate-table input[type="checkbox"] { height:18px; width:18px; }
.hmpb-substrate-table td>button { background:var(--hmpb-green); border:0; border-radius:7px; color:white; cursor:pointer; font:inherit; font-weight:800; padding:7px 10px; }
.hmpb-substrate-table td>button:disabled { cursor:not-allowed; opacity:.45; }
.hmpb-substrate-size { align-items:center; display:flex; gap:4px; min-width:150px; }
.hmpb-substrate-size input { min-width:60px; }
.hmpb-processes-workspace,.hmpb-pricebooks-workspace { background:#FAF9F6; min-height:680px; padding:28px; }
.hmpb-builder-page .hmpb-workspace-head>button { display:none; }
.hmpb-process-tabs { border-bottom:1px solid var(--hmpb-line); display:flex; gap:6px; margin-bottom:18px; }
.hmpb-process-tabs button { background:transparent; border:0; border-bottom:3px solid transparent; color:#62666B; cursor:pointer; font:inherit; font-size:.84rem; font-weight:800; margin-bottom:-1px; padding:9px 13px; }
.hmpb-process-tabs button.is-active { border-bottom-color:var(--hmpb-green); color:var(--hmpb-green); }
.hmpb-process-tools { align-items:end; display:flex; gap:20px; justify-content:space-between; margin-bottom:15px; }
.hmpb-process-tools .hmpb-field { max-width:420px; width:100%; }
.hmpb-process-tools p { color:var(--hmpb-muted); font-size:.78rem; margin:0 0 10px; }
.hmpb-add-process { background:white; border:1px solid var(--hmpb-line); border-radius:12px; margin-bottom:16px; padding:13px 15px; }
.hmpb-add-process>summary { color:var(--hmpb-green); cursor:pointer; font-weight:800; }
.hmpb-add-process>.hmpb-workspace-primary { margin-top:13px; }
.hmpb-process-list { display:grid; gap:9px; }
.hmpb-process-editor { background:white; border:1px solid var(--hmpb-line); border-radius:11px; overflow:hidden; }
.hmpb-process-editor>summary { align-items:center; cursor:pointer; display:grid; gap:10px; grid-template-columns:12px minmax(180px,1.4fr) minmax(110px,.8fr) minmax(150px,1fr) 16px; list-style:none; padding:12px 14px; }
.hmpb-process-editor>summary::-webkit-details-marker { display:none; }
.hmpb-process-editor>summary:after { color:var(--hmpb-green); content:'›'; font-size:1.25rem; font-weight:800; justify-self:end; transform:rotate(90deg); }
.hmpb-process-editor[open]>summary:after { transform:rotate(-90deg); }
.hmpb-process-editor>summary>span:not(.hmpb-process-status-dot) { color:var(--hmpb-muted); font-size:.74rem; }
.hmpb-process-status-dot { background:var(--hmpb-green); border-radius:50%; height:8px; width:8px; }
.hmpb-process-inactive .hmpb-process-status-dot { background:#858A90; }
.hmpb-process-inactive>summary { opacity:.68; }
.hmpb-process-editor-body { border-top:1px solid var(--hmpb-line); padding:16px; }
.hmpb-process-core-grid { display:grid; gap:11px; grid-template-columns:repeat(4,minmax(150px,1fr)); }
.hmpb-process-active { align-self:end; }
.hmpb-process-rate-grid { background:#F1F2F3; border-radius:9px; display:grid; gap:11px; grid-template-columns:repeat(5,minmax(120px,1fr)); margin-top:14px; padding:12px; }
.hmpb-process-rate-note { background:#F1F2F3; border:1px solid #D8DADD; border-radius:8px; color:#62666B; font-size:.76rem; margin-top:14px; padding:9px 11px; }
.hmpb-process-options-editor { border-top:1px solid var(--hmpb-line); margin-top:15px; padding-top:14px; }
.hmpb-process-section-head { align-items:flex-start; display:flex; gap:16px; justify-content:space-between; margin-bottom:10px; }
.hmpb-process-section-head h3,.hmpb-process-section-head h4 { margin:0; }
.hmpb-process-section-head p { color:var(--hmpb-muted); font-size:.72rem; margin:2px 0 0; }
.hmpb-process-section-head>button { background:white; border:1px solid var(--hmpb-green); border-radius:7px; color:var(--hmpb-green); cursor:pointer; font:inherit; font-size:.72rem; font-weight:800; padding:6px 9px; }
.hmpb-process-option-list { display:grid; gap:7px; }
.hmpb-process-option-row { align-items:end; background:#FAF9F6; border:1px solid #D8DADD; border-radius:8px; display:grid; gap:8px; grid-template-columns:.85fr 1fr .65fr 1.35fr .8fr 32px; padding:9px; }
.hmpb-process-option-remove { background:transparent; border:0; color:#B6413C; cursor:pointer; font-size:1.3rem; height:38px; }
.hmpb-process-options-empty { color:var(--hmpb-muted); font-size:.78rem; margin:10px 0; }
.hmpb-process-save-row { display:flex; justify-content:flex-end; margin-top:14px; }
.hmpb-press-tier-editor { background:white; border:1px solid var(--hmpb-line); border-radius:12px; margin-top:22px; padding:17px; }
.hmpb-press-tier-selectors { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(180px,320px)); margin-bottom:14px; }
.hmpb-process-table-wrap { overflow:auto; }
.hmpb-tier-table { border-collapse:collapse; font-size:.76rem; min-width:820px; width:100%; }
.hmpb-tier-table th { background:#F1F2F3; color:#62666B; font-size:.66rem; padding:8px; text-align:left; text-transform:uppercase; }
.hmpb-tier-table td { border-top:1px solid #D8DADD; padding:7px; }
.hmpb-tier-table input { background:#FAF9F6; border:1px solid #D8DADD; border-radius:6px; box-sizing:border-box; font:inherit; min-height:34px; padding:6px 7px; width:100%; }
.hmpb-press-tier-editor>.hmpb-workspace-primary { margin-top:13px; }
.hmpb-version-grid { display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:16px; }
.hmpb-version-card { background:white; border:1px solid var(--hmpb-line); border-radius:12px; display:flex; flex-direction:column; min-height:132px; padding:16px; }
.hmpb-version-card.is-active { border-top:4px solid var(--hmpb-green); }
.hmpb-version-card.is-draft { background:#FFF3D1; border-color:#D99100; border-top:4px solid #C76520; }
.hmpb-version-card>span { color:var(--hmpb-muted); font-size:.65rem; font-weight:800; letter-spacing:.07em; }
.hmpb-version-card>strong { font-size:1.18rem; margin:7px 0 3px; }
.hmpb-version-card>small { color:var(--hmpb-muted); font-size:.75rem; line-height:1.4; }
.hmpb-version-actions { display:flex; gap:8px; margin-top:auto; padding-top:13px; }
.hmpb-version-actions button,.hmpb-import-actions button,.hmpb-import-history-list article>button { background:white; border:1px solid var(--hmpb-green); border-radius:8px; color:var(--hmpb-green); cursor:pointer; font:inherit; font-size:.76rem; font-weight:800; padding:8px 11px; }
.hmpb-version-actions button:first-child { background:var(--hmpb-green); color:white; }
.hmpb-version-actions button.is-danger,.hmpb-import-history-list article>button { border-color:#B6413C; color:#B6413C; }
.hmpb-version-actions button:disabled,.hmpb-import-actions button:disabled,.hmpb-import-history-list article>button:disabled { cursor:not-allowed; opacity:.45; }
.hmpb-import-notes { margin:0 0 16px; max-width:640px; }
.hmpb-import-card,.hmpb-import-history,.hmpb-retired-versions { background:white; border:1px solid var(--hmpb-line); border-radius:12px; margin-bottom:16px; padding:17px; }
.hmpb-import-card .hmpb-csv-upload { align-self:flex-start; min-width:150px; }
.hmpb-import-preview { border-top:1px solid var(--hmpb-line); margin-top:14px; padding-top:14px; }
.hmpb-import-summary { align-items:center; display:flex; flex-wrap:wrap; gap:8px 18px; margin-bottom:10px; }
.hmpb-import-summary strong { font-size:1rem; }
.hmpb-import-summary span { color:var(--hmpb-muted); font-size:.76rem; }
.hmpb-import-files { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.hmpb-import-files span { background:#F1F2F3; border-radius:999px; color:#62666B; font-size:.68rem; padding:4px 8px; }
.hmpb-import-sheet-list { display:grid; gap:7px; }
.hmpb-import-sheet-list details { border:1px solid #D8DADD; border-radius:8px; overflow:hidden; }
.hmpb-import-sheet-list summary { align-items:center; cursor:pointer; display:flex; gap:12px; justify-content:space-between; padding:9px 11px; }
.hmpb-import-sheet-list summary span { color:var(--hmpb-muted); font-size:.72rem; }
.hmpb-import-sheet-list table { border-collapse:collapse; font-size:.72rem; width:100%; }
.hmpb-import-sheet-list th,.hmpb-import-sheet-list td { border-top:1px solid #D8DADD; padding:6px 10px; text-align:left; }
.hmpb-import-sheet-list th { background:#F1F2F3; color:var(--hmpb-muted); font-size:.64rem; text-transform:uppercase; }
.hmpb-import-match-note,.hmpb-import-warnings { border-radius:8px; font-size:.74rem; line-height:1.45; margin-top:11px; padding:9px 11px; }
.hmpb-import-match-note { background:#F1F2F3; border:1px solid #D8DADD; color:#62666B; }
.hmpb-import-warnings { background:#FFF3D1; border:1px solid #D99100; color:#C76520; }
.hmpb-import-warnings strong { display:block; margin-bottom:4px; }
.hmpb-import-warnings ul { margin:0; padding-left:18px; }
.hmpb-import-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:14px; }
.hmpb-import-actions .hmpb-workspace-primary { background:var(--hmpb-green); color:white; }
.hmpb-import-history-list { display:grid; gap:7px; }
.hmpb-import-history-list article { align-items:center; background:#FAF9F6; border:1px solid #D8DADD; border-radius:8px; display:grid; gap:12px; grid-template-columns:minmax(0,1fr) auto auto; padding:10px 11px; }
.hmpb-import-history-list article strong,.hmpb-import-history-list article small { display:block; }
.hmpb-import-history-list article small { color:var(--hmpb-muted); font-size:.7rem; margin-top:2px; }
.hmpb-import-status { border-radius:999px; font-size:.65rem; font-weight:800; padding:4px 8px; text-transform:capitalize; }
.hmpb-import-status.is-completed { background:#FFF3D1; color:#C76520; }
.hmpb-import-status.is-published { background:#F1F2F3; color:#39734B; }
.hmpb-import-status.is-rolled_back { background:#F1F2F3; color:#62666B; }
.hmpb-retired-versions summary { color:var(--hmpb-green); cursor:pointer; font-size:.8rem; font-weight:800; }
.hmpb-retired-versions ul { color:var(--hmpb-muted); font-size:.74rem; margin:10px 0 0; }
.hmpb-tools-workspace { background:#F1F2F3; min-height:500px; padding:28px; }
.hmpb-tier-summary strong { text-transform:capitalize; }
.hmpb-tool-card-grid { display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:20px; }
.hmpb-tool-card { background:white; border:1px solid var(--hmpb-line); border-radius:13px; color:var(--hmpb-ink); display:grid; gap:6px; min-height:118px; padding:18px; position:relative; text-decoration:none!important; transition:border-color .15s ease,transform .15s ease; }
.hmpb-tool-card:hover,.hmpb-tool-card:focus { border-color:var(--hmpb-green); transform:translateY(-2px); }
.hmpb-tool-card strong { font-size:1rem; padding-right:32px; }
.hmpb-tool-card small { color:var(--hmpb-muted); font-size:.75rem; line-height:1.45; }
.hmpb-tool-card-icon { align-items:center; background:var(--hmpb-lime); border-radius:50%; display:flex; font-size:1rem; font-weight:900; height:28px; justify-content:center; position:absolute; right:16px; top:16px; width:28px; }
.hmpb-upgrade-note { background:#F1F2F3; border-left:4px solid var(--hmpb-green); border-radius:9px; margin-top:20px; padding:14px 16px; }
.hmpb-upgrade-note strong { font-size:.85rem; }
.hmpb-upgrade-note p { color:var(--hmpb-muted); font-size:.75rem; margin:4px 0 0; }
.hmpb-signup-shell { align-items:stretch; display:grid; grid-template-columns:.82fr 1.18fr; overflow:hidden; }
.hmpb-signup-intro { background:var(--hmpb-ink); color:white; padding:clamp(30px,6vw,64px); }
.hmpb-signup-intro h1 { color:white; font-size:clamp(1.8rem,3vw,3rem); line-height:1.05; margin:12px 0 20px; }
.hmpb-signup-intro>p:not(.hmpb-kicker) { color:#D8DADD; line-height:1.6; }
.hmpb-signup-intro ul { color:#F1F2F3; display:grid; gap:12px; list-style:none; margin:28px 0 0; padding:0; }
.hmpb-signup-intro li { padding-left:26px; position:relative; }
.hmpb-signup-intro li::before { color:var(--hmpb-lime); content:'✓'; font-weight:900; left:0; position:absolute; }
.hmpb-signup-card { background:white; padding:clamp(28px,5vw,54px); }
.hmpb-signup-card h2 { font-size:1.55rem; margin:6px 0 22px; }
.hmpb-signup-grid { display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.hmpb-signup-grid label { display:flex; flex-direction:column; gap:5px; }
.hmpb-signup-grid label>span,.hmpb-tier-options legend { color:#62666B; font-size:.7rem; font-weight:800; text-transform:uppercase; }
.hmpb-signup-grid label small { color:var(--hmpb-muted); font-size:.62rem; font-weight:500; text-transform:none; }
.hmpb-signup-grid input { background:#FAF9F6; border:1px solid #D8DADD; border-radius:8px; box-sizing:border-box; font:inherit; min-height:43px; padding:9px 10px; width:100%; }
.hmpb-signup-wide { grid-column:1/-1; }
.hmpb-tier-options { border:0; display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:22px 0 0; padding:0; }
.hmpb-tier-options legend { grid-column:1/-1; margin-bottom:3px; }
.hmpb-tier-options label { align-items:center; border:1px solid #D8DADD; border-radius:10px; cursor:pointer; display:flex; gap:10px; padding:13px; }
.hmpb-tier-options label:has(input:checked) { background:#FFF3D1; border-color:#D99100; }
.hmpb-tier-options input { accent-color:var(--hmpb-green); }
.hmpb-tier-options strong,.hmpb-tier-options small { display:block; }
.hmpb-tier-options small { color:var(--hmpb-muted); font-size:.68rem; margin-top:2px; }
.hmpb-premium-disclosure { color:var(--hmpb-muted); font-size:.68rem; line-height:1.45; }
.hmpb-signup-card .hmpb-checkout { margin-top:4px; width:100%; }
.hmpb-signup-message { border-radius:7px; font-size:.74rem; margin:12px 0 0; padding:0; }
.hmpb-signup-message.is-working,.hmpb-signup-message.is-success,.hmpb-signup-message.is-error { padding:9px 11px; }
.hmpb-signup-message.is-working { background:#F1F2F3; color:#62666B; }
.hmpb-signup-message.is-success { background:#F1F2F3; color:#39734B; }
.hmpb-signup-message.is-error { background:#FAF9F6; color:#B6413C; }
.hmpb-signup-signin { color:var(--hmpb-muted); font-size:.75rem; margin:14px 0 0; text-align:center; }
.hmpb-signup-success { background:white; margin:0 auto; max-width:660px; padding:54px; text-align:center; }
.hmpb-signup-success .hmpb-checkout { display:inline-block; margin-top:18px; text-decoration:none; }
.hmpb-print-window { background:#F1F2F3; inset:0; overflow:auto; padding:22px; position:fixed; z-index:100001; }
.hmpb-print-toolbar { align-items:center; background:#191A1C; border-radius:10px; color:white; display:flex; font-size:.8rem; justify-content:space-between; margin:0 auto 12px; max-width:900px; padding:10px 12px; }
.hmpb-print-toolbar>div { display:flex; gap:8px; }
.hmpb-print-toolbar button { background:white; border:1px solid rgba(255,255,255,.35); border-radius:7px; color:#191A1C; cursor:pointer; font:inherit; font-weight:800; padding:7px 12px; }
.hmpb-print-toolbar .hmpb-print-now { background:var(--hmpb-lime); border-color:var(--hmpb-lime); }
.hmpb-print-sheet { background:white; box-shadow:0 12px 45px rgba(20,34,29,.18); box-sizing:border-box; color:#191A1C; margin:0 auto; max-width:900px; min-height:11in; padding:38px 42px; }
.hmpb-print-head { align-items:flex-start; border-bottom:3px solid #191A1C; display:flex; gap:24px; justify-content:space-between; padding-bottom:17px; }
.hmpb-print-head p { color:#62666B; font-size:.72rem; font-weight:800; letter-spacing:.13em; margin:0 0 4px; text-transform:uppercase; }
.hmpb-print-head h1 { color:#191A1C; font-size:1.75rem; line-height:1.12; margin:0; }
.hmpb-print-job-number { align-items:flex-end; display:flex; flex-direction:column; text-align:right; }
.hmpb-print-job-number span { color:#62666B; font-size:.7rem; text-transform:uppercase; }
.hmpb-print-job-number strong { font-size:1.15rem; }
.hmpb-print-meta { border-bottom:1px solid #D8DADD; display:grid; grid-template-columns:1.2fr .7fr .55fr 1fr; padding:13px 0; }
.hmpb-print-meta>div { border-right:1px solid #D8DADD; padding:0 12px; }
.hmpb-print-meta>div:first-child { padding-left:0; }
.hmpb-print-meta>div:last-child { border-right:0; padding-right:0; }
.hmpb-print-meta span,.hmpb-print-meta strong { display:block; }
.hmpb-print-meta span { color:#62666B; font-size:.64rem; font-weight:700; text-transform:uppercase; }
.hmpb-print-meta strong { font-size:.82rem; margin-top:2px; }
.hmpb-print-two-column { align-items:stretch; display:grid; gap:18px; grid-template-columns:1.15fr .85fr; margin-top:20px; }
.hmpb-print-card,.hmpb-print-layout { border:1px solid #D8DADD; border-radius:8px; overflow:hidden; }
.hmpb-print-card { padding:15px 17px; }
.hmpb-print-sheet h2 { font-size:.82rem; letter-spacing:.06em; margin:0 0 10px; text-transform:uppercase; }
.hmpb-print-specs { margin:0; }
.hmpb-print-specs>div { border-top:1px solid #D8DADD; display:grid; gap:12px; grid-template-columns:1fr 1.5fr; padding:6px 0; }
.hmpb-print-specs>div:first-child { border-top:0; }
.hmpb-print-specs dt,.hmpb-print-options dt { color:#62666B; font-size:.68rem; }
.hmpb-print-specs dd,.hmpb-print-options dd { font-size:.75rem; font-weight:700; margin:0; }
.hmpb-print-layout .hmpb-layout-estimate { border:0; border-radius:0; height:100%; margin:0; }
.hmpb-print-layout .hmpb-layout-preview-frame { min-height:136px; }
.hmpb-print-layout .hmpb-layout-preview-frame svg { height:150px; }
.hmpb-print-processes { margin-top:22px; }
.hmpb-print-process { align-items:stretch; border:1px solid #D8DADD; border-radius:8px; break-inside:avoid; display:grid; grid-template-columns:42px 1fr; margin-bottom:8px; overflow:hidden; page-break-inside:avoid; }
.hmpb-print-process-number { align-items:center; background:#191A1C; color:white; display:flex; font-size:.72rem; font-weight:800; justify-content:center; }
.hmpb-print-process-body { padding:10px 12px; }
.hmpb-print-process-head { align-items:center; display:flex; gap:10px; justify-content:space-between; }
.hmpb-print-process-head h3 { font-size:.9rem; margin:0; }
.hmpb-print-process-head span { background:#F1F2F3; border-radius:999px; color:#62666B; font-size:.62rem; font-weight:700; padding:3px 7px; }
.hmpb-print-options { display:flex; flex-wrap:wrap; gap:6px 22px; margin:7px 0 0; }
.hmpb-print-options>div { display:flex; gap:5px; }
.hmpb-print-options dd { color:#191A1C; }
.hmpb-print-no-options,.hmpb-print-empty-process { color:#62666B; font-size:.72rem; margin:5px 0 0; }
.hmpb-print-alerts,.hmpb-print-notes { border:1px solid #191A1C; break-inside:avoid; margin-top:18px; padding:12px 14px; page-break-inside:avoid; }
.hmpb-print-alerts { background:#FFF3D1; border-color:#C76520; }
.hmpb-print-alerts ul { font-size:.76rem; margin:0; padding-left:18px; }
.hmpb-print-notes p { font-size:.76rem; margin:0; white-space:pre-wrap; }
.hmpb-print-footer { border-top:1px solid #D8DADD; color:#62666B; display:flex; font-size:.64rem; justify-content:space-between; margin-top:28px; padding-top:8px; }
@media print {
  @page { margin:.42in; }
  body * { visibility:hidden!important; }
  .hmpb-print-window,.hmpb-print-window * { visibility:visible!important; }
  .hmpb-print-window { background:white; inset:0; overflow:visible; padding:0; position:absolute; }
  .hmpb-print-toolbar { display:none!important; }
  .hmpb-print-sheet { box-shadow:none; margin:0; max-width:none; min-height:0; padding:0; width:100%; }
  .hmpb-print-layout .hmpb-layout-preview-frame { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .hmpb-print-process-number { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}
@media (max-width:1050px) { .hmpb-layout { grid-template-columns:200px 1fr; } .hmpb-summary { border-left:0; border-top:1px solid var(--hmpb-line); grid-column:1/-1; } }
@media (max-width:1100px) { .hmpb-builder-page { grid-template-columns:165px minmax(0,1fr); } .hmpb-builder-sidebar nav button,.hmpb-builder-sidebar-footer button,.hmpb-builder-sidebar-footer a { font-size:.74rem; padding-left:8px; padding-right:8px; } }
@media (max-width:900px) { .hmpb-add-substrate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .hmpb-substrate-tools { grid-template-columns:1fr auto; } .hmpb-substrate-tools>p { grid-column:1/-1; text-align:left; } }
@media (max-width:900px) { .hmpb-process-core-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .hmpb-process-rate-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .hmpb-process-option-row { grid-template-columns:repeat(2,minmax(0,1fr)) 32px; } }
@media (max-width:850px) { .hmpb-builder-page { display:block; } .hmpb-builder-sidebar { background:#FAF9F6; border:1px solid #D8DADD; border-radius:14px; display:block; margin-bottom:12px; min-height:0; padding:14px; position:static; } .hmpb-builder-sidebar>div:first-child { display:none; } .hmpb-builder-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .hmpb-builder-new { text-align:center; } .hmpb-builder-sidebar-footer { grid-template-columns:1fr 1fr; margin-top:10px; } }
@media (max-width:700px) { .hmpb-topbar { align-items:flex-start; gap:18px; padding:20px; } .hmpb-top-total strong { font-size:1.35rem; } .hmpb-session-bar { align-items:flex-start; flex-direction:column; } .hmpb-session-actions { flex-wrap:wrap; } .hmpb-layout { display:block; } .hmpb-palette { border-bottom:1px solid var(--hmpb-line); border-right:0; display:grid; gap:7px; grid-template-columns:repeat(2,minmax(0,1fr)); } .hmpb-palette .hmpb-panel-title { grid-column:1/-1; } .hmpb-palette-item { margin:0; } .hmpb-canvas { padding:20px 14px 40px; } .hmpb-grid,.hmpb-node-options { grid-template-columns:1fr; } .hmpb-process-category { display:none; } .hmpb-library-window { padding:12px; } .hmpb-estimate-library { max-height:90vh; padding:18px 14px; } .hmpb-estimate-row,.hmpb-template-row { grid-template-columns:1fr auto; } .hmpb-estimate-customer,.hmpb-estimate-date,.hmpb-template-processes { grid-column:1; } .hmpb-estimate-total,.hmpb-template-use { grid-column:2; grid-row:1; } .hmpb-substrates-workspace,.hmpb-processes-workspace,.hmpb-pricebooks-workspace,.hmpb-tools-workspace { padding:20px 14px; } .hmpb-tool-card-grid { grid-template-columns:1fr; } .hmpb-signup-shell { display:block; } .hmpb-signup-grid,.hmpb-tier-options { grid-template-columns:1fr; } .hmpb-signup-wide { grid-column:auto; } .hmpb-workspace-head { display:block; } .hmpb-workspace-head>button { margin-top:14px; } .hmpb-substrate-tools,.hmpb-add-substrate-grid,.hmpb-version-grid { grid-template-columns:1fr; } .hmpb-substrate-tools>p { grid-column:auto; } .hmpb-process-tools { align-items:stretch; display:block; } .hmpb-process-tools p { margin-top:8px; } .hmpb-process-editor>summary { grid-template-columns:10px 1fr 16px; } .hmpb-process-editor>summary>span:not(.hmpb-process-status-dot) { display:none; } .hmpb-process-core-grid,.hmpb-process-rate-grid,.hmpb-press-tier-selectors { grid-template-columns:1fr; } .hmpb-process-option-row { grid-template-columns:1fr; } .hmpb-process-option-remove { justify-self:end; } .hmpb-import-history-list article { grid-template-columns:1fr auto; } .hmpb-import-history-list article>button { grid-column:1/-1; } .hmpb-print-window { padding:0; } .hmpb-print-toolbar { border-radius:0; } .hmpb-print-sheet { min-height:0; padding:24px 18px; } .hmpb-print-head,.hmpb-print-toolbar { align-items:flex-start; gap:10px; } .hmpb-print-meta,.hmpb-print-two-column { grid-template-columns:1fr 1fr; } .hmpb-print-meta>div { border-bottom:1px solid #D8DADD; border-right:0; padding:7px 0; } .hmpb-print-two-column { display:block; } .hmpb-print-layout { margin-top:12px; } }

/* HiveMark v0.17 palette and account center */
.hmpb-checkout { background:#F8B41E; color:#191A1C; }
.hmpb-checkout:hover { background:#D99100; }
.hmpb-login-signup { color:#62666B; font-size:.82rem; margin:0; text-align:center; }
.hmpb-login-signup a { color:#3F6473; font-weight:800; }

#hmpb-account-root { color:#303030; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:42px auto 72px; max-width:1100px; padding:0 22px; }
.hmpb-account-shell { background:#FAF9F6; border:1px solid #D8DADD; border-radius:18px; box-shadow:0 18px 55px rgba(25,26,28,.1); display:grid; grid-template-columns:260px minmax(0,1fr); min-height:590px; overflow:hidden; }
.hmpb-account-sidebar { background:#191A1C; color:white; display:flex; flex-direction:column; padding:32px 24px; }
.hmpb-account-sidebar>.hmpb-kicker { color:#F8B41E; }
.hmpb-account-tabs { display:grid; gap:5px; margin-top:25px; }
.hmpb-account-tabs a { border-radius:8px; color:#F1F2F3; font-size:.85rem; font-weight:750; padding:11px 12px; text-decoration:none; }
.hmpb-account-tabs a:hover { background:#303030; }
.hmpb-account-tabs a[aria-current="page"] { background:#F8B41E; color:#191A1C; }
.hmpb-account-builder-link { border-top:1px solid #62666B; color:white; display:flex; font-size:.8rem; font-weight:800; justify-content:space-between; margin-top:auto; padding-top:18px; text-decoration:none; }
.hmpb-account-builder-link span { color:#F8B41E; }
.hmpb-account-company-select { display:grid; gap:6px; margin-top:18px; }
.hmpb-account-company-select span { color:#858A90; font-size:.68rem; font-weight:800; text-transform:uppercase; }
.hmpb-account-company-select select { background:#303030; border:1px solid #62666B; border-radius:7px; color:#fff; font:inherit; padding:8px; width:100%; }
.hmpb-account-panel { padding:clamp(28px,5vw,58px); }
.hmpb-account-heading h1 { color:#303030; font-size:clamp(2rem,4vw,3rem); line-height:1.05; margin:4px 0 12px; }
.hmpb-account-heading>p:last-child { color:#62666B; line-height:1.6; margin:0 0 30px; max-width:650px; }
.hmpb-account-heading .hmpb-kicker { color:#3F6473; }
.hmpb-account-form { background:#fff; border:1px solid #D8DADD; border-radius:13px; padding:22px; }
.hmpb-account-form fieldset { border:0; margin:0; min-width:0; padding:0; }
.hmpb-account-form fieldset:disabled { opacity:.72; }
.hmpb-account-grid { display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.hmpb-account-field { display:grid; gap:6px; }
.hmpb-account-field.is-wide { grid-column:1/-1; }
.hmpb-account-field span { color:#62666B; font-size:.7rem; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
.hmpb-account-field input { background:#FAF9F6; border:1px solid #D8DADD; border-radius:8px; box-sizing:border-box; color:#303030; font:inherit; min-height:44px; padding:9px 11px; width:100%; }
.hmpb-account-field input:focus { border-color:#3F6473; box-shadow:0 0 0 3px rgba(63,100,115,.14); outline:none; }
.hmpb-account-field input[readonly] { background:#F1F2F3; color:#62666B; }
.hmpb-account-save { background:#F8B41E; border:0; border-radius:9px; color:#191A1C; cursor:pointer; font:inherit; font-weight:900; margin-top:18px; min-height:44px; padding:9px 16px; }
.hmpb-account-save:hover { background:#D99100; }
.hmpb-account-save:disabled { cursor:not-allowed; opacity:.55; }
.hmpb-account-help { color:#62666B; font-size:.76rem; line-height:1.5; margin:17px 0 0; }
.hmpb-account-locked { background:#FFF3D1; border-left:4px solid #C76520; border-radius:7px; color:#62666B; font-size:.8rem; margin:18px 0 0; padding:11px 13px; }
.hmpb-account-message { border-radius:8px; font-size:.8rem; margin:15px 0 0; min-height:0; padding:0; }
.hmpb-account-message:not(:empty) { padding:10px 12px; }
.hmpb-account-message.is-working { background:#F1F2F3; color:#62666B; }
.hmpb-account-message.is-success { background:#F1F2F3; border-left:4px solid #39734B; color:#39734B; }
.hmpb-account-message.is-error { background:#FAF9F6; border-left:4px solid #B6413C; color:#B6413C; }
.hmpb-subscription-card { background:#191A1C; border-radius:12px; color:white; display:grid; gap:1px; grid-template-columns:repeat(3,1fr); margin-bottom:18px; overflow:hidden; }
.hmpb-subscription-card>div { background:#303030; padding:15px; }
.hmpb-subscription-card span,.hmpb-subscription-card strong { display:block; }
.hmpb-subscription-card span { color:#858A90; font-size:.66rem; font-weight:800; text-transform:uppercase; }
.hmpb-subscription-card strong { font-size:.88rem; margin-top:4px; }
.hmpb-subscription-card strong.is-active { color:#F8B41E; }
.hmpb-subscription-card strong.is-pending,.hmpb-subscription-card strong.is-past-due { color:#C76520; }
.hmpb-company-meta { display:flex; flex-wrap:wrap; gap:8px 20px; margin:-14px 0 20px; }
.hmpb-company-meta span { color:#62666B; font-size:.76rem; }
.hmpb-company-meta strong { color:#303030; margin-left:5px; }
.hmpb-account-error { background:#FAF9F6; border:1px solid #D8DADD; border-left:5px solid #B6413C; border-radius:10px; padding:24px; }
.hmpb-account-error h1 { font-size:1.5rem; margin:0 0 8px; }
.hmpb-account-error p { color:#62666B; margin:0; }

@media (max-width:760px) {
  #hmpb-account-root { margin:20px auto 48px; padding:0 12px; }
  .hmpb-account-shell { display:block; }
  .hmpb-account-sidebar { padding:22px 18px; }
  .hmpb-account-tabs { grid-template-columns:1fr; margin-top:16px; }
  .hmpb-account-builder-link { margin-top:18px; }
  .hmpb-account-panel { padding:26px 18px; }
  .hmpb-account-grid,.hmpb-subscription-card { grid-template-columns:1fr; }
  .hmpb-account-field.is-wide { grid-column:auto; }
}