.costing-dialog{width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
dialog.costing-dialog .os-body{display:block;min-height:0;overflow:auto}.costing-dialog .os-body>*+*{margin-top:var(--space-3,12px)}
.costing-context,.costing-summary,.costing-toolbar,.costing-ledger-row{display:flex;align-items:center;gap:var(--space-2,8px);flex-wrap:wrap;justify-content:space-between}
.costing-note{color:var(--text-secondary);font-size:var(--type-meta);margin-block:var(--space-2,8px)}
.costing-tabs{margin-block:var(--space-3,12px)}
.costing-panel{padding-block:var(--space-2,8px)}
.costing-dialog [hidden]{display:none!important}
.costing-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2,8px);align-items:end}
.costing-dialog .os-field{min-width:0;margin:0}
.costing-dialog input:not([type=checkbox]),.costing-dialog select,.costing-dialog textarea{width:100%;min-width:0;box-sizing:border-box;font-size:var(--type-control);min-height:var(--control-target,44px)}
.costing-dialog textarea{min-height:72px}
.costing-dialog button,.costing-dialog summary{min-height:var(--control-target,44px)}
.costing-dialog summary{cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}
.costing-dialog button{flex-shrink:0}
.costing-cost-row,.costing-service,.costing-batch,.costing-pending{padding:var(--space-3,12px);border:1px solid var(--line);border-radius:12px;margin-block:var(--space-2,8px);background:var(--surface-field)}
.costing-cost-row>button{margin-top:var(--space-2,8px)}
.costing-allocation-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2,8px)}
.costing-check{display:flex;align-items:center;gap:var(--space-2,8px);min-height:44px;margin-block:var(--space-3,12px)}
.costing-check input{width:20px;height:20px;flex-shrink:0}
.costing-history-row,.costing-ledger-row{padding-block:var(--space-2,8px);border-bottom:1px solid var(--line)}
.costing-ledger-row>span{flex:1;min-width:120px;overflow-wrap:anywhere}
.costing-history-row p,.costing-batch p{overflow-wrap:anywhere}
.costing-toolbar{justify-content:flex-start;margin-block:var(--space-3,12px);align-items:end}
.costing-summary{padding-block:var(--space-3,12px)}
.costing-journal-lines>.costing-fields{margin-block:var(--space-2,8px)}
@media(max-width:700px){.costing-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - var(--mobile-nav-height,0px) - 16px)}.costing-fields,.costing-allocation-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.costing-fields>.os-field:first-child{grid-column:1/-1}.costing-tabs button{flex:1;min-width:0}.costing-dialog .modal-action-footer{flex-wrap:wrap}}
@media(max-width:360px){.costing-fields,.costing-allocation-fields{grid-template-columns:1fr}}

/* Order costing has a smaller operational shell than the accounting workspace. */
body.in-workspace dialog.costing-order-dialog{box-sizing:border-box;width:min(660px,calc(100vw - var(--space-panel)*2));padding:var(--space-inline)}
.costing-order-dialog>.mobile-dialog-scroll{padding:var(--space-fields);scrollbar-gutter:auto}
.costing-order-dialog .os-dialog-header{margin:0 0 var(--space-fields);gap:var(--space-inline)}
.costing-heading{display:grid;gap:var(--space-inline);min-width:0}
.costing-heading .eyebrow{margin:0}
.costing-order-dialog .costing-context{font-size:var(--type-body);gap:var(--space-inline)}
.costing-order-dialog .costing-context>span{font-size:var(--type-meta);padding:4px var(--space-inline);border-radius:6px;background:var(--surface-hover);color:var(--text-secondary)}
.costing-order-dialog .costing-tabs{margin-block:var(--space-fields) 0}
.costing-order-dialog .costing-panel{padding-block:var(--space-fields) 0}
.costing-order-dialog .costing-panel>h3:first-child{margin:0;font-size:var(--type-body)}
.costing-cost-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);flex-wrap:wrap}
.costing-cost-heading h3{margin:0;font-size:var(--type-body)}
.costing-cost-heading button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-inline);width:auto;margin:0;box-shadow:none}
.costing-order-dialog .costing-note{margin-block:var(--space-inline);line-height:1.5}
.costing-order-dialog .costing-panel:has(.costing-cost-row) .costing-empty-note{display:none}
.costing-order-dialog .costing-check{margin:var(--space-fields) 0 var(--space-inline);padding-top:var(--space-inline);border-top:1px solid var(--line);align-items:flex-start;font-size:var(--type-label);line-height:1.5}
.costing-order-dialog .costing-check input{margin:0;align-self:center}
.costing-order-dialog .costing-check span{align-self:center}
.costing-order-dialog textarea{min-height:calc(var(--control-target) + var(--space-fields));height:calc(var(--control-target) + var(--space-fields))}
.costing-order-dialog .modal-action-footer{gap:var(--space-inline);padding-top:var(--space-inline);margin-top:var(--space-fields)}