/* WB-11 admin screens: Settings, Customers, Export. Adds to style.css, wb7.css, wb9.css and admin.css; never restyles them. */
.set { margin: 16px 0; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.set h2 { margin-bottom: 4px; }
.set .field input, .set .field select, .set .field textarea { background: var(--bg); }
.jump { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.jump a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); text-decoration: none; font-size: var(--fs-small); }
.hrow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 52px; padding: 4px 0; border-bottom: 1px solid var(--line); }
.hrow > b { width: 110px; font-weight: 600; }
.hrow select { min-height: 44px; padding: 6px 10px; font: inherit; color: var(--text); background: var(--bg); border: 1px solid var(--line); border-radius: 10px; }
.hrow select[aria-invalid="true"] { border-color: var(--alert); }
.hrow .hrerr { flex-basis: 100%; margin: 0 0 4px 122px; }
.check { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; width: 90px; }
.check input { width: 24px; height: 24px; accent-color: var(--gold); margin: 0; }
.closedtag { color: var(--muted); }
.clist { list-style: none; margin: 8px 0; padding: 0; }
.crow2 { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.crow2 small { display: block; color: var(--muted); }
.addrow { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin-top: 8px; }
.addrow .field { margin: 0; flex: 1 1 180px; }
.addrow .btn { margin-bottom: 0; }
.wrow { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin: 4px 0 8px; }
.wrow .field { margin: 0; flex: 1 1 140px; }
.wrow select, .wrow input { width: 100%; min-height: 48px; padding: 10px 12px; font: inherit; color: var(--text); border: 1px solid var(--line); border-radius: 10px; }
.srow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 52px; padding: 4px 0; border-bottom: 1px solid var(--line); }
.srow > label, .srow > .svcname { flex: 0 1 300px; font-weight: 600; }
.srow .sr { flex: none; font-weight: 300; color: var(--muted); }
.srow .err { flex-basis: 100%; margin: 0 0 4px; }
.num { width: 88px; min-height: 44px; padding: 6px 10px; font: inherit; text-align: right; color: var(--text); background: var(--bg); border: 1px solid var(--line); border-radius: 10px; }
.num.wide { width: 120px; }
.num[aria-invalid="true"] { border-color: var(--alert); }
.shead { display: flex; gap: 12px; color: var(--muted); font-size: var(--fs-small); padding-top: 4px; }
.shead span:first-child { flex: 0 1 300px; }
.empty.small { margin: 8px 0; }
.savebar { position: sticky; bottom: -24px; margin: 16px -32px -24px; padding: 0; background: #0f0f11; border-top: 1px solid var(--gold); z-index: 2; }
.savebar .sb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 10px 32px; }
.savebar .sb > span:first-child { flex: 1; }
.savebar .btn { min-height: 44px; }
.field textarea { background: var(--bg); }
.field textarea[aria-invalid="true"] { border-color: var(--alert); }

/* Customers */
.split { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; align-items: start; }
.clist2 { display: grid; gap: 8px; }
.crow { display: grid; gap: 0; padding: 10px 12px; min-height: 64px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); text-decoration: none; }
.crow b { font-weight: 600; }
.crow span { color: var(--muted); font-size: var(--fs-small); }
.crow.sel { border-color: var(--gold-strong); box-shadow: 0 0 0 1px var(--gold-strong); }
.dhead { display: flex; justify-content: space-between; align-items: flex-start; }
.dhead h2 { margin: 0; font-size: var(--fs-head); }
.dhead .tel { display: inline-block; min-height: 44px; padding-top: 10px; }
.vcard2 { margin: 12px 0; padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.vcard2 h3 { margin: 0; font-size: var(--fs-lead); color: var(--text); }
.vcard2 .meta { margin: 2px 0; color: var(--muted); font-size: var(--fs-small); }
.vcard2 h4 { margin: 12px 0 0; font-size: var(--fs-body); font-weight: 600; color: var(--gold); }
.hist { display: grid; grid-template-columns: 160px minmax(0, 1fr) 76px 108px 44px; gap: 8px; align-items: center; min-height: 48px; border-bottom: 1px solid var(--line); font-size: var(--fs-small); }
.hist.hh { min-height: 32px; color: var(--muted); }
.hist .more { min-height: 44px; display: inline-flex; align-items: center; }

/* Export */
.ecard { display: grid; grid-template-columns: 1fr auto; column-gap: 24px; align-items: center; max-width: 760px; }
.ecard h2 { grid-column: 1; }
.ecard .ecount { grid-column: 1; margin: 0; }
.ecard .helptxt { grid-column: 1; }
.ecard .eact { grid-column: 2; grid-row: 1 / span 3; }
.ecard .okbox, .ecard .banner { grid-column: 1 / -1; }

.hist .win { display: block; color: var(--muted); }