.tool-chip{border:1px solid var(--color-accent-soft);border-radius:var(--radius-chip);background:var(--color-surface);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.375rem .875rem;font-weight:700;display:inline-flex}.tool-chip:before{content:"";border-radius:var(--radius-chip);background:currentColor;width:.375rem;height:.375rem}.tool-card{border:1px solid var(--color-border);border-radius:var(--radius-panel-lg);background:var(--color-surface);padding:1.25rem}@media (width>=40rem){.tool-card{padding:2rem}}.tool-legend{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-ink);align-items:center;gap:.625rem;margin-bottom:.25rem;font-weight:700;display:flex}.tool-step{border-radius:var(--radius-chip);background:var(--color-accent-soft);min-width:2rem;height:1.625rem;color:var(--color-primary);font-size:var(--text-caption);font-variant-numeric:tabular-nums;place-items:center;padding:0 .375rem;font-weight:700;display:inline-grid}.tool-result-head{border-bottom:1px dashed var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tool-badge{border-radius:var(--radius-chip);background:var(--color-tint);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.06em;white-space:nowrap;align-items:center;padding:.25rem .625rem;font-weight:700;display:inline-flex}.tool-range{width:100%;min-height:var(--spacing-touch);accent-color:var(--color-primary);cursor:pointer;background:0 0;margin:0}.tool-range:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tool-option{min-height:var(--spacing-touch);border:1px solid var(--color-border-input);border-radius:var(--radius-panel);background:var(--color-surface);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.tool-option:hover{border-color:var(--color-primary)}.tool-option-on,.tool-option-on:hover{border-color:var(--color-primary);background:var(--color-tint);box-shadow:inset 0 0 0 1px var(--color-primary)}.tool-option input{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);flex:none;margin:.125rem 0 0}.tool-option:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.tool-more{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-canvas)}.tool-more>summary{min-height:var(--spacing-touch-lg);border-radius:var(--radius-panel);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-body-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1rem;font-weight:600;list-style:none;display:flex}.tool-more>summary::-webkit-details-marker{display:none}.tool-more>summary:hover{color:var(--color-primary)}.tool-more>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tool-more-chevron{color:var(--color-ink-soft);flex:none}.tool-more[open] .tool-more-chevron{rotate:180deg}.tool-more-body{gap:1rem;padding:.25rem 1rem 1rem;display:grid}.tool-meter{border-radius:var(--radius-chip);width:100%;height:.625rem;display:block;overflow:hidden}.tool-meter-track{fill:var(--color-muted)}.tool-meter-primary{fill:var(--color-primary)}.tool-meter-success{fill:var(--color-success)}.tool-meter-destructive{fill:var(--color-destructive)}.tool-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.75rem;padding-top:1.25rem;display:flex}@media (width<40rem){.tool-actions>.btn-submit{width:100%}}.tool-action{min-height:var(--spacing-touch);color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--text-body-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;font-weight:600;display:inline-flex}.tool-action:hover{color:var(--color-primary);text-underline-offset:.25em;text-decoration:underline}.tool-action:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-control)}.tool-action:disabled{opacity:.5;cursor:default;text-decoration:none}.tool-actions>.result-mail-form,.tool-actions>.tool-mail-done{flex-basis:100%}.tool-mail-done{padding-block:.5rem}.tool-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 6.5rem minmax(0,7rem);align-items:center;gap:.75rem;padding-block:.5rem;display:grid}.tool-row:last-child{border-bottom:0}.tool-denom{align-items:center;gap:.625rem;min-width:0;display:inline-flex}.tool-denom>.grid,.tool-row>:last-child{white-space:nowrap}.tool-denom-mark{border-radius:var(--radius-control);background:var(--color-tint);width:2.25rem;height:2.25rem;color:var(--color-primary);flex:none;place-items:center;display:inline-grid}.tool-denom-mark-coin{border-radius:var(--radius-chip);background:var(--color-illo-sun-soft);color:var(--color-ink)}@media (width<40rem){.tool-row{grid-template-columns:minmax(4.75rem,1fr) 4.25rem minmax(0,6rem);gap:.5rem}}@media (width<30rem){.tool-denom-mark{display:none}}.print-doc .print-doc-total th,.print-doc .print-doc-total td{border-bottom:0;font-weight:700}.doc-field{min-width:0}.doc-field-labelled{grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:center;gap:.5rem;display:grid}@media (width<30rem){.doc-field-labelled{grid-template-columns:minmax(0,1fr);gap:.125rem}}.doc-field-label{color:var(--color-ink-soft);font-size:var(--text-body-sm)}.doc-input{border:1px solid #0000;border-bottom-color:var(--color-border-input);border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--color-canvas);width:100%;min-width:0;min-height:2.5rem;color:var(--color-ink);font:inherit;font-size:var(--text-body-sm);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:.375rem .625rem}.doc-input::placeholder{color:var(--color-ink-soft);opacity:1}.doc-input:hover{background:var(--color-tint)}.doc-input:focus{border-color:var(--color-primary);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:0 0 0 4px color-mix(in oklab, var(--color-primary) 16%, transparent)}.doc-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.doc-input-title{min-height:3rem;font-family:var(--font-display);font-size:var(--text-h4);font-weight:700}.doc-input-num{text-align:end;font-variant-numeric:tabular-nums;appearance:textfield}.doc-input-num::-webkit-inner-spin-button,.doc-input-num::-webkit-outer-spin-button{appearance:none;margin:0}.doc-money{position:relative}.doc-money-unit{inset-inline-start:.625rem;pointer-events:none;color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--text-caption);font-weight:600;display:none;position:absolute;top:50%;translate:0 -50%}.doc-input-money{padding-inline-start:.625rem}@media (width<40rem){.doc-input{min-height:var(--spacing-touch)}}.doc-print{display:none}.doc-print-note{color:var(--color-ink-soft);font-size:var(--text-caption)}.doc-check{min-height:var(--spacing-touch);color:var(--color-ink-soft);font-size:var(--text-body-sm);cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.doc-check input{width:1.125rem;height:1.125rem;accent-color:var(--color-primary);flex:none}.doc-check:hover{color:var(--color-ink)}.doc-lines{min-width:0;container:doc-lines/inline-size}.doc-rows{display:grid}.doc-row{border-bottom:1px solid var(--color-border);grid-template-columns:4.25rem auto minmax(0,1fr) 2.75rem;grid-template-areas:"desc desc desc del""qty x rate rate""amt amt amt amt";align-items:center;gap:.375rem;padding-block:.625rem;display:grid}.doc-row-head{display:none}.doc-cell-n{color:var(--color-ink-soft);font-size:var(--text-caption);font-variant-numeric:tabular-nums;grid-area:n;display:none}.doc-cell-desc{grid-area:desc;gap:.25rem;min-width:0;display:grid}.doc-cell-qty{grid-area:qty;min-width:0}.doc-cell-rate{grid-area:rate;min-width:0;max-width:12rem}.doc-cell-amt{min-width:0;color:var(--color-ink);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;grid-area:amt;font-weight:600}.doc-cell-del{grid-area:del;justify-content:flex-end;display:flex}.doc-op{color:var(--color-ink-soft);font-size:var(--text-body-sm);text-align:center}.doc-op-x{grid-area:x}.doc-op-eq{display:none}.doc-del{width:var(--spacing-touch);height:var(--spacing-touch);border-radius:var(--radius-control);color:var(--color-ink-soft);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.doc-del:hover:not(:disabled){background:var(--color-canvas);color:var(--color-destructive)}.doc-del:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.doc-del:disabled{opacity:.35;cursor:default}.doc-lines-foot{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:.875rem;display:flex}@container doc-lines (width>=21rem){.doc-row{grid-template-columns:4.25rem auto minmax(0,1fr) auto 2.75rem;grid-template-areas:"desc desc desc desc del""qty x rate amt amt"}}@container doc-lines (width>=34rem){.doc-row{grid-template-columns:1.5rem minmax(0,1fr) 4.5rem 8.5rem minmax(6.5rem,8rem) 2.75rem;grid-template-areas:"n desc qty rate amt del";gap:.375rem .5rem;padding-block:.5rem}.doc-cell-n{display:block}.doc-cell-rate{max-width:none}.doc-money-unit{display:block}.doc-input-money{padding-inline-start:2rem}.doc-row-head{border-bottom-color:var(--color-border-strong);color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;padding-block:.375rem;font-weight:700;display:grid}.doc-row-head .doc-cell-qty,.doc-row-head .doc-cell-rate,.doc-row-head .doc-cell-amt{text-align:end}.doc-row-head .doc-cell-amt{color:inherit;font-size:inherit;font-weight:inherit}.doc-op{display:none}}.doc-totals{font-size:var(--text-body-sm);display:grid}.doc-totals>div{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.375rem;display:flex}.doc-totals dt{color:var(--color-ink-soft)}.doc-totals dd{color:var(--color-ink);font-variant-numeric:tabular-nums;text-align:end;margin:0}.doc-totals>.doc-totals-grand{border-bottom:0;padding-top:.625rem}.doc-totals-grand dt,.doc-totals-grand dd{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h4);font-weight:700}.doc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;margin-bottom:1.25rem;display:flex}.doc-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;display:flex}@media (width<40rem){.doc-toolbar-actions,.doc-toolbar-actions .btn-submit{width:100%}}.print-doc.doc-paper{border-radius:var(--radius-panel-lg);padding:1.25rem}@media (width>=40rem){.print-doc.doc-paper{padding:2rem 2.25rem}}@media print{body:has(.print-doc) :not(:has(.print-doc),.print-doc,.print-doc *){display:none!important}body:has(.print-doc) :has(.print-doc){box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;position:static!important}body:has(.print-doc) .print-doc{padding:0;position:static}.print-doc .doc-row{grid-template-columns:1.5rem minmax(0,1fr) 4.5rem 8.5rem minmax(6.5rem,8rem) 0}.print-doc .doc-cell-qty .doc-print,.print-doc .doc-cell-rate .doc-print{text-align:end;font-variant-numeric:tabular-nums}.print-doc .doc-screen,.print-doc .doc-op,.print-doc [data-empty=true]{display:none}.print-doc .doc-print{display:block}.print-doc .doc-print-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:700}}.doc-toolbar-actions:has(.result-mail-form,.tool-mail-done),.doc-toolbar-actions>.result-mail-form,.doc-toolbar-actions>.tool-mail-done{flex-basis:100%}
