/* Customer account center - on top of site.css and admin/admin.css. No horizontal scrolling at any width. */

.acc .adm-main { min-height: calc(100vh - 160px); }
.acc-foot { display: flex; gap: 18px; justify-content: center; padding-top: 8px; padding-bottom: 28px; font-size: .9063rem; }
.acc-foot a { color: var(--muted); }
.acc-center { margin: 24px auto 40px; width: 100%; }
.acc-center h1 { font-size: 1.75rem; font-weight: 750; }
.acc-signup { max-width: 480px; }
.acc-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 18px; margin: 0; font-size: .9375rem; }
.acc-links a, .acc .hint a, .acc-center a:not(.btn), .notice a { color: var(--amber-ink); font-weight: 600; }
.notice.acc-info { background: #eef2f8; color: var(--text); border: 1px solid #cfd8e6; font-weight: 500; }
.notice.acc-warn { background: #fff4dc; color: var(--text); border: 1px solid #f0d494; font-weight: 500; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.acc-inline { display: inline; margin: 0; }
.acc-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.acc-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.acc-wide { grid-column: 1 / -1; }
@media (max-width: 980px) { .acc-grid { grid-template-columns: minmax(0, 1fr); } }
.acc-sub { font-size: 1rem; font-weight: 700; margin-top: 4px; }

.acc-prods { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 12px; }
.acc-prod { border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; display: grid; gap: 12px; align-content: space-between; }
.acc-prod .pc-main span { color: var(--muted); font-size: .9063rem; }
.acc-list { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; overflow-wrap: anywhere; }

.acc-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.acc-switch label { font-weight: 600; font-size: .9375rem; }
.acc-switch select, .field select { font: inherit; font-size: 1rem; color: var(--text); background: #fcfbf8; border: 1px solid #cfc9bc; border-radius: 12px; padding: 8px 12px; min-height: 44px; max-width: 100%; }
.acc-rename { padding: 0; border: 0; box-shadow: none; }

/* billing */
.acc-price { color: var(--text) !important; font-weight: 700; }
.acc-qty { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: .9375rem; }
.acc-qty input { width: 6.5em; font: inherit; color: var(--text); background: #fcfbf8; border: 1px solid #cfc9bc; border-radius: 10px; padding: 6px 10px; min-height: 36px; }
.acc-invs { display: grid; gap: 8px; }
.acc-inv { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 6px 16px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.acc-inv:last-child { border-bottom: 0; }
.acc-inv small { display: block; color: var(--muted); font-size: .8438rem; }
.acc-inv b { overflow-wrap: anywhere; }
@media (max-width: 640px) { .acc-inv { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }