.dashboard-page { min-height: 100vh; background: #f7f3ed; }
[hidden] { display: none !important; }
.dash-top { min-height: 72px; padding: 0 6%; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid #e5ddd2; background: #fffdf9; }
.dash-top > div { display: flex; align-items: center; gap: 20px; color: #6d6054; font-size: 10px; }
.dash-top > div > a:hover { color: #b57b4a; }
.dash-top form { margin: 0; }
.dash-top form button { padding: 7px 10px; border: 1px solid #e5ddd2; background: transparent; font-size: 9px; cursor: pointer; }
.dash-main { width: min(1320px, 90%); margin: 0 auto; padding: 52px 0 90px; }
.dash-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 31px; }
.dash-heading .eyebrow, .panel-heading .eyebrow { margin-bottom: 10px; }
.dash-heading h1 { margin: 0 0 7px; font: 500 clamp(34px, 4vw, 51px)/1.1 var(--serif); letter-spacing: -.04em; }
.dash-heading > div > p:last-child { margin: 0; color: #82776d; font-size: 11px; }
.admin-section-nav { margin: 0 0 18px; padding: 12px; background: #eee8df; display: flex; flex-wrap: wrap; gap: 8px; }
.admin-section-nav a { padding: 7px 10px; color: #654b36; font-size: 9px; }
.admin-section-nav a:hover { background: #fffdf9; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0 0 25px; }
.metric-grid article { min-height: 130px; padding: 20px; border: 1px solid #e5ddd2; background: #fffdf9; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.metric-grid article > span { color: #80756a; font-size: 9px; }
.metric-grid strong { font: 500 29px var(--serif); font-variant-numeric: tabular-nums; }
.metric-grid small { color: #a09488; font-size: 8px; }
.dash-panel { margin-top: 18px; padding: 24px; border: 1px solid #e5ddd2; background: #fffdf9; }
.panel-heading { display: flex; justify-content: space-between; align-items: end; gap: 15px; margin-bottom: 19px; }
.panel-heading h2 { margin: 0; font: 500 27px var(--serif); letter-spacing: -.025em; }
.panel-heading > span { color: #8a7d71; font-size: 9px; }
.table-scroll { width: 100%; overflow-x: auto; }
.dash-panel table { width: 100%; border-collapse: collapse; text-align: left; font-size: 9px; }
.dash-panel th { padding: 10px 9px; color: #93877b; border-bottom: 1px solid #e9e0d6; text-transform: uppercase; letter-spacing: .08em; font-size: 8px; font-weight: 600; white-space: nowrap; }
.dash-panel td { padding: 12px 9px; border-bottom: 1px solid #eee8e0; vertical-align: middle; color: #51463d; }
.dash-panel td strong { font-weight: 600; }
.dash-panel td small { display: block; margin-top: 4px; color: #95897e; font-size: 8px; }
.inline-form, .inventory-form { display: flex; align-items: center; gap: 6px; }
.inline-form select, .inventory-form input:not([type=checkbox]) { min-width: 85px; padding: 7px; border: 1px solid #e5ddd2; background: white; font-size: 9px; }
.inline-form input:not([type=hidden]) { min-width: 100px; max-width: 180px; padding: 7px; border: 1px solid #e5ddd2; background: white; font-size: 9px; }
.inline-form label { display: flex; flex-direction: column; gap: 4px; color: #74685f; font-size: 8px; }
.inline-form button, .inventory-form button { padding: 7px 9px; border: 0; background: #35251a; color: white; cursor: pointer; font-size: 8px; }
.status-pill { display: inline-block; padding: 5px 8px; border-radius: 20px; background: #f1ebe3; color: #74563e; font-size: 8px; text-transform: capitalize; white-space: nowrap; }
.inventory-form { min-width: 320px; }
.inventory-form input:not([type=checkbox]) { width: 83px; }
.active-check { display: flex; align-items: center; gap: 4px; color: #74685f; white-space: nowrap; font-size: 8px; }
.inventory-form button { white-space: nowrap; }
.create-product { margin-top: 17px; border-top: 1px solid #eee8e0; padding-top: 14px; }
.create-product summary { color: #74563e; cursor: pointer; font-size: 10px; }
.create-product-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.create-product-grid label, .profile-form label { display: flex; flex-direction: column; gap: 6px; color: #6c6056; font-size: 9px; }
.create-product-grid input, .profile-form input, .profile-form select, .profile-form textarea { width: 100%; min-height: 37px; padding: 9px; border: 1px solid #e5ddd2; background: white; color: #251a14; font-size: 10px; }
.create-product-grid button { grid-column: 1 / -1; justify-self: start; }
.product-admin-grid { display: flex; flex-direction: column; gap: 9px; }
.product-admin-card { border: 1px solid #eee8e0; }
.product-admin-card > summary { padding: 13px; display: flex; justify-content: space-between; gap: 12px; cursor: pointer; color: #65574b; font-size: 9px; list-style: none; }
.product-admin-card > summary::-webkit-details-marker { display: none; }
.product-admin-card > summary > span:first-child { display: flex; flex-direction: column; gap: 5px; }
.product-admin-card > summary strong { color: #30241b; font-size: 11px; }
.product-admin-card > summary small { color: #95897e; font-size: 8px; }
.product-admin-card > summary del { color: #9b8e82; }
.product-edit-form, .cms-form, .cms-record, .password-form { padding: 15px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; border-top: 1px solid #eee8e0; }
.product-edit-form label, .cms-form label, .cms-record label, .password-form label { display: flex; flex-direction: column; gap: 6px; color: #6c6056; font-size: 9px; }
.product-edit-form input, .product-edit-form textarea, .cms-form input, .cms-form textarea, .cms-form select, .cms-record input, .cms-record textarea, .cms-record select, .password-form input { width: 100%; min-height: 37px; padding: 9px; border: 1px solid #e5ddd2; background: white; color: #251a14; font-size: 10px; }
.product-edit-form .product-edit-wide, .cms-form .cms-wide, .cms-form button, .cms-record .cms-wide, .password-form button { grid-column: 1 / -1; }
.product-edit-form button, .cms-form button, .password-form button { justify-self: start; }
.product-edit-form small, .create-product-grid small, [data-image-feedback] { color: #92867b; font-size: 9px; line-height: 1.5; }
.product-upload-preview { grid-row: span 2; width: 140px; height: 140px; object-fit: cover; background: #eee8df; }
.cms-form { grid-template-columns: repeat(3, minmax(0,1fr)); }
.home-content-groups { display: grid; gap: 16px; }
.home-content-group, .content-image-section { min-width: 0; border: 1px solid #e9e0d6; background: #fff; }
.content-group-heading { padding: 15px 16px 0; }
.content-group-heading h3 { margin: 0; color: #35251a; font: 500 19px/1.3 var(--serif); }
.content-group-heading p { margin: 5px 0 0; color: #92867b; font-size: 9px; line-height: 1.5; }
.home-section-form { margin-top: 12px; }
.home-section-form label.cms-wide { grid-column: 1 / -1; }
.content-image-section { margin-bottom: 16px; padding-bottom: 15px; }
.content-image-section .branding-upload-grid { margin: 12px 15px 0; }
.cms-record { margin: 10px 0; padding: 13px; grid-template-columns: repeat(4, minmax(0,1fr)); border: 1px solid #eee8e0; }
.cms-record button { align-self: end; justify-self: start; padding: 8px 12px; border: 0; background: #35251a; color: white; cursor: pointer; font-size: 9px; }
.cms-record .active-check { align-self: center; }
.password-form { grid-template-columns: 1fr 1fr; border-top: 0; padding-left: 0; padding-right: 0; }
.security-password-form { border-top: 1px solid #eee8e0; margin-top: 18px; padding-top: 20px; }
.gateway-status { margin-top: 18px; padding: 13px; background: #f1ebe3; color: #594637; font-size: 9px; }
.gateway-status span { display: block; margin-top: 6px; color: #877a6e; line-height: 1.7; }
.empty-panel { padding: 18px 0; margin: 0; color: #84796f; font-size: 11px; }
.dash-alert, .form-alert { padding: 12px 15px; border-radius: 2px; font-size: 10px; line-height: 1.6; }
.dash-alert.error, .form-alert { background: #f6e8e2; color: #82462e; }
.dash-alert.success, .form-alert.success { background: #eaf0e6; color: #385136; }
.auth-shell { min-height: calc(100vh - 72px); padding: 35px 20px; display: grid; place-items: center; }
.auth-card { width: min(460px, 100%); padding: 35px; border: 1px solid #e5ddd2; background: #fffdf9; box-shadow: 0 14px 55px #251a140b; }
.auth-card > .brand { margin-bottom: 30px; }
.auth-card > .eyebrow { margin-bottom: 12px; }
.auth-card h1 { margin: 0 0 11px; font: 500 39px/1.1 var(--serif); }
.auth-card > p:not(.eyebrow):not(.form-alert) { margin: 0 0 23px; color: #82776d; font-size: 11px; line-height: 1.8; }
.auth-form { display: flex; flex-direction: column; gap: 15px; margin: 20px 0; }
.auth-form label { display: flex; flex-direction: column; gap: 7px; color: #6c6056; font-size: 10px; }
.auth-form input { min-height: 42px; padding: 10px; border: 1px solid #e5ddd2; background: white; font-size: 11px; }
.auth-form button { justify-content: space-between; }
.auth-card .text-link { display: inline-block; margin-top: 7px; }
.setup-help { display: block; margin-top: 18px; color: #92867b; font-size: 9px; line-height: 1.6; }
.customer-main { width: min(1100px, 90%); }
.profile-panel { margin-bottom: 20px; }
.profile-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.profile-form label small { color: #998e83; font-size: 8px; }
.profile-form .wide-field, .profile-form button { grid-column: 1 / -1; }
.profile-form button { justify-self: start; }
.customer-orders { display: flex; flex-direction: column; gap: 16px; }
.customer-order { padding: 18px; border: 1px solid #eee8e0; }
.customer-order-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.order-code { color: #9a6b43; font-size: 8px; letter-spacing: .1em; }
.customer-order-heading h3 { margin: 5px 0 0; font: 500 19px var(--serif); }
.order-timeline { margin: 25px 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); position: relative; }
.order-timeline::before { content: ""; height: 1px; position: absolute; top: 6px; left: 5%; right: 5%; background: #e5ddd2; }
.order-timeline > div { display: flex; align-items: center; flex-direction: column; gap: 8px; position: relative; text-align: center; }
.order-timeline > div > span { width: 12px; height: 12px; border: 2px solid #d6c9b9; border-radius: 50%; background: #fffdf9; }
.order-timeline > div.done > span { border-color: #a67549; background: #a67549; }
.order-timeline small { color: #92867b; font-size: 8px; line-height: 1.4; }
.order-timeline > div.done small { color: #5e4938; }
.order-detail-grid { display: grid; grid-template-columns: 1fr 1.2fr .7fr; gap: 16px; padding-top: 15px; border-top: 1px solid #eee8e0; }
.order-detail-grid strong { font-size: 9px; }
.order-detail-grid p { margin: 6px 0 0; color: #766b61; font-size: 9px; line-height: 1.6; }
.order-detail-grid p small { color: #9a8e82; font-size: 8px; }
.detail-cell { max-width: 280px; }
.chat-activity { display: flex; flex-direction: column; }
.chat-activity article { padding: 12px 0; display: flex; gap: 15px; align-items: center; border-bottom: 1px solid #eee8e0; font-size: 9px; color: #766b61; }
.chat-activity time { margin-left: auto; color: #92867b; }
.activity-list { display: flex; flex-direction: column; }
.activity-list article { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eee8e0; color: #766b61; font-size: 9px; }
.activity-list time { margin-left: auto; color: #92867b; white-space: nowrap; font-size: 8px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.checkout-login-note { padding: 14px; border: 1px solid #e5ddd2; background: #f7f3ed; color: #65574b; font-size: 11px; line-height: 1.7; }
.admin-modal { width: min(760px, calc(100% - 24px)); max-height: min(90vh, 900px); padding: 0; border: 1px solid #e5ddd2; background: #fffdf9; color: #251a14; box-shadow: 0 24px 80px #251a1433; }
.admin-modal::backdrop { background: #251a1480; }
.admin-modal-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 17px 20px; border-bottom: 1px solid #eee8e0; }
.admin-modal-header h2 { margin: 0; font: 500 25px var(--serif); }
.admin-modal-close { width: 36px; height: 36px; border: 1px solid #e5ddd2; background: transparent; font-size: 20px; cursor: pointer; }
.admin-modal-body { max-height: calc(90vh - 75px); overflow-y: auto; padding: 18px; }
.admin-modal .create-product-grid, .admin-modal .cms-record { margin: 0; border: 0; padding: 0; }
.dashboard-activity article { padding: 10px 0; border-bottom: 1px solid #eee8e0; display: flex; justify-content: space-between; gap: 12px; color: #65574b; font-size: 10px; }
.dashboard-activity small { color: #92867b; text-align: right; }
.customer-detail { width: min(540px, calc(100% - 24px)); }
.customer-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.customer-detail-grid div { min-width: 0; padding: 12px; background: #f7f3ed; }
.customer-detail-grid strong, .customer-detail-grid span { display: block; overflow-wrap: anywhere; }
.customer-detail-grid strong { margin-bottom: 5px; color: #92867b; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.customer-detail-grid span { color: #35251a; font-size: 11px; }
.account-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 14px; }
.account-card { min-width: 0; padding: 17px; border: 1px solid #e5ddd2; background: #fff; }
.account-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 15px; }
.account-card-heading > div { min-width: 0; }
.account-card-heading h3 { margin: 0 0 8px; color: #30241b; font: 500 20px/1.2 var(--serif); overflow-wrap: anywhere; }
.account-card-heading > small { flex: 0 0 auto; color: #92867b; font-size: 9px; text-align: right; }
.account-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
.account-card dl > div { min-width: 0; padding: 10px; background: #f7f3ed; }
.account-card dt { margin-bottom: 5px; color: #92867b; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.account-card dd { margin: 0; color: #35251a; font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.account-card .account-card-address { grid-column: 1 / -1; }
.account-card .panel-actions { align-items: center; }
.account-card .panel-actions > button, .account-card .panel-actions form button { min-height: 34px; padding: 8px 11px; border: 1px solid #d8cfc4; background: #fffdf9; color: #35251a; font-size: 9px; }
.account-card .panel-actions form button { border-color: #35251a; background: #35251a; color: #fff; }
.customer-detail-grid .customer-address-detail { grid-column: 1 / -1; }
.customer-address-detail span { white-space: pre-wrap; line-height: 1.6; }
.account-card .status-pill { font-size: 9px; }
.panel-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.panel-actions button { cursor: pointer; }
.product-gallery-editor { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }
.product-gallery-editor > strong { width: 100%; color: #6c6056; font-size: 9px; }
.product-gallery-editor > label { width: 110px; padding: 7px; border: 1px solid #eee8e0; background: #fff; }
.product-gallery-editor img { width: 94px; height: 84px; object-fit: cover; }
.product-gallery-editor label span { display: flex; flex-direction: row; align-items: center; gap: 5px; font-size: 8px; }
.product-gallery-editor input[type=checkbox] { width: auto; min-height: auto; }
.product-delete-form { padding: 0 15px 15px; }
.product-delete-form button { padding: 8px 12px; border: 1px solid #a8523b; background: #fff; color: #8d3d2b; cursor: pointer; font-size: 9px; }
.category-create-form { margin: 0 0 16px; }
.account-mode-tabs { display: grid; grid-template-columns: 1fr 1fr; margin: 20px 0; border-bottom: 1px solid #e5ddd2; }
.account-mode-tabs button { padding: 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #82776d; cursor: pointer; font: inherit; font-size: 11px; }
.account-mode-tabs button[aria-pressed=true] { border-bottom-color: #74563e; color: #35251a; }
#registration-fields { display: grid; gap: 15px; }
#registration-fields[hidden] { display: none; }
#registration-fields textarea, #registration-fields select { min-height: 42px; padding: 10px; border: 1px solid #e5ddd2; background: white; font: inherit; font-size: 11px; }
.auth-links { display: flex; justify-content: space-between; gap: 12px; font-size: 10px; }
.customer-section-nav { margin: 0 0 18px; padding: 12px; background: #eee8df; display: flex; flex-wrap: wrap; gap: 8px; }
.customer-section-nav a { padding: 8px 10px; color: #654b36; font-size: 9px; }
.customer-section-nav a:hover, .customer-section-nav a[aria-current=page] { background: #fffdf9; color: #35251a; }
.customer-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.customer-order { margin: 15px 0; padding: 17px; border: 1px solid #eee8e0; background: #fffdf9; }
.customer-order-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.customer-order-heading h3 { margin: 7px 0 0; font: 500 18px var(--serif); }
.order-code { color: #8a6546; font: 600 9px/1.4 sans-serif; letter-spacing: .08em; }
.order-timeline { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 22px 0; }
.order-timeline::before { position: absolute; top: 5px; left: 5%; right: 5%; height: 1px; background: #e5ddd2; content: ""; }
.order-timeline > div { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.order-timeline > div > span { width: 11px; height: 11px; border: 1px solid #c6b7a7; border-radius: 50%; background: #fffdf9; }
.order-timeline > div.done > span { border-color: #74563e; background: #74563e; }
.order-timeline small { color: #84796f; font-size: 8px; }
.order-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 16px 0; }
.order-detail-grid > div { min-width: 0; padding: 12px; background: #f7f3ed; }
.order-detail-grid strong { color: #65574b; font-size: 9px; }
.order-detail-grid p { margin: 8px 0 0; color: #82776d; font-size: 9px; line-height: 1.7; overflow-wrap: anywhere; }
.order-detail-grid p small { color: #9a8d81; }
.customer-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.customer-product-card { padding: 10px; border: 1px solid #eee8e0; background: white; }
.customer-product-card img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: #eee8df; }
.customer-product-card a > span { display: block; margin-top: 10px; color: #92867b; font-size: 8px; }
.customer-product-card h3 { margin: 6px 0; color: #35251a; font: 500 17px var(--serif); }
.customer-product-card > strong { color: #74563e; font-size: 10px; }
.invoice-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.invoice-heading h2 { margin: 0 0 7px; font: 500 28px var(--serif); }
.invoice-heading p:last-child { color: #82776d; font-size: 10px; }
.invoice-customer { display: flex; flex-direction: column; gap: 5px; margin: 22px 0; color: #65574b; font-size: 10px; }
.dash-panel tfoot th, .dash-panel tfoot td { padding: 9px; text-align: right; }
.dash-panel tfoot tr:last-child { border-top: 1px solid #e5ddd2; }
.order-edit-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 15px; padding: 14px; border: 1px solid #eee8e0; }
.order-edit-form label { display: flex; flex-direction: column; gap: 5px; color: #74685f; font-size: 8px; }
.order-edit-form input, .order-edit-form select, .order-edit-form textarea { width: 100%; min-height: 35px; padding: 8px; border: 1px solid #e5ddd2; background: #fff; font: inherit; }
.order-edit-wide, .order-edit-form button { grid-column: 1 / -1; }
.order-edit-form button { justify-self: start; }
.order-delete-form { margin-top: 10px; }
.order-delete-form button { padding: 8px 10px; border: 1px solid #a8523b; background: #fff; color: #8d3d2b; cursor: pointer; font-size: 8px; }
.order-delete-form button:disabled { opacity: .5; cursor: not-allowed; }
.customer-email-edit { width: 100%; padding: 9px; border: 1px solid #eee8e0; }
.customer-email-edit summary { color: #74563e; cursor: pointer; font-size: 8px; }
.customer-email-edit .inline-form { margin-top: 8px; }
@media (min-width: 1200px) { .metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media print {
    .dash-top, .customer-section-nav, .dash-heading, .no-print, .dash-alert { display: none !important; }
    .dashboard-page, .dash-panel { background: white; }
    .dash-main { width: 100%; margin: 0; padding: 0; }
    .dash-panel { border: 0; padding: 0; }
    .invoice-heading .button { display: none; }
}

@media (max-width: 760px) {
    .dash-top { min-height: 65px; padding: 0 5%; }
    .dash-top > div { gap: 10px; }
    .dash-top > div > a { display: none; }
    .dash-main { width: 92%; padding: 35px 0 65px; }
    .dash-heading { align-items: flex-start; flex-direction: column; }
    .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .customer-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .order-edit-form { grid-template-columns: 1fr 1fr; }
    .order-edit-wide, .order-edit-form button { grid-column: 1 / -1; }
    .metric-grid article { min-height: 112px; padding: 14px; }
    .metric-grid strong { font-size: 25px; }
    .dash-panel { padding: 16px; }
    .panel-heading { align-items: flex-start; flex-direction: column; }
    .create-product-grid { grid-template-columns: 1fr 1fr; }
    .cms-form, .cms-record, .product-edit-form { grid-template-columns: 1fr 1fr; }
    .product-edit-form .product-edit-wide, .cms-form .cms-wide, .cms-form button, .cms-record .cms-wide { grid-column: 1 / -1; }
    .cms-record button { grid-column: 1 / -1; }
    .order-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 4px; }
    .order-timeline::before { display: none; }
    .order-detail-grid { grid-template-columns: 1fr 1fr; }
    .admin-modal .create-product-grid, .admin-modal .cms-record { grid-template-columns: 1fr 1fr; }
    .account-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
}
@media (max-width: 480px) {
    .dash-top > div > span { display: none; }
    .auth-card { padding: 25px; }
    .profile-form { grid-template-columns: 1fr; }
    .cms-form, .cms-record, .product-edit-form, .password-form { grid-template-columns: 1fr; }
    .product-edit-form .product-edit-wide, .cms-form .cms-wide, .cms-form button, .cms-record .cms-wide, .password-form button { grid-column: auto; }
    .product-admin-card > summary { flex-direction: column; }
    .profile-form .wide-field, .profile-form button { grid-column: auto; }
    .create-product-grid { grid-template-columns: 1fr; }
    .customer-product-grid { grid-template-columns: 1fr; }
    .order-edit-form { grid-template-columns: 1fr; }
    .create-product-grid button { grid-column: auto; }
    .admin-modal .create-product-grid, .admin-modal .cms-record, .customer-detail-grid { grid-template-columns: 1fr; }
    .admin-modal .product-edit-wide, .admin-modal .cms-wide, .admin-modal .cms-record button { grid-column: auto; }
    .account-card { padding: 13px; }
    .account-card-heading { flex-direction: column; }
    .account-card-heading > small { text-align: left; }
    .account-card dl { grid-template-columns: 1fr; }
    .account-card .account-card-address { grid-column: auto; }
    .customer-order { padding: 13px; }
    .customer-order-heading h3 { font-size: 16px; }
    .order-detail-grid { grid-template-columns: 1fr; }
    .chat-activity article { flex-wrap: wrap; }
    .activity-list article { flex-wrap: wrap; }
    .activity-list time { width: 100%; margin-left: 0; }
}
.maintenance-toggle { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; gap: 11px !important; padding: 13px; border: 1px solid #e5ddd2; background: #fffdf9; }
.maintenance-toggle input { width: 17px !important; min-height: 17px; margin-top: 1px; accent-color: #543620; }
.maintenance-toggle span { display: grid; gap: 5px; }
.maintenance-toggle small { color: #837970; font-weight: 400; line-height: 1.6; }