/* Shared visual tokens. Business state and semantic danger colors stay intact. */
body.dhh-ui {
  --ui-accent: #087f8c; --ui-accent-hover: #066773; --ui-accent-soft: #e8f3f3;
  --ui-ink: #26383f; --ui-muted: #5c7179; --ui-line: #dce5e8;
  --ui-page: #f5f7f8; --ui-paper: #fff; --ui-danger: #bd4436;
  --ui-focus: #087f8c35;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  color: var(--ui-ink); background: var(--ui-page); letter-spacing: 0; line-height: 1.6;
}
.dhh-ui *, .dhh-ui *::before, .dhh-ui *::after { box-sizing: border-box; letter-spacing: 0 !important; }
.dhh-ui [hidden] { display: none !important; }
.dhh-ui :is(button, input, select, textarea) { font-family: inherit; }
.dhh-ui :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
.dhh-ui :is(button, input, select, textarea):disabled { cursor: not-allowed; }
.dhh-ui button[aria-busy=true] { cursor: wait; }
.dhh-ui :is(input[type=checkbox], input[type=radio]) { accent-color: var(--ui-accent); }
.dhh-ui :is(.fc-input, .field, .auth-input, .order-sheet-input, .cart-qty, .cart-step-btn) { border-radius: 5px; border-color: var(--ui-line); background: #fff; box-shadow: none; }
.dhh-ui :is(.fc-input, .field, .auth-input, .order-sheet-input):focus { border-color: var(--ui-accent) !important; box-shadow: 0 0 0 3px var(--ui-focus) !important; }
.dhh-ui :is(.fc-btn, .button, .primary, .secondary, .query-secondary, .copy, .checkout-dialog-btn, .order-dialog-btn) { border-radius: 5px; box-shadow: none; font-weight: 600; text-transform: none; transition: background-color .15s, border-color .15s, color .15s; }
.dhh-ui :is(.fc-btn-primary, .button-primary, .primary:not(.confirm-payment), .checkout-dialog-btn-primary, .order-dialog-btn-primary) { background: var(--ui-accent); border-color: var(--ui-accent); color: #fff; box-shadow: none; }
.dhh-ui :is(.fc-btn-primary, .button-primary, .primary:not(.confirm-payment), .checkout-dialog-btn-primary, .order-dialog-btn-primary):hover:not(:disabled) { background: var(--ui-accent-hover); border-color: var(--ui-accent-hover); transform: none; color: #fff; }
.dhh-ui :is(.fc-btn-light, .button:not(.button-primary), .secondary, .query-secondary) { background: #fff; color: #506972; border-color: var(--ui-line); }
.dhh-ui :is(.fc-btn-light, .button:not(.button-primary), .secondary, .query-secondary):hover:not(:disabled) { background: #edf5f5; color: var(--ui-accent); border-color: #a8c9ce; transform: none; }
.dhh-ui .fc-btn-danger { color: #a5493c; background: #fff; border: 1px solid #eed9d4; }
.dhh-ui .fc-btn-danger:hover:not(:disabled) { background: #fff2ee; }
.dhh-ui :is(.topbar, .query-header) { background: #fff; border-bottom-color: var(--ui-line); }
.dhh-ui :is(.nav-inner, .query-header > div) { min-height: 82px; }
.dhh-ui :is(.home-link, .query-nav a, .text-btn, .locate) { color: var(--ui-accent); }
.dhh-ui :is(.page-heading h1, .query-title h1) { font-size: 28px; font-weight: 700; color: var(--ui-ink); }
.dhh-ui :is(.page-heading, .query-title) { margin-bottom: 24px; }
.dhh-ui :is(.notice, .cart-notice, .query-hint, .list-feedback) { border-radius: 4px; font-size: 13px; }

/* All SweetAlert dialogs: solid surfaces, compact titles, coherent form states. */
.dhh-ui .swal2-container { background: #182e3961 !important; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); padding: 16px; }
.dhh-ui .swal2-popup { background: #fff !important; color: var(--ui-ink) !important; border: 1px solid #d9e3e7 !important; border-radius: 8px !important; box-shadow: 0 22px 80px #142f392b !important; max-width: calc(100vw - 32px); }
.dhh-ui .swal2-popup:not(.swal2-toast) { max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; }
.dhh-ui .swal2-popup .swal2-title { font-size: 21px !important; line-height: 1.45 !important; font-weight: 700 !important; color: var(--ui-ink) !important; padding-top: 24px; }
.dhh-ui .swal2-html-container { font-size: 14px !important; line-height: 1.7; color: #5b717a !important; overflow-wrap: anywhere; }
.dhh-ui .swal2-close { width: 36px; height: 36px; margin: 8px; border-radius: 5px; color: #84979e !important; font-size: 28px; }
.dhh-ui .swal2-close:hover { color: #405d67 !important; background: #edf3f5; transform: none; }
.dhh-ui .swal2-actions { gap: 10px; }
.dhh-ui :is(.swal2-confirm, .swal2-cancel, .swal2-deny) { min-height: 40px; padding: 10px 20px; font-size: 14px; font-weight: 600; border-radius: 5px !important; box-shadow: none !important; }
.dhh-ui .swal2-confirm:not([style*="background-color"]) { background: var(--ui-accent) !important; }
.dhh-ui .swal2-cancel { color: #5b717a !important; border: 1px solid var(--ui-line) !important; background: #f5f8f9 !important; }
.dhh-ui .swal2-deny { background: var(--ui-danger) !important; }
.dhh-ui .swal2-styled:hover { background-image: none !important; filter: brightness(.97); }
.dhh-ui :is(.swal2-input, .swal2-textarea, .swal2-select) { font-size: 14px !important; border: 1px solid var(--ui-line) !important; border-radius: 5px !important; background: #fff !important; color: var(--ui-ink) !important; box-shadow: none !important; }
.dhh-ui .swal2-input { height: 44px; }
.dhh-ui :is(.swal2-input, .swal2-textarea, .swal2-select):focus { border-color: var(--ui-accent) !important; box-shadow: 0 0 0 3px var(--ui-focus) !important; }
.dhh-ui .swal2-validation-message { color: #a14436; background: #fff2ed; border-top: 1px solid #f0dcd3; font-size: 13px; font-weight: 500; }
.dhh-ui .swal2-icon { transform: scale(.85); margin-top: 24px; margin-bottom: 4px; }
.dhh-ui .swal2-popup label { line-height: 1.6; }
.dhh-ui .swal2-html-container table { border-collapse: collapse; }
.dhh-ui .swal2-html-container :is(th, td) { padding: 11px 12px; border-bottom: 1px solid var(--ui-line); font-size: 12px; line-height: 1.6; }
.dhh-ui .swal2-html-container th { background: #eef3f5 !important; color: #607780 !important; }
.dhh-ui .swal2-html-container textarea[readonly] { font-family: ui-monospace, Consolas, monospace; line-height: 1.8; background: #f7fafb !important; }
.dhh-ui .swal2-toast { border-left: 3px solid var(--ui-accent) !important; }

/* Member login, registration and checkout dialogs share the same rhythm. */
.dhh-ui .auth-tab { min-height: 42px; font-size: 14px; border-radius: 0; }
.dhh-ui .auth-tab.active { color: var(--ui-accent); border-bottom-color: var(--ui-accent); }
.dhh-ui .auth-row { text-align: left; margin-bottom: 16px; }
.dhh-ui .auth-label { color: #62777e; font-size: 12px; }
.dhh-ui .auth-input { height: 43px; font-weight: 400; }
.dhh-ui .auth-btn { border-radius: 5px; min-height: 43px; }
.dhh-ui :is(.auth-btn-login, .auth-btn-reg) { background: var(--ui-accent); }
.dhh-ui .auth-link { color: var(--ui-accent); }
.dhh-ui .auth-captcha img { border-radius: 4px; }
.dhh-ui .auth-input[aria-invalid=true] { border-color: #bd4436 !important; }
.dhh-ui .auth-field-error { color: #a44437; }
.dhh-ui .checkout-order-popup .order-dialog-actions { background: #f5f8f9; }
.dhh-ui .order-sheet-rule-chip.active { background: var(--ui-accent-soft); border-color: #acd0d3; color: var(--ui-accent); }
.dhh-ui .order-submit-status { background: #edf6f6; border-color: #b9d9dc; color: #306975; }
.dhh-ui .order-submit-spinner { border-color: #087f8c30; border-top-color: var(--ui-accent); }
.dhh-ui .order-dialog-btn-primary .order-submit-spinner { border-color: #ffffff45; border-top-color: #fff; }
.dhh-ui .checkout-sheet-hero { background: #edf5f5; color: var(--ui-ink); border-radius: 0; box-shadow: none; border-block: 1px solid var(--ui-line); }
.dhh-ui .checkout-sheet-badge { background: none; color: var(--ui-muted); padding-left: 0; }
.dhh-ui .checkout-sheet-hero-item { border-radius: 0; background: transparent; padding-left: 0; }
.dhh-ui .checkout-sheet-card { background: none; padding: 16px 0; border: 0; border-radius: 0; }
.dhh-ui .checkout-sheet-tip { background: #eef6f6; color: #386f77; border-radius: 4px; }
.dhh-ui .checkout-dialog-popup { border-radius: 8px; }
.dhh-ui .checkout-dialog-title { text-align: left; }

/* Product detail, cart and order delivery surfaces. */
.dhh-ui .product-detail-view { background: var(--ui-page); }
.dhh-ui .product-detail-hero { box-shadow: none; border-radius: 0; border-inline: 0; padding: 28px 0; background: transparent; }
.dhh-ui .product-detail-media { border: 0; border-radius: 0; background: #fff; }
.dhh-ui .product-detail-purchase h1 { font-size: 28px; font-weight: 700; line-height: 1.5; }
.dhh-ui .product-detail-category { background: var(--ui-accent-soft); border-color: #c9e0e2; color: var(--ui-accent); border-radius: 4px; font-weight: 600; }
.dhh-ui .product-detail-price { color: #c44c36; font-size: 34px; font-weight: 700; }
.dhh-ui .product-detail-checkout { background: transparent; border: 0; border-top: 1px solid var(--ui-line); padding: 20px 0 0; border-radius: 0; }
.dhh-ui .product-detail-checkout-heading h2 { font-weight: 650; }
.dhh-ui .product-detail-rules { background: #eef5f5; border: 0; border-radius: 0; }
.dhh-ui .product-detail-rules-title { color: #54717b; }
.dhh-ui .product-detail-rule-chip { border-color: #cfdee2; color: #5c747e; border-radius: 4px; }
.dhh-ui .product-detail-rule-chip.active { background: var(--ui-accent-soft); border-color: var(--ui-accent); color: var(--ui-accent); }
.dhh-ui .product-detail-summary { background: transparent; border: 0; padding: 0; }
.dhh-ui .product-detail-summary .product-detail-total { font-size: 23px; color: #c44c36; }
.dhh-ui .product-detail-submit { background: var(--ui-accent); border-radius: 5px; box-shadow: none; font-weight: 600; min-height: 46px; }
.dhh-ui .product-detail-submit:hover:not(:disabled) { background: var(--ui-accent-hover); box-shadow: none; }
.dhh-ui .product-detail-submit.is-unavailable { background: #7e9098; }
.dhh-ui .product-detail-description { border-color: var(--ui-line); padding: 28px; }
.dhh-ui .product-detail-description-heading h2 { font-size: 21px; font-weight: 650; }
.dhh-ui .cart-card { background: #fff; box-shadow: none; border-color: var(--ui-line); border-radius: 8px; }
.dhh-ui .cart-summary-panel { background: #f3f8f8; border-color: var(--ui-line); border-radius: 0; }
.dhh-ui .cart-step-btn, .dhh-ui .cart-qty { border-radius: 4px; }
.dhh-ui .cart-notice { background: #edf5f5; color: #48717a; border-color: #c8dcdf; }
.dhh-ui .cart-stock-error { background: #fff2ee; color: #ac4b3a; }
.dhh-ui .cart-row { padding-block: 22px; }
.dhh-ui[data-ui-page=cart] #cart-summary .text-indigo-600 { color: #c44c36; }
.dhh-ui .query-search { border-top: 2px solid var(--ui-accent); background: #fff; }
.dhh-ui .query-help { background: #f5f8f9; }
.dhh-ui .query-result-card { box-shadow: none; border-color: var(--ui-line); border-radius: 8px; }
.dhh-ui #order-result :is([data-action=copy], [data-action=download]) { border-radius: 5px; box-shadow: none; transform: none; }
.dhh-ui #order-result [data-action=copy] { background: var(--ui-accent); }
.dhh-ui #order-result [data-field=card] { line-height: 1.8; }
.dhh-ui[data-ui-page=profile] .overview { border-top: 2px solid var(--ui-accent); padding-block: 28px; }
.dhh-ui[data-ui-page=profile] .account-avatar { width: 104px; margin-right: 6px; }
.dhh-ui[data-ui-page=profile] .account-name { color: #25424d; }
.dhh-ui[data-ui-page=profile] .metric .level { color: #287b86; }
.dhh-ui[data-ui-page=profile] .spent { color: #bd523a; }
.dhh-ui[data-ui-page=profile] .order-row { border-color: var(--ui-line); box-shadow: 0 2px 4px #233c4503; }
.dhh-ui[data-ui-page=profile] .order-price strong { color: #bd523a; }
.dhh-ui[data-ui-page=profile] .security { border-left-color: var(--ui-line); }
.dhh-ui[data-ui-page=profile] .tabs button[aria-pressed=true] { color: var(--ui-accent); border-color: var(--ui-accent); }
.dhh-ui[data-ui-page=profile] .date-range button[aria-pressed=true] { color: var(--ui-accent); background: var(--ui-accent-soft); }
.dhh-ui[data-ui-page=profile] .card-content { background: #f5f8f9; }

/* Cashier: preserve the exact amount and QR geometry. */
.dhh-ui[data-ui-page=payment] .cashier { border-top: 2px solid var(--ui-accent); box-shadow: 0 4px 20px #233c4505; }
.dhh-ui[data-ui-page=payment] .checkout { background: #f7fafb; }
.dhh-ui[data-ui-page=payment] .confirm-payment { background: var(--ui-accent-soft); color: var(--ui-accent); border-color: #bfdadc; }
.dhh-ui[data-ui-page=payment] .copy { color: var(--ui-accent); background: #f0f7f7; border-color: #cce0e2; }
.dhh-ui[data-ui-page=payment] :is(.nav-link, .action-links a):hover { color: var(--ui-accent); }
.dhh-ui[data-ui-page=payment] .steps li:first-child,
.dhh-ui[data-ui-page=payment]:has(#confirmationState:not([hidden])) .steps li:nth-child(2) { color: var(--ui-accent); }
.dhh-ui[data-ui-page=payment] .steps li:first-child .step-number,
.dhh-ui[data-ui-page=payment]:has(#confirmationState:not([hidden])) .steps li:nth-child(2) .step-number { background: var(--ui-accent); border-color: var(--ui-accent); color: #fff; }
.dhh-ui dialog { border-color: var(--ui-line); border-radius: 8px; box-shadow: 0 22px 80px #142f3930; }
.dhh-ui dialog::backdrop { background: #182e3961; backdrop-filter: blur(3px); }
.dhh-ui .dialog-heading { border-bottom: 1px solid var(--ui-line); padding-bottom: 16px; }
.dhh-ui .dialog-heading h2 { font-size: 21px; }
.dhh-ui .dialog-price strong { color: #bd4436; }

/* Admin shell and all its resource-management panels. */
.dhh-ui[data-ui-page=admin] #sidebar { width: 232px; flex: 0 0 232px; background: #fff !important; border-color: var(--ui-line) !important; }
.dhh-ui[data-ui-page=admin] #sidebar .nav-item { min-height: 42px; border: 1px solid transparent; border-radius: 5px; padding: 10px 13px; font-size: 13px; font-weight: 550; color: #5d747e; }
.dhh-ui[data-ui-page=admin] #sidebar .nav-item svg { width: 18px; height: 18px; }
.dhh-ui[data-ui-page=admin] #sidebar .nav-item:hover { background: #f1f6f7; color: var(--ui-accent); }
.dhh-ui[data-ui-page=admin] #sidebar .nav-item.active { background: var(--ui-accent-soft); border-color: #c7dfe1; color: var(--ui-accent); font-weight: 650; }
.dhh-ui[data-ui-page=admin] #sidebar .nav-group-title { color: #94a4aa; font-size: 11px; font-weight: 500; padding: 22px 13px 9px; }
.dhh-ui[data-ui-page=admin] #sidebar .nav-group-title { color: #667a83; }
.dhh-ui[data-ui-page=admin] #sidebar > div:first-child { height: 72px; }
.dhh-ui[data-ui-page=admin] #sidebar > div:first-child span { font-size: 17px; }
.dhh-ui[data-ui-page=admin] > main > header { height: 72px; background: #fff !important; border-color: var(--ui-line); padding-inline: 28px; }
.dhh-ui[data-ui-page=admin] #page-title { font-size: 19px; font-weight: 650; color: var(--ui-ink) !important; }
.dhh-ui[data-ui-page=admin] #main-scroll-area { background: var(--ui-page); padding: 28px; }
.dhh-ui[data-ui-page=admin] :is(.glass-panel, .glass-card) { box-shadow: none; border: 1px solid var(--ui-line); border-radius: 6px; }
.dhh-ui[data-ui-page=admin] .glass-panel { background: #fff; }
.dhh-ui[data-ui-page=admin] .glass-card { background: #fff; }
.dhh-ui[data-ui-page=admin] .glass-card:hover { transform: none; border-color: #b0ced4; box-shadow: 0 3px 10px #18394308; }
.dhh-ui[data-ui-page=admin] .glass-panel .glass-panel { border: 0; box-shadow: none; }
.dhh-ui[data-ui-page=admin] main h2 { font-size: 21px !important; font-weight: 650; }
.dhh-ui[data-ui-page=admin] main h3 { font-weight: 650; }
.dhh-ui[data-ui-page=admin] #main-scroll-area :is(.font-black, .font-extrabold) { font-weight: 650; }
.dhh-ui[data-ui-page=admin] #main-scroll-area :is(.font-mono, .tracking-widest, .uppercase) { letter-spacing: 0 !important; }
.dhh-ui[data-ui-page=admin] #main-scroll-area .font-mono { font-size: 12px; }
.dhh-ui[data-ui-page=admin] :is(#stat-sales, #stat-order, #stat-uv, #dash-cal-month-sales, #dash-cal-month-orders) { font-family: inherit; font-weight: 700; font-variant-numeric: tabular-nums; }
.dhh-ui[data-ui-page=admin] #stat-sales { color: #16836d !important; }
.dhh-ui[data-ui-page=admin] #stat-order { color: #087f8c !important; }
.dhh-ui[data-ui-page=admin] #stat-uv { color: #ad7740 !important; }
.dhh-ui[data-ui-page=admin] #tab-dashboard .glass-card > .absolute { opacity: .06; }
.dhh-ui[data-ui-page=admin] main thead { background: #f1f6f7 !important; color: #69818b !important; }
.dhh-ui[data-ui-page=admin] main th { padding-top: 13px; padding-bottom: 13px; font-size: 12px; }
.dhh-ui[data-ui-page=admin] main td { border-bottom-color: #e7edf0; font-size: 13px; padding-top: 15px; padding-bottom: 15px; }
.dhh-ui[data-ui-page=admin] main tbody tr:hover { background: #f4f9fa !important; }
.dhh-ui[data-ui-page=admin] main table td:last-child button { border-radius: 4px; font-size: 12px; padding: 6px 10px; box-shadow: none; }
.dhh-ui[data-ui-page=admin] main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea) { border-color: var(--ui-line) !important; border-radius: 5px; box-shadow: none; font-weight: 400; font-size: 13px; }
.dhh-ui[data-ui-page=admin] main :is(input, select, textarea):focus { border-color: var(--ui-accent) !important; }
.dhh-ui[data-ui-page=admin] main input[type=checkbox] { accent-color: var(--ui-accent); }
.dhh-ui[data-ui-page=admin] :is(.bg-indigo-600, .bg-blue-600) { background-color: var(--ui-accent) !important; }
.dhh-ui[data-ui-page=admin] :is(button, a).bg-slate-700 { background: #edf3f5 !important; color: #506d79 !important; border: 1px solid #d8e4e8; }
.dhh-ui[data-ui-page=admin] :is(.text-indigo-400, .text-indigo-500, .text-indigo-600, .text-blue-400, .text-blue-600) { color: var(--ui-accent) !important; }
.dhh-ui[data-ui-page=admin] main button:not(.admin-picker-options button) { border-radius: 4px; box-shadow: none; }
.dhh-ui[data-ui-page=admin] :is(.admin-picker-trigger, .admin-picker-panel) { border-color: var(--ui-line); border-radius: 5px; }
.dhh-ui[data-ui-page=admin] .admin-picker-trigger:hover { border-color: #8fbec5; }
.dhh-ui[data-ui-page=admin] .admin-picker-trigger[aria-expanded=true] { border-color: var(--ui-accent); box-shadow: 0 0 0 3px var(--ui-focus); }
.dhh-ui[data-ui-page=admin] .admin-picker-panel { box-shadow: 0 8px 28px #18394321; }
.dhh-ui[data-ui-page=admin] .admin-picker-options button[aria-selected=true] { background: var(--ui-accent-soft); color: var(--ui-accent); }
.dhh-ui[data-ui-page=admin] .admin-picker-options button:hover,
.dhh-ui[data-ui-page=admin] .admin-picker-options button.is-active { background: #f0f6f7; }
.dhh-ui[data-ui-page=admin] .admin-user-tabs button[aria-selected=true] { color: var(--ui-accent); border-color: var(--ui-accent); }
.dhh-ui[data-ui-page=admin] :is(#prod-modal, #bulk-edit-prod-modal) { background: #182e397a; backdrop-filter: blur(3px); padding: 16px; }
.dhh-ui[data-ui-page=admin] :is(#prod-modal, #bulk-edit-prod-modal) > div { border: 1px solid var(--ui-line); border-radius: 8px; box-shadow: 0 22px 80px #142f392b; max-height: calc(100dvh - 32px); }
.dhh-ui[data-ui-page=admin] #bulk-edit-prod-modal > div { overflow-y: auto; }
.dhh-ui[data-ui-page=admin] :is(#prod-modal, #bulk-edit-prod-modal) h2 { font-size: 21px; font-weight: 650; }
.dhh-ui[data-ui-page=admin] :is(#prod-modal, #bulk-edit-prod-modal) :is(input, textarea, select) { border-color: var(--ui-line) !important; border-radius: 5px; }
.dhh-ui[data-ui-page=admin] .product-editor-mode.active { background: var(--ui-accent); }
.dhh-ui[data-ui-page=admin] .product-editor-tool:hover { color: var(--ui-accent); }
.dhh-ui[data-ui-page=admin] #withdraw-result-area { border-left-color: #15937b; }
.dhh-ui[data-ui-page=admin] #withdraw-result { font-size: 12px; line-height: 1.8; background: #f7fafb; }
.dhh-ui[data-ui-page=admin] #tab-withdraw .bg-slate-700\/60 { border: 1px solid var(--ui-line); border-radius: 4px; background: #f8fafb !important; }
.dhh-ui[data-ui-page=admin] #tab-withdraw #withdraw-history-area { background: transparent; border: 0; border-top: 1px solid var(--ui-line); border-radius: 0; padding-inline: 0; }
.dhh-ui[data-ui-page=admin] #bulk-action-bar { box-shadow: 0 -5px 20px #223f480d; border-top: 1px solid #c5dce0 !important; background: #f4fafa !important; }
.dhh-ui[data-ui-page=admin] #tab-import textarea { font-family: ui-monospace, Consolas, monospace; line-height: 1.8; }
.dhh-ui[data-ui-page=admin] #tab-import input[type=file]::file-selector-button { border: 1px solid #bfd9dc; border-radius: 4px; background: #e8f3f3; color: var(--ui-accent); padding: 8px 12px; margin-right: 12px; cursor: pointer; }

/* Dedicated sign-in and reset pages. */
.dhh-ui.ui-auth-page { min-height: 100dvh; padding: 24px; background: #f2f6f7; }
.dhh-ui .ui-auth-shell { width: 100%; max-width: 420px; padding: 32px; border: 1px solid var(--ui-line); border-top: 3px solid var(--ui-accent); border-radius: 8px; background: #fff; box-shadow: 0 10px 32px #23424b08; }
.dhh-ui .ui-auth-shell h1 { font-size: 23px; color: var(--ui-ink); font-weight: 700; }
.dhh-ui .ui-auth-shell input { border-radius: 5px; border-color: var(--ui-line); min-height: 44px; font-size: 15px; }
.dhh-ui .ui-auth-shell label { color: #627981; font-size: 13px; }
.dhh-ui .ui-auth-shell button[type=submit] { min-height: 44px; border-radius: 5px; box-shadow: none; background: var(--ui-accent); font-weight: 600; }
.dhh-ui .ui-auth-shell a { color: var(--ui-accent); font-size: 13px; }
.ui-auth-error { color: #a84436; background: #fff2ee; border-left: 3px solid #c05a46; padding: 10px 12px; font-size: 13px; line-height: 1.6; }
.ui-access-success { text-align: center; padding: 16px 0; }
.ui-access-success h2 { color: #14826c; font-size: 20px; margin-bottom: 10px; }
.ui-access-success p { color: #6e858c; font-size: 14px; margin-bottom: 24px; }
.dhh-ui .ui-auth-shell .ui-access-success a { color: #fff; }
.dhh-ui :is(.metric-label, .order-meta, .card-state, .security-list dt, .muted, .eyebrow, .help, .hint, .note, .query-help p) { color: #5c7179; }
@media (max-width: 767px) {
  .dhh-ui .swal2-container { padding: 10px; }
  .dhh-ui .swal2-popup { max-width: calc(100vw - 20px); }
  .dhh-ui .swal2-popup:not(.swal2-toast) { max-height: calc(100dvh - 20px); }
  .dhh-ui .swal2-popup .swal2-title { font-size: 19px !important; }
  .dhh-ui .swal2-html-container { margin-inline: 16px; }
  .dhh-ui :is(.swal2-confirm, .swal2-cancel) { padding-inline: 16px; }
  .dhh-ui[data-ui-page=admin] #main-scroll-area { padding: 18px 12px; }
  .dhh-ui[data-ui-page=admin] > main > header { height: 64px; padding-left: 64px; padding-right: 16px; }
  .dhh-ui[data-ui-page=admin] #page-title { font-size: 17px; }
  .dhh-ui[data-ui-page=admin] #sidebar { width: 232px; }
  .dhh-ui[data-ui-page=admin] :is(#prod-modal, #bulk-edit-prod-modal) { padding: 10px; }
  .dhh-ui[data-ui-page=admin] :is(#prod-modal, #bulk-edit-prod-modal) > div { padding: 20px 16px; }
  .dhh-ui[data-ui-page=admin] #main-scroll-area .glass-panel { padding-left: 14px; padding-right: 14px; }
  .dhh-ui[data-ui-page=admin] main table { min-width: 720px; }
  .dhh-ui[data-ui-page=profile] .overview { padding-block: 20px; }
  .dhh-ui .ui-auth-shell { padding: 26px 22px; }
  .dhh-ui .product-detail-purchase h1 { font-size: 22px; }
  .dhh-ui .product-detail-description { padding: 20px 16px; }
  .dhh-ui :is(.nav-inner, .query-header > div) { min-height: 66px; }
}
@media (prefers-reduced-motion: reduce) {
  .dhh-ui *, .dhh-ui *::before, .dhh-ui *::after { scroll-behavior: auto !important; transition: none !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}