/* Split bill calculator (#91) */
.container--split-bill{width:min(100% - 1.5rem,76rem);max-width:100%}.split-bill-panel{box-sizing:border-box;min-width:0;margin:1.5rem 0 2rem;padding:clamp(1rem,2.6vw,1.6rem)}
.split-heading,.split-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.split-heading h2,.split-result-heading h2{margin:0}.split-heading p,.split-result-heading p{margin:.2rem 0 0;color:var(--color-muted);font-size:.86rem}.split-step{margin:0;color:var(--color-primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}.split-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.split-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.split-basic-grid>label{display:grid;min-width:0;gap:.4rem;font-weight:850}.split-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.split-input-wrap input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:50px;padding:.7rem .8rem;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:1.05rem}.split-input-wrap>span{padding:.7rem .8rem;color:var(--color-muted);font-weight:800}
.split-mode,.split-round-settings{min-width:0;margin:1rem 0 0;padding:0;border:0}.split-mode legend,.split-round-settings legend{margin-bottom:.55rem;font-weight:900}.split-mode>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.split-mode-option{display:flex;align-items:center;min-width:0;min-height:62px;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.split-mode-option.is-active{border-color:var(--color-primary);background:rgba(20,107,99,.08);color:var(--color-primary)}.split-mode-option input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:0 .65rem 0 0;accent-color:var(--color-primary)}.split-mode-option span{display:grid;min-width:0;gap:.15rem}.split-mode-option small{color:var(--color-muted);font-weight:650}
.split-round-settings[hidden]{display:none}.split-round-settings>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.split-round-settings label{display:grid;min-width:0;gap:.35rem;font-weight:800}.split-round-settings select{box-sizing:border-box;width:100%;max-width:100%;min-height:46px;padding:.6rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.split-calculate{width:100%;margin-top:.9rem}.split-error{min-height:1.5em;margin:.65rem 0;color:var(--color-danger);font-weight:800}
.split-input-wrap:focus-within,.split-round-settings select:focus,.split-mode-option:focus-within{border-color:var(--color-primary);outline:3px solid rgba(20,107,99,.22);outline-offset:2px}.split-actions button:focus-visible,.split-result-heading button:focus-visible{outline:3px solid rgba(20,107,99,.34);outline-offset:2px}
.split-results{min-width:0;margin-top:1rem;padding-top:1.2rem;border-top:1px solid var(--color-border)}.split-result-heading{align-items:center}.split-primary{margin-top:1rem;padding:1rem;border:1px solid rgba(20,107,99,.26);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(20,107,99,.08),rgba(255,255,255,.94))}.split-primary h3{margin:0}.split-primary ul{display:grid;gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none}.split-primary li{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;min-width:0;padding:.7rem;border-radius:var(--radius-sm);background:var(--color-surface)}.split-primary strong{color:var(--color-primary);font-size:clamp(1.25rem,4vw,1.8rem);overflow-wrap:anywhere}
.split-rounded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem}.split-rounded-grid[hidden]{display:none}.split-rounded-grid>div{display:grid;min-width:0;gap:.25rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.split-rounded-grid span,.split-rounded-grid small{color:var(--color-muted);font-size:.82rem;font-weight:800}.split-rounded-grid strong{color:var(--color-primary);font-size:clamp(1.2rem,4vw,1.7rem);overflow-wrap:anywhere;word-break:break-word}.split-check{margin-top:.8rem;padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.split-check h3,.split-check p{margin:0}.split-check p{margin-top:.35rem;font-weight:800;overflow-wrap:anywhere;word-break:break-word}.split-note{margin:.7rem 0 0;color:var(--color-muted);font-size:.85rem}.split-copy-helper{position:fixed;left:-9999px;opacity:0}
@media(max-width:700px){.split-basic-grid,.split-mode>div,.split-rounded-grid{grid-template-columns:1fr}}
@media(max-width:480px){.container--split-bill{width:min(100% - 1rem,76rem);padding-inline:0}.split-bill-panel{width:100%;max-width:100%;min-width:0;padding:.85rem}.split-heading,.split-result-heading{align-items:stretch;flex-direction:column}.split-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.split-actions .button-secondary,.split-result-heading .button-secondary{width:100%;min-width:0}.split-round-settings>div{grid-template-columns:1fr;padding:.8rem}.split-primary li{align-items:flex-start;flex-direction:column}.split-primary strong,.split-rounded-grid strong{font-size:1.2rem}}
