.cost-create-modes{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.cost-create-modes>button{gap:var(--space-3);padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.cost-create-modes>button.is-active{background:var(--selected-bg);border-color:var(--accent)}.cost-create-modes i{border:1px solid var(--border);border-radius:50%;flex:none;width:20px;height:20px}.cost-create-modes .is-active i{border:6px solid var(--accent)}.cost-create-modes b,.cost-create-modes small{display:block}.cost-create-modes b{color:var(--heading)}.cost-create-modes small{color:var(--muted);font-size:var(--fs-sm)}.cost-create-contracts{gap:var(--space-3);display:grid}.cost-create-contracts>button{align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) 130px 24px;display:grid}.cost-create-contracts>button:hover,.cost-create-contracts>button.is-selected{border-color:var(--accent)}.cost-create-contracts>button.is-selected{background:var(--selected-bg)}.cost-create-contracts span{gap:3px;min-width:0;display:grid}.cost-create-contracts b,.cost-create-contracts strong,.cost-create-contracts small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cost-create-contracts b,.cost-create-contracts strong{color:var(--heading)}.cost-create-contracts small{color:var(--muted);font-size:var(--fs-sm)}.cost-create-contracts i{color:var(--accent-ink);font-style:normal;font-weight:700}.cost-create-standalone{gap:var(--space-5);padding:var(--space-5);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid}.cost-create-standalone label{gap:var(--space-2);color:var(--heading);font-weight:700;display:grid}.cost-create-context{align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--selected-bg);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius-md);grid-template-columns:minmax(220px,1.2fr) minmax(360px,1fr) auto;display:grid}.cost-create-context>div>span,.cost-create-context small{color:var(--muted);font-size:var(--fs-sm);display:block}.cost-create-context strong{color:var(--heading)}.cost-create-context dl{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.cost-create-context dl div{padding:0 var(--space-4);border-left:1px solid var(--divider)}.cost-create-context dt{color:var(--muted);font-size:var(--fs-sm)}.cost-create-context dd{color:var(--heading);margin:2px 0 0;font-weight:700}.cost-create-context>button{color:var(--accent-ink);background:0 0;border:0;font-weight:700}.cost-create-form{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.cost-create-form label,.cost-create-form>div{align-content:start;gap:var(--space-2);color:var(--heading);font-weight:700;display:grid}.cost-create-form .is-full{grid-column:1/-1}.cost-create-form input,.cost-create-form select{width:100%;min-height:var(--h-input);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px}.cost-create-form b{color:var(--error)}.cost-create-types{gap:var(--space-2);flex-wrap:wrap;display:flex}.cost-create-types button{min-height:34px;padding:0 var(--space-3);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.cost-create-types button.is-active{color:var(--accent-ink);background:var(--selected-bg);border-color:var(--accent);font-weight:700}.cost-create-products{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.cost-create-products header,.cost-create-products>div{align-items:center;gap:var(--space-3);grid-template-columns:1fr 120px 90px;padding:10px 12px;display:grid}.cost-create-products header{color:var(--muted);background:var(--surface-soft);font-size:var(--fs-sm)}.cost-create-products>div{border-top:1px solid var(--divider)}.cost-create-products span{display:grid}.cost-create-products small{color:var(--muted)}.cost-create-products button{min-height:32px;color:var(--accent-ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.cost-create-products button.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.cost-create-products footer{align-items:center;gap:var(--space-3);background:var(--selected-bg);border-top:1px solid var(--divider);grid-template-columns:1fr 150px 120px 120px;padding:10px 12px;display:grid}.cost-create-products footer label{align-items:center;gap:6px;display:flex}.cost-create-products footer input{border:1px solid var(--border);border-radius:var(--radius-sm);width:84px;min-height:32px}.cost-create-review-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);display:grid}.cost-create-review{grid-template-columns:1fr}.cost-create-review>div{min-height:78px;border-right:0!important}.cost-create-review>div:last-child{border-bottom:0}.cost-create-review .is-accent{color:var(--accent-ink);font-size:16px}.cost-create-route{padding:var(--space-5);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md)}.cost-create-route h4{color:var(--heading)}.cost-create-route>p{color:var(--muted);font-size:var(--fs-sm)}.cost-create-route ol{gap:var(--space-3);padding:0;list-style:none;display:grid}.cost-create-route li{gap:var(--space-3);display:flex}.cost-create-route li>span{width:24px;height:24px;color:var(--accent-ink);background:var(--selected-bg);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.cost-create-route li b,.cost-create-route li small{display:block}.cost-create-route li b{color:var(--heading)}.cost-create-route li small{color:var(--muted)}.cost-create-route footer{padding:var(--space-3);color:var(--accent-ink);background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:var(--radius-sm)}@media (width<=800px){.cost-create-modes,.cost-create-standalone,.cost-create-form,.cost-create-review-layout,.cost-create-contracts>button,.cost-create-context{grid-template-columns:1fr}.cost-create-products footer{grid-template-columns:1fr 1fr}.cost-create-context dl{grid-template-columns:1fr}.cost-create-context dl div{padding:var(--space-2) 0;border-left:0}}@media (prefers-reduced-motion:reduce){.cost-create-contracts>button{transition:none}}