/* Pixel3DLab v13: charcoal dark theme, admin order accordions, compact glass controls, and footer baseline fix. */
:root {
  --pxh-v13-charcoal: #202225;
  --pxh-v13-steel: #3c4045;
  --pxh-v13-dark-muted: #aeb3ba;
}
[data-theme="dark"] {
  --bg-color: #151618;
  --header-bg: rgba(27, 29, 32, .94);
  --header-border: rgba(139, 145, 153, .23);
  --card-bg: #202225;
  --text-main: #e7e8ea;
  --text-muted: #aeb3ba;
  --border-color: #3b3e43;
  --hover-bg: #2a2d31;
  --color-blue: #9eb2c9;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.16);
  --shadow-md: 0 8px 24px rgba(0,0,0,.22);
  --pl-line: rgba(165, 171, 180, .22);
  --pl-glass: rgba(34, 36, 40, .82);
  --pl-glass-strong: rgba(28, 30, 33, .96);
  --pl-legacy-glass-light: rgba(30, 32, 35, .82);
  --pl-legacy-glass-strong-light: rgba(27, 29, 32, .97);
  --pl-legacy-line-light: rgba(158, 164, 173, .22);
  --pxh-page-glass: rgba(31, 33, 36, .86);
  --pxh-page-line: rgba(150, 156, 165, .22);
  --pxh-v12-blue: #a3b7cc;
  --pxh-v12-blue-soft: rgba(150, 171, 195, .11);
  --pxh-v12-border: rgba(155, 161, 170, .25);
  --pxh-v12-surface: rgba(31, 33, 36, .94);
  --pxh-v12-surface-raised: rgba(39, 41, 45, .96);
  --pxh-v12-muted: #aeb3ba;
  --input-bg: #1b1d20;
  --input-border: #484c52;
}
html { min-height: 100%; background: var(--bg-color); }
body { background-color: var(--bg-color); }
[data-theme="dark"] body.pxh-home-page,
[data-theme="dark"] body.pxh-inner-page { background: #151618 !important; }
[data-theme="dark"] body.pxh-home-page::before { opacity: .08 !important; }
[data-theme="dark"] .pxh-inner-main,
[data-theme="dark"] #pxh-main-content,
[data-theme="dark"] .pxh-home { background-color: transparent; }
[data-theme="dark"] .pxh-footer { background: #1b1d20 !important; border-top-color: #383b40 !important; }
[data-theme="dark"] .pxh-footer-bottom { border-top-color: rgba(157,163,171,.18) !important; }
[data-theme="dark"] .pxh-inner-page .card,
[data-theme="dark"] .pxh-inner-page .pxh-form-card,
[data-theme="dark"] .pxh-account-dock,
[data-theme="dark"] .pxh-account-dock-links,
[data-theme="dark"] .pxh-mini-chat-panel.pxh-mini-chat-integrated-panel,
[data-theme="dark"] .pxh-mini-chat-header {
  background: rgba(32, 34, 37, .91) !important;
  border-color: #42464c !important;
  color: var(--text-main) !important;
}
[data-theme="dark"] .pxh-inner-page .card,
[data-theme="dark"] .pxh-admin-overview,
[data-theme="dark"] .pxh-order-status-group {
  box-shadow: 0 5px 16px rgba(0,0,0,.18) !important;
}
[data-theme="dark"] .pxh-inner-page input:not([type=checkbox]):not([type=radio]),
[data-theme="dark"] .pxh-inner-page select,
[data-theme="dark"] .pxh-inner-page textarea,
[data-theme="dark"] dialog.pxh-dialog input,
[data-theme="dark"] dialog.pxh-dialog textarea,
[data-theme="dark"] dialog.pxh-dialog select {
  background: #1b1d20 !important;
  border-color: #494d53 !important;
  color: #e7e8ea !important;
  box-shadow: none !important;
}
[data-theme="dark"] .pxh-button-secondary,
[data-theme="dark"] .pxh-admin-shortcut,
[data-theme="dark"] .pxh-admin-metric,
[data-theme="dark"] .pxh-order-quick-summary {
  background: rgba(48, 50, 54, .7) !important;
  border-color: rgba(155, 161, 170, .22) !important;
  color: var(--text-main) !important;
}
[data-theme="dark"] .pxh-admin-shortcut:hover,
[data-theme="dark"] .pxh-order-quick-summary:hover { background: rgba(61, 64, 69, .76) !important; border-color: #62676f !important; }
[data-theme="dark"] .pxh-admin-metric-icon,
[data-theme="dark"] .pxh-admin-shortcut-icon { background: rgba(150, 164, 181, .12) !important; color: #bdc8d5 !important; border-color: rgba(155,161,170,.22) !important; }
[data-theme="dark"] .pxh-order-status.is-new,
[data-theme="dark"] .pxh-order-card.is-new .pxh-order-status { background: rgba(148,163,184,.13) !important; color: #c4ced9 !important; }
[data-theme="dark"] .pxh-order-status.is-progress,
[data-theme="dark"] .pxh-order-card.is-progress .pxh-order-status { background: rgba(196,157,100,.12) !important; color: #dfc69d !important; }
[data-theme="dark"] .pxh-order-status.is-done,
[data-theme="dark"] .pxh-order-card.is-done .pxh-order-status { background: rgba(123,163,139,.13) !important; color: #b9d7c5 !important; }
[data-theme="dark"] dialog.pxh-dialog,
[data-theme="dark"] dialog.pxh-glass-native-dialog {
  background: linear-gradient(145deg, rgba(39,41,45,.97), rgba(27,29,32,.96)) !important;
  border-color: rgba(160,166,175,.28) !important;
  color: #e7e8ea !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
[data-theme="dark"] dialog.pxh-dialog::backdrop,
[data-theme="dark"] dialog.pxh-glass-native-dialog::backdrop { background: rgba(5,6,8,.66) !important; }
[data-theme="dark"] .pxh-admin-modal .pxh-modal-kicker { color: #b6c1ce; }
[data-theme="dark"] .pxh-admin-modal .pxh-email-choice { background: rgba(53,56,61,.66); border-color: #4a4e55; }
[data-theme="dark"] .pxh-admin-modal .pxh-email-choice small { color: #b2b7be; }

/* Keep the footer attached to the bottom without imposing a second viewport height inside the page shell. */
html, body { min-height: 100%; }
body.pxh-home-page:not(.pxh-mini-chat-mode),
body.pxh-inner-page:not(.pxh-mini-chat-mode) { min-height: 100vh !important; min-height: 100dvh !important; height: auto !important; display: flex !important; flex-direction: column !important; }
body.pxh-home-page:not(.pxh-mini-chat-mode) #pxh-main-content,
body.pxh-inner-page:not(.pxh-mini-chat-mode) #pxh-main-content { display: flex !important; flex: 1 0 auto !important; flex-direction: column !important; width: 100% !important; min-height: 0 !important; height: auto !important; }
body.pxh-home-page:not(.pxh-mini-chat-mode) #pxh-main-content > #pxh-home { display: flex !important; flex: 1 0 auto !important; flex-direction: column !important; min-height: 0 !important; height: auto !important; }
body.pxh-home-page:not(.pxh-mini-chat-mode) #pxh-main-content > #pxh-home > .pxh-footer,
body.pxh-inner-page:not(.pxh-mini-chat-mode) #pxh-main-content > .pxh-inner-footer { flex: 0 0 auto !important; margin-top: auto !important; margin-bottom: 0 !important; }
body.pxh-inner-page:not(.pxh-mini-chat-mode) #pxh-main-content > .pxh-inner-main { min-height: 0 !important; flex: 1 0 auto !important; height: auto !important; }
body.pxh-home-page:not(.pxh-mini-chat-mode) > .pxh-footer { margin-top: auto !important; }

/* Wider right-anchored glass control centre: it expands to the left and gives the chat more horizontal room. */
.pxh-account-dock {
  width: min(540px, calc(100vw - 30px)) !important;
  border-color: rgba(125, 143, 163, .28) !important;
  background: rgba(247, 250, 253, .72) !important;
  box-shadow: 0 12px 34px rgba(20, 31, 46, .15), inset 0 1px 0 rgba(255,255,255,.58) !important;
  -webkit-backdrop-filter: blur(30px) saturate(135%) !important;
  backdrop-filter: blur(30px) saturate(135%) !important;
}
.pxh-account-dock-links {
  background: rgba(247, 250, 253, .44) !important;
  -webkit-backdrop-filter: blur(30px) saturate(135%) !important;
  backdrop-filter: blur(30px) saturate(135%) !important;
}
.pxh-account-dock-links .pxh-dock-actions { gap: 6px !important; }
.pxh-account-dock-links .pxh-dock-actions a { min-height: 38px !important; padding: 8px 10px !important; font-size: 11px !important; border-color: rgba(110,128,149,.22) !important; }
.pxh-mini-chat-panel.pxh-mini-chat-integrated-panel { height: min(390px, 43dvh) !important; min-height: 285px !important; border-radius: 14px !important; background: rgba(255,255,255,.65) !important; box-shadow: 0 5px 18px rgba(23,37,53,.08), inset 0 1px 0 rgba(255,255,255,.6) !important; -webkit-backdrop-filter: blur(28px) saturate(135%) !important; backdrop-filter: blur(28px) saturate(135%) !important; }
.pxh-mini-chat-header { background: rgba(255,255,255,.44) !important; }
.pxh-mini-chat-panel.is-fullscreen {
  position: fixed !important; inset: 0 !important; z-index: 50000 !important;
  display: flex !important; flex-direction: column !important;
  width: 100vw !important; max-width: 100vw !important;
  height: 100vh !important; height: 100dvh !important;
  min-height: 0 !important; max-height: none !important;
  margin: 0 !important; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
  box-sizing: border-box !important; overflow: hidden !important; border-radius: 0 !important;
  border: 0 !important; background: var(--pl-glass-strong, rgba(255,255,255,.96)) !important;
  box-shadow: none !important;
}
.pxh-mini-chat-panel.is-fullscreen .pxh-mini-chat-frame { display: block !important; flex: 1 1 0 !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; }
.pxh-mini-chat-panel:fullscreen { width: 100vw !important; height: 100vh !important; height: 100dvh !important; max-width: 100vw !important; max-height: none !important; border: 0 !important; border-radius: 0 !important; }
[data-theme="dark"] .pxh-account-dock { background: rgba(30,32,35,.76) !important; border-color: rgba(151,157,166,.32) !important; box-shadow: 0 14px 38px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.025) !important; }
[data-theme="dark"] .pxh-account-dock-links { background: rgba(28,30,33,.66) !important; }
[data-theme="dark"] .pxh-mini-chat-panel.pxh-mini-chat-integrated-panel { background: rgba(33,35,38,.79) !important; }
[data-theme="dark"] .pxh-mini-chat-header { background: rgba(30,32,35,.71) !important; }
[data-theme="dark"] .pxh-mini-chat-panel.is-fullscreen { background: #17191b !important; }

/* Admin dashboard: + new order, concise accordion rows, and readable status dialogs. */
.pxh-admin-shortcut-action { appearance: none; width: 100%; font: inherit; text-align: left; cursor: pointer; }
.pxh-admin-shortcut-action .pxh-admin-shortcut-arrow { color: var(--pl-accent, #647d99); }
.pxh-admin-order-create { border-top: 0 !important; }
.pxh-order-status-sections { display: grid; grid-template-columns: minmax(0,1fr); gap: 15px; width: 100%; }
.pxh-order-status-group { min-width: 0; }
.pxh-order-status-group .pxh-order-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
.pxh-order-accordion { width: 100%; min-width: 0; border: 1px solid var(--border-color); border-radius: 13px; background: var(--pl-glass, rgba(255,255,255,.56)); overflow: clip; }
.pxh-order-quick-summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 13px; align-items: center; min-height: 66px; padding: 12px 15px; list-style: none; cursor: pointer; background: rgba(240,244,248,.58); border-bottom: 1px solid transparent; }
.pxh-order-quick-summary::-webkit-details-marker { display: none; }
.pxh-order-quick-summary::marker { content: ""; }
.pxh-order-quick-title { display: grid; gap: 4px; min-width: 0; }
.pxh-order-quick-title strong { overflow: hidden; color: var(--text-main); font-size: 14px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.pxh-order-quick-title small { color: var(--text-muted); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.pxh-order-quick-meta { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; color: var(--text-muted); font-size: 11px; white-space: nowrap; }
.pxh-order-quick-meta > svg { width: 16px; height: 16px; transition: transform .18s ease; }
.pxh-order-accordion[open] > .pxh-order-quick-summary { border-bottom-color: var(--border-color); background: rgba(226,234,242,.54); }
.pxh-order-accordion[open] > .pxh-order-quick-summary .pxh-order-quick-meta > svg { transform: rotate(180deg); }
.pxh-order-accordion > .pxh-order-card { margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; padding: 17px !important; }
.pxh-order-accordion > .pxh-order-card:hover { box-shadow: none !important; transform: none !important; }
[data-theme="dark"] .pxh-order-accordion { border-color: #41454b; background: rgba(31,33,36,.74); }
[data-theme="dark"] .pxh-order-quick-summary { background: rgba(48,50,54,.58) !important; }
[data-theme="dark"] .pxh-order-accordion[open] > .pxh-order-quick-summary { background: rgba(58,61,66,.65) !important; border-bottom-color: #41454b; }
.pxh-admin-modal { max-width: min(640px, calc(100vw - 28px)) !important; }
.pxh-modal-kicker { margin-bottom: 8px; font-size: 10px; font-weight: 850; letter-spacing: .14em; color: #5e7893; }
.pxh-admin-modal h2 { margin: 0 0 10px; }
.pxh-admin-modal .pxh-muted { margin: 0 0 18px; }
.pxh-modal-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--border-color); }
.pxh-email-choice { display: flex; align-items: flex-start; gap: 11px; padding: 13px; border: 1px solid var(--border-color); border-radius: 12px; background: rgba(230,237,244,.50); cursor: pointer; }
.pxh-email-choice input { flex: 0 0 auto; width: 18px !important; height: 18px !important; margin-top: 2px; }
.pxh-email-choice span { display: grid; gap: 4px; }
.pxh-email-choice strong { font-size: 13px; }
.pxh-email-choice small { color: var(--text-muted); font-size: 12px; line-height: 1.5; }
.pxh-email-choice.is-disabled { opacity: .58; cursor: not-allowed; }

@media (min-width: 1100px) {
  .pxh-account-dock { width: min(560px, calc(100vw - 36px)) !important; }
  .pxh-mini-chat-panel.pxh-mini-chat-integrated-panel { height: min(420px, 44dvh) !important; }
}
@media (max-width: 900px), (pointer: coarse) {
  .pxh-account-dock { width: min(520px, calc(100vw - 20px)) !important; }
  .pxh-account-dock-links { max-height: min(88dvh, 850px) !important; }
  .pxh-mini-chat-panel.pxh-mini-chat-integrated-panel { height: min(48dvh, 440px) !important; min-height: 250px !important; }
}
@media (max-width: 620px) {
  .pxh-account-dock { width: calc(100vw - 14px) !important; right: max(7px,env(safe-area-inset-right)) !important; bottom: max(7px,env(safe-area-inset-bottom)) !important; }
  .pxh-order-quick-summary { grid-template-columns: minmax(0,1fr) auto; gap: 8px 10px; padding: 11px; }
  .pxh-order-quick-summary > .pxh-order-status { grid-column: 1 / -1; justify-self: start; }
  .pxh-order-quick-meta { grid-column: 2; grid-row: 2; }
  .pxh-order-quick-title { grid-column: 1; grid-row: 2; }
  .pxh-order-quick-title strong { white-space: normal; }
  .pxh-order-accordion > .pxh-order-card { padding: 12px !important; }
  .pxh-modal-actions { flex-direction: column-reverse; align-items: stretch; }
  .pxh-modal-actions .pxh-button { width: 100%; }
  .pxh-mini-chat-panel.pxh-mini-chat-integrated-panel { height: min(51dvh, 460px) !important; min-height: 230px !important; }
}

/* Bring the dark home hero and source-code backdrop away from navy/neon toward neutral graphite. */
[data-theme="dark"] .pxh-hero {
  background: linear-gradient(115deg, rgba(34,35,38,.98), rgba(24,25,27,.98) 55%, rgba(18,19,21,.99)) !important;
  border-bottom-color: rgba(164,168,174,.16) !important;
}
[data-theme="dark"] .pxh-hero::after { background: linear-gradient(90deg, transparent, rgba(175,180,186,.36), transparent) !important; opacity: .52 !important; }
[data-theme="dark"] .pxh-hero-grid { opacity: .10 !important; }
[data-theme="dark"] .pxh-home .pxh-tool-card,
[data-theme="dark"] .pxh-home .pxh-download-card,
[data-theme="dark"] .pxh-home .pxh-feature,
[data-theme="dark"] .pxh-home .pxh-community-panel {
  background-color: rgba(38,40,43,.66) !important;
  border-color: rgba(148,153,160,.21) !important;
}
[data-theme="dark"] .pxh-home .pxh-community-panel { background-image: linear-gradient(110deg, rgba(117,123,131,.07), rgba(59,62,67,.035) 55%, rgba(38,40,43,.62)) !important; }
[data-theme="dark"] .pxh-bg-code { color: rgba(177,181,187,.35) !important; text-shadow: none !important; }
[data-theme="dark"] .pxh-bg-ln { color: rgba(163,168,175,.25) !important; }
[data-theme="dark"] .pxh-lang-php .pxh-bg-text,
[data-theme="dark"] .pxh-lang-html .pxh-bg-text,
[data-theme="dark"] .pxh-lang-css .pxh-bg-text,
[data-theme="dark"] .pxh-lang-js .pxh-bg-text { color: rgba(181,185,191,.44) !important; }
[data-theme="dark"] .pxh-bg-line.is-comment .pxh-bg-text { color: rgba(157,163,169,.37) !important; }
[data-theme="dark"] .pxh-bg-line.is-lit { text-shadow: none !important; opacity: .60 !important; }
[data-theme="dark"] .pxh-kicker-dot,
[data-theme="dark"] .pxh-footer-status i { box-shadow: none !important; }


/* Pixel3DLab v14 — order capsules with compact always-visible admin actions. */
.pxh-order-accordion { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:start; overflow:visible; position:relative; border-radius:14px; }
.pxh-order-accordion > .pxh-order-quick-summary { grid-column:1; grid-row:1; min-width:0; min-height:76px; padding:13px 15px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; border:0; border-radius:14px 0 0 14px; background:transparent !important; }
.pxh-order-type-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; border:1px solid var(--border-color); background:rgba(148,163,184,.14); color:#64748b; }
.pxh-order-type-icon svg { width:19px; height:19px; stroke-width:2.1; }
.pxh-order-type-icon.is-new { color:#647f9a; background:rgba(122,151,180,.14); border-color:rgba(122,151,180,.28); }
.pxh-order-type-icon.is-progress { color:#a67b44; background:rgba(204,157,86,.14); border-color:rgba(204,157,86,.28); }
.pxh-order-type-icon.is-done { color:#54856b; background:rgba(105,166,129,.14); border-color:rgba(105,166,129,.28); }
.pxh-order-quick-title { min-width:0; gap:5px; }
.pxh-order-quick-title strong { font-size:14px; font-weight:750; }
.pxh-order-quick-title small { display:flex; flex-wrap:wrap; align-items:center; gap:4px; white-space:normal; line-height:1.45; }
.pxh-order-quick-status-label { font-weight:700; color:var(--text-muted); }
.pxh-order-quick-assignee { display:inline-flex; align-items:center; gap:4px; }
.pxh-order-quick-assignee svg { width:12px; height:12px; }
.pxh-order-quick-meta { gap:8px; align-self:center; }
.pxh-order-open-label { font-size:11px; }
.pxh-order-quick-actions { grid-column:2; grid-row:1; display:flex !important; align-items:center; justify-content:flex-end; gap:6px; padding:12px 12px 12px 0; align-self:stretch; }
.pxh-order-status-form-compact { margin:0; }
.pxh-order-status-form-compact select { width:auto; min-width:112px; max-width:138px; min-height:34px; padding:6px 25px 6px 9px; font-size:11px; border-radius:9px; }
.pxh-order-icon-action { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; border-radius:9px; border:1px solid var(--border-color); color:var(--text-main); background:rgba(255,255,255,.62); cursor:pointer; transition:background .15s ease,border-color .15s ease; }
.pxh-order-icon-action:hover { background:var(--hover-bg); border-color:var(--border-color); }
.pxh-order-icon-action svg { width:15px; height:15px; }
.pxh-order-icon-action.is-danger { color:#a55353; }
.pxh-order-delete-form { display:inline-flex; margin:0; }
.pxh-order-accordion:not([open]) > .pxh-order-quick-actions { display:flex !important; }
.pxh-order-accordion[open] { grid-template-columns:minmax(0,1fr); }
.pxh-order-accordion[open] > .pxh-order-quick-summary { grid-column:1; grid-row:1; border-bottom:1px solid var(--border-color); border-radius:14px 14px 0 0; background:rgba(226,234,242,.26) !important; }
.pxh-order-accordion[open] > .pxh-order-quick-actions { grid-column:1; grid-row:2; justify-content:flex-end; padding:9px 14px; border-bottom:1px solid var(--border-color); background:rgba(226,234,242,.14); }
.pxh-order-accordion[open] > .pxh-order-card { grid-column:1; grid-row:3; }
.pxh-order-accordion:not([open]) > .pxh-order-card { display:none !important; }
.pxh-order-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px; margin:12px 0; border:1px solid var(--border-color); border-radius:12px; background:rgba(139,152,168,.055); }
.pxh-order-detail-grid > div { display:grid; gap:4px; min-width:0; }
.pxh-order-detail-grid small { color:var(--text-muted); font-size:10px; text-transform:uppercase; letter-spacing:.055em; }
.pxh-order-detail-grid strong { font-size:12px; font-weight:650; overflow-wrap:anywhere; }
.pxh-order-assign-form { margin:12px 0; padding:13px; display:grid; gap:8px; border:1px solid var(--border-color); border-radius:12px; background:rgba(139,152,168,.055); }
.pxh-order-assign-form > label { font-size:12px; font-weight:750; }
.pxh-order-assign-controls { display:flex; gap:8px; align-items:center; }
.pxh-order-assign-controls select { flex:1 1 auto; min-width:0; }
.pxh-order-assign-controls .pxh-button { flex:0 0 auto; }
.pxh-order-migration-note { font-size:12px; padding:10px 12px; background:rgba(173,143,81,.09); border:1px solid rgba(173,143,81,.24); border-radius:10px; }
.pxh-order-shared-note { display:block; margin-top:10px; }
[data-theme="dark"] .pxh-order-accordion { border-color:#41454b; background:rgba(31,33,36,.82); box-shadow:0 2px 8px rgba(0,0,0,.14); }
[data-theme="dark"] .pxh-order-quick-summary { background:transparent !important; }
[data-theme="dark"] .pxh-order-quick-summary:hover { background:rgba(255,255,255,.025) !important; }
[data-theme="dark"] .pxh-order-quick-actions { background:rgba(17,18,20,.26); }
[data-theme="dark"] .pxh-order-icon-action { background:rgba(47,49,53,.9); border-color:#494d53; color:#e4e6e8; }
[data-theme="dark"] .pxh-order-detail-grid,
[data-theme="dark"] .pxh-order-assign-form { background:rgba(255,255,255,.025); border-color:#40444a; }
@media (max-width:1000px) {
  .pxh-order-accordion { grid-template-columns:minmax(0,1fr); }
  .pxh-order-accordion > .pxh-order-quick-summary { grid-column:1; grid-row:1; border-radius:14px 14px 0 0; }
  .pxh-order-accordion:not([open]) > .pxh-order-quick-summary { border-radius:14px; }
  .pxh-order-quick-actions { grid-column:1; grid-row:2; padding:0 12px 12px 64px; justify-content:flex-start; }
  .pxh-order-accordion[open] > .pxh-order-quick-actions { grid-column:1; grid-row:2; padding:10px 12px; }
  .pxh-order-accordion[open] > .pxh-order-card { grid-column:1; grid-row:3; }
  .pxh-order-accordion:not([open]) > .pxh-order-quick-actions { display:flex !important; }
}
@media (max-width:620px) {
  .pxh-order-quick-summary { grid-template-columns:36px minmax(0,1fr) auto !important; gap:8px !important; padding:10px !important; }
  .pxh-order-type-icon { width:34px; height:34px; border-radius:10px; }
  .pxh-order-quick-title strong { white-space:normal; font-size:13px; }
  .pxh-order-quick-title small { font-size:10px; }
  .pxh-order-quick-meta { gap:3px; }
  .pxh-order-open-label { display:none; }
  .pxh-order-quick-actions { flex-wrap:wrap; padding:0 10px 10px 52px; gap:5px; }
  .pxh-order-status-form-compact select { min-width:115px; max-width:150px; }
  .pxh-order-icon-action { width:32px; height:32px; flex-basis:32px; }
  .pxh-order-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; gap:9px; }
  .pxh-order-assign-controls { align-items:stretch; flex-direction:column; }
  .pxh-order-assign-controls .pxh-button { width:100%; }
}


/* Pixel3DLab v15 fix: force the order accordion to occupy a full-width vertical stack.
   Previous legacy dashboard selectors still imposed two grid columns with !important. */
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-order-status-sections {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  gap: 18px !important;
}
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-status-sections > .pxh-order-status-group {
  display: block !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-status-sections .pxh-order-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  gap: 10px !important;
}
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-status-sections .pxh-order-accordion {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}