.customer-add-title,.customer-list-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.customer-add-title h2{margin:12px 0 8px}.customer-add-title p{margin:0;font-size:12px}.customer-add-main{display:flex;align-items:end;gap:18px;margin-top:8px}.customer-add-main label{flex:1;max-width:580px}.customer-add-main button{margin-bottom:8px;min-height:45px;white-space:nowrap;background:linear-gradient(110deg,#e5c88e,#c39a50,#b78b46);color:#103d40;font-weight:600}.required{color:#ae6149}.customer-add details{margin-top:10px;color:#758780;font-size:12px}.customer-add summary{cursor:pointer;padding:10px 0}.customer-code{margin-top:24px;padding:23px 25px;background:#f4efdf;border:1px solid #d8bd84;border-radius:14px}.customer-code h3{font-size:21px;margin:10px 0}.customer-code p{font-size:12px;margin:0}.customer-code input{font:17px/1.5 Consolas,monospace;letter-spacing:1px;background:#fffdf7}.customer-code .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.customer-code [role=status]{display:block;margin-top:12px;color:#185d58;font-size:12px}.customer-list-title{margin:30px 0 18px}.customer-list-title h2{margin:0}.customer-list-title button{font-size:12px}@media(max-width:720px){.customer-add-title{align-items:start}.customer-add-main{display:block}.customer-add-main button{width:100%;margin-top:10px}.customer-code{padding:18px}.customer-code input{font-size:12px;letter-spacing:0}.customer-list-title{gap:10px}}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{margin:0 0 8px}.section-heading p{margin:0;font-size:12px}.section-heading .quiet{align-self:start}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 18px;border-radius:10px;white-space:nowrap}.button-link.secondary{background:#f0e9d9;border:1px solid #dfcea9;color:var(--green)}.summary-note{font-size:11px;font-weight:400;color:var(--muted);margin-left:12px}.list-filters{display:flex;align-items:end;gap:16px;margin-bottom:18px}.list-filters label{margin:0;min-width:200px}.list-filters .search-label{flex:1;max-width:520px}.list-filters>span{padding-bottom:13px;white-space:nowrap}.code-hint{font-family:Consolas,monospace;letter-spacing:.7px}.row-details{max-width:360px}.row-details summary{cursor:pointer;color:var(--green);font-size:12px}.row-details>div{margin-top:12px;line-height:1.9;overflow-wrap:anywhere}.settings-fold>summary{cursor:pointer;font-size:16px;line-height:1.8}.settings-fold>summary::marker{color:var(--gold)}.settings-fold[open]>summary{margin-bottom:18px}.settings-fold summary .tag{margin-left:10px;vertical-align:middle}.save-bar{position:sticky;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d9c99f;border-radius:14px;background:#fffdf7f5;box-shadow:0 4px 20px #173f4014;padding:14px 20px;margin:24px 0}.save-bar>span{font-size:12px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 28px}.pagination span{font-size:12px;color:var(--muted)}.pagination button{padding:10px 18px}.admin-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid #d1b87e;border-radius:20px;background:var(--paper);color:var(--ink);padding:28px;box-shadow:0 24px 100px #103d4045}.admin-dialog::backdrop{background:#103d4073;backdrop-filter:blur(3px)}.admin-dialog .form-grid{grid-template-columns:1fr 1fr}.admin-dialog h2{margin-bottom:12px}.admin-dialog textarea{min-height:100px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.admin-dialog [role=alert]:empty{display:none}.admin-dialog [role=alert]{background:#f2e6dc;border-radius:8px;padding:10px}.admin-dialog .row-details{margin-top:22px}.customer-code .section-heading{margin-bottom:4px}summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:720px){.section-heading{align-items:start;flex-wrap:wrap}.list-filters{flex-wrap:wrap;gap:12px}.list-filters label{min-width:0;flex:1 1 180px}.list-filters>span{padding:0}.summary-note{display:block;margin-left:0}.save-bar{padding:12px;bottom:8px}.save-bar button{white-space:nowrap}.admin-dialog{padding:20px}.admin-dialog .form-grid{grid-template-columns:1fr}.customer-add-title{flex-wrap:wrap}.pagination{gap:10px}.pagination button{padding:9px 12px}}
button.danger{background:#a24f3d;color:#fff}button.danger-text{color:#a24f3d}.customer-add-main label{min-width:0}@media(min-width:721px) and (max-width:1100px){.customer-add-main{flex-wrap:wrap}.customer-add-main label{flex:1 1 220px}.customer-add-main>button{margin-top:6px}}