/* Generated from workspace.scss. Rebuild: npm run build --prefix scripts/design-system */
@charset "UTF-8";
/* MiniDesk's visual theme. Bootstrap supplies component styles; widget controllers retain application behavior. */
:root, [data-bs-theme=light] {
  --minidesk-page-bg: #e3e3e3;
  --minidesk-popup-backdrop-bg: rgb(0 0 0 / 32%);
  --minidesk-popup-backdrop-blur: 3px;
  --minidesk-loader-base: var(--bs-body-bg);
  --minidesk-loader-top: var(--minidesk-popup-backdrop-bg);
  --minidesk-loader-stack: var(--minidesk-theme-blue);
  --minidesk-widget-edge: #d2d2d2;
  --minidesk-inner-edge: #dfdfdf;
  --minidesk-section-edge: rgb(32 32 32 / 2%);
  --minidesk-field-bg: #e7e7e7;
  --minidesk-field-hover: #ededed;
  --minidesk-field-edge: #dadada;
  --minidesk-field-edge-hover: #a8a8a8;
  --minidesk-preview-bg: #eaeaea;
  --minidesk-preview-hover: #efefef;
  --minidesk-preview-active: #dfdfdf;
  --minidesk-control-bg: #eaeaea;
  --minidesk-control-hover: #efefef;
  --minidesk-control-active: #e0e0e0;
  --minidesk-control-edge: #d4d4d4;
  --minidesk-control-edge-hover: #a3a3a3;
  --minidesk-disabled-button-bg: #e3e3e3;
  --minidesk-disabled-button-edge: #d7d7d7;
  --minidesk-disabled-button-color: #6d6d6d;
  --minidesk-flat-select-edge: #dfdfdf;
  --minidesk-flat-select-edge-hover: #bcbcbc;
  --minidesk-flat-select-focus-edge: #a6a6a6;
  --minidesk-section-hover-rgb: 234, 234, 234;
  --minidesk-row-hover: #e8e8e8;
  --minidesk-icon-edge: #d3d3d3;
  --minidesk-icon-color: #606060;
  --minidesk-icon-hover-color: #484848;
  --minidesk-icon-neutral-bg: #e7e7e7;
  --minidesk-icon-neutral-edge: #d2d2d2;
  --minidesk-icon-neutral-color: #606060;
  --minidesk-icon-blue-bg: #e5efff;
  --minidesk-icon-blue-edge: #b8cff0;
  --minidesk-icon-blue-color: #2166ba;
  --minidesk-icon-hover-base-share: 94%;
  --minidesk-icon-green-bg: #dff3e6;
  --minidesk-icon-green-edge: #b0d9bf;
  --minidesk-icon-green-color: #217849;
  --minidesk-icon-amber-bg: #fff1bf;
  --minidesk-icon-amber-edge: #e6cf81;
  --minidesk-icon-amber-color: #906300;
  --minidesk-icon-red-bg: #fde5e9;
  --minidesk-icon-red-edge: #ecb5c0;
  --minidesk-icon-red-color: #b13c53;
  --minidesk-icon-purple-bg: #efe5fc;
  --minidesk-icon-purple-edge: #d0b8eb;
  --minidesk-icon-purple-color: #7646ae;
  --minidesk-ticket-icon-bg: var(--minidesk-icon-blue-bg);
  --minidesk-ticket-icon-edge: var(--minidesk-icon-blue-edge);
  --minidesk-ticket-icon-color: var(--minidesk-icon-blue-color);
  --minidesk-overlay-edge: #bcbcbc;
  --minidesk-popup-section-edge: rgb(32 32 32 / 9%);
  --minidesk-popup-close-edge: rgb(32 32 32 / 14%);
  --minidesk-popup-chrome-bg: #e9e9e9;
  --minidesk-popup-glass-bg: rgba(var(--bs-body-bg-rgb), .92);
  --minidesk-popup-chrome-glass-bg: rgb(233 233 233 / 90%);
  --minidesk-card-shadow: 0 4px 16px rgb(0 0 0 / 5%), 0 1px 2px rgb(0 0 0 / 3%);
  --minidesk-control-shadow: inset 0 1px 0 rgb(255 255 255 / 45%), 0 1px 2px rgb(32 32 32 / 6%);
  --minidesk-button-shadow: inset 0 1px 0 rgb(255 255 255 / 55%), 0 1px 2px rgb(32 32 32 / 9%), 0 2px 5px rgb(32 32 32 / 3%);
  --minidesk-filled-button-shadow: inset 0 1px 0 rgb(255 255 255 / 16%), 0 1px 2px rgb(32 32 32 / 11%), 0 2px 5px rgb(32 32 32 / 4%);
  --minidesk-field-shadow: inset 0 1px 2px rgb(32 32 32 / 10%), inset 0 2px 5px rgb(32 32 32 / 3%);
  --minidesk-inset-shadow: inset 0 1px 2px rgb(0 0 0 / 3%);
  --minidesk-overlay-shadow: 0 20px 64px rgb(0 0 0 / 18%), 0 4px 12px rgb(0 0 0 / 8%);
  --minidesk-text-shadow: 0 1px 1px rgb(0 0 0 / 8%);
  --minidesk-status-progress-bg: #e7f0ff;
  --minidesk-status-progress-color: #084298;
  --minidesk-status-progress-edge: #b6cff5;
  --minidesk-status-ready-bg: #e6f4eb;
  --minidesk-status-ready-color: #0f5132;
  --minidesk-status-ready-edge: #b8dcca;
  --minidesk-success-control-edge: #1d6838;
  --minidesk-success-control-edge-hover: #15532c;
  --minidesk-status-waiting-bg: #fff3cd;
  --minidesk-status-waiting-color: #664d03;
  --minidesk-status-waiting-edge: #ffe08a;
  --minidesk-status-urgent-bg: #f8eded;
  --minidesk-status-urgent-color: #91444c;
  --minidesk-status-urgent-edge: #e5c9cd;
}

[data-bs-theme=dark] {
  --minidesk-page-bg: #222222;
  --minidesk-widget-edge: #454545;
  --minidesk-inner-edge: #404040;
  --minidesk-section-edge: rgb(255 255 255 / 5%);
  --minidesk-field-bg: #262626;
  --minidesk-field-hover: #2c2c2c;
  --minidesk-field-edge: #414141;
  --minidesk-field-edge-hover: #5c5c5c;
  --minidesk-preview-bg: #363636;
  --minidesk-preview-hover: #404040;
  --minidesk-preview-active: #2f2f2f;
  --minidesk-control-bg: #353535;
  --minidesk-control-hover: #414141;
  --minidesk-control-active: #2b2b2b;
  --minidesk-control-edge: #484848;
  --minidesk-control-edge-hover: #686868;
  --minidesk-disabled-button-bg: #303030;
  --minidesk-disabled-button-edge: #454545;
  --minidesk-disabled-button-color: #a0a0a0;
  --minidesk-flat-select-edge: #3b3b3b;
  --minidesk-flat-select-edge-hover: #595959;
  --minidesk-flat-select-focus-edge: #727272;
  --minidesk-section-hover-rgb: 46, 46, 46;
  --minidesk-row-hover: #353535;
  --minidesk-icon-edge: #4e4e4e;
  --minidesk-icon-color: currentColor;
  --minidesk-icon-hover-color: currentColor;
  --minidesk-icon-neutral-bg: var(--bs-tertiary-bg);
  --minidesk-icon-neutral-edge: var(--minidesk-icon-edge);
  --minidesk-icon-neutral-color: var(--bs-body-color);
  --minidesk-icon-blue-bg: var(--minidesk-status-progress-bg);
  --minidesk-icon-blue-edge: var(--minidesk-status-progress-edge);
  --minidesk-icon-blue-color: var(--minidesk-status-progress-color);
  --minidesk-icon-hover-base-share: 90%;
  --minidesk-icon-green-bg: var(--minidesk-status-ready-bg);
  --minidesk-icon-green-edge: var(--minidesk-status-ready-edge);
  --minidesk-icon-green-color: var(--minidesk-status-ready-color);
  --minidesk-icon-amber-bg: var(--minidesk-status-waiting-bg);
  --minidesk-icon-amber-edge: var(--minidesk-status-waiting-edge);
  --minidesk-icon-amber-color: var(--minidesk-status-waiting-color);
  --minidesk-icon-red-bg: var(--minidesk-status-urgent-bg);
  --minidesk-icon-red-edge: var(--minidesk-status-urgent-edge);
  --minidesk-icon-red-color: var(--minidesk-status-urgent-color);
  --minidesk-icon-purple-bg: #3e3d67;
  --minidesk-icon-purple-edge: #66658a;
  --minidesk-icon-purple-color: #f2f2f2;
  --minidesk-ticket-icon-bg: var(--minidesk-status-progress-bg);
  --minidesk-ticket-icon-edge: var(--minidesk-status-progress-edge);
  --minidesk-ticket-icon-color: var(--bs-body-color);
  --minidesk-overlay-edge: #5c5c5c;
  --minidesk-popup-section-edge: rgb(255 255 255 / 8%);
  --minidesk-popup-close-edge: rgb(255 255 255 / 16%);
  --minidesk-popup-chrome-bg: #272727;
  --minidesk-popup-chrome-glass-bg: rgb(39 39 39 / 90%);
  --minidesk-card-shadow: inset 0 1px 0 rgb(255 255 255 / 3%), 0 6px 18px rgb(0 0 0 / 16%);
  --minidesk-control-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 1px 2px rgb(0 0 0 / 14%);
  --minidesk-button-shadow: inset 0 1px 0 rgb(255 255 255 / 7%), 0 1px 2px rgb(0 0 0 / 19%), 0 2px 5px rgb(0 0 0 / 7%);
  --minidesk-filled-button-shadow: inset 0 1px 0 rgb(255 255 255 / 8%), 0 1px 2px rgb(0 0 0 / 21%), 0 2px 5px rgb(0 0 0 / 8%);
  --minidesk-field-shadow: inset 0 1px 3px rgb(0 0 0 / 24%), inset 0 2px 6px rgb(0 0 0 / 9%);
  --minidesk-inset-shadow: inset 0 1px 2px rgb(0 0 0 / 11%);
  --minidesk-overlay-shadow: 0 20px 64px rgb(0 0 0 / 38%), 0 4px 12px rgb(0 0 0 / 20%);
  --minidesk-text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
  --minidesk-status-progress-bg: #24394b;
  --minidesk-status-progress-color: #b8d4ee;
  --minidesk-status-progress-edge: #496780;
  --minidesk-status-ready-bg: #233f32;
  --minidesk-status-ready-color: #a8d5bb;
  --minidesk-status-ready-edge: #436c55;
  --minidesk-success-control-edge: #4b8463;
  --minidesk-success-control-edge-hover: #62a07b;
  --minidesk-status-waiting-bg: #44391f;
  --minidesk-status-waiting-color: #edce89;
  --minidesk-status-waiting-edge: #77623b;
  --minidesk-status-urgent-bg: #453237;
  --minidesk-status-urgent-color: #e6b7be;
  --minidesk-status-urgent-edge: #705059;
}

:root {
  --md-space-1: 4px;
  --md-space-2: 8px;
  --md-space-3: 12px;
  --md-space-4: 16px;
  --md-space-6: 24px;
  --md-control-height: 44px;
}

:root {
  --minidesk-badge-ready-bg: var(--minidesk-status-ready-bg);
  --minidesk-badge-ready-edge: var(--minidesk-status-ready-edge);
}

:root[data-bs-theme=light] {
  --minidesk-badge-ready-bg: color-mix(in srgb, var(--minidesk-status-ready-bg) 88%, var(--minidesk-status-ready-color));
  --minidesk-badge-ready-edge: color-mix(in srgb, var(--minidesk-status-ready-edge) 60%, var(--minidesk-status-ready-color));
}

:root {
  --minidesk-badge-waiting-bg: var(--minidesk-status-waiting-bg);
  --minidesk-badge-waiting-edge: var(--minidesk-status-waiting-edge);
}

:root[data-bs-theme=light] {
  --minidesk-badge-waiting-bg: color-mix(in srgb, var(--minidesk-status-waiting-bg) 88%, var(--minidesk-status-waiting-color));
  --minidesk-badge-waiting-edge: color-mix(in srgb, var(--minidesk-status-waiting-edge) 60%, var(--minidesk-status-waiting-color));
}

:root {
  --minidesk-badge-urgent-bg: var(--minidesk-status-urgent-bg);
  --minidesk-badge-urgent-edge: var(--minidesk-status-urgent-edge);
}

:root[data-bs-theme=light] {
  --minidesk-badge-urgent-bg: color-mix(in srgb, var(--minidesk-status-urgent-bg) 88%, var(--minidesk-status-urgent-color));
  --minidesk-badge-urgent-edge: color-mix(in srgb, var(--minidesk-status-urgent-edge) 60%, var(--minidesk-status-urgent-color));
}

:root {
  --minidesk-badge-progress-bg: var(--minidesk-status-progress-bg);
  --minidesk-badge-progress-edge: var(--minidesk-status-progress-edge);
}

:root[data-bs-theme=light] {
  --minidesk-badge-progress-bg: color-mix(in srgb, var(--minidesk-status-progress-bg) 88%, var(--minidesk-status-progress-color));
  --minidesk-badge-progress-edge: color-mix(in srgb, var(--minidesk-status-progress-edge) 60%, var(--minidesk-status-progress-color));
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../../vendor/roboto/Roboto-Variable.ttf") format("truetype");
}
@font-face {
  font-family: "MiniDesk Placeholder Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../vendor/fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
  unicode-range: U+F000-F8FF;
}
:root[data-bs-theme], :root[data-bs-theme] body {
  background: var(--minidesk-page-bg);
}

:root[data-bs-theme] body {
  margin: 0;
}

.md-ui {
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  color: var(--bs-body-color);
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui, .md-ui *, .md-ui *::before, .md-ui *::after {
  box-sizing: border-box;
}
.md-ui [hidden] {
  display: none !important;
}
.md-ui .widget-hidden {
  display: none;
}
.md-ui .widget-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.md-ui :where(button, input, textarea, select, option, optgroup, [contenteditable], h1, h2, h3, h4, h5, h6, p, label, legend, table, td, th, span, strong, small, a):not(.fa, .fas, .far, .fab, [class*=fa-]) {
  font-family: var(--bs-font-sans-serif);
}
.md-ui button, .md-ui input, .md-ui textarea, .md-ui select, .md-ui [contenteditable] {
  font-size: inherit;
  line-height: inherit;
}
.md-ui h1, .md-ui h2, .md-ui h3, .md-ui h4, .md-ui h5, .md-ui h6 {
  line-height: 1.2;
}
.md-ui strong {
  font-weight: bolder;
}
.md-ui input::placeholder, .md-ui textarea::placeholder, .md-ui [contenteditable]::before {
  font-family: Roboto, sans-serif;
}
.md-ui button, .md-ui input, .md-ui textarea, .md-ui select {
  margin: 0;
}
.md-ui h1, .md-ui h2, .md-ui h3, .md-ui h4, .md-ui p {
  margin-top: 0;
}
.md-ui hr {
  margin: 16px 0;
  border: 0;
  border-top: 1px solid var(--bs-border-color);
  background: transparent;
  box-shadow: none;
  opacity: 1;
}
.md-ui .btn, .md-ui .form-control, .md-ui .form-select, .md-ui .option-selected {
  min-height: var(--md-control-height);
  height: auto;
}
.md-ui .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  background-image: none;
  outline: none;
}
.md-ui .option-selected {
  position: relative;
}
.md-ui .btn > i {
  flex-shrink: 0;
}
.md-ui .form-control, .md-ui .form-select {
  min-width: 0;
  outline: none;
}
.md-ui .form-control[contenteditable] {
  height: auto;
  min-height: 88px;
  overflow-wrap: anywhere;
  user-select: text;
}
.md-ui .form-control[contenteditable]:empty::before {
  content: attr(data-placeholder);
  color: var(--bs-secondary-color);
  pointer-events: none;
}
.md-ui .grid-widget {
  container: widget/inline-size;
}
.md-ui .md-widget {
  --bs-border-color: var(--minidesk-inner-edge);
  padding: 0;
  margin: 0;
  gap: 0;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--minidesk-card-shadow);
}
.md-ui .md-widget > .widget-layout-body {
  min-width: 0;
}
.md-ui .card {
  overflow: visible;
}
.md-ui .md-card-heading, .md-ui .md-record-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}
.md-ui .md-card-heading h2, .md-ui .md-record-heading {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.md-ui .md-card-heading p {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-action-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}
.md-ui .md-action-group .grid-link {
  display: contents;
}
.md-ui .md-text-right {
  text-align: right;
}
.md-ui .md-eyebrow {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}

.md-workspace {
  background: transparent;
}
.md-workspace #breadcrumb-widget {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--bs-secondary-color);
}
.md-workspace .grid-viewport-placeholder:has(.widget-grid) {
  --grid-viewport-gutter: 24px;
}
.md-workspace .widget-grid {
  --grid-gap: 16px;
}
@media (max-width: 760px) {
  .md-workspace .grid-viewport-placeholder:has(.widget-grid) {
    --grid-viewport-gutter: 12px;
    padding-block: 16px;
  }
}

:root[data-bs-theme] .widget-page-loading-overlay {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  z-index: 1100;
  background: var(--minidesk-page-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
  text-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:root[data-bs-theme] .widget-page-loading-overlay.loading-placeholder-content {
  left: var(--md-nav-width, 0px);
  top: var(--md-nav-height, 0px);
  z-index: 1020;
}
:root[data-bs-theme] .widget-page-loading-overlay .loader {
  background: var(--minidesk-loader-base);
  color: var(--minidesk-loader-base);
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--minidesk-card-shadow);
  animation-name: md-page-loader-layers;
}
:root[data-bs-theme] .widget-page-loading-overlay .loader::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: var(--minidesk-loader-stack);
  border: 1px solid color-mix(in srgb, var(--minidesk-loader-stack) 75%, var(--bs-body-color));
  border-radius: inherit;
  box-shadow: var(--minidesk-card-shadow);
  animation: md-page-loader-stack 1s linear infinite alternate;
}
:root[data-bs-theme] .widget-page-loading-overlay .loader::after {
  inset: -1px;
  background: var(--minidesk-loader-top);
  backdrop-filter: blur(var(--minidesk-popup-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--minidesk-popup-backdrop-blur));
  border: 1px solid color-mix(in srgb, var(--minidesk-loader-top) 75%, var(--bs-body-color));
  border-radius: inherit;
  box-shadow: var(--minidesk-card-shadow);
  animation-name: md-page-loader-top;
}
:root[data-bs-theme] .widget-page-loading-overlay .loader, :root[data-bs-theme] .widget-page-loading-overlay .loader::before, :root[data-bs-theme] .widget-page-loading-overlay .loader::after {
  animation-play-state: paused;
}
:root[data-bs-theme] .widget-page-loading-overlay.loading-placeholder-visible .loader, :root[data-bs-theme] .widget-page-loading-overlay.loading-placeholder-visible .loader::before, :root[data-bs-theme] .widget-page-loading-overlay.loading-placeholder-visible .loader::after, :root[data-bs-theme] .widget-page-loading-overlay.loading-placeholder-hiding .loader, :root[data-bs-theme] .widget-page-loading-overlay.loading-placeholder-hiding .loader::before, :root[data-bs-theme] .widget-page-loading-overlay.loading-placeholder-hiding .loader::after {
  animation-play-state: running;
}
@media (prefers-reduced-motion: reduce) {
  :root[data-bs-theme] .widget-page-loading-overlay {
    transition: none;
  }
  :root[data-bs-theme] .widget-page-loading-overlay .loader, :root[data-bs-theme] .widget-page-loading-overlay .loader::before, :root[data-bs-theme] .widget-page-loading-overlay .loader::after {
    animation: none;
  }
}

@keyframes md-page-loader-layers {
  0% {
    transform: rotateX(65deg) rotate(45deg) translate(0, 0);
  }
  90%, 100% {
    transform: rotateX(65deg) rotate(45deg) translate(36px, 36px);
  }
}
@keyframes md-page-loader-stack {
  0% {
    transform: translate(0, 0);
  }
  90%, 100% {
    transform: translate(-36px, -36px);
  }
}
@keyframes md-page-loader-top {
  0% {
    transform: translate(0, 0);
  }
  90% {
    transform: translate(-73.8px, -73.8px);
  }
  100% {
    transform: translate(-78px, -78px);
  }
}
.md-ui {
  /* Bounded widgets keep their heading/controls visible and scroll the content. */
}
.md-ui .md-scroll-widget {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.md-ui .md-scroll-widget > .md-card-heading {
  flex: 0 0 auto;
}
.md-ui .md-scroll-widget > .md-widget-scroll-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.md-ui .md-widget-scroll-body > :not(.md-widget-scroll-area) {
  flex: 0 0 auto;
}
.md-ui .md-widget-scroll-area {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
}
.md-ui {
  /* Home widgets. */
}
.md-ui .md-search-widget, .md-ui .md-home-actions, .md-ui .md-stats-widget {
  padding: 16px;
}
.md-ui .md-home-actions .md-action-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .md-home-actions button, .md-ui .md-widget-launchers > .btn {
  justify-content: flex-start;
  padding: 16px;
  text-align: left;
  gap: 12px;
  white-space: normal;
}
.md-ui .md-widget-launchers .md-launch-copy {
  min-width: 0;
}
.md-ui .md-widget-launchers .md-launch-copy strong {
  font-size: 1rem;
}
.md-ui .md-widget-launchers .md-launch-copy small {
  line-height: 1.5;
}
.md-ui .md-launch-copy, .md-ui .md-file-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.md-ui .md-launch-copy strong {
  font-size: 1.0625rem;
}
.md-ui .md-launch-copy small, .md-ui .md-file-copy > span {
  font-size: 0.8125rem;
  font-weight: 400;
}
.md-ui .md-launch-icon {
  font-size: 1.25rem;
}
.md-ui .md-launch-arrow {
  margin-left: auto;
}
.md-ui .md-search {
  position: relative;
}
.md-ui .md-search > i {
  position: absolute;
  inset: 14px auto auto 14px;
  color: var(--bs-secondary-color);
}
.md-ui .md-search input {
  padding-left: 40px;
}
.md-ui .md-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .widget-filter-label {
  font-size: 0.875rem;
}
.md-ui .md-filter-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--bs-border-color);
}
.md-ui .md-filter-controls .option-selector {
  width: 160px;
}
.md-ui .md-list-columns, .md-ui .md-ticket-row {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) 90px 120px;
  align-items: center;
  gap: 16px;
}
.md-ui .md-list-columns {
  padding: 12px 16px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  background: var(--bs-tertiary-bg);
  border-block: 1px solid var(--bs-border-color);
}
.md-ui .md-ticket-row {
  padding: 16px;
  text-align: left;
  row-gap: 8px;
}
.md-ui .md-ticket-details {
  grid-column: 1/-1;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 20px;
  padding-left: 52px;
  min-width: 0;
}
.md-ui .md-ticket-details > span {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-ticket-details > span > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-ticket-details i {
  width: 16px;
  flex-shrink: 0;
  text-align: center;
}
.md-ui .md-ticket-repair {
  flex: 1 1 240px;
}
.md-ui .md-ticket-assignee {
  margin-left: auto;
}
.md-ui .md-person {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.md-ui .md-person-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.md-ui .md-person-copy :is(span, small) {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-person-copy small {
  font-size: 0.8125rem;
}
.md-ui .md-avatar, .md-ui .md-record-avatar, .md-ui .md-note-avatar {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
}
.md-ui .md-status {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  white-space: normal;
  text-align: left;
}
.md-ui .md-status > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
.md-ui .md-updated {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-ticket-value {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.md-ui .md-ticket-value i {
  font-size: 0.75rem;
}
.md-ui .md-list-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
}
.md-ui .md-page-description {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .widget-page-select, .md-ui .md-pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.md-ui .widget-page-select-button, .md-ui .md-pagination > .btn {
  padding-inline: 10px;
  min-width: 40px;
}
.md-ui .widget-page-select-input, .md-ui .md-page-input {
  width: 44px;
  text-align: center;
  padding-inline: 4px;
}
.md-ui .widget-page-select-input[type=number], .md-ui .md-page-input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.md-ui .widget-page-select-input::-webkit-inner-spin-button,
.md-ui .widget-page-select-input::-webkit-outer-spin-button,
.md-ui .md-page-input::-webkit-inner-spin-button,
.md-ui .md-page-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.md-ui .widget-list-page-size, .md-ui .md-list-page-size {
  width: 128px;
}
.md-ui .md-empty-search {
  padding: 32px 16px;
  text-align: center;
  color: var(--bs-secondary-color);
}
.md-ui {
  /* Shared menu presentation. The portal adapter connects Bootstrap positioning to widget callbacks. */
}
.md-ui .option-selector {
  position: relative;
  min-width: 0;
}
.md-ui .option-selector > .option-items {
  display: none;
}
.md-ui .option-selected {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
}
.md-ui .option-selected.dropdown-toggle::after {
  margin-left: auto;
}
.md-ui .option-selected .option-arrow {
  display: none;
}
.md-ui .md-selector-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.md-ui :is(.dropdown-menu, .md-dropdown-menu) {
  max-height: min(320px, 60dvh);
  max-width: calc(100vw - 32px);
  overflow-y: auto;
}
.md-ui .dropdown-item {
  cursor: pointer;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: normal;
}
.md-ui {
  /* Ticket Information owns its task, totals and controls. */
}
.md-ui .md-ticket-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--bs-border-color);
  flex-wrap: wrap;
}
.md-ui .md-ticket-number {
  display: flex;
  align-items: center;
  gap: 12px;
}
.md-ui .md-ticket-heading h1 {
  margin: 0 0 0.5rem;
  font-size: 1.75rem;
  line-height: 1.3;
}
.md-ui .md-ticket-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 8px;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.md-ui .widget-info-header-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-ticket-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 16px;
  padding: 16px;
  align-items: start;
}
.md-ui .md-task-area, .md-ui .md-task-list {
  min-width: 0;
}
.md-ui .md-task-area > .md-card-heading {
  padding: 0 0 16px;
}
.md-ui .md-ticket-sidebar {
  padding: 16px;
  gap: 16px;
  background: var(--bs-tertiary-bg);
}
.md-ui .md-ticket-sidebar > .md-card-heading {
  padding: 0;
}
@container widget (min-width: 951px) {
  .md-ui .md-ticket-sidebar {
    position: sticky;
    top: 16px;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
  }
}
.md-ui .widget-summary-table {
  margin: 0;
}
.md-ui .widget-summary-table td:last-child {
  text-align: right;
}
.md-ui .widget-summary-table tr:last-child {
  font-weight: 600;
}
.md-ui .widget-summary-table hr {
  margin: 0;
}
.md-ui .md-resolution {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.md-ui .md-budget-field, .md-ui .widget-action-selector {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.md-ui .md-resolution .widget-action-selector {
  height: auto;
}
.md-ui .md-resolution .option-selected.md-select-field {
  justify-content: flex-start;
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 6px 12px;
  text-align: left;
}
.md-ui .md-budget-field > i {
  display: none;
}
.md-ui .md-field-label, .md-ui .md-budget-field label {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-task {
  container: task/inline-size;
}
.md-ui .md-task-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-bottom: 0;
}
.md-ui .md-task-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  margin-right: auto;
}
.md-ui .md-task-title h3 {
  min-width: 0;
  margin: 0;
  font-size: 1rem;
  white-space: normal;
  overflow-wrap: anywhere;
}
.md-ui .md-task-heading > .widget-task-title-status {
  width: fit-content;
  min-width: 156px;
  max-width: 100%;
}
.md-ui .md-icon-button {
  flex-shrink: 0;
  min-width: 44px;
  padding-inline: 10px;
}
.md-ui .md-task-form {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
}
.md-ui .md-task-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  grid-column: span 2;
}
.md-ui .md-task-name {
  grid-column: span 4;
}
.md-ui .md-task-description-field {
  grid-column: 1/-1;
}
.md-ui .md-task-description {
  min-height: 88px;
}
.md-ui .md-task-toggle {
  white-space: nowrap;
  width: 100%;
}
.md-ui .md-task-sections {
  margin: 0 16px 16px;
}
.md-ui .md-task-section-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.md-ui .md-task-sections .accordion-button {
  gap: 12px;
}
.md-ui .md-task-section-count {
  display: inline-grid;
  min-width: 28px;
  height: 26px;
  place-items: center;
  padding-inline: 8px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 999px;
  background: var(--minidesk-control-bg);
  color: var(--bs-emphasis-color);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: var(--minidesk-inset-shadow);
}
:root[data-bs-theme=dark] .md-ui .md-task-section-count {
  background: var(--minidesk-control-hover);
  border-color: var(--minidesk-control-edge-hover);
  color: var(--bs-emphasis-color);
}
.md-ui .md-task-sections .accordion-button {
  align-items: center;
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  box-shadow: none;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui .md-task-sections .accordion-button:not(.collapsed) {
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  box-shadow: none;
}
.md-ui .md-task-sections .accordion-button:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  color: var(--bs-emphasis-color);
  background: var(--minidesk-control-hover);
  box-shadow: none;
}
.md-ui .md-task-sections .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.md-ui .md-task-sections .accordion-button:active {
  background: var(--minidesk-control-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18);
}
.md-ui .md-task-sections .expand-list-table {
  --md-outline-edge: var(--minidesk-control-edge);
  --md-outline-focus: var(--minidesk-control-edge-hover);
  position: static;
  display: grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  margin: 0 0 0 auto;
  border: 1px solid var(--md-outline-edge);
  border-radius: 8px;
  outline: none;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  font-size: 0.875rem;
  line-height: 1;
  text-shadow: none;
  box-shadow: var(--minidesk-control-shadow);
  transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.md-ui .md-task-sections .accordion-button:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) .expand-list-table {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}
.md-ui .md-task-sections .accordion-button[aria-expanded=true] .expand-list-table {
  --md-outline-edge: var(--minidesk-success-control-edge);
  --md-outline-focus: var(--bs-success-text-emphasis);
  transform: rotate(180deg);
  border-color: var(--md-outline-edge);
  background: var(--bs-success);
  color: #fff;
  box-shadow: var(--minidesk-control-shadow);
}
.md-ui .md-task-sections .accordion-button[aria-expanded=true]:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) .expand-list-table {
  border-color: var(--minidesk-success-control-edge-hover);
  background: color-mix(in srgb, var(--bs-success) 90%, white);
}
.md-ui .md-task-sections .accordion-button:focus-visible .expand-list-table {
  outline: 2px solid var(--md-outline-focus);
  outline-offset: 2px;
}
.md-ui .md-task-sections .accordion-button small {
  margin-left: auto;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.md-ui .md-task-sections .accordion-button::after {
  margin-left: 0;
}
.md-ui .md-steps-table, .md-ui .md-parts-table, .md-ui .md-extra-table {
  display: block;
  width: 100%;
  margin: 0;
}
.md-ui .md-steps-table tbody, .md-ui .md-parts-table tbody, .md-ui .md-extra-table tbody {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.md-ui {
  /* Step rows may be direct table children or live in a browser-created tbody. */
}
.md-ui .md-task-section-body > .md-steps-table, .md-ui .md-steps-table tbody {
  row-gap: 12px;
}
.md-ui .md-task-section-body :is(.md-parts-table, .md-extra-table) tbody {
  gap: 0;
}
.md-ui .md-task-section-body :is(.md-parts-table, .md-extra-table) :is(tr.widget-task-line-row, tr.md-task-line-row) + :is(tr.widget-task-line-row, tr.md-task-line-row) {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--bs-border-color);
}
.md-ui .md-steps-table td, .md-ui .md-parts-table td, .md-ui .md-extra-table td {
  padding: 0;
  min-width: 0;
}
.md-ui .md-step-row {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 138px 44px;
  gap: 8px;
  align-items: center;
}
.md-ui .md-step-row > .md-step-reorder {
  grid-column: 1;
}
.md-ui .md-step-row > .md-step-description {
  grid-column: 2;
}
.md-ui .md-step-row > .widget-task-line-fixed-cell {
  grid-column: 3;
}
.md-ui .md-step-row > .md-line-remove {
  grid-column: 4;
}
.md-ui {
  /* Reusable step definitions omit the live ticket's completion control. */
}
.md-ui .md-step-row--definition {
  grid-template-columns: 110px minmax(0, 1fr) 44px;
  align-items: end;
}
.md-ui .md-step-row--definition > .md-line-remove {
  grid-column: 3;
}
.md-ui .md-step-reorder {
  display: flex;
  align-items: center;
}
.md-ui .md-step-reorder .md-step-drag-handle {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex: 0 0 110px;
  width: 110px;
  height: 44px;
  min-height: 44px;
  padding: 0 12px;
  white-space: nowrap;
  font-weight: 700;
}
.md-ui .md-part-row, .md-ui .md-extra-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.md-ui .md-part-name {
  grid-column: span 4;
}
.md-ui .md-extra-row .md-extra-description {
  grid-column: 1/-1;
  grid-row: 1;
}
.md-ui .md-part-remove, .md-ui .md-extra-remove {
  grid-column: 6;
  align-self: end;
  justify-self: end;
}
.md-ui {
  /* Ticket task footers and other financial summaries share one totals surface. */
}
.md-ui :is(.md-task-totals, .md-financial-totals) {
  display: block;
  padding: 16px;
  margin: 0;
  border: 0;
  background: var(--bs-tertiary-bg);
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}
.md-ui :is(.md-task-totals, .md-financial-totals) tbody {
  display: block;
}
.md-ui :is(.md-task-totals, .md-financial-totals) tr:first-child {
  display: none;
}
.md-ui :is(.md-task-totals, .md-financial-totals) tr:last-child {
  display: grid;
  grid-template-columns: repeat(var(--md-financial-total-columns, 6), minmax(0, 1fr));
  gap: 12px;
}
.md-ui :is(.md-task-totals, .md-financial-totals) td {
  display: flex;
  flex-direction: column;
}
.md-ui :is(.md-task-totals, .md-financial-totals) td::before {
  content: attr(data-label);
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-financial-totals {
  --md-financial-total-columns: 4;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: var(--bs-border-radius);
}
.md-ui .md-financial-totals td {
  min-width: 0;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.md-ui .md-financial-totals td:last-child {
  font-weight: 600;
}
.md-ui {
  /* Record widgets expand in place; their controls retain their original owners. */
}
.md-ui .md-record {
  padding: 16px;
}
.md-ui .md-record-heading {
  padding: 0 0 16px;
  gap: 8px;
}
.md-ui .widget-compact-title-label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.md-ui .widget-compact-primary {
  font-size: 1.125rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.md-ui .widget-compact-toggle {
  flex: 0 0 44px;
  padding-inline: 8px;
}
.md-ui .widget-compact-summary {
  display: none;
}
.md-ui .widget-compact-mode .widget-compact-summary {
  display: grid;
  gap: 16px;
}
.md-ui .widget-compact-mode .widget-compact-details, .md-ui .widget-compact-mode .widget-compact-history-action {
  display: none;
}
.md-ui .md-record-hero {
  display: flex;
  align-items: center;
  gap: 12px;
}
.md-ui .widget-compact-line {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.md-ui .widget-compact-line > i {
  display: none;
}
.md-ui .widget-compact-line span {
  overflow-wrap: anywhere;
}
.md-ui .md-record-label {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-record-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--bs-border-color);
  font-size: 0.875rem;
}
.md-ui .widget-compact-details, .md-ui .widget-form-section, .md-ui .widget-info-column, .md-ui .widget-form-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.md-ui .widget-form-field {
  gap: 6px;
}
.md-ui .widget-form-label {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-form-section-title {
  margin: 8px 0 0;
  font-size: 1rem;
  font-weight: 500;
}
.md-ui .widget-control-pair-row, .md-ui .widget-password-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 8px;
}
.md-ui #ticket-electronics-information .widget-password-field {
  align-items: center;
  row-gap: 6px;
}
.md-ui #ticket-electronics-information .widget-password-field > .widget-form-label {
  grid-column: 1/-1;
}
.md-ui .md-electronics-checklist {
  display: grid;
  grid-auto-rows: max-content;
  gap: 8px;
  max-height: 296px;
  overflow-y: auto;
  padding: 12px;
  scroll-padding-block: 8px;
}
.md-ui .md-checklist-row.form-check {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 60px;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin: 0;
  padding: 0 4px;
  text-align: left;
}
.md-ui .md-checklist-row .form-check-label {
  display: flex;
  align-items: center;
  gap: 8px;
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 44px;
  font-size: 0.875rem;
}
.md-ui .md-checklist-row .form-check-label i {
  width: 20px;
  flex: 0 0 20px;
  text-align: center;
}
.md-ui .md-checklist-row .form-check-label span {
  overflow-wrap: anywhere;
}
.md-ui .md-electronics-checklist .form-switch .form-check-input {
  grid-column: 2;
  grid-row: 1;
  float: none;
  width: 60px;
  height: 34px;
  margin: 0;
}
.md-ui .widget-vehicle-odometer-field {
  grid-template-columns: minmax(0, 1fr) 100px;
}
.md-ui .widget-check-list-table {
  width: 100%;
  font-size: 0.875rem;
}
.md-ui .widget-check-list-table td {
  padding: 6px 4px;
}
.md-ui .widget-check-list-icon-cell {
  width: 24px;
}
.md-ui .widget-switch-table-toggle-cell {
  width: 48px;
}
.md-ui .widget-switch-table-description {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .widget-toggle-slider {
  display: none;
}
.md-ui .widget-toggle-switch.form-switch {
  min-height: 24px;
  margin: 0;
}
.md-ui .widget-toggle-switch input {
  cursor: pointer;
}
.md-ui .widget-compact-history-action {
  margin-top: 16px;
  width: 100%;
}
.md-ui {
  /* Comments and attachments. */
}
.md-ui .widget-notes-body, .md-ui .widget-media-strip-body {
  padding: 0 16px 16px;
}
.md-ui .widget-notes-messages, .md-ui .widget-media-strip {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.md-ui .widget-notes-messages {
  max-height: 360px;
  overflow-y: auto;
  margin-bottom: 12px;
}
.md-ui .md-note, .md-ui .md-attachment {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-note > div {
  min-width: 0;
}
.md-ui .md-note strong {
  font-size: 0.875rem;
}
.md-ui .md-note p {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}
.md-ui .md-note-avatar {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}
.md-ui .widget-inline-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: start;
  gap: 8px;
}
.md-ui .widget-inline-composer-entry {
  min-height: 44px;
  max-height: 180px;
  overflow: auto;
}
.md-ui [contenteditable] {
  overflow-wrap: anywhere;
}
.md-ui [contenteditable]:empty::before {
  content: attr(data-placeholder);
  color: var(--bs-secondary-color);
  pointer-events: none;
}
.md-ui .widget-media-add-button {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
  padding: 16px;
  gap: 16px;
}
.md-ui .widget-media-add-icon {
  font-size: 1.5rem;
}
.md-ui .md-attachment span {
  overflow-wrap: anywhere;
}
.md-ui {
  /* Bootstrap modal skeletons contain the original commerce controls. */
}
.md-ui .md-overlay-dialog {
  --bs-modal-margin: 16px;
}
.md-ui .md-overlay-dialog:not(.show) {
  display: none;
}
.md-ui .md-overlay-dialog.show {
  display: block;
}
.md-ui .md-overlay-dialog .modal-header {
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.md-ui .md-overlay-dialog .modal-header h2 {
  margin: 0;
  font-size: 1.25rem;
}
.md-ui .md-commerce-body {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 24px;
  align-items: start;
}
.md-ui .md-commerce-section, .md-ui .md-commerce-details, .md-ui .md-commerce-field, .md-ui .md-payment-list, .md-ui .md-payment-group, .md-ui .md-commerce-document-actions, .md-ui .md-commerce-tip {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.md-ui .md-commerce-section > h3, .md-ui .md-signature-heading h3 {
  font-size: 1rem;
  margin: 0;
  font-weight: 600;
}
.md-ui .md-commerce-details {
  gap: 24px;
}
.md-ui .md-commerce-summary, .md-ui .md-payment-group, .md-ui .md-signature-terms, .md-ui .md-deposit-row {
  padding: 16px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-commerce-field {
  gap: 8px;
}
.md-ui .md-commerce-field > label, .md-ui .md-tip-heading {
  font-size: 0.875rem;
}
.md-ui .md-commerce [contenteditable] {
  min-height: 88px;
}
.md-ui .md-commerce-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}
.md-ui .md-commerce-inline {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-commerce-inline > input {
  flex: 1;
}
.md-ui .md-commerce-inline > button {
  flex: 0 0 auto;
}
.md-ui .md-commerce-help, .md-ui .md-commerce-notice, .md-ui .md-dialog-notice, .md-ui .widget-panel-heading-subtitle, .md-ui .md-commerce-preview {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.md-ui .md-commerce-notice:empty, .md-ui .md-dialog-notice:empty {
  display: none;
}
.md-ui .md-commerce-preview {
  margin-right: auto;
}
.md-ui .md-commerce-actions, .md-ui .widget-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-commerce-actions .btn {
  min-width: 100px;
}
.md-ui .md-tip-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.md-ui .md-tip-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.md-ui .md-tip-options .btn {
  padding-inline: 4px;
}
.md-ui .md-sale-estimate {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--bs-border-color);
}
.md-ui .widget-overlay-estimate-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.md-ui .md-estimate-total {
  border-top: 1px solid var(--bs-border-color);
  padding-top: 12px;
  font-size: 1.25rem;
  font-weight: 600;
}
.md-ui .md-commerce-ledger {
  margin: 0;
}
.md-ui .md-commerce-ledger td:last-child {
  text-align: right;
}
.md-ui .md-ledger-item :is(strong, span, small) {
  display: block;
}
.md-ui .md-ledger-item small {
  color: var(--bs-secondary-color);
}
.md-ui .md-ledger-total {
  font-size: 1.125rem;
  font-weight: 600;
}
.md-ui .md-commerce-document-actions .btn {
  justify-content: flex-start;
}
.md-ui .md-payment-group h4 {
  font-size: 1rem;
  margin: 0;
}
.md-ui .md-deposit-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.md-ui .md-deposit-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.md-ui .md-deposit-row > div {
  flex: 1;
}
.md-ui .md-deposit-row :is(strong, span, small) {
  display: block;
}
.md-ui .md-deposit-row :is(span, small) {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-deposit-actions {
  display: flex;
  gap: 8px;
}
.md-ui .md-signature-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.md-ui .md-signature-terms p:last-child {
  margin-bottom: 0;
}
.md-ui .md-signature-sample-label {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-signature-pad {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-field-bg);
}
.md-ui .md-signature-canvas {
  width: 100%;
  height: 224px;
  display: block;
  cursor: crosshair;
  touch-action: none;
}
.md-ui .md-signature-guide {
  position: absolute;
  inset: auto 20px 42px;
  margin: 0;
  pointer-events: none;
  color: #777;
}
.md-ui .md-signature-mark {
  position: absolute;
  left: 20px;
  bottom: 52px;
  color: #777;
  pointer-events: none;
}
.md-ui .md-signature-caption {
  position: absolute;
  left: 20px;
  bottom: 16px;
  font-size: 0.8125rem;
  color: #666;
  pointer-events: none;
}
.md-ui .md-signature-pad[data-has-signature=true] .md-signature-mark {
  visibility: hidden;
}
.md-ui .widget-stack-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.md-ui .widget-inline-control-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-ui .widget-section-label {
  font-weight: 600;
}
.md-ui .widget-empty-state {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-dialog-message {
  margin: 0;
}
@media (max-width: 760px) {
  .md-ui .md-filter-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-filter-controls > button {
    grid-column: 1/-1;
  }
  .md-ui .md-filter-controls .option-selector {
    width: 100%;
  }
  .md-ui .md-ticket-heading .md-action-group {
    width: 100%;
  }
}
@container widget (min-width: 480px) {
  .md-ui .widget-compact-mode .widget-compact-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-record-hero {
    grid-column: 1/-1;
  }
  .md-ui .widget-compact-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .md-ui #ticket-device-expanded-fields > .widget-form-section {
    min-height: 0;
  }
  .md-ui #ticket-device-expanded-fields > .widget-form-section:last-child {
    contain: size;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
  }
  .md-ui .md-checklist-field {
    flex: 1;
    min-height: 0;
  }
  .md-ui .md-electronics-checklist {
    flex: 1;
    height: 0;
    min-height: 0;
    max-height: none;
  }
}
@container widget (max-width: 950px) {
  .md-ui .md-ticket-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-ticket-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-ticket-sidebar > .md-card-heading {
    grid-column: 1/-1;
  }
}
@container widget (max-width: 680px) {
  .md-ui .md-list-columns {
    display: none;
  }
  .md-ui .md-ticket-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
  }
  .md-ui .md-person {
    grid-column: 1/-1;
  }
  .md-ui .md-status {
    grid-area: 2/1;
  }
  .md-ui .md-updated {
    grid-area: 3/1;
  }
  .md-ui .md-ticket-value {
    grid-area: 2/2/4;
  }
  .md-ui .md-ticket-details {
    grid-row: 4;
    display: grid;
    gap: 8px;
    padding-left: 0;
  }
  .md-ui .md-ticket-assignee {
    margin-left: 0;
  }
  .md-ui .md-ticket-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-stat-action {
    grid-column: 1/-1;
  }
  .md-ui .md-home-actions .md-action-group {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-list-footer :is(.widget-page-select, .md-pagination) {
    width: 100%;
    justify-content: center;
    order: -1;
  }
}
@container widget (max-width: 600px) {
  .md-ui .md-financial-totals tr:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container task (max-width: 580px) {
  .md-ui .md-task-heading {
    flex-wrap: wrap;
  }
  .md-ui .md-task-title {
    flex: 1;
  }
  .md-ui .md-task-heading > .widget-task-title-status {
    order: 3;
    width: 100%;
  }
  .md-ui .md-task-field {
    grid-column: span 3;
  }
  .md-ui .md-task-name, .md-ui .md-task-assignee, .md-ui .md-task-description-field {
    grid-column: 1/-1;
  }
  .md-ui .md-step-row {
    grid-template-columns: 110px minmax(0, 1fr) 44px;
  }
  .md-ui .md-step-row > .md-step-description {
    grid-area: 1/1/2/4;
  }
  .md-ui .md-step-row > .md-step-reorder {
    grid-area: 2/1/3/2;
  }
  .md-ui .md-step-row > .widget-task-line-fixed-cell {
    grid-area: 2/2/3/3;
  }
  .md-ui .md-step-row > .md-line-remove {
    grid-area: 2/3/3/4;
  }
  .md-ui .md-step-row--definition {
    align-items: end;
  }
  .md-ui .md-step-row .widget-step-completed-button, .md-ui .md-step-row .md-line-remove button {
    min-height: 34px;
    height: 34px;
  }
  .md-ui .md-step-reorder .md-step-drag-handle {
    height: 34px;
    min-height: 34px;
  }
  .md-ui .md-part-name {
    grid-column: 1/-1;
  }
  .md-ui .md-part-remove {
    grid-column: 6;
  }
  .md-ui .md-task-totals tr:last-child {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container task (max-width: 330px) {
  .md-ui .md-step-row {
    grid-template-columns: 96px minmax(0, 1fr) 40px;
  }
  .md-ui .md-step-reorder .md-step-drag-handle {
    flex-basis: 96px;
    width: 96px;
    padding-inline: 8px;
  }
  .md-ui .md-step-row .widget-step-completed-button {
    width: 100%;
    min-width: 0;
    font-size: 0;
  }
  .md-ui .md-step-row .widget-step-completed-button i {
    font-size: 16px;
  }
  .md-ui .md-step-row .md-line-remove button {
    width: 34px;
    min-width: 34px;
    padding: 0;
  }
  .md-ui .md-part-row .md-task-field, .md-ui .md-extra-row .md-task-field {
    grid-column: 1/-1;
  }
  .md-ui .md-task-totals tr:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Shared list empty state, based on MiniChat's centered room state. */
.md-list-state-wrap,
.md-list-state-wrap.widget-load-list {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 20px;
}

.widget-list-display-area > .md-list-state-wrap,
.grid-widget-shell[data-grid-height-policy=content] .widget-list-display-area > .md-list-state-wrap {
  min-height: 220px;
}

.md-list-state,
.md-list-state.widget-empty-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  line-height: 1.45;
  text-align: center;
  text-shadow: none;
  overflow-wrap: anywhere;
}

.md-list-state-icon {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin-bottom: 5px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 12px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: none;
  text-shadow: none;
  font-size: 1.125rem;
}

.md-list-state-title {
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
  font-weight: 600;
}

.md-list-state-description {
  max-width: min(100%, 38ch);
}

/* Customers directory: the same card, control, and row language as Home. */
.md-ui .md-customer-actions .md-action-group {
  grid-template-columns: minmax(0, 1fr);
}
.md-ui .md-customer-stats .md-customer-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-customer-stats .md-filter-controls > .option-selector {
  width: max-content;
  min-width: min(160px, 100%);
  max-width: 100%;
  flex: 0 0 auto;
}
.md-ui .md-customer-stats .md-filter-controls > .option-selector .option-selected {
  width: max-content;
  min-width: min(160px, 100%);
  max-width: 100%;
}
.md-ui .md-customer-stats .md-filter-controls > button,
.md-ui .md-customer-stats .md-filter-controls > .option-selector .option-selected {
  font-size: 1rem;
}
.md-ui .md-customer-stats .md-filter-controls > button .widget-filter-label {
  font-size: inherit;
  line-height: inherit;
}
.md-ui .md-customer-stats #customer-list-filter-open[aria-pressed=true] {
  color: var(--minidesk-status-ready-color);
  border-color: var(--minidesk-status-ready-edge);
  background: var(--minidesk-status-ready-bg);
}
.md-ui .md-customer-list {
  min-width: 0;
}
.md-ui .md-customer-list .md-list-body {
  min-width: 0;
}
.md-ui .md-customer-columns, .md-ui .md-record-row.md-customer-row {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.1fr) minmax(100px, 0.55fr) minmax(105px, 0.65fr);
  align-items: center;
  gap: 16px;
}
.md-ui .md-customer-columns {
  padding: 12px 16px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  background: var(--bs-tertiary-bg);
  border-block: 1px solid var(--bs-border-color);
}
.md-ui .md-customer-columns .md-text-right {
  text-align: right;
}
.md-ui .md-customer-rows {
  height: auto;
  min-height: 0;
  flex: 1;
  width: 100%;
  padding: 0;
  gap: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.md-ui .md-record-row.md-customer-row {
  min-height: 72px;
}
.md-ui .md-customer-contact, .md-ui .md-customer-jobs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.md-ui .md-customer-contact > i, .md-ui .md-customer-jobs > i {
  flex: 0 0 16px;
  width: 16px;
  text-align: center;
}
.md-ui .md-customer-contact > span, .md-ui .md-customer-jobs > span {
  min-width: 0;
}
.md-ui .md-customer-total {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
  color: var(--bs-emphasis-color);
  font-weight: 600;
  text-align: right;
}
.md-ui .md-customer-total > i {
  flex: 0 0 auto;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-ui .md-customer-list .md-list-footer {
  border-top: 1px solid var(--bs-border-color);
}

@container widget (max-width: 700px) {
  .md-ui .md-customer-list .md-customer-columns {
    display: none;
  }
  .md-ui .md-customer-list .md-customer-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 16px;
  }
  .md-ui .md-customer-list .md-customer-row .md-person {
    grid-column: 1;
  }
  .md-ui .md-customer-list .md-customer-contact {
    grid-column: 1;
    padding-left: 52px;
  }
  .md-ui .md-customer-list .md-customer-jobs {
    grid-column: 1;
    padding-left: 52px;
  }
  .md-ui .md-customer-list .md-customer-jobs::before {
    content: "Open jobs";
    font-size: 0.8125rem;
  }
  .md-ui .md-customer-list .md-customer-total {
    grid-column: 2;
    grid-row: 1/4;
    align-self: center;
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-customer-list .md-customer-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-customer-list .md-customer-total {
    grid-column: 1;
    grid-row: auto;
    justify-content: flex-start;
    padding-left: 52px;
  }
  .md-ui .md-customer-stats .md-customer-stat-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-customer-stats .md-filter-controls > .option-selector,
  .md-ui .md-customer-stats .md-filter-controls > .option-selector .option-selected {
    width: 100%;
  }
}
/* Customer creation and duplicate review share the standard popup and record forms. */
.md-ui .md-dialog.md-customer-create-dialog {
  width: min(840px, 100vw - 32px);
}
.md-ui .md-customer-create-dialog :is(.form-label, h3, .form-text) {
  text-shadow: none;
}
.md-ui .md-customer-create-dialog .form-label {
  line-height: 1.5;
}
.md-ui .md-customer-create-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  min-width: 0;
  margin: 0;
}
.md-ui .md-customer-create-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-customer-create-wide {
  grid-column: 1/-1;
}
.md-ui .md-customer-create-optional {
  margin-left: 8px;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 400;
}

@media (max-width: 700px) {
  .md-ui .md-customer-create-form {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 420px) {
  .md-ui .md-customer-create-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Employee directory widgets share the Home page's shells, rows, and controls. */
.md-ui .md-workflow-filter-heading {
  margin-top: 16px;
}
.md-ui .md-workflow-filter-heading h2 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
}
.md-ui .md-workflow-filter-heading p {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-employee-list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
  overflow: visible;
}
.md-ui .md-employee-list .md-card-heading {
  flex-wrap: wrap;
}
.md-ui .md-employee-list .md-list-body {
  min-width: 0;
}
.md-ui .md-employee-columns,
.md-ui .md-record-row.md-employee-row {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.85fr) minmax(0, 1fr) 16px;
  align-items: center;
  gap: 16px;
}
.md-ui .md-employee-columns {
  padding: 12px 16px;
  border-block: 1px solid var(--bs-border-color);
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-employee-rows {
  flex: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  gap: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: none;
}
.md-ui .md-record-row.md-employee-row {
  min-height: 72px;
}
.md-ui .md-employee-row .md-person {
  min-width: 0;
}
.md-ui .md-employee-row .md-person-copy :is(span, small) {
  color: var(--bs-secondary-color);
}
.md-ui .md-employee-position {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--bs-body-color);
  font-size: 0.9375rem;
}
.md-ui .md-employee-workload {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  min-width: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-employee-workload-item {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}
.md-ui .md-employee-workload-item i {
  width: 14px;
  flex: 0 0 14px;
  text-align: center;
}
.md-ui .md-employee-workload-item strong {
  color: var(--bs-emphasis-color);
  font-weight: 600;
}
.md-ui .md-employee-chevron {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  justify-self: end;
}
.md-ui .md-employee-search .md-search {
  min-width: 0;
}
.md-ui .md-employee-search .widget-search-input {
  width: 100%;
  min-height: 44px;
  margin: 0;
}
.md-ui .md-employee-filter {
  padding: 16px;
}
.md-ui .md-employee-filter .md-employee-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-employee-filter .md-employee-filter-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 12px;
  margin-top: 0;
}
.md-ui .md-employee-filter-toggle {
  min-width: 0;
}
.md-ui .md-employee-filter-toggle[aria-pressed=true] {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--minidesk-success-control-edge);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-success) 90%, white);
  --bs-btn-hover-border-color: var(--minidesk-success-control-edge-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--minidesk-success-control-edge-hover);
  --md-button-focus-edge: var(--bs-success);
}
.md-ui .md-employee-filter .md-employee-sort {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  height: auto;
  margin: 0;
}
.md-ui .md-employee-filter .md-employee-sort .option-selected {
  width: max-content;
  min-width: min(160px, 100%);
  max-width: 100%;
  min-height: 44px;
  height: 40px;
  padding: 0 12px;
  font-size: 1rem;
}
.md-ui .md-employee-filter .md-employee-sort .option-selected-label {
  min-width: 0;
}
.md-ui .md-employee-filter .md-employee-sort .option-arrow {
  display: none;
}
@container widget (max-width: 680px) {
  .md-ui .md-employee-columns {
    display: none;
  }
  .md-ui .md-record-row.md-employee-row {
    grid-template-columns: minmax(0, 1fr) 16px;
    gap: 8px 12px;
  }
  .md-ui .md-employee-row .md-person {
    grid-column: 1/-1;
  }
  .md-ui .md-employee-position {
    grid-column: 1;
  }
  .md-ui .md-employee-workload {
    grid-column: 1;
  }
  .md-ui .md-employee-chevron {
    grid-column: 2;
    grid-row: 2/4;
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-employee-filter .md-employee-stat-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-employee-filter .md-employee-filter-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-employee-filter .md-employee-sort {
    grid-column: 1/-1;
    width: 100%;
  }
  .md-ui .md-employee-filter .md-employee-sort .option-selected {
    width: 100%;
  }
}

/* Leads list uses the Home widget surfaces while keeping its own row geometry. */
.md-ui .md-lead-list.responsive-list-widget {
  display: flex;
  flex-direction: column;
  gap: 0;
  container: widget/inline-size;
  min-width: 0;
}
.md-ui .md-lead-list .md-list-body {
  min-width: 0;
}
.md-ui .md-lead-columns, .md-ui .md-record-row.md-lead-row {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(135px, 0.8fr) minmax(170px, 0.75fr) minmax(90px, 0.45fr);
  align-items: center;
  gap: 12px 16px;
}
.md-ui .md-lead-columns {
  padding: 12px 16px;
  border-block: 1px solid var(--bs-border-color);
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-lead-rows {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  height: auto;
  padding: 0;
  gap: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.md-ui .md-lead-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.md-ui .widget-color-badge.md-lead-status-pending {
  color: var(--minidesk-status-urgent-color);
  background: var(--minidesk-badge-urgent-bg);
  border-color: var(--minidesk-badge-urgent-edge);
}
.md-ui .widget-color-badge.md-lead-status-called {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-badge-waiting-bg);
  border-color: var(--minidesk-badge-waiting-edge);
}
.md-ui .widget-color-badge.md-lead-status-emailed {
  color: var(--minidesk-status-progress-color);
  background: var(--minidesk-badge-progress-bg);
  border-color: var(--minidesk-badge-progress-edge);
}
.md-ui .widget-color-badge.md-lead-status-unknown {
  color: var(--bs-secondary-color);
  background: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}
.md-ui .md-lead-converted {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-ui .md-lead-row .md-updated {
  min-width: 0;
  width: 100%;
}
.md-ui .md-lead-row .ticket-update-heat-badge {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}
.md-ui .md-lead-source {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  white-space: nowrap;
}
.md-ui .md-lead-arrow {
  margin-left: auto;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-ui .md-lead-details {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 20px;
  grid-column: 1/-1;
  padding-left: 52px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  min-width: 0;
}
.md-ui .md-lead-details > span {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-lead-details i {
  width: 16px;
  flex: 0 0 16px;
  text-align: center;
}
.md-ui .md-lead-filter-layout {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.md-ui .md-lead-filter-layout > .md-stat-card {
  width: min(100%, 260px);
}
.md-ui .md-lead-filter .md-filter-controls {
  align-items: center;
  justify-content: flex-start;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-ui .md-lead-filter .md-filter-controls > .option-selector {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
}
.md-ui .md-lead-filter .md-filter-controls > .option-selector .option-selected {
  min-width: min(160px, 100%);
  min-height: 44px;
  width: max-content;
  max-width: 100%;
}
.md-ui .md-lead-filter .md-filter-controls > button,
.md-ui .md-lead-filter .md-filter-controls > .option-selector .option-selected {
  font-size: 1rem;
}
.md-ui .md-lead-filter .md-filter-controls > button .widget-filter-label {
  font-size: inherit;
  line-height: inherit;
}
.md-ui .md-lead-actions .md-action-group {
  grid-template-columns: minmax(0, 1fr);
}
.md-ui .md-lead-actions .md-action-group > button {
  width: 100%;
}

@container widget (max-width: 760px) {
  .md-ui .md-lead-list .md-lead-columns {
    display: none;
  }
  .md-ui .md-lead-list .md-lead-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .md-ui .md-lead-row .md-person {
    grid-column: 1/-1;
  }
  .md-ui .md-lead-row .md-lead-status {
    grid-area: 2/1;
  }
  .md-ui .md-lead-row .md-lead-source {
    grid-area: 2/2;
  }
  .md-ui .md-lead-row .md-updated {
    grid-area: 3/1/4/-1;
  }
  .md-ui .md-lead-row .md-lead-details {
    grid-row: 4;
    padding-left: 0;
  }
  .md-ui .md-lead-row .md-record-summary {
    padding-left: 0;
  }
}
@container widget (max-width: 700px) {
  .md-ui .md-lead-filter-layout > .md-stat-card {
    width: 100%;
  }
}
@container widget (max-width: 480px) {
  .md-ui .md-lead-filter .md-filter-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-lead-filter .md-filter-controls > button {
    grid-column: 1/-1;
  }
  .md-ui .md-lead-filter .md-filter-controls > .option-selector {
    width: 100%;
  }
  .md-ui .md-lead-filter .md-filter-controls > .option-selector .option-selected {
    width: 100%;
    min-width: 0;
  }
}
@container widget (max-width: 260px) {
  .md-ui .md-lead-filter .md-filter-controls {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-ui input:not([data-input-icon])::placeholder, .md-ui textarea::placeholder, .md-ui [contenteditable]::before {
  font-family: "MiniDesk Placeholder Icons", Roboto, sans-serif;
  font-weight: 400;
}
.md-ui .md-search input {
  padding-left: 12px;
}
.md-ui .md-input-field {
  position: relative;
  display: grid;
  min-width: 0;
  width: 100%;
}
.md-ui .md-input-field > .md-input-field-icon {
  position: relative;
  grid-area: 1/1;
  align-self: center;
  justify-self: start;
  margin-left: 14px;
  z-index: 1;
  pointer-events: none;
  color: var(--bs-secondary-color);
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}
.md-ui .md-input-field > input.form-control {
  --md-input-padding-left: 42px;
  grid-area: 1/1;
  width: 100%;
  padding-left: var(--md-input-padding-left);
}
.md-ui .md-input-field > input::placeholder {
  font-family: Roboto, sans-serif;
}
.md-ui .md-input-field:has(> input:is([hidden], [type=hidden], .widget-hidden, [style*="display: none"], [style*="display:none"])) {
  display: none;
}
.md-ui .md-input-field:has(> input:disabled) > .md-input-field-icon {
  opacity: 0.55;
}

.md-workspace-active .mini-tooltip, .mini-tooltip.md-tooltip {
  position: fixed;
  display: block;
  max-width: min(360px, 100vw - 28px);
  padding: 8px 10px;
  border: 1px solid var(--minidesk-control-edge-hover);
  border-radius: 9px;
  background: var(--bs-secondary-bg);
  color: var(--bs-emphasis-color);
  box-shadow: var(--minidesk-overlay-shadow);
  text-shadow: none;
  font-size: 0.875rem;
  font-family: var(--bs-font-sans-serif);
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  backdrop-filter: none;
  transition: opacity 0.12s ease;
}
.md-workspace-active .mini-tooltip.mini-tooltip-visible, .mini-tooltip.md-tooltip.mini-tooltip-visible {
  opacity: 1;
  visibility: visible;
}

.md-ui {
  /* Text throughout the workspace shares a small shadow, including native controls. */
}
.md-ui .md-workspace, .md-ui .md-navigation, .md-ui .form-control, .md-ui .form-select,
.md-ui .accordion-button, .md-ui .md-ticket-row, .md-ui .dropdown-item {
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .btn:is(.btn-primary, .btn-success, .btn-danger) {
  --minidesk-text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
}
.md-ui .md-signature-pad {
  --md-signature-ink: var(--bs-body-color);
  border-color: var(--minidesk-control-edge);
  box-shadow: var(--minidesk-inset-shadow);
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .md-signature-pad:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border-color: var(--minidesk-control-edge-hover);
}
.md-ui .md-signature-pad :is(.md-signature-guide, .md-signature-mark, .md-signature-caption) {
  color: var(--bs-secondary-color);
}
:root[data-bs-theme=dark] .md-ui .md-signature-pad {
  background-color: var(--minidesk-field-bg);
}
:root[data-bs-theme=dark] .md-ui .md-signature-pad:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  background-color: var(--minidesk-field-hover);
}
.md-ui {
  /* Opaque widget surfaces with quieter, outlined inset sections. */
}
.md-ui .grid-widget.card {
  box-shadow: var(--minidesk-card-shadow);
}
.md-ui .md-task.card, .md-ui .md-ticket-sidebar.card {
  --bs-card-border-color: var(--bs-border-color);
}
.md-ui .md-task.card {
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-ticket-heading, .md-ui .md-task-heading {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.md-ui .md-task-heading {
  background-color: var(--bs-tertiary-bg);
}
.md-ui .md-task-totals {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.md-ui .md-commerce-summary, .md-ui .md-payment-group, .md-ui .md-signature-terms {
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-card-heading h2, .md-ui .widget-compact-primary, .md-ui .md-ticket-heading h1, .md-ui .md-task-title h3 {
  color: var(--bs-emphasis-color);
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .md-ticket-heading h1 {
  font-weight: 450;
}
:root[data-bs-theme=light] .md-ui .md-ticket-heading h1 {
  color: #505050;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.md-ui .md-field-label, .md-ui .widget-form-label, .md-ui .md-commerce-field > label {
  font-weight: 500;
}
.md-ui .md-avatar, .md-ui .md-record-avatar, .md-ui .md-note-avatar {
  border-color: var(--minidesk-icon-neutral-edge);
  background: var(--minidesk-icon-neutral-bg);
  color: var(--minidesk-icon-neutral-color);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui {
  /* Reusable icon tiles: neutral by default; modifiers carry semantic colour. */
}
.md-ui .md-icon-tile {
  display: inline-grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--minidesk-icon-neutral-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-icon-neutral-bg);
  color: var(--minidesk-icon-neutral-color);
  box-shadow: var(--minidesk-control-shadow);
  text-shadow: none;
}
.md-ui .md-icon-tile--accent, .md-ui .md-ticket-row .md-avatar {
  border-color: var(--minidesk-ticket-icon-edge);
  background: var(--minidesk-ticket-icon-bg);
  color: var(--minidesk-ticket-icon-color);
  box-shadow: var(--minidesk-inset-shadow);
  text-shadow: none;
}
.md-ui .md-icon-tile--selected {
  border-color: var(--bs-success);
  background: var(--bs-success);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), var(--minidesk-control-shadow);
}
.md-ui .md-task-index {
  font-weight: 600;
}
.md-ui .md-reorder-controls {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
.md-ui .md-square-icon-button, .md-ui .md-reorder-button, .md-ui .md-drag-handle {
  display: inline-grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
  text-shadow: none;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui :is(.md-square-icon-button, .md-reorder-button, .md-drag-handle):not(:disabled):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}
.md-ui :is(.md-square-icon-button, .md-reorder-button):focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}
.md-ui :is(.md-square-icon-button, .md-reorder-button, .md-drag-handle):not(:disabled):active {
  background: var(--minidesk-control-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18);
}
.md-ui .md-drag-handle {
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.md-ui .md-step-drag-handle:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}
.md-ui .md-step-row.md-step-dragging {
  opacity: 0.55;
}
.md-ui .md-step-row.md-step-dragging .md-drag-handle {
  cursor: grabbing;
  background: var(--minidesk-control-active);
}
.md-ui .md-ui .md-task-section-body tr.md-step-row:is(.md-step-drop-before, .md-step-drop-after) {
  position: relative;
  border-radius: 8px;
  background: rgba(var(--bs-success-rgb), 0.16);
  box-shadow: inset 0 0 0 2px rgba(var(--bs-success-rgb), 0.9), 0 0 0 6px rgba(var(--bs-success-rgb), 0.12), 0 0 12px rgba(var(--bs-success-rgb), 0.35);
}
.md-ui .md-step-row:is(.md-step-drop-before, .md-step-drop-after)::before {
  position: absolute;
  z-index: 2;
  right: 0;
  left: 0;
  height: 3px;
  border-radius: 3px;
  background: var(--bs-success);
  box-shadow: 0 0 0 2px var(--bs-body-bg), 0 2px 8px rgba(0, 0, 0, 0.22);
  content: "";
  pointer-events: none;
}
.md-ui .md-step-row.md-step-drop-before::before {
  top: -7.5px;
}
.md-ui .md-step-row.md-step-drop-after::before {
  bottom: -7.5px;
}
.md-ui .md-launch-icon {
  color: inherit;
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui {
  /* Bootstrap still applies the states; these variables supply our colours. */
}
.md-ui .btn {
  box-shadow: var(--minidesk-button-shadow);
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .btn:is(.btn-primary, .btn-success, .btn-danger) {
  box-shadow: var(--minidesk-filled-button-shadow);
}
.md-ui .btn-primary {
  --md-button-focus-edge: var(--bs-primary-text-emphasis);
}
.md-ui .btn-success {
  --md-button-focus-edge: var(--bs-success-text-emphasis);
}
.md-ui {
  /* Filled green buttons and disclosure tiles share one visible edge in each theme. */
}
.md-ui .btn-success, :root[data-bs-theme=light] .md-ui .btn-success {
  --bs-btn-border-color: var(--minidesk-success-control-edge);
  --bs-btn-hover-border-color: var(--minidesk-success-control-edge-hover);
  --bs-btn-active-border-color: var(--minidesk-success-control-edge-hover);
}
.md-ui .btn-danger {
  --md-button-focus-edge: var(--bs-danger-text-emphasis);
}
.md-ui .btn:focus-visible {
  outline: 2px solid var(--md-button-focus-edge, var(--minidesk-control-edge-hover));
  outline-offset: 2px;
}
.md-ui .md-widget :is(.widget-action-button, .widget-add-row-button, .widget-status-action, .widget-square-control),
.md-ui .md-commerce-overlay :is(.widget-action-button, .widget-square-control) {
  box-shadow: var(--minidesk-button-shadow);
}
.md-ui .md-widget :is(.widget-action-button-primary, .widget-action-accept, .widget-action-destructive),
.md-ui .md-commerce-overlay :is(.widget-action-button-primary, .widget-action-accept, .widget-action-destructive) {
  box-shadow: var(--minidesk-filled-button-shadow);
}
.md-ui .md-widget :is(.widget-action-button, .widget-add-row-button, .widget-status-action, .widget-square-control):not(:disabled):active,
.md-ui .md-commerce-overlay :is(.widget-action-button, .widget-square-control):not(:disabled):active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.md-ui {
  /* One perimeter edge for every control; only keyboard focus adds an outer ring. */
}
.md-ui :is(.md-outline-control, .md-popup-close, .widget-overlay-close) {
  border: 1px solid var(--md-outline-edge, var(--minidesk-control-edge));
  outline: none;
}
.md-ui :is(.md-outline-control, .md-popup-close, .widget-overlay-close):focus-visible {
  outline: 2px solid var(--md-outline-focus, var(--minidesk-control-edge-hover));
  outline-offset: 2px;
}
.md-ui .btn-outline-secondary {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--minidesk-control-bg);
  --bs-btn-border-color: var(--minidesk-control-edge);
  --bs-btn-hover-color: var(--bs-emphasis-color);
  --bs-btn-hover-bg: var(--minidesk-control-hover);
  --bs-btn-hover-border-color: var(--minidesk-control-edge-hover);
  --bs-btn-active-color: var(--bs-emphasis-color);
  --bs-btn-active-bg: var(--minidesk-control-active);
  --bs-btn-active-border-color: var(--minidesk-control-edge-hover);
  --bs-btn-disabled-color: var(--bs-secondary-color);
  --bs-btn-disabled-bg: var(--minidesk-control-bg);
  --bs-btn-disabled-border-color: var(--minidesk-control-edge);
  --bs-btn-focus-shadow-rgb: 128, 128, 128;
}
.md-ui .btn:not(:disabled):not(.disabled):active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24);
}
.md-ui .btn:not(:disabled):not(.disabled):active:focus-visible {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24), var(--bs-btn-focus-box-shadow);
}
.md-ui {
  /* Fields sit just below the surrounding surface; keep their edge quieter than a button's. */
}
.md-ui .form-control, .md-ui .form-select {
  border-color: var(--minidesk-field-edge);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui :is(.form-control, .form-select):not(:disabled):not([readonly]):not(.is-invalid):not(.is-valid):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
  background-color: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui .option-selected {
  border: 1px solid var(--minidesk-field-edge);
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui .option-selected:not([aria-disabled=true]):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui {
  /* Select triggers can read as fields, outlined controls, or buttons by context. */
}
.md-ui .option-selected.md-select-flat {
  border-color: var(--minidesk-flat-select-edge);
  outline: none;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.md-ui .option-selected.md-select-flat:not([aria-disabled=true]):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-flat-select-edge-hover);
  background: color-mix(in srgb, var(--bs-emphasis-color) 6%, transparent);
  box-shadow: none;
}
.md-ui .option-selected.md-select-flat:not([aria-disabled=true]):active {
  background: color-mix(in srgb, var(--bs-emphasis-color) 10%, transparent);
  box-shadow: none;
}
.md-ui .option-selected.md-select-flat:focus-visible {
  outline: 2px solid var(--minidesk-flat-select-focus-edge);
  outline-offset: 2px;
}
.md-ui .option-selected.md-select-field {
  border-color: var(--minidesk-field-edge);
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui .option-selected.md-select-field:not([aria-disabled=true]):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui .option-selected.md-select-button {
  border-color: var(--minidesk-control-edge);
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
}
.md-ui .option-selected.md-select-button:not([aria-disabled=true]):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  box-shadow: var(--minidesk-button-shadow);
}
.md-ui .option-selected.md-select-button:not([aria-disabled=true]):active {
  background: var(--minidesk-control-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.md-ui .md-widget :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]), textarea, select):where(:not(.is-invalid):not(.is-valid):not([aria-invalid=true])) {
  border-color: var(--minidesk-field-edge);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui .md-widget :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]), textarea, select):where(:not(:disabled):not([readonly]):not(.is-invalid):not(.is-valid):not([aria-invalid=true])):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui .form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.md-ui .form-check-input {
  cursor: pointer;
}
.md-ui .md-electronics-checklist {
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-checklist-row {
  border-radius: var(--bs-border-radius-sm);
}
.md-ui .md-checklist-row:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  background-color: var(--minidesk-control-hover);
}
.md-ui .md-checklist-row:focus-within {
  box-shadow: inset 0 0 0 1px var(--minidesk-control-edge-hover);
}
.md-ui .md-electronics-checklist .form-switch .form-check-input {
  background-color: var(--bs-danger);
  border-color: rgba(0, 0, 0, 0.12);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-electronics-checklist .form-switch .form-check-input:checked {
  background-color: var(--bs-primary);
}
.md-ui .md-electronics-checklist .form-switch .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.3);
}
.md-ui {
  /* A ticket row is interactive; static section outlines do not receive this treatment. */
}
.md-ui .md-ticket-rows {
  --bs-list-group-action-hover-bg: var(--minidesk-row-hover);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
}
.md-ui .md-ticket-row {
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui .md-ticket-row:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  box-shadow: inset 0 0 0 1px var(--minidesk-control-edge-hover);
}
.md-ui .md-ticket-row:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -3px;
}
.md-ui .md-ticket-row:active {
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}
.md-ui .md-ticket-row .md-person-copy strong {
  color: var(--bs-emphasis-color);
  font-weight: 500;
}
.md-ui .md-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .md-status {
  font-weight: 600;
}
.md-ui .md-status {
  color: var(--minidesk-status-progress-color);
  background: var(--minidesk-badge-progress-bg);
  border-color: var(--minidesk-badge-progress-edge);
}
.md-ui .md-status[data-status=ready] {
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-badge-ready-bg);
  border-color: var(--minidesk-badge-ready-edge);
}
.md-ui .md-status[data-status=waiting] {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-badge-waiting-bg);
  border-color: var(--minidesk-badge-waiting-edge);
}
.md-ui .md-ticket-details {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-ticket-device {
  color: var(--bs-body-color);
}
.md-ui .md-count.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .md-count.badge {
  font-weight: 600;
}
.md-ui .widget-summary-table, .md-ui .md-commerce-ledger {
  --bs-table-bg: transparent;
}
.md-ui .widget-summary-table tr:last-child, .md-ui .md-ledger-total {
  color: var(--bs-emphasis-color);
}
.md-ui {
  /* Navigation controls sit flat on the bar; colour, rather than depth, marks interaction. */
}
.md-ui .md-navigation, .md-ui .md-mobile-nav {
  --md-nav-control-edge: rgb(203 203 203 / 16%);
  --md-nav-control-edge-hover: rgb(203 203 203 / 30%);
  --md-nav-control-focus-edge: rgb(230 230 230 / 58%);
}
.md-ui .md-navigation {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.07), 3px 0 14px rgba(0, 0, 0, 0.08);
}
.md-ui .md-nav-top .md-navigation {
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.07), 0 3px 14px rgba(0, 0, 0, 0.08);
}
.md-ui .md-navigation .nav-link {
  appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  text-shadow: var(--minidesk-text-shadow);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.md-ui .md-navigation .nav-link[aria-current=page] {
  background-color: rgba(255, 255, 255, 0.09);
  box-shadow: none;
}
.md-ui .md-navigation .nav-link:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  background-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}
.md-ui .md-navigation .nav-link:focus-visible {
  outline: 2px solid var(--md-nav-control-focus-edge);
  outline-offset: -2px;
}
.md-ui .md-navigation .nav-link:active {
  background-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.md-ui .md-navigation-controls .btn {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--md-nav-control-edge);
  --bs-btn-hover-bg: rgb(255 255 255 / 7%);
  --bs-btn-hover-color: var(--bs-emphasis-color);
  --bs-btn-hover-border-color: var(--md-nav-control-edge-hover);
  --bs-btn-active-bg: rgb(0 0 0 / 12%);
  --bs-btn-active-color: var(--bs-emphasis-color);
  --bs-btn-active-border-color: var(--md-nav-control-edge-hover);
  box-shadow: none;
  text-shadow: none;
}
.md-ui .md-navigation-controls .btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  box-shadow: none;
}
.md-ui .md-navigation-controls .btn:focus-visible {
  outline: 2px solid var(--md-nav-control-focus-edge);
  outline-offset: 2px;
}
.md-ui .md-navigation-controls .btn:not(:disabled):not(.disabled):active {
  box-shadow: none;
}
.md-ui .md-nav-location .option-selected {
  border-color: var(--md-nav-control-edge);
  box-shadow: none;
  outline: none;
}
.md-ui .md-nav-location .option-selected:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--md-nav-control-edge-hover);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: none;
}
.md-ui .md-nav-location .option-selected:focus-visible {
  outline: 2px solid var(--md-nav-control-focus-edge);
  outline-offset: 2px;
}
.md-ui .md-mobile-nav .btn {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-color: var(--bs-emphasis-color);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-color: var(--bs-emphasis-color);
  border: 0;
  background: transparent;
  box-shadow: none;
}
.md-ui .md-mobile-nav .btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  box-shadow: none;
}
.md-ui .md-mobile-nav .btn > :is(i, .fa-solid, .fa-regular, .fa-brands, .widget-luma-icon) {
  color: inherit;
}
.md-ui .md-mobile-nav .btn:focus-visible {
  outline: 2px solid var(--md-nav-control-focus-edge);
  outline-offset: 2px;
}
.md-ui .md-mobile-nav .btn:not(:disabled):not(.disabled):active {
  box-shadow: none;
}
.md-ui {
  /* Blue navigation keeps pale labels and quiet hover fills in light mode. */
}
:root[data-bs-theme=light] .md-ui :is(.md-navigation, .md-mobile-nav) {
  --md-nav-control-edge: rgb(242 242 242 / 20%);
  --md-nav-control-edge-hover: rgb(242 242 242 / 32%);
  --md-nav-control-focus-edge: rgb(255 255 255 / 62%);
  --bs-body-color: #f2f2f2;
  --bs-body-color-rgb: 242, 242, 242;
  --bs-emphasis-color: #f7f7f7;
  --bs-emphasis-color-rgb: 247, 247, 247;
  --bs-secondary-color: #eeeeee;
  --bs-secondary-color-rgb: 238, 238, 238;
}
:root[data-bs-theme=light] .md-ui .md-navigation .nav-link[aria-current=page] {
  background-color: rgba(0, 0, 0, 0.08);
}
:root[data-bs-theme=light] .md-ui .md-navigation .nav-link:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  background-color: rgba(0, 0, 0, 0.12);
}
:root[data-bs-theme=light] .md-ui .md-navigation-controls .btn {
  --bs-btn-hover-bg: rgb(0 0 0 / 7%);
  --bs-btn-active-bg: rgb(0 0 0 / 12%);
}
:root[data-bs-theme=light] .md-ui .md-nav-location .option-selected:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  background: rgba(0, 0, 0, 0.07);
}
.md-ui .accordion-button {
  font-weight: 500;
}
.md-ui .accordion-button:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-emphasis-color);
}
.md-ui .accordion-button small {
  font-weight: 400;
}
.md-ui {
  /* Floating surfaces get glass, with an opaque fallback. Widgets remain solid. */
}
.md-ui .modal-content, .md-ui :is(.dropdown-menu, .md-dropdown-menu) {
  border-color: var(--minidesk-overlay-edge);
  background-color: var(--bs-body-bg);
  box-shadow: var(--minidesk-overlay-shadow);
}
.md-ui .modal-header, .md-ui .modal-footer {
  border: 0;
  background-color: var(--minidesk-popup-chrome-bg);
}
.md-ui .modal-header h2 {
  color: var(--bs-emphasis-color);
  font-weight: 600;
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui :is(.dropdown-menu, .md-dropdown-menu) {
  --bs-dropdown-padding-x: .375rem;
  --bs-dropdown-padding-y: .375rem;
  --bs-dropdown-link-hover-bg: var(--minidesk-row-hover);
  --bs-dropdown-link-hover-color: var(--bs-emphasis-color);
}
.md-ui {
  /* Menu rows use the shared row highlight for focus, including native buttons. */
}
.md-ui .dropdown-item {
  border: 0;
  border-radius: 0.375rem;
  outline: none;
  box-shadow: none;
  transform: none;
}
.md-ui .dropdown-item:is([aria-selected=true], [aria-current=page]) {
  color: var(--bs-emphasis-color);
  background-color: var(--bs-secondary-bg);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis);
}
@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .modal-content, .md-ui :is(.dropdown-menu, .md-dropdown-menu) {
    background-color: var(--minidesk-popup-glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .md-ui .modal-content {
    background-color: transparent;
  }
  .md-ui .modal-body {
    background-color: var(--minidesk-popup-glass-bg);
  }
  .md-ui .modal-header, .md-ui .modal-footer {
    background-color: var(--minidesk-popup-chrome-glass-bg);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .modal-content, .md-ui :is(.dropdown-menu, .md-dropdown-menu) {
    background-color: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .md-ui .modal-header, .md-ui .modal-footer {
    background-color: var(--minidesk-popup-chrome-bg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-ui .md-ticket-row, .md-ui .md-navigation .nav-link {
    transition: none;
  }
}

.md-nav-collapsed:not(.md-nav-top) .md-ui .md-navigation {
  box-shadow: none;
}

/* The drag preview lives under body so it can follow the pointer outside a widget. */
.md-step-drag-preview {
  position: fixed;
  z-index: 1100;
  display: flex;
  align-items: center;
  gap: 9px;
  max-width: min(320px, 100vw - 24px);
  padding: 10px 14px;
  overflow: hidden;
  border: 1px solid var(--minidesk-control-edge-hover);
  border-radius: 10px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25), var(--minidesk-control-shadow);
  font-size: 0.875rem;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.md-step-drag-preview .md-step-drag-preview-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.md-step-drag-preview i {
  color: var(--bs-primary);
}

/* Compatibility with the existing widget lifecycle and its dynamic templates. */
.md-ui .widget-state-action:not(.widget-action-visible), .md-ui .widget-action-selector:not(.widget-action-visible) {
  display: none;
}
.md-ui .theme-text, .md-ui .widget-static-theme-text {
  color: inherit;
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .md-widget :is(span, label, strong, small, p, h2, h3):not(.md-icon-tile):not(.md-avatar) {
  text-shadow: inherit;
}
.md-ui .btn > span:not(.widget-avatar, .widget-luma-icon, .md-luma-icon, .md-luma-settings-icon, .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands), .md-ui .btn .widget-filter-label {
  color: inherit;
}
.md-ui .btn > :is(i, .widget-luma-icon, .md-luma-icon, .md-luma-settings-icon, .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands) {
  color: var(--minidesk-icon-color);
}
.md-ui .md-search .form-control {
  text-align: left;
}
.md-ui .md-updated {
  min-width: 0;
  width: 100%;
  justify-self: start;
}
.md-ui .md-updated .ticket-update-heat-badge {
  display: inline-block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.md-ui .md-ticket-value .md-price-label {
  display: none;
}
.md-ui .md-ticket-value .md-price-label[data-budget=true] {
  display: block;
}
.md-ui .md-task-field > input {
  flex: 0 0 auto;
}
.md-ui .option-selected > .option-icon {
  position: static;
  inset: auto;
  transform: none;
  margin: 0;
  width: 16px;
}
.md-ui .option-selected:has(> .option-icon) {
  padding-left: 12px;
}
.md-ui .md-widget > .widget-layout-body {
  padding: 0;
  gap: 16px;
}
.md-ui .md-detail-widget > .widget-layout-body {
  padding: 16px;
}
.md-ui .md-simple-heading {
  margin: 0;
  padding: 16px;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background: transparent;
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .widget-content-title {
  color: var(--bs-emphasis-color);
  font-size: 1.125rem;
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .md-list-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.md-ui .md-ticket-rows {
  min-height: 0;
  flex: 1;
  width: 100%;
  padding: 0;
  gap: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.md-ui .md-ticket-row {
  --bs-list-group-action-color: var(--bs-secondary-color);
  width: 100%;
  height: auto;
  min-height: 44px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--bs-border-color);
  border-radius: 0;
  background: var(--bs-body-bg);
  color: var(--bs-secondary-color);
  text-shadow: var(--minidesk-text-shadow);
  box-shadow: none;
  outline: none;
  font-size: 1rem;
}
.md-ui .md-ticket-row:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), .md-ui .md-ticket-row:focus-visible {
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
}
.md-ui .md-ticket-row .md-ticket-value > span {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.md-ui .md-filter-controls > .option-selector {
  min-width: 0;
  flex: 0 1 160px;
}
.md-ui .md-filter-controls > .option-selector .option-selected {
  width: 100%;
}
.md-ui #home-stats .md-filter-controls > .option-selector {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
}
.md-ui #home-stats .md-filter-controls > .option-selector .option-selected {
  width: max-content;
  min-width: 160px;
  max-width: 100%;
}
@media (max-width: 760px) {
  .md-ui #home-stats .md-filter-controls > .option-selector {
    width: 100%;
    grid-column: 1/-1;
  }
  .md-ui #home-stats .md-filter-controls > .option-selector .option-selected {
    width: 100%;
  }
}
.md-ui .widget-color-badge, .md-ui .widget-list-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .widget-color-badge, :root[data-bs-theme=light] .md-ui .widget-list-badge {
  font-weight: 600;
}
.md-ui .widget-badge-bg-green {
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-badge-ready-bg);
  border-color: var(--minidesk-badge-ready-edge);
}
.md-ui .widget-badge-bg-yellow, .md-ui .widget-badge-bg-orange {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-badge-waiting-bg);
  border-color: var(--minidesk-badge-waiting-edge);
}
.md-ui .widget-badge-bg-red {
  color: var(--minidesk-status-urgent-color);
  background: var(--minidesk-badge-urgent-bg);
  border-color: var(--minidesk-badge-urgent-edge);
}
.md-ui .md-ticket-row[data-ticket-status="3"] .ticket-status-heat-badge,
.md-ui .md-ticket-row[data-ticket-status="6"] .ticket-status-heat-badge {
  color: var(--minidesk-status-progress-color);
  background: var(--minidesk-badge-progress-bg);
  border-color: var(--minidesk-badge-progress-edge);
}
.md-ui .widget-list-controls-footer {
  margin: 0;
  padding: 16px;
  border-top: 1px solid var(--bs-border-color);
  gap: 12px;
}
.md-ui .widget-info-header-item {
  font-size: inherit;
  width: auto;
  min-width: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  text-shadow: inherit;
}
.md-ui .md-ticket-heading h1 i {
  font-size: inherit;
}
.md-ui .md-ticket-meta .widget-header-link-action, .md-ui .md-ticket-meta .widget-header-link-action > :is(i, span) {
  color: inherit;
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .md-budget-field label {
  margin: 0;
}
.md-ui .widget-summary-table {
  color: var(--bs-body-color);
  font-size: 1rem;
  background: transparent;
  box-shadow: none;
}
.md-ui .widget-summary-table {
  border-collapse: collapse;
}
.md-ui .widget-summary-table > tbody > tr > td {
  border: 0 solid var(--bs-border-color);
  border-bottom-width: 1px;
}
.md-ui .md-task-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.md-ui .md-task {
  margin: 0;
  padding: 0;
  gap: 0;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.md-ui .md-task-title {
  margin: 0 auto 0 0;
  font-size: 1rem;
}
.md-ui .md-task-title h3 {
  font-weight: 500;
}
.md-ui .md-task-form .md-task-field > .form-control, .md-ui .md-task-form .md-task-field > .btn {
  width: 100%;
  margin: 0;
}
.md-ui .md-task-form .md-task-assignee {
  grid-column: span 2;
}
.md-ui .md-task-section-body {
  padding: 16px;
  margin: 0;
  background: var(--bs-body-bg);
  box-shadow: none;
  border-radius: 0;
}
.md-ui .md-task-section-body.widget-hidden {
  display: none;
}
.md-ui .md-task-section-body > table {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  padding: 0;
  border: 0;
  box-shadow: none;
}
.md-ui .md-task-section-body .widget-add-row-button {
  margin: 12px 0 0;
  width: 100%;
}
.md-ui .md-task-sections .accordion-button {
  font-size: 1rem;
  min-height: 48px;
  padding: 12px 16px;
}
.md-ui .md-task-sections .accordion-button::after {
  display: none;
}
.md-ui .md-task-sections .accordion-header {
  margin: 0;
}
.md-ui .md-task-section-body tr {
  height: auto;
  min-height: 0;
  max-height: none;
  width: 100%;
  margin: 0;
  box-shadow: none;
  background: transparent;
}
.md-ui {
  /* Legacy mobile task rules use higher specificity and otherwise turn rows into flex stacks. */
}
.md-ui .md-task-section-body .widget-task-line-stack-table tbody {
  display: flex;
  flex-direction: column;
}
.md-ui .md-task-section-body .widget-task-line-stack-table .widget-task-line-row {
  display: grid;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  padding-right: 0;
  position: static;
}
.md-ui .md-task-section-body .widget-task-line-stack-table .widget-task-line-action-cell {
  position: static;
  right: auto;
  top: auto;
}
.md-ui .md-task-section-body .widget-task-line-cross-marker-cell {
  display: none;
}
.md-ui .md-task-section-body td {
  height: auto;
  width: auto;
  margin: 0;
}
.md-ui .md-task-section-body .form-control {
  width: 100%;
  margin: 0;
}
.md-ui .md-task-section-body .widget-task-line-toggle-control {
  width: 100%;
  margin: 0;
}
.md-ui .md-task-section-body td.md-task-field {
  display: flex;
}
.md-ui .md-task-section-body td {
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .md-step-row > .widget-task-line-fixed-cell {
  align-self: end;
}
.md-ui .md-line-remove {
  align-self: end;
  justify-self: end;
}
.md-ui .md-part-row > .md-line-remove, .md-ui .md-extra-row > .md-line-remove {
  grid-column: 6;
}
.md-ui :is(.md-task-totals, .md-financial-totals) {
  color: var(--bs-body-color);
  font-size: 1rem;
  text-shadow: var(--minidesk-text-shadow);
  box-shadow: none;
  width: 100%;
}
.md-ui :is(.md-task-totals, .md-financial-totals) td {
  color: inherit;
  text-shadow: var(--minidesk-text-shadow);
  padding: 0;
  border: 0;
  text-align: left;
  background: transparent;
  box-shadow: none;
}
.md-ui .md-record .widget-compact-details {
  padding: 0;
  gap: 16px;
}
.md-ui .md-record .widget-compact-details .widget-password-field {
  margin: 0;
}
.md-ui .md-record .widget-vehicle-odometer-field {
  grid-template-columns: minmax(0, 1fr) 100px;
  gap: 8px;
}
.md-ui .md-record .widget-info-column {
  padding: 0;
  width: auto;
  flex: initial;
}
.md-ui .md-record .widget-form-field {
  margin: 0;
  padding: 0;
}
.md-ui .md-record .widget-compact-details .widget-form-label {
  margin: 0;
  line-height: 1.5;
}
.md-ui .md-record .widget-compact-details .widget-control-pair-row {
  margin: 0;
  min-height: 0;
}
.md-ui .md-record .widget-form-field > .option-selector {
  margin: 0;
}
.md-ui .md-record .widget-compact-details .option-selector {
  --dropdown-height: 44px;
  height: 44px;
}
.md-ui .md-record .widget-compact-details .widget-field-select {
  height: 44px;
  min-height: 44px;
  line-height: normal;
}
.md-ui .md-record .widget-compact-details {
  min-height: 0;
}
.md-ui .md-record.widget-compact-mode {
  padding-bottom: 16px;
}
.md-ui .md-form-section-title {
  color: var(--bs-heading-color);
}
.md-ui .md-record .widget-compact-body {
  gap: 0;
}
.md-ui .md-record .widget-compact-history-action {
  margin: 16px 0 0;
}
.md-ui .md-record .widget-compact-primary {
  margin: 0;
  line-height: 1.5;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.md-ui .md-record .widget-compact-summary {
  grid-template-columns: minmax(0, 1fr);
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  text-align: left;
  font-size: 1rem;
}
.md-ui .md-record .widget-compact-line {
  align-items: stretch;
  min-width: 0;
  padding: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  text-align: left;
  font-size: 1rem;
}
.md-ui .md-record .widget-compact-line span {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.md-ui .md-record .widget-compact-line.widget-contact-method-selected::after {
  display: none;
}
.md-ui .md-record .widget-compact-title-label {
  flex: 0 1 auto;
  font-size: inherit;
}
.md-ui .md-record-footer .widget-status-action {
  flex: 0 0 auto;
  width: auto;
  min-width: 109px;
  max-width: 100%;
  padding-inline: 12px;
  overflow: visible;
  text-overflow: clip;
}
.md-ui .md-record-heading .widget-compact-title-label > i {
  flex: 0 0 auto;
  font-size: inherit;
  color: var(--minidesk-icon-color);
}
.md-ui .md-record-heading .widget-compact-toggle {
  margin-left: auto;
}
.md-ui .md-record-heading .widget-compact-toggle {
  --md-outline-edge: var(--minidesk-control-edge);
  --md-outline-focus: var(--minidesk-control-edge-hover);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  text-shadow: none;
  transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.md-ui .md-record-heading .widget-compact-toggle:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  --md-outline-edge: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}
.md-ui .md-record-heading .widget-compact-toggle[aria-expanded=true] {
  --md-outline-edge: var(--minidesk-success-control-edge);
  --md-outline-focus: var(--bs-success-text-emphasis);
  transform: rotate(180deg);
  background: var(--bs-success);
  color: #fff;
  box-shadow: var(--minidesk-control-shadow);
}
.md-ui .md-record-heading .widget-compact-toggle[aria-expanded=true]:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  border-color: var(--minidesk-success-control-edge-hover);
  background: color-mix(in srgb, var(--bs-success) 90%, white);
}
.md-ui .md-record-heading .widget-compact-toggle:active {
  transform: scale(0.96);
}
.md-ui .md-record-heading .widget-compact-toggle[aria-expanded=true]:active {
  transform: rotate(180deg) scale(0.96);
}
.md-ui .md-electronics-checklist {
  margin: 0;
  width: 100%;
}
.md-ui .widget-toggle-switch .form-check-input {
  opacity: 1;
  position: static;
  margin: 0;
  width: 60px;
  height: 34px;
}
.md-ui .md-checklist-row {
  background: transparent;
  box-shadow: none;
}
.md-ui .md-checklist-row .form-check-input::before, .md-ui .md-checklist-row .form-check-input::after {
  content: none;
}
.md-ui .widget-notes-messages {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.md-ui .widget-inline-composer-entry.form-control {
  min-height: 44px;
}
.md-ui .widget-notes-message, .md-ui .widget-note-message, .md-ui .widget-attachment-tile {
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .widget-attachment-tile {
  padding: 12px;
}
.md-ui .widget-attachment-preview {
  border-radius: var(--bs-border-radius-sm);
}
.md-ui .md-file-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
  align-items: stretch;
  gap: 16px;
  min-height: 0;
  max-width: none;
  padding: 16px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: var(--bs-border-radius);
  outline: none;
  overflow: visible;
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui .md-file-gallery:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}
.md-ui .md-file-gallery.md-file-gallery-dragging {
  border-style: dashed;
  border-color: var(--minidesk-status-progress-edge);
  background: var(--minidesk-status-progress-bg);
}
.md-ui .md-file-gallery .widget-media-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: none;
  width: 100%;
  height: auto;
  max-height: none;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  aspect-ratio: auto;
  overflow: hidden;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-preview-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
  text-shadow: var(--minidesk-text-shadow);
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui .md-file-gallery .widget-media-tile:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-preview-hover);
}
.md-ui .md-file-gallery .widget-media-tile:has(.widget-media-preview:active) {
  background: var(--minidesk-preview-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.12);
}
.md-ui .md-file-gallery .widget-media-preview {
  display: grid;
  place-items: center;
  flex: 0 0 144px;
  width: 100%;
  height: 144px;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-secondary-color);
  box-shadow: none;
  cursor: zoom-in;
}
.md-ui .md-file-gallery .widget-media-preview:focus-visible {
  outline: 2px solid var(--minidesk-status-progress-color);
  outline-offset: -3px;
}
.md-ui .md-file-gallery .widget-media-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 8px;
  border-radius: 0;
  object-fit: contain;
}
.md-ui {
  /* Clip native PDF scrollbar gutters inside the non-interactive gallery thumbnail. */
}
.md-ui .md-file-gallery .widget-media-pdf-preview {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  max-width: none;
  max-height: none;
  margin: 0;
  border: 0;
  pointer-events: none;
  background: var(--minidesk-preview-bg);
}
.md-ui .md-file-gallery .widget-media-preview[data-pdf-preview=true] {
  position: relative;
}
.md-ui .md-file-gallery .widget-media-preview[data-pdf-preview=true]::after {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 3px 7px;
  border: 1px solid var(--minidesk-status-progress-edge);
  border-radius: 5px;
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  content: "PDF";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  pointer-events: none;
  box-shadow: var(--minidesk-control-shadow);
}
.md-ui .md-file-gallery .widget-media-icon {
  margin: auto;
  font-size: 2.25rem;
}
.md-ui .md-file-gallery .widget-media-name {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 12px 12px 2px;
  border: 0;
  background: transparent;
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  text-shadow: inherit;
  box-shadow: none;
}
.md-ui .md-file-gallery .widget-media-name:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  text-decoration: underline;
}
.md-ui .md-file-gallery :is(.widget-media-meta, .widget-media-uploaded) {
  width: 100%;
  margin: 0;
  padding-inline: 12px;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  line-height: 1.4;
  text-align: left;
  opacity: 1;
}
.md-ui .md-file-gallery .widget-media-uploaded {
  padding-bottom: 12px;
}
.md-ui .md-file-gallery .widget-media-remove {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  min-height: 0;
  top: 8px;
  right: 8px;
  padding: 0;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  text-shadow: none;
  box-shadow: var(--minidesk-control-shadow);
  cursor: pointer;
  transition: opacity 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
@media (hover: hover) and (pointer: fine) {
  .md-ui .md-file-gallery .widget-media-attachment > .widget-media-remove {
    opacity: 0;
    pointer-events: none;
  }
  .md-ui .md-file-gallery .widget-media-attachment:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) > .widget-media-remove,
  .md-ui .md-file-gallery .widget-media-attachment > .widget-media-remove[data-removing=true] {
    opacity: 1;
    pointer-events: auto;
  }
}
.md-ui .md-file-gallery .widget-media-remove:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-status-urgent-bg);
  color: var(--minidesk-status-urgent-color);
  border-color: var(--minidesk-status-urgent-edge);
}
.md-ui .md-file-gallery .widget-media-remove[data-removing=true] {
  cursor: progress;
}
.md-ui .md-file-gallery .widget-media-remove[data-removing=true] > i {
  visibility: hidden;
}
.md-ui .md-file-gallery .widget-media-remove[data-removing=true]::after {
  position: absolute;
  inset: 6px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  animation: md-button-progress 0.7s linear infinite;
}
.md-ui .md-file-gallery .widget-media-add-button {
  display: flex;
  flex-direction: row;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  flex: none;
  width: 100%;
  height: auto;
  max-height: none;
  min-height: 72px;
  padding: 16px 48px 16px 16px;
  gap: 12px;
  aspect-ratio: auto;
  border: 1px dashed var(--minidesk-status-progress-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  box-shadow: none;
  text-align: left;
  text-shadow: none;
  white-space: normal;
  font: inherit;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui .md-file-gallery .widget-media-add-button:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-style: solid;
  border-color: color-mix(in srgb, var(--minidesk-status-progress-edge) 65%, var(--minidesk-status-progress-color));
  background: color-mix(in srgb, var(--minidesk-status-progress-bg) 88%, var(--minidesk-status-progress-color));
  color: var(--minidesk-status-progress-color);
}
.md-ui .md-file-gallery .widget-media-add-button:disabled {
  cursor: progress;
  opacity: 1;
}
.md-ui .md-file-gallery .widget-media-add-button.widget-button-loading .widget-button-loading-content {
  visibility: visible;
  opacity: 1;
}
.md-ui .md-file-gallery .widget-media-add-button.widget-button-loading .widget-button-loading-overlay {
  inset: 0 16px 0 auto;
  width: 18px;
}
.md-ui .md-file-gallery .widget-media-add-icon {
  font-size: 1.5rem;
}
.md-ui .md-file-gallery .md-file-copy {
  align-items: flex-start;
}
.md-ui .widget-media-zoom-pdf {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  border: 0;
  background: var(--minidesk-field-bg);
}
.md-ui .widget-font-awesome-placeholder::before {
  color: var(--bs-secondary-color);
}
.md-ui .option-selector {
  height: auto;
  margin: 0;
}
.md-ui .option-selected {
  --dropdown-height: 44px;
  min-width: 0;
  max-width: 100%;
  padding: 6px 12px;
  font-size: 1rem;
  border-radius: var(--bs-btn-border-radius);
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui .option-selected.dropdown-toggle::after {
  content: "";
  display: inline-block;
  position: static;
  inset: auto;
  transform: none;
  flex: 0 0 auto;
  visibility: visible;
  opacity: 1;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: auto;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0 0 0 auto;
  color: inherit;
  font: inherit;
  border-top: 0.25em solid;
  border-right: 0.25em solid transparent;
  border-bottom: 0;
  border-left: 0.25em solid transparent;
}
.md-ui .option-selected-label {
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.md-ui .option-selected:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}
.md-ui .widget-overlay-dialog-panel, .md-ui .widget-overlay-surface-panel, .md-ui .widget-document-overlay-panel, .md-ui .widget-message-panel, .md-ui .widget-autocomplete-panel {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 16px;
  box-shadow: var(--minidesk-overlay-shadow);
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .widget-overlay-dialog-surface, .md-ui .widget-overlay-estimate-surface {
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
}
.md-ui .widget-overlay-control-row, .md-ui .widget-overlay-field-stack {
  gap: 12px;
}
.md-ui .widget-signature-surface, .md-ui .widget-signature-canvas {
  background: var(--minidesk-field-bg);
  border: 1px solid var(--minidesk-control-edge);
  border-radius: var(--bs-border-radius);
}
@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .widget-overlay-dialog-panel, .md-ui .widget-overlay-surface-panel, .md-ui .widget-document-overlay-panel, .md-ui .widget-message-panel, .md-ui .widget-autocomplete-panel {
    background: var(--minidesk-popup-glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .widget-overlay-dialog-panel, .md-ui .widget-overlay-surface-panel, .md-ui .widget-document-overlay-panel, .md-ui .widget-message-panel, .md-ui .widget-autocomplete-panel {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.md-ui .widget-document-overlay-panel {
  display: block;
  width: min(960px, 100vw - 32px);
  padding: 24px;
}
.md-ui .widget-document-overlay-panel :is(.widget-terms-panel, .widget-signature-surface, .widget-document-action) {
  width: 100%;
}
.md-ui .widget-document-overlay-panel :is(.widget-table-panel, .widget-terms-panel, .widget-overlay-content-surface), .md-ui .widget-overlay-estimate-panel {
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .widget-document-overlay-panel .widget-financial-table {
  color: var(--bs-body-color);
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .widget-document-overlay-panel :is(label, i, td, hr) {
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .widget-document-overlay-panel hr {
  box-shadow: none;
}
.md-ui .widget-signature-surface {
  box-shadow: var(--minidesk-inset-shadow);
  height: 256px;
  touch-action: none;
}
.md-ui .widget-terms-panel {
  height: auto;
  max-height: 280px;
  min-height: 100px;
}
.md-ui .widget-document-overlay-panel .widget-inline-field-row {
  flex-wrap: wrap;
  gap: 12px;
}
.md-ui .widget-document-overlay-panel .widget-inline-control-select-shell {
  flex: 1 1 180px;
  min-width: 0;
}
.md-ui .widget-document-overlay-panel .widget-inline-control-input {
  flex: 1 1 140px;
  min-width: 0;
}
.md-ui .widget-tip-options .btn {
  min-width: 0;
}
@media (max-width: 600px) {
  .md-ui .widget-document-overlay-panel {
    padding: 16px;
  }
  .md-ui .widget-document-overlay-panel .widget-inline-field-row > :is(.option-selector, input, .md-input-field) {
    flex: 1 1 100%;
    width: 100%;
  }
}
@container widget (max-width: 680px) {
  .md-ui .md-ticket-status {
    grid-area: 2/1;
  }
}
@container widget (min-width: 480px) {
  .md-ui .md-record.widget-compact-mode .widget-compact-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container widget (max-width: 479px) {
  .md-ui .md-record.widget-compact-mode .widget-compact-summary {
    gap: 16px;
    padding: 0;
  }
  .md-ui .md-record .widget-compact-details {
    gap: 12px;
  }
}
@container task (max-width: 580px) {
  .md-ui .md-task-form .md-task-assignee {
    grid-column: 1/-1;
  }
}

.md-ui.md-option-portal {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 0 !important;
  max-height: none !important;
  overflow: visible;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  pointer-events: none;
  z-index: 11000;
}
.md-ui.md-option-portal :is(.dropdown-menu, .md-dropdown-menu) {
  max-width: calc(100vw - 24px);
  max-height: min(400px, 100dvh - 24px);
  overflow-y: auto;
  pointer-events: auto;
  margin: 0;
  padding: 6px;
  border: 1px solid var(--minidesk-overlay-edge);
}
.md-ui.md-option-portal .dropdown-item {
  margin: 0;
  padding: 8px 12px;
  font-size: 1rem;
  box-shadow: none;
  color: var(--bs-body-color);
  background: transparent;
  border: 0;
}
.md-ui.md-option-portal .dropdown-item:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
}
.md-ui.md-option-portal .dropdown-item[aria-selected=true] {
  background: var(--bs-secondary-bg);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis);
}

.md-ui:is(.widget-overlay-portal, .widget-message-portal) {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background: var(--minidesk-popup-backdrop-bg);
  backdrop-filter: blur(var(--minidesk-popup-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--minidesk-popup-backdrop-blur));
  z-index: 1040;
}

.md-ui.widget-message-portal {
  z-index: 1060;
}

.md-ui:is(.widget-overlay-portal, .widget-message-portal):empty {
  display: none;
}

.md-ui .ai-model-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.md-ui .ai-model-field-compact {
  gap: 0;
}

.md-ui .ai-model-field .form-label {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .ai-model-field .option-selector {
  width: 100%;
  margin: 0;
}

.md-ui .md-toggle, .md-chat .md-chat-setting-switch.form-switch {
  display: inline-flex;
  align-items: center;
  width: 46px;
  height: 26px;
  min-height: 26px;
  flex: 0 0 46px;
  margin: 0;
  padding: 0;
}

.md-ui .md-toggle > .form-check-input, .md-chat .md-chat-setting-switch.form-switch .form-check-input {
  appearance: none;
  float: none;
  position: relative;
  width: 46px;
  height: 26px;
  margin: 0;
  padding: 0;
  opacity: 1;
  border: 1px solid var(--md-chat-control-edge, var(--minidesk-control-edge));
  border-radius: 26px;
  background-color: var(--minidesk-control-bg);
  background-image: none;
  box-shadow: var(--minidesk-field-shadow);
  cursor: pointer;
  color: var(--bs-body-color);
}

.md-ui .md-toggle > .form-check-input::before, .md-chat .md-chat-setting-switch.form-switch .form-check-input::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--bs-secondary-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: transform 0.15s ease, background-color 0.15s ease;
}

.md-ui .md-toggle > .form-check-input:checked, .md-chat .md-chat-setting-switch.form-switch .form-check-input:checked {
  border-color: var(--bs-success);
  background-color: var(--bs-success);
}

.md-ui .md-toggle > .form-check-input:checked::before, .md-chat .md-chat-setting-switch.form-switch .form-check-input:checked::before {
  transform: translateX(20px);
  background: #fff;
}

.md-ui .md-toggle > .form-check-input:focus, .md-chat .md-chat-setting-switch.form-switch .form-check-input:focus {
  border-color: var(--md-chat-control-edge, var(--minidesk-control-edge));
  box-shadow: var(--minidesk-field-shadow);
}

.md-ui .md-toggle > .form-check-input:checked:focus, .md-chat .md-chat-setting-switch.form-switch .form-check-input:checked:focus {
  border-color: var(--bs-success);
}

.md-ui .md-toggle > .form-check-input:focus:not(:focus-visible), .md-chat .md-chat-setting-switch.form-switch .form-check-input:focus:not(:focus-visible) {
  outline: 0;
}

.md-ui .md-toggle > .form-check-input:focus-visible, .md-chat .md-chat-setting-switch.form-switch .form-check-input:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.md-ui .md-toggle > .form-check-input:disabled {
  cursor: default;
  opacity: 0.55;
}

@media (prefers-reduced-motion: reduce) {
  .md-ui .md-toggle > .form-check-input::before, .md-chat .md-chat-setting-switch.form-switch .form-check-input::before {
    transition: none;
  }
}
.md-ui .form-control[type=file] {
  height: var(--md-control-height);
  padding: 0 12px;
  line-height: calc(var(--md-control-height) - 2px);
  border-color: var(--minidesk-field-edge);
  box-shadow: var(--minidesk-field-shadow);
}

.md-ui .form-control[type=file]::file-selector-button {
  height: calc(var(--md-control-height) - 2px);
  margin: 0 12px 0 -12px;
  padding: 0 12px;
  font: inherit;
  vertical-align: top;
}

.md-ui .form-control[type=file]:not(:disabled):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
}

:is(.widget-luma-icon, .md-luma-icon, .md-luma-settings-icon, .md-minidesk-icon) {
  display: inline-block;
  flex: 0 0 auto;
  font-size: var(--md-icon-tile-glyph-size, inherit);
  width: var(--fa-width, 1.25em);
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
  color: inherit;
  filter: none;
}

:is(.widget-luma-icon, .md-luma-icon, .md-luma-settings-icon, .md-minidesk-icon)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: currentColor;
}

:is(.widget-luma-icon, .md-luma-icon, .md-luma-settings-icon)::before {
  -webkit-mask: url("../../images/luma-icon.svg") center/contain no-repeat;
  mask: url("../../images/luma-icon.svg") center/contain no-repeat;
}

.md-minidesk-icon::before {
  -webkit-mask: url("../../images/minidesk-icon-monochrome.svg") center/contain no-repeat;
  mask: url("../../images/minidesk-icon-monochrome.svg") center/contain no-repeat;
}

.md-ui :where(.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands,
.widget-luma-icon, .md-luma-icon, .md-luma-settings-icon, .md-minidesk-icon) {
  color: var(--minidesk-icon-color);
}

.md-ui :where(button, a, .option-selected, .widget-select-selected,
.widget-context-menu-item):where(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible):where(:not(:disabled):not([aria-disabled=true])) {
  --minidesk-icon-color: var(--minidesk-icon-hover-color);
}

.md-ui :where(.btn-primary, .btn-success, .btn-danger, .btn-warning, .btn-info,
.btn-outline-primary, .btn-outline-success, .btn-outline-danger,
.btn-outline-warning, .btn-outline-info,
.widget-action-button-primary, .widget-action-accept, .widget-action-destructive,
.widget-color-badge, .md-record-state, .md-status, .badge, .alert,
.md-icon-tile--accent, .md-icon-tile--selected, .md-inventory-list-card-logo,
.widget-room-avatar-icon, .widget-message-avatar, .md-chat-setting-icon,
.chat-room-icon-option[aria-pressed=true],
.chat-room-state-blue, .chat-room-state-luma, .chat-room-state-yellow,
.chat-room-state-danger, .text-editor-button-toggle,
.md-popup-close, .widget-overlay-close, .chat-mobile-close, .chat-editor-close-action,
.md-conversation-send, .chat-ai-full-auto-control:has(input:checked),
.disabled, [disabled], [aria-disabled=true]) {
  --minidesk-icon-color: currentColor;
}

.md-ui :where(.md-ticket-row, .md-record-row) .md-avatar {
  --minidesk-icon-color: currentColor;
}

/* Record detail lists share the directory row rhythm and existing pagination. */
.md-ui .md-record-list {
  min-width: 0;
}
.md-ui .md-record-list .md-list-body {
  min-width: 0;
}
.md-ui .md-record-list > .md-list-body:last-child {
  position: relative;
  border-radius: 0 0 calc(var(--bs-border-radius-lg) - 1px) calc(var(--bs-border-radius-lg) - 1px);
  overflow: hidden;
}
.md-ui .md-record-list > .md-list-body:last-child > .md-record-rows {
  border-radius: inherit;
}
.md-ui .md-record-list > .md-list-body:last-child .md-record-row:last-child {
  border-bottom: 0;
}
.md-ui .md-record-toolbar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 16px 16px;
  min-width: 0;
}
.md-ui .md-record-toolbar > .form-control {
  width: 100%;
}
.md-ui .md-record-search-actions {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.md-ui .md-record-search-actions > :is(.form-control, .md-input-field) {
  flex: 1 1 180px;
  width: 0;
  min-width: 0;
}
.md-ui .md-record-search-actions > .btn {
  flex: 0 0 auto;
}
.md-ui .md-record-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-record-filters > .option-selector {
  width: max-content;
  min-width: min(145px, 100%);
  max-width: 100%;
}
.md-ui .md-record-filters > :is(.form-control, .md-input-field) {
  flex: 1 1 180px;
  width: 0;
  min-width: 0;
}
.md-ui .md-record-filters .option-selected {
  width: max-content;
  min-width: min(145px, 100%);
  max-width: 100%;
}
.md-ui .md-record-columns, .md-ui .md-record-row {
  display: grid;
  align-items: center;
  gap: 16px;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.85fr);
}
.md-ui .md-job-columns, .md-ui .md-record-row.md-job-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(150px, 1fr) minmax(90px, 0.6fr);
}
.md-ui .md-record-columns {
  padding: 12px 16px;
  border-block: 1px solid var(--bs-border-color);
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-job-columns > :last-child {
  text-align: right;
}
.md-ui .md-record-rows {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  flex: 1;
  width: 100%;
  padding: 0;
  gap: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.md-ui .md-record-row {
  --bs-list-group-action-hover-bg: var(--minidesk-row-hover);
  --bs-list-group-action-hover-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--minidesk-row-hover);
  --bs-list-group-action-active-color: var(--bs-body-color);
  position: relative;
  width: 100%;
  height: auto;
  min-height: 80px;
  margin: 0;
  padding: 16px;
  border: 0;
  border-bottom: 1px solid var(--bs-border-color);
  border-radius: 0;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
  outline: none;
  transform: none;
  box-shadow: none;
  text-shadow: var(--minidesk-text-shadow);
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.md-ui .md-record-row:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
  box-shadow: inset 0 0 0 1px var(--minidesk-control-edge-hover);
}
.md-ui .md-record-row:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -3px;
}
.md-ui .md-record-row:active {
  background: var(--minidesk-row-hover);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}
.md-ui .md-record-row .md-person-copy strong {
  color: var(--bs-emphasis-color);
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-ui .md-record-row .md-avatar {
  border-color: var(--minidesk-ticket-icon-edge);
  background: var(--minidesk-ticket-icon-bg);
  color: var(--minidesk-ticket-icon-color);
}
.md-ui .md-record-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-record-row .md-ticket-status {
  grid-area: auto;
}
.md-ui .md-record-detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: var(--bs-body-color);
}
.md-ui .md-record-detail > small {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-ui .md-record-meta {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-record-summary {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 20px;
  grid-column: 1/-1;
  padding-left: 52px;
  min-width: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-record-summary > span {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-record-summary i {
  width: 16px;
  flex: 0 0 16px;
  text-align: center;
}
.md-ui .md-record-summary-label {
  font-size: 0.8125rem;
}
.md-ui .md-record-value {
  align-items: flex-end;
  text-align: right;
}
.md-ui .md-record-coverage {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-record-coverage > i {
  margin-left: auto;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-ui .md-record-covered {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .md-record-covered {
  font-weight: 600;
}
.md-ui .md-record-covered {
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-badge-ready-bg);
  border-color: var(--minidesk-badge-ready-edge);
}
.md-ui .md-record-list .md-list-footer {
  border-top: 1px solid var(--bs-border-color);
}

@container widget (max-width: 700px) {
  .md-ui .md-record-list .md-record-columns {
    display: none;
  }
  .md-ui .md-record-list .md-record-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px 16px;
  }
  .md-ui .md-record-list .md-record-row > .md-person {
    grid-column: 1/-1;
  }
  .md-ui .md-record-list .md-record-row > .md-record-coverage {
    grid-column: 1/-1;
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-record-list .md-record-search-actions {
    flex-wrap: wrap;
  }
  .md-ui .md-record-list .md-record-search-actions > :is(.form-control, .md-input-field) {
    flex-basis: 100%;
    width: 100%;
  }
  .md-ui .md-record-list .md-record-filters > :is(button, .option-selector),
  .md-ui .md-record-list .md-record-filters .option-selected {
    width: 100%;
  }
  .md-ui .md-record-list .md-record-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-record-list .md-record-value {
    align-items: flex-start;
    text-align: left;
  }
}
.md-ui .md-table-scroll {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: auto;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable both-edges;
}
.md-ui .md-data-table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: left;
}
.md-ui .md-data-table :is(th, td) {
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid var(--bs-border-color);
  vertical-align: middle;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-shadow: var(--minidesk-text-shadow);
}
.md-ui .md-data-table th {
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
}
.md-ui .md-data-table th > i {
  margin-right: 6px;
}
.md-ui .md-data-table tbody tr:last-child > td {
  border-bottom: 0;
}
.md-ui .md-data-table tbody tr:has([data-action]):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)),
.md-ui .md-data-table .md-inventory-clickable:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
}
.md-ui .md-data-table .md-inventory-clickable {
  cursor: pointer;
}
.md-ui .md-data-table .form-control {
  width: 100%;
}
.md-ui .md-data-table td:has(> .md-list-state-wrap) {
  padding: 0;
}
.md-ui :is(.md-table-frame, .md-reports-table-frame) {
  position: relative;
  min-width: 0;
  overflow: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-table-scroll.md-table-frame {
  scrollbar-gutter: auto;
}
.md-ui .md-table-frame:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}
.md-ui :is(.md-summary-table, .md-reports-table) {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  text-align: left;
}
.md-ui :is(.md-summary-table, .md-reports-table) :is(th, td) {
  padding: 10px 12px;
  vertical-align: middle;
  border: 0;
  border-bottom: 1px solid var(--bs-border-color);
  overflow-wrap: anywhere;
}
.md-ui :is(.md-summary-table, .md-reports-table) th {
  font-size: inherit;
  font-weight: 500;
  white-space: normal;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
}
.md-ui :is(.md-summary-table, .md-reports-table) td {
  background: var(--bs-body-bg);
  color: var(--bs-emphasis-color);
}
.md-ui :is(.md-summary-table, .md-reports-table) tbody tr:last-child td {
  border-bottom: 0;
}
.md-ui .md-summary-table .md-table-number, .md-ui .md-reports-table .md-reports-value {
  text-align: right;
  white-space: nowrap;
}
.md-ui .md-summary-table .md-table-number {
  font-variant-numeric: tabular-nums;
}
.md-ui .md-summary-table .md-table-actions {
  white-space: nowrap;
  text-align: right;
}
.md-ui .md-table-action-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.md-ui .md-summary-table td:has(> .md-list-state-wrap) {
  padding: 0;
}
.md-ui .md-summary-table tbody tr:has([data-action], [data-approve]):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) > td,
.md-ui .md-summary-table .md-inventory-clickable:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) > td,
.md-ui .md-summary-table tbody tr:has(:focus-visible) > td {
  background: var(--minidesk-row-hover);
}
.md-ui .md-reports-total td {
  font-weight: 500;
  background: var(--bs-tertiary-bg);
}

.md-ui .md-list-footer:has(> .widget-pagination) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border-top: 1px solid var(--bs-border-color);
}
.md-ui .md-list-footer > .md-page-description {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-list-footer > .widget-pagination {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  min-width: 0;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow: visible;
  white-space: nowrap;
  order: 0;
}
.md-ui .md-list-footer .widget-pagination-hidden {
  display: none !important;
}
.md-ui .md-list-footer .widget-page-select-button {
  flex: 0 0 auto;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0 10px;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  text-shadow: none;
}
.md-ui .md-list-footer .widget-page-select-input {
  flex: 0 0 44px;
  width: 44px;
  height: 40px;
  min-height: 40px;
  padding: 0 4px;
  margin: 0;
  border-radius: var(--bs-border-radius);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5;
}
.md-ui .md-list-footer > .widget-list-page-size {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  align-self: center;
  width: 128px;
  min-width: 0;
  margin: 0;
  padding: 0;
  float: none;
}
.md-ui .md-list-footer .widget-page-size-control {
  width: 100%;
  margin: 0;
}
.md-ui .md-list-footer .widget-page-size-control .option-selected {
  width: 100%;
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}

@container widget (max-width: 760px) {
  .md-ui .md-list-footer:has(> .widget-pagination) {
    grid-template-columns: minmax(0, 1fr) 128px;
  }
  .md-ui .md-list-footer > .widget-pagination {
    grid-column: 1/-1;
    grid-row: 1;
    width: 100%;
  }
  .md-ui .md-list-footer > .md-page-description {
    grid-column: 1;
    grid-row: 2;
  }
  .md-ui .md-list-footer > .widget-list-page-size {
    grid-column: 2;
    grid-row: 2;
  }
  .md-ui .md-list-footer .widget-pagination-compact-edge {
    padding-inline: 6px;
  }
}
@container widget (max-width: 260px) {
  .md-ui .md-list-footer:has(> .widget-pagination) {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-list-footer > .md-page-description {
    grid-column: 1;
    grid-row: 2;
  }
  .md-ui .md-list-footer > .widget-list-page-size {
    grid-column: 1;
    grid-row: 3;
    justify-self: stretch;
    width: min(128px, 100%);
  }
  .md-ui .md-list-footer .widget-pagination {
    max-width: 100%;
  }
}
.md-ui .md-record-entries {
  min-width: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.md-ui .md-record-entry {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  min-width: 0;
  padding: 16px 0;
  border-bottom: 1px solid var(--bs-border-color);
}
.md-ui .md-record-entry:first-child {
  padding-top: 0;
}
.md-ui .md-record-entry:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.md-ui .md-record-entry-copy {
  flex: 1 1 180px;
  min-width: 0;
}
.md-ui .md-record-entry-title {
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-ui .md-record-entry-body {
  margin: 4px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui p.md-record-entry-body {
  white-space: pre-wrap;
}
.md-ui .md-record-entry-body > :first-child {
  margin-top: 0;
}
.md-ui .md-record-entry-body > :last-child {
  margin-bottom: 0;
}
.md-ui .md-record-entry-meta {
  min-width: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.md-ui .md-record-entry-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-record-entry-group {
  margin-top: 16px;
}
.md-ui .md-record-entry-group:first-child {
  margin-top: 0;
}
.md-ui .md-record-entry-group h4 {
  margin: 0 0 12px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
}
.md-ui .md-record-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .md-record-state {
  font-weight: 600;
}
.md-ui .md-record-state[data-tone=ready] {
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-badge-ready-bg);
  border-color: var(--minidesk-badge-ready-edge);
}
.md-ui .md-record-state[data-tone=waiting] {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-badge-waiting-bg);
  border-color: var(--minidesk-badge-waiting-edge);
}
.md-ui .md-record-state[data-tone=urgent] {
  color: var(--minidesk-status-urgent-color);
  background: var(--minidesk-badge-urgent-bg);
  border-color: var(--minidesk-badge-urgent-edge);
}

.md-ui .md-record-form-section, .md-ui .md-customer-form-section, .md-ui .md-widget-section {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  padding: 16px;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui :is(.md-record-form-section, .md-customer-form-section, .md-widget-section) h3 {
  margin: 0 0 12px;
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
  font-weight: 500;
}
.md-ui .md-widget-section-entry {
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-section-edge);
}
.md-ui .md-record-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
  margin-bottom: 16px;
}
.md-ui .md-record-section-heading h3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.md-ui .md-record-fields, .md-ui .md-customer-fields {
  display: grid;
  gap: 12px;
}
.md-ui .md-record-field, .md-ui .md-customer-field {
  min-width: 0;
}
.md-ui :is(.md-record-field, .md-customer-field) .form-label {
  display: block;
  margin: 0 0 6px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui :is(.md-record-field, .md-customer-field) :is(.form-control, .option-selector, .option-selected) {
  width: 100%;
  min-width: 0;
}
.md-ui :is(.md-record-field, .md-customer-field) .form-control {
  background-color: var(--minidesk-field-bg);
}
.md-ui :is(.md-record-field, .md-customer-field) .form-control:not(:disabled):not([readonly]):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  background-color: var(--minidesk-field-hover);
}
.md-ui .md-record-contact-link, .md-ui .md-customer-contact-link {
  cursor: pointer;
}
.md-ui :is(.md-record-contact-link, .md-customer-contact-link):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  color: var(--bs-emphasis-color);
}

.md-ui .md-workflow-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-workflow-section {
  min-width: 0;
}
.md-ui .md-workflow-section > h3 {
  margin: 0 0 12px;
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
  font-weight: 500;
}
.md-ui .md-workflow-section + .md-workflow-section {
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-section-edge);
}
.md-ui .md-workflow-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.md-ui .md-workflow-panel[hidden] {
  display: none;
}
.md-ui .md-workflow-form-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.md-ui .md-workflow-form-heading h3 {
  margin: 0;
}
.md-ui .md-workflow-form-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
}
.md-ui .md-workflow-form-columns > :only-child {
  grid-column: 1/-1;
}
.md-ui .md-workflow-form-wide {
  grid-column: 1/-1;
}
.md-ui .md-workflow-form-columns .md-record-form-section .md-record-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-workflow-form-columns .md-record-fields > :only-child {
  grid-column: 1/-1;
}
.md-ui .md-workflow-caption {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-workflow-form-columns > .md-workflow-metric-section {
  padding: 0;
  border: 0;
}

@container widget (max-width: 650px) {
  .md-ui .md-workflow-form-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-workflow-form-columns .md-record-form-section .md-record-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-ui .md-info-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 4px;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 16px;
  text-align: left;
  color: var(--bs-body-color);
}
.md-ui .md-info-card:not(button) {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-info-card:not(button):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  background: rgb(var(--minidesk-section-hover-rgb));
}
.md-ui .md-info-card .md-info-label {
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: start;
  column-gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.md-ui .md-info-card .md-info-title {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}
.md-ui .md-info-card .md-info-icon {
  grid-column: 2;
  grid-row: 1;
  position: static;
  inset: auto;
  width: 32px;
  margin: 0;
  padding: 0;
  text-align: left;
  color: var(--bs-secondary-color);
  font-size: 1.25rem;
  line-height: 21px;
  pointer-events: none;
}
.md-ui .md-info-card .md-info-value {
  grid-row: 2;
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--bs-emphasis-color);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.md-ui .md-info-card .md-info-value--text {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}
.md-ui .md-info-card .md-info-note {
  grid-row: 3;
  min-width: 0;
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.md-ui .md-info-card[data-tone=green] .md-info-value {
  color: var(--minidesk-status-ready-color);
}
.md-ui .md-info-card[data-tone=amber] .md-info-value {
  color: var(--minidesk-status-waiting-color);
}
.md-ui .md-info-card[data-tone=red] .md-info-value {
  color: var(--minidesk-status-urgent-color);
}
.md-ui button.md-info-card :is(.md-info-label, .md-info-icon, .md-info-value, .md-info-note) {
  color: inherit;
}

/* Customer View owns its new layout; legacy profile/filter classes are retired here. */
.md-ui .md-customer-view {
  min-width: 0;
}
.md-ui .md-customer-view .md-card-heading > div {
  min-width: 0;
}
.md-ui .md-customer-view .md-card-heading h2 {
  overflow-wrap: anywhere;
}
.md-ui .md-customer-view .md-count {
  flex: 0 0 auto;
  white-space: normal;
  text-align: right;
}
.md-ui .md-customer-profile-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 16px 16px;
}
.md-ui .md-customer-contact-control {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-customer-contact-control > :is(.form-control, .md-input-field) {
  flex: 1;
  width: 0;
}
.md-ui .md-customer-contact-toggle {
  width: 44px;
  height: 44px;
  padding: 0;
  flex: 0 0 44px;
}
.md-ui .md-customer-referral {
  grid-column: 1/-1;
}
.md-ui .md-customer-referral .md-customer-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-customer-profile-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.md-ui .md-customer-coverage {
  color: var(--minidesk-status-ready-color);
  font-size: 0.8125rem;
}
.md-ui .md-customer-job-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-customer-job-totals > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-customer-summary-body {
  display: grid;
  grid-template-columns: minmax(160px, 0.8fr) minmax(0, 1.2fr);
  gap: 16px;
  padding: 0 16px 16px;
}
.md-ui .md-customer-summary-chart {
  position: relative;
  height: 230px;
  min-width: 0;
  align-self: center;
}
.md-ui .md-customer-summary-metrics, .md-ui .md-customer-subscription-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.md-ui .md-customer-metric-secondary {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  font-weight: 400;
}
.md-ui .md-customer-subscription-metrics {
  padding: 0 16px 16px;
}
.md-ui .md-customer-subscription-action {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
}

@container widget (max-width: 600px) {
  .md-ui .md-customer-profile-body, .md-ui .md-customer-summary-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-customer-referral {
    grid-column: auto;
  }
  .md-ui .md-customer-summary-chart {
    height: 200px;
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-customer-referral .md-customer-fields,
  .md-ui .md-customer-summary-metrics, .md-ui .md-customer-subscription-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-customer-profile-footer > .btn {
    width: 100%;
  }
}
/* Lead View owns its layout; legacy detail/profile classes are retired here. */
.md-ui .md-lead-view {
  min-width: 0;
}
.md-ui .md-lead-view .md-card-heading > div {
  min-width: 0;
}
.md-ui .md-lead-view .md-card-heading :is(h2, p) {
  overflow-wrap: anywhere;
}
.md-ui .md-lead-body {
  display: grid;
  gap: 16px;
  padding: 0 16px 16px;
}
.md-ui .md-lead-contact-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-lead-description-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.md-ui .md-lead-location {
  display: flex;
  flex: 1 1 200px;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-lead-location-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-lead-location-name > i {
  flex-shrink: 0;
  color: var(--bs-primary-text-emphasis);
}
.md-ui .md-lead-location .btn {
  flex-shrink: 0;
}
.md-ui .md-lead-progress {
  flex: 1 1 180px;
  max-width: 260px;
}
.md-ui .md-lead-editor[contenteditable] {
  min-height: 180px;
  white-space: pre-wrap;
}
.md-ui .md-lead-editor > :last-child {
  margin-bottom: 0;
}
.md-ui .md-lead-editor img {
  max-width: 100%;
  height: auto;
}
.md-ui .md-lead-footer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 16px;
}
.md-ui .md-lead-intake-body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
.md-ui .md-lead-intake-notes {
  grid-column: 1/-1;
}
.md-ui .md-lead-intake-body h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-lead-intake-body h3 > i {
  width: 16px;
  text-align: center;
  color: var(--bs-secondary-color);
}
.md-ui .md-lead-intake-fields {
  display: grid;
  gap: 12px;
  margin: 0;
  min-width: 0;
}
.md-ui .md-lead-intake-field {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  align-items: baseline;
  gap: 8px 12px;
  min-width: 0;
  font-size: 0.875rem;
}
.md-ui .md-lead-intake-label {
  margin: 0;
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.md-ui .md-lead-intake-value {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--bs-body-color);
}
.md-ui .md-lead-intake-note {
  min-width: 0;
}
.md-ui .md-lead-intake-note .md-lead-intake-label {
  margin-bottom: 6px;
  font-size: 0.875rem;
}
.md-ui .md-lead-intake-note .md-lead-intake-value {
  white-space: pre-wrap;
}
.md-ui .md-lead-intake-note img {
  max-width: 100%;
  height: auto;
}
.md-ui .md-lead-intake-value > :last-child {
  margin-bottom: 0;
}
.md-ui .md-lead-intake-missing, .md-ui .md-lead-intake-empty {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-lead-intake-empty {
  grid-column: 1/-1;
  margin: 0;
  line-height: 1.5;
}

@container widget (max-width: 600px) {
  .md-ui .md-lead-intake-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-lead-intake-notes {
    grid-column: auto;
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-lead-contact-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-lead-progress {
    max-width: none;
  }
  .md-ui .md-lead-footer-actions > .btn {
    width: 100%;
  }
  .md-ui .md-lead-intake-field {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
}
.md-ui .md-employee-view {
  min-width: 0;
}
.md-ui .md-employee-profile-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 16px 16px;
}
.md-ui .md-employee-employment-section {
  grid-column: 1/-1;
}
.md-ui .md-employee-employment-section .md-record-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}
.md-ui .md-employee-permissions-action .btn {
  width: 100%;
}
.md-ui .md-employee-summary-toolbar {
  padding: 0 16px 16px;
}
.md-ui .md-employee-summary-toolbar {
  align-items: flex-end;
}
.md-ui .md-employee-summary-toolbar > .md-record-field {
  flex: 1 1 160px;
  max-width: 260px;
}
.md-ui .md-employee-summary-body {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(0, 1.3fr);
  gap: 16px;
  padding: 0 16px 16px;
}
.md-ui .md-employee-summary-chart {
  position: relative;
  height: 230px;
  min-width: 0;
  align-self: center;
}
.md-ui .md-employee-summary-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.md-ui .md-employee-summary-details {
  grid-column: 1/-1;
}
.md-ui .md-employee-summary-details h3 {
  font-size: 0.9375rem;
  font-weight: 500;
  margin: 0;
}
.md-ui .md-employee-job-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-employee-job-totals > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-employee-admin-body {
  display: grid;
  gap: 16px;
  padding: 0 16px 16px;
}
.md-ui .md-employee-admin-body form {
  margin: 0;
  min-width: 0;
}
.md-ui .md-employee-admin-body .md-record-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-employee-actions, .md-ui .md-employee-form-help, .md-ui .md-employee-document-list {
  grid-column: 1/-1;
}
.md-ui .md-employee-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-employee-form-help {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  margin: 0;
}
.md-ui .md-employee-account .md-card-heading > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-employee-account-status {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.md-ui .md-employee-account-status[data-state=enabled] {
  border-color: var(--minidesk-status-ready-edge);
  background: var(--minidesk-status-ready-bg);
  color: var(--minidesk-status-ready-color);
}
.md-ui .md-employee-account-form {
  display: grid;
  gap: 20px;
}
.md-ui .md-employee-account .md-record-fields {
  grid-template-columns: minmax(0, 1fr);
}
.md-ui .md-employee-account-access {
  min-width: 0;
}
.md-ui .md-employee-account-access h3 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
}
.md-ui .md-employee-account-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 16px 0;
}
.md-ui .md-employee-account-action + .md-employee-account-action {
  border-top: 1px solid var(--bs-border-color);
}
.md-ui .md-employee-account-action:last-child {
  padding-bottom: 0;
}
.md-ui .md-employee-account-copy {
  flex: 1 1 180px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-employee-account-copy strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-ui .md-employee-account-copy p, .md-ui .md-employee-account-confirm p {
  margin: 4px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-employee-account-confirm {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--minidesk-status-urgent-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-status-urgent-bg);
  overflow-wrap: anywhere;
}
.md-ui .md-employee-account-confirm h3 {
  color: var(--minidesk-status-urgent-color);
}
.md-ui .md-employee-switch {
  display: flex;
  align-items: center;
  align-self: end;
  gap: 10px;
  min-height: var(--md-control-height);
  margin: 0;
  color: var(--bs-body-color);
  cursor: pointer;
}
.md-ui :is(.md-employee-view, .md-permission-row) .form-check-input {
  padding: 0;
}
.md-ui .md-employee-document-list {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.md-ui .md-employee-document {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--bs-border-color);
}
.md-ui .md-employee-document:first-child {
  padding-top: 0;
}
.md-ui .md-employee-document:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.md-ui .md-employee-document > i {
  color: var(--bs-secondary-color);
  font-size: 1.25rem;
  flex: 0 0 24px;
  text-align: center;
}
.md-ui .md-employee-document-copy {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-employee-document-copy strong {
  display: block;
  color: var(--bs-emphasis-color);
  font-weight: 500;
}
.md-ui .md-employee-document-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  margin-top: 4px;
}
.md-ui .md-employee-document-state {
  padding: 3px 8px;
  border-radius: var(--bs-border-radius-sm);
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-status-ready-bg);
}
.md-ui .md-employee-document-state[data-pending=true] {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-status-waiting-bg);
}
.md-ui .md-employee-document-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-dialog.md-employee-permissions-popup {
  width: min(900px, 100vw - 32px);
}
.md-ui .md-permissions-layout {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}
.md-ui .md-permissions-categories {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-permissions-category.btn {
  min-height: 44px;
  text-align: left;
  justify-content: flex-start;
  white-space: normal;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  text-shadow: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.md-ui .md-permissions-category.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, :active) {
  border-color: var(--minidesk-status-progress-edge);
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
  box-shadow: none;
}
.md-ui .md-permissions-category.btn[aria-current=true] {
  border-color: var(--minidesk-status-progress-edge);
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  box-shadow: none;
}
.md-ui .md-permissions-category.btn:focus-visible {
  outline: 2px solid var(--minidesk-status-progress-edge);
  outline-offset: 1px;
}
.md-ui .md-permissions-category.btn:not(:disabled):not(.disabled):active {
  box-shadow: none;
}
.md-ui .md-permissions-category.btn > i {
  color: inherit;
}
.md-ui .md-permissions-detail {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-permissions-detail-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.md-ui .md-permissions-detail h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.md-ui .md-permissions-summary, .md-ui .md-permissions-help {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.md-ui .md-permissions-help {
  margin: 16px 0 4px;
}
.md-ui .md-permission-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--bs-border-color);
}
.md-ui .md-permission-row:last-child {
  border-bottom: 0;
}
.md-ui .md-permission-row > i {
  flex: 0 0 24px;
  text-align: center;
  color: var(--bs-secondary-color);
}
.md-ui .md-permission-copy {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-permission-copy label, .md-ui .md-permission-copy strong {
  display: block;
  font-weight: 500;
  color: var(--bs-body-color);
}
.md-ui .md-permission-copy label {
  margin: 0;
  cursor: pointer;
  text-shadow: none;
}
.md-ui .md-permission-copy p {
  margin: 4px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}

@container widget (max-width: 600px) {
  .md-ui .md-employee-profile-body, .md-ui .md-employee-summary-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-employee-summary-chart {
    height: 200px;
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-employee-admin-body .md-record-fields, .md-ui .md-employee-summary-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-employee-employment-section .md-record-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-employee-document {
    flex-wrap: wrap;
  }
  .md-ui .md-employee-document-actions {
    width: 100%;
  }
  .md-ui .md-employee-actions > .btn {
    width: 100%;
  }
  .md-ui .md-employee-account-action > .btn {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .md-ui .md-permissions-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-permissions-categories {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 8px;
  }
  .md-ui .md-permissions-category {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .md-ui .md-permission-row {
    gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-ui .md-permissions-category.btn {
    transition: none;
  }
}
.md-ui .md-self-widget {
  min-width: 0;
}
.md-ui .md-self-widget .md-card-heading > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-self-body {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 0 16px 16px;
}
.md-ui .md-self-form {
  display: grid;
  gap: 12px;
  margin: 0;
  min-width: 0;
}
.md-ui .md-self-fields, .md-ui .md-self-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  min-width: 0;
}
.md-ui .md-self-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-self-profile-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 16px 16px;
}
.md-ui .md-self-summary {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-self-clock-status {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-self-clock-status > div {
  flex: 1;
  min-width: 0;
}
.md-ui .md-self-clock-status strong {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--bs-emphasis-color);
}
.md-ui .md-self-clock-status small {
  display: block;
  margin-top: 4px;
  color: var(--bs-secondary-color);
}
.md-ui .md-self-clock-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-self-richtext {
  min-height: 110px;
}
.md-ui #announcements .md-record-form-section {
  display: grid;
  gap: 12px;
}
.md-ui #announcements .md-record-form-section h3 {
  margin: 0;
}
.md-ui #announcements .md-record-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.md-ui .md-self-security .md-self-profile-body {
  align-items: start;
}
.md-ui .md-self-security .md-record-form-section {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
}
.md-ui .md-self-security .md-record-form-section h3 {
  margin: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-self-security .md-self-form {
  gap: 16px;
}
.md-ui .md-self-security .md-self-security-heading {
  display: grid;
  gap: 6px;
}
.md-ui .md-self-security .md-self-security-setup {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.md-ui .md-self-security p, .md-ui .md-self-security .alert {
  margin: 0;
}
.md-ui .md-self-security .md-self-security-help {
  margin-top: 6px;
}
.md-ui .md-self-security .md-self-security-help, .md-ui .md-self-security .md-self-security-note {
  font-size: 0.875rem;
  line-height: 1.5;
}
.md-ui .md-self-security [role=status]:empty {
  display: none;
}
.md-ui .md-self-security #security-recovery {
  grid-column: 1/-1;
}
.md-ui .md-self-security pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
}
.md-ui .md-self-security .alert, .md-ui .md-self-security [role=status] {
  overflow-wrap: anywhere;
}
.md-ui .md-self-security .btn {
  white-space: normal;
}

@container widget (max-width: 650px) {
  .md-ui .md-self-profile-body {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-self-fields, .md-ui .md-self-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-self-actions > .btn, .md-ui .md-self-clock-actions > .btn {
    width: 100%;
  }
  .md-ui .md-self-clock-status {
    flex-direction: column;
    align-items: flex-start;
  }
  .md-ui .md-self-clock-actions > .btn {
    white-space: normal;
  }
}
.md-ui .md-schedule-body {
  display: grid;
  gap: 16px;
  padding: 0 16px 16px;
  min-width: 0;
}
.md-ui .md-schedule-workspace-body {
  position: relative;
  min-height: 180px;
}
.md-ui .md-schedule-loading {
  position: absolute;
  inset: 0 16px 16px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-schedule-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.md-ui .md-schedule-navigation, .md-ui .md-schedule-view-toggle, .md-ui .md-schedule-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.md-ui .md-schedule-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .md-schedule-period {
  min-width: 0;
  font-size: 0.9375rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-schedule-week-label-compact {
  display: none;
}
.md-ui .md-schedule-readiness {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .md-schedule-readiness-item.btn {
  display: grid;
  justify-content: stretch;
  text-align: left;
  gap: 6px;
  padding: 12px;
}
.md-ui .md-schedule-readiness-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
}
.md-ui .md-schedule-readiness-item strong {
  font-size: 1.125rem;
  font-weight: 500;
}
.md-ui .md-schedule-readiness-item[data-readiness-kind=error] strong {
  color: var(--minidesk-status-urgent-color);
}
.md-ui .md-schedule-readiness-item[data-readiness-kind=warning] strong {
  color: var(--minidesk-status-waiting-color);
}
.md-ui .md-schedule-count {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  padding: 1px 6px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: var(--bs-border-radius-sm);
  font-size: 0.8125rem;
}
.md-ui .md-schedule-calendar {
  min-width: 0;
  overflow: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-schedule-table {
  width: 100%;
  min-width: 900px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  border-color: var(--bs-border-color);
  font-size: 0.8125rem;
  text-align: left;
  color: var(--bs-body-color);
}
.md-ui .md-schedule-table :is(th, td) {
  padding: 10px;
  vertical-align: top;
  border-right: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  overflow-wrap: anywhere;
}
.md-ui .md-schedule-table tr > :last-child {
  border-right: 0;
}
.md-ui .md-schedule-table tbody tr:last-child > * {
  border-bottom: 0;
}
.md-ui .md-schedule-table th {
  background: var(--bs-tertiary-bg);
  font-weight: 500;
}
.md-ui .md-schedule-table td {
  background: var(--bs-body-bg);
  cursor: pointer;
}
.md-ui .md-schedule-table td:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
}
.md-ui .md-schedule-table small {
  display: block;
  margin-top: 5px;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 400;
}
.md-ui .md-schedule-table .md-schedule-employee-column {
  position: sticky;
  left: 0;
  width: 180px;
  z-index: 1;
}
.md-ui .md-schedule-table .md-schedule-axis-hover {
  background: var(--minidesk-row-hover);
}
.md-ui .md-schedule-cell-state {
  display: block;
  margin-bottom: 6px;
  color: var(--bs-secondary-color);
}
.md-ui .md-schedule-shift-block.btn, .md-ui .md-schedule-month-shift.btn {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  padding: 8px;
  min-height: 0;
  font-size: 0.8125rem;
  text-align: left;
}
.md-ui .md-schedule-shift-block + .md-schedule-shift-block {
  margin-top: 8px;
}
.md-ui .md-schedule-shift-block small, .md-ui .md-schedule-month-shift small {
  color: inherit;
  font-size: 0.75rem;
  margin: 0;
  opacity: 0.85;
}
.md-ui .md-schedule-shift-block > i {
  align-self: flex-end;
}
.md-ui .md-schedule-issue-focus {
  outline: 2px solid var(--bs-warning);
  outline-offset: 2px;
}
.md-ui .md-schedule-mobile-view {
  display: none;
  min-width: 0;
}
.md-ui .md-schedule-day-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.md-ui .md-schedule-day-controls .btn {
  flex: 1 1 76px;
  font-size: 0.8125rem;
  padding-inline: 8px;
}
.md-ui .md-schedule-month-view {
  display: none;
  min-width: 0;
}
.md-ui .md-schedule-month-grid, .md-ui .md-schedule-month-compact-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1px;
  background: var(--bs-border-color);
}
.md-ui .md-schedule-month-compact-grid {
  display: none;
}
.md-ui .md-schedule-month-weekday, .md-ui .md-schedule-month-compact-weekday {
  padding: 10px 6px;
  text-align: center;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-schedule-month-cell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  min-height: 150px;
  padding: 10px;
  background: var(--bs-body-bg);
  cursor: pointer;
}
.md-ui .md-schedule-month-cell:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
}
.md-ui .md-schedule-month-cell-outside {
  background: var(--bs-tertiary-bg);
  cursor: default;
}
.md-ui .md-schedule-month-date {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-schedule-month-shifts {
  display: grid;
  gap: 6px;
}
.md-ui .md-schedule-month-more, .md-ui .md-schedule-month-empty {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-schedule-month-compact-cell {
  position: relative;
  min-width: 0;
  background: var(--bs-body-bg);
  padding: 6px;
}
.md-ui .md-schedule-month-compact-date.btn {
  width: 100%;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  padding: 6px;
  font-size: 0.8125rem;
}
.md-ui .md-schedule-month-counts {
  display: flex;
  flex-direction: column;
  font-size: 0.6875rem;
  text-align: left;
}
.md-ui .md-schedule-month-add.btn {
  margin-top: 6px;
  width: 100%;
  height: 28px;
  min-height: 28px;
  padding: 0;
}
.md-ui .md-schedule-holiday-indicator {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  color: var(--minidesk-status-waiting-color);
  font-size: 0.6875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-schedule-holiday-closure {
  color: var(--minidesk-status-urgent-color);
}
.md-ui .md-schedule-notice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-status-waiting-bg);
  color: var(--minidesk-status-waiting-color);
  font-size: 0.875rem;
}
.md-ui .md-schedule-notice[data-tone=urgent] {
  background: var(--minidesk-status-urgent-bg);
  color: var(--minidesk-status-urgent-color);
}
.md-ui .md-schedule-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.md-ui .md-schedule-full {
  grid-column: 1/-1;
}
.md-ui .md-schedule-weekdays {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-schedule-weekdays .btn {
  flex: 1 1 52px;
  font-size: 0.8125rem;
  padding-inline: 8px;
}
.md-ui .md-schedule-value {
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-schedule-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--bs-border-color);
  cursor: pointer;
}
.md-ui .md-schedule-toggle-row:last-child {
  border-bottom: 0;
}
.md-ui .md-schedule-toggle-row strong {
  font-size: 0.875rem;
  font-weight: 500;
  display: block;
}
.md-ui .md-schedule-toggle-row small {
  display: block;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}

.md-ui .md-dialog.md-shift-editor {
  width: min(720px, 100vw - 32px);
}
.md-ui .md-dialog.md-shift-editor .md-schedule-form {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.md-ui .md-dialog.md-shift-editor .md-record-form-section {
  display: grid;
  gap: 12px;
  border-color: var(--minidesk-popup-section-edge);
}
.md-ui .md-dialog.md-shift-editor .md-record-form-section h3 {
  margin: 0;
}
.md-ui .md-dialog.md-shift-editor .md-shift-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}
.md-ui .md-dialog.md-shift-editor .md-shift-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: end;
  gap: 12px;
  min-height: 40px;
  cursor: pointer;
}
.md-ui .md-dialog.md-shift-editor .md-shift-switch strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-ui .md-dialog.md-shift-editor .md-shift-switch small, .md-ui .md-dialog.md-shift-editor .md-shift-help, .md-ui .md-dialog.md-shift-editor .md-shift-footer-summary small {
  display: block;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-dialog.md-shift-editor .md-shift-switch .md-toggle {
  flex: 0 0 auto;
}
.md-ui .md-dialog.md-shift-editor .md-shift-help {
  margin: 0;
}
.md-ui .md-dialog.md-shift-editor .md-shift-repeat-panel {
  display: grid;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-ui .md-dialog.md-shift-editor .md-schedule-weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}
.md-ui .md-dialog.md-shift-editor .md-schedule-weekdays .btn {
  min-width: 0;
  padding-inline: 4px;
}
.md-ui .md-dialog.md-shift-editor #shift-editor-conflicts {
  display: grid;
  gap: 8px;
}
.md-ui .md-dialog.md-shift-editor .md-shift-footer-summary {
  flex: 1 1 140px;
  min-width: 0;
  font-size: 0.875rem;
}
.md-ui .md-dialog.md-shift-editor .md-shift-footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@container widget (max-width: 800px) {
  .md-ui .md-schedule-desktop-grid, .md-ui .md-schedule-month-desktop-grid {
    display: none;
  }
  .md-ui .md-schedule-mobile-view {
    display: block;
  }
  .md-ui .md-schedule-month-compact-grid {
    display: grid;
  }
  .md-ui .md-schedule-filters {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-schedule-readiness {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-schedule-week-label-full {
    display: none;
  }
  .md-ui .md-schedule-week-label-compact {
    display: inline;
  }
}
@container widget (max-width: 500px) {
  .md-ui .md-schedule-month-compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-schedule-month-compact-weekday, .md-ui .md-schedule-month-compact-grid > .md-schedule-month-cell-outside {
    display: none;
  }
  .md-ui .md-schedule-actions {
    width: 100%;
  }
  .md-ui .md-schedule-actions > :is(.btn, .option-selector) {
    width: 100%;
  }
}
@media (max-width: 540px) {
  .md-ui .md-schedule-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-dialog.md-shift-editor .md-shift-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-dialog.md-shift-editor .md-popup-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
  .md-ui .md-dialog.md-shift-editor .md-shift-footer-summary {
    flex: 0 1 auto;
  }
  .md-ui .md-dialog.md-shift-editor .md-shift-footer-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md-ui .md-reports-widget :is(.btn, .form-control) {
  position: relative;
}
.md-ui .md-reports-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.md-ui .md-reports-body {
  display: grid;
  gap: 16px;
  padding: 0 16px 16px;
  min-width: 0;
}
.md-ui .md-reports-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-reports-toolbar > :is(.form-control, .md-input-field) {
  flex: 1 1 200px;
  width: 0;
  min-width: 120px;
}
.md-ui .md-reports-toolbar > .option-selector {
  flex: 1 1 150px;
  min-width: 0;
}
.md-ui .md-reports-toolbar .option-selected {
  width: 100%;
}
.md-ui .md-reports-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.md-ui .md-reports-dates {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 8px;
}
.md-ui .md-reports-period, .md-ui .md-reports-help {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.md-ui .md-reports-period {
  flex: 1 1 180px;
}
.md-ui .md-reports-table-stack {
  display: grid;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 16px;
  min-width: 0;
}
.md-ui .md-record-columns.md-reports-sync-columns, .md-ui .md-record-row.md-reports-sync-row {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.85fr) auto;
}
.md-ui .md-reports-sync-row .md-record-value {
  min-width: 90px;
}
.md-ui .md-reports-table-loading {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bs-body-bg);
  border-radius: inherit;
}
.md-ui .md-reports-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 140px;
  padding: 16px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-reports-count {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  border-radius: var(--bs-border-radius-sm);
  padding: 1px 6px;
  background: rgba(0, 0, 0, 0.12);
  font-size: 0.8125rem;
}
.md-ui .md-record-columns.md-reports-transaction-columns, .md-ui .md-record-row.md-reports-transaction-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-reports-row-column {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-reports-row-line {
  display: grid;
  grid-template-columns: 16px 78px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-width: 0;
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-reports-row-line > :is(i, small) {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-reports-row-line > i {
  margin-top: 4px;
  text-align: center;
}
.md-ui .md-record-row.md-reports-audit-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
.md-ui .md-reports-audit-heading, .md-ui .md-reports-review-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-reports-audit-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-reports-audit-meta > span {
  overflow-wrap: anywhere;
}
.md-ui .md-reports-audit-changes {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-reports-audit-change {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.md-ui .md-reports-audit-change strong {
  font-weight: 500;
}
.md-ui .md-record-row.md-reports-issue-row {
  grid-template-columns: minmax(0, 1fr) auto;
}
.md-ui .md-reports-issue-row .md-reports-audit-meta {
  margin-block: 6px;
}
.md-ui .md-reports-issue-trailing {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}
.md-ui .md-reports-cash-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
  margin-bottom: 16px;
}
.md-ui .md-reports-denomination {
  display: grid;
  grid-template-columns: 40px minmax(55px, 1fr) minmax(65px, 1fr);
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
}
.md-ui .md-reports-denomination > :last-child {
  text-align: right;
}
.md-ui .md-reports-adjustment {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .md-reports-notice {
  margin: 0;
  padding: 12px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  border-radius: var(--bs-border-radius);
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-list-body > .md-reports-notice {
  margin: 0 16px 16px;
}
.md-ui .md-reports-section-title {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  color: var(--bs-secondary-color);
}
.md-ui .md-reports-detail, .md-ui .md-reports-review-summary > div {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 16px;
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-reports-detail > :first-child {
  color: var(--bs-secondary-color);
}
.md-ui .md-reports-detail + .md-reports-detail {
  margin-top: 8px;
}
.md-ui .md-reports-resolution {
  white-space: pre-wrap;
  margin: 8px 0 0;
}
.md-ui .md-reports-reference {
  min-width: 0;
}
.md-ui .md-reports-reference code {
  overflow-wrap: anywhere;
  color: var(--bs-body-color);
}
.md-ui .md-reports-archive-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.md-ui .md-reports-chart-frame {
  position: relative;
  height: 300px;
  min-width: 0;
}
.md-ui .md-reports-chart-state {
  position: absolute;
  inset: 0;
  background: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-ui .md-audit-tree-viewport {
  overflow: auto;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
  padding: 16px;
}
.md-ui .md-audit-tree-timeline {
  display: flex;
  align-items: center;
  gap: 24px;
  width: max-content;
}
.md-ui .md-audit-tree-event {
  width: 260px;
}
.md-ui .md-audit-tree-node {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: 12px;
  background: var(--bs-body-bg);
}
.md-ui .md-audit-node-active .md-audit-tree-node {
  border-color: var(--minidesk-control-edge-hover);
}
.md-ui .md-audit-tree-node-title {
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-audit-tree-node-meta {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  margin-top: 6px;
}
.md-ui .md-audit-tree-fields {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.md-ui .md-audit-tree-node-field {
  padding: 8px;
  border-radius: var(--bs-border-radius-sm);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-audit-tree-change-values {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  overflow-wrap: anywhere;
}
.md-ui .md-audit-tree-boundary {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}

@container widget (max-width: 700px) {
  .md-ui .md-record-row.md-reports-sync-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .md-ui .md-reports-sync-row > .md-record-cell {
    grid-column: 1/-1;
  }
  .md-ui .md-reports-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-reports-cash-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-record-row.md-reports-transaction-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container widget (max-width: 450px) {
  .md-ui .md-reports-toolbar > :is(.form-control, .md-input-field) {
    flex-basis: 100%;
    width: 100%;
  }
  .md-ui .md-reports-toolbar > .option-selector {
    flex-basis: 100%;
  }
  .md-ui .md-reports-dates {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-record-row.md-reports-issue-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-reports-issue-trailing {
    justify-content: flex-start;
  }
}
.md-ui .md-inventory-code-tag {
  font-family: var(--bs-font-monospace);
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
  overflow: visible;
}
.md-ui .md-inventory-widget > .md-inventory-body {
  flex: 1 1 auto;
  min-width: 0;
}
.md-ui .md-inventory-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  min-width: 0;
}
.md-ui .md-inventory-body .md-inventory-body {
  padding: 0;
}
.md-ui .md-inventory-widget > .md-card-heading + .md-inventory-body {
  padding-top: 0;
}
.md-ui .md-inventory-widget > .md-card-heading {
  flex-wrap: wrap;
}
.md-ui .md-inventory-widget .md-workflow-toolbar {
  flex-direction: row;
}
.md-ui .md-inventory-table-body {
  padding-top: 0;
}
.md-ui .md-inventory-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  text-align: left;
}
.md-ui .md-inventory-widget > .md-inventory-heading {
  padding: 16px;
}
.md-ui .md-inventory-widget.p-3 > .md-inventory-heading, .md-ui .md-inventory-widget.p-3 > .md-table-scroll {
  padding: 0;
}
.md-ui .md-inventory-heading > i, .md-ui .md-inventory-heading > span > i {
  color: var(--bs-secondary-color);
  font-size: 1rem;
  margin-right: 4px;
}
.md-ui .md-inventory-heading-meta {
  justify-content: space-between;
  flex-wrap: wrap;
}
.md-ui .md-inventory-heading .md-page-description {
  font-weight: 400;
  margin: 0;
}
.md-ui .md-inventory-widget > .md-table-scroll {
  padding: 0 16px 16px;
}
.md-ui .md-inventory-widget .md-table-scroll {
  max-height: 420px;
  border-radius: var(--bs-border-radius);
}
.md-ui .md-inventory-entity-header {
  padding: 16px;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.md-ui .md-inventory-entity-title-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 220px;
  min-width: 0;
}
.md-ui .md-inventory-entity-title-bar > i {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--minidesk-ticket-icon-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-ticket-icon-bg);
  color: var(--minidesk-ticket-icon-color);
  font-size: 1.125rem;
}
.md-ui .md-inventory-entity-title-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.md-ui .md-inventory-entity-title-text {
  font-size: 1.125rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-entity-title-meta {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-entity-title-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-inventory-entity-search-actions {
  flex: 1 1 440px;
}
.md-ui .md-inventory-entity-search-input {
  flex: 1 1 200px;
  width: 0;
}
.md-ui .md-input-field:has(> .md-inventory-entity-search-input) {
  flex: 1 1 200px;
  width: 0;
}
.md-ui .md-input-field > .md-inventory-entity-search-input {
  width: 100%;
}
.md-ui .md-inventory-widget .md-record-fields {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
}
.md-ui .md-inventory-widget label {
  line-height: 1.5;
}
.md-ui .md-inventory-widget > .md-record-fields {
  margin: 0 16px 16px;
}
.md-ui .md-inventory-widget .md-record-toolbar > .option-selector {
  width: 180px;
  max-width: 100%;
}
.md-ui .md-inventory-widget .md-record-toolbar > .option-selector > .option-selected {
  width: 100%;
}
.md-ui .md-inventory-wide {
  grid-column: 1/-1;
}
.md-ui .md-inventory-widget .md-template-info-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-template-info-field-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-height: 28px;
  margin-bottom: 6px;
}
.md-ui .md-record-field .md-template-info-field-heading .form-label {
  margin: 0;
}
.md-ui .md-template-category-disclosure.btn {
  min-height: 28px;
  padding: 3px 6px;
  gap: 5px;
  font-size: 0.8125rem;
}
.md-ui .md-template-category-disclosure.btn[aria-expanded=false]:not(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *))):not(:focus-visible):not(:active) {
  border-color: transparent;
  background: transparent;
  color: var(--bs-secondary-color);
  box-shadow: none;
}
.md-ui .md-template-category-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-template-category-actions > .btn {
  min-width: 0;
  white-space: normal;
}
.md-ui .md-template-warranty {
  padding: 0;
}
.md-ui .md-template-warranty-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  padding: 10px 12px;
  cursor: pointer;
  list-style: none;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: var(--bs-border-radius);
}
.md-ui .md-template-warranty-heading::-webkit-details-marker {
  display: none;
}
.md-ui .md-template-warranty-heading:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
}
.md-ui .md-template-warranty-heading:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -2px;
}
.md-ui .md-template-warranty-heading .md-inventory-helper-text {
  font-weight: 400;
}
.md-ui .md-template-warranty-caret {
  margin-left: auto;
}
.md-ui .md-template-warranty[open] .md-template-warranty-caret {
  transform: rotate(180deg);
}
.md-ui .md-template-warranty-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px 12px;
}
.md-ui .md-template-warranty-body > p {
  margin: 0;
}
.md-ui .md-template-warranty-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.md-ui .md-template-warranty-row > .form-label {
  margin: 0;
}
.md-ui .md-template-warranty-duration {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}
.md-ui .md-template-warranty-duration[hidden] {
  display: none;
}
@container widget (max-width: 520px) {
  .md-ui .md-template-warranty-row {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  .md-ui .md-template-warranty-duration {
    grid-column: 2;
  }
}
@container widget (max-width: 240px) {
  .md-ui .md-template-warranty-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-template-warranty-duration {
    grid-column: 1;
    grid-template-columns: minmax(0, 1fr);
  }
}
@container widget (max-width: 420px) {
  .md-ui .md-inventory-widget .md-template-info-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-ui .md-inventory-control-pair-row, .md-ui .md-inventory-form-submit-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.md-ui .md-inventory-control-pair-row > .option-selector {
  min-width: 0;
}
.md-ui .md-inventory-control-pair-row > :is(.form-control, .md-input-field) {
  flex: 1 1 160px;
  width: 0;
}
.md-ui .md-inventory-field-width-medium {
  flex: 1 1 160px;
  width: 100%;
}
.md-ui .md-inventory-field-width-compact {
  min-width: 100px;
}
.md-ui .md-inventory-min-width-zero, .md-ui .md-inventory-min-width-title {
  min-width: 0;
}
.md-ui .md-inventory-helper-text, .md-ui .md-inventory-line-meta {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-helper-text > i {
  margin-right: 6px;
}
.md-ui .md-inventory-scan-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.md-ui .md-inventory-scan-bar > i {
  display: none;
}
.md-ui .md-inventory-scan-bar > :is(.form-control, .md-input-field) {
  flex: 1 1 200px;
  width: 0;
}
.md-ui .md-inventory-manual-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.md-ui .md-inventory-manual-form.collapsed {
  display: none;
}
.md-ui .md-inventory-form-caption {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-inventory-inline-input {
  min-width: 84px;
  max-width: 140px;
}
.md-ui .md-inventory-icon-button {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: var(--bs-border-radius);
}
.md-ui .md-inventory-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 12px;
}
.md-ui .md-inventory-shortcut-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .md-inventory-shortcut-grid > .btn {
  width: 100%;
  min-width: 0;
  min-height: 80px;
  padding: 12px;
  gap: 10px;
}
.md-ui .md-inventory-shortcut-grid .md-launch-icon {
  flex: 0 0 28px;
  width: 28px;
  text-align: center;
  font-size: 1.5rem;
}
.md-ui .md-inventory-shortcut-grid .md-launch-copy {
  flex: 1;
  gap: 3px;
}
.md-ui .md-inventory-shortcut-grid .md-launch-copy strong {
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.3;
}
.md-ui .md-inventory-shortcut-grid .md-launch-copy small {
  font-size: 0.875rem;
  line-height: 1.4;
}
.md-ui .md-inventory-shortcut-grid .md-launch-arrow {
  flex: 0 0 auto;
  font-size: 0.875rem;
  opacity: 0.7;
}
.md-ui .md-inventory-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 12px;
  padding: 16px;
}
.md-ui .md-inventory-metrics.md-inventory-widget {
  display: grid;
}
.md-ui .md-inventory-metric-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.md-ui .md-inventory-metric-stack > .d-flex {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-ui .md-inventory-positive {
  color: var(--minidesk-status-ready-color) !important;
}
.md-ui .md-inventory-negative {
  color: var(--minidesk-status-urgent-color) !important;
}
.md-ui .md-inventory-warning {
  color: var(--minidesk-status-waiting-color) !important;
}
.md-ui .md-inventory-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-inventory-widget > .md-inventory-filters, .md-ui #inventory-dashboard-search {
  padding: 16px;
}
.md-ui #inventory-dashboard-search > .md-inventory-body {
  padding: 0;
}
.md-ui .md-inventory-filter-pill {
  font-size: 0.875rem;
  padding: 8px 12px;
}
.md-ui .md-inventory-pill-padding {
  padding: 8px 12px;
}
.md-ui .md-inventory-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.md-ui .md-inventory-card-grid > .md-list-state-wrap {
  grid-column: 1/-1;
}
.md-ui .md-inventory-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 12px;
  min-width: 0;
}
.md-ui .md-inventory-choice-tile {
  justify-content: flex-start;
  padding: 16px;
  gap: 12px;
  text-align: left;
  white-space: normal;
}
.md-ui .md-inventory-choice-tile > span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.md-ui .md-inventory-choice-tile small {
  font-size: 0.8125rem;
  font-weight: 400;
}
.md-ui .md-record-row.md-inventory-template-card {
  grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 0.7fr));
}
.md-ui .md-inventory-template-list {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@container widget (max-width: 650px) {
  .md-ui .md-record-row.md-inventory-template-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-inventory-template-card .md-person {
    grid-column: 1/-1;
  }
  .md-ui .md-inventory-template-card .md-record-summary {
    padding-left: 0;
  }
}
.md-ui .md-inventory-card-title {
  font-weight: 500;
  color: var(--bs-emphasis-color);
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-card-desc, .md-ui .md-inventory-card-meta {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-list-card-logo {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--minidesk-ticket-icon-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-ticket-icon-bg);
  color: var(--minidesk-ticket-icon-color);
  font-weight: 500;
}
.md-ui .md-inventory-supplier-list {
  max-height: 420px;
  overflow: auto;
}
.md-ui .md-record-row.md-inventory-supplier-row {
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.65fr);
  flex: 0 0 auto;
}
.md-ui .md-inventory-supplier-row[aria-pressed=true] {
  background: var(--bs-secondary-bg);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis);
}
.md-ui .md-inventory-supplier-row[aria-pressed=true]:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis), inset 0 0 0 1px var(--minidesk-control-edge-hover);
}
.md-ui .md-inventory-badge, .md-ui .md-inventory-status-pill, .md-ui .md-inventory-match-badge, .md-ui .md-inventory-count-pill, .md-ui .md-inventory-card-tag, .md-ui .md-inventory-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .md-inventory-badge, :root[data-bs-theme=light] .md-ui .md-inventory-status-pill, :root[data-bs-theme=light] .md-ui .md-inventory-match-badge, :root[data-bs-theme=light] .md-ui .md-inventory-count-pill, :root[data-bs-theme=light] .md-ui .md-inventory-card-tag, :root[data-bs-theme=light] .md-ui .md-inventory-card-badge {
  font-weight: 600;
}
.md-ui .md-inventory-badge-danger, .md-ui .md-inventory-status-pill:is(.unresolved, .missing), .md-ui .md-inventory-match-badge.cost-up {
  color: var(--minidesk-status-urgent-color);
  background: var(--minidesk-badge-urgent-bg);
  border-color: var(--minidesk-badge-urgent-edge);
}
.md-ui .md-inventory-badge-warning, .md-ui .md-inventory-status-pill.partial, .md-ui .md-inventory-count-pill-warn {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-badge-waiting-bg);
  border-color: var(--minidesk-badge-waiting-edge);
}
.md-ui .md-inventory-status-pill:is(.closed, .parsed), .md-ui .md-inventory-match-badge:is(.matched, .cost-down), .md-ui .md-inventory-count-pill-ok {
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-badge-ready-bg);
  border-color: var(--minidesk-badge-ready-edge);
}
.md-ui .md-inventory-match-badge.new, .md-ui .md-inventory-count-pill-new, .md-ui .md-inventory-card-badge {
  color: var(--minidesk-status-progress-color);
  background: var(--minidesk-badge-progress-bg);
  border-color: var(--minidesk-badge-progress-edge);
}
.md-ui .md-inventory-confidence-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--minidesk-status-urgent-color);
  margin-right: 4px;
}
.md-ui .md-inventory-confidence-high {
  background: var(--minidesk-status-ready-color);
}
.md-ui .md-inventory-confidence-medium {
  background: var(--minidesk-status-waiting-color);
}
.md-ui .md-inventory-recommendation-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 16px;
}
.md-ui .md-inventory-recommendation-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.md-ui .md-inventory-recommendation-value {
  font-size: 1.75rem;
  font-weight: 500;
}
.md-ui .md-inventory-recommendation-rationale, .md-ui .md-inventory-readable-panel {
  overflow-wrap: anywhere;
  font-size: 0.875rem;
  line-height: 1.6;
}
.md-ui .md-inventory-rationale-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.md-ui .md-inventory-rationale-identity .md-person {
  grid-column: auto;
}
.md-ui .md-inventory-rationale-prices, .md-ui .md-inventory-rationale-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}
.md-ui .md-inventory-rationale-sections dl {
  margin: 0;
}
.md-ui .md-inventory-rationale-sections dt {
  font-weight: 400;
}
.md-ui .md-inventory-rationale-sections dd {
  margin: 0;
  min-width: 0;
  font-variant-numeric: tabular-nums;
}
.md-ui .md-inventory-rationale-sections .md-inventory-detail:first-child {
  padding-top: 0;
}
.md-ui .md-inventory-rationale-sections .md-inventory-helper-text {
  margin: 12px 0 0;
}
.md-ui .md-inventory-rationale-note {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-details {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.md-ui .md-inventory-detail {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 0.875rem;
}
.md-ui .md-inventory-detail:last-child {
  border-bottom: 0;
}
.md-ui .md-inventory-detail > :first-child {
  color: var(--bs-secondary-color);
}
.md-ui .md-inventory-detail > :last-child {
  text-align: right;
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-summary-value {
  text-align: right;
}
.md-ui .md-inventory-summary-total-row {
  font-weight: 600;
  background: var(--bs-tertiary-bg);
}
.md-ui .md-inventory-progress-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.md-ui .md-inventory-progress-label-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.875rem;
}
.md-ui .md-inventory-progress-fill {
  display: block;
  width: 100%;
  height: 8px;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--bs-secondary-bg);
  appearance: none;
}
.md-ui .md-inventory-progress-fill::-webkit-progress-bar {
  background: var(--bs-secondary-bg);
  border-radius: 8px;
}
.md-ui .md-inventory-progress-fill::-webkit-progress-value {
  background: var(--bs-success);
  border-radius: 8px;
}
.md-ui .md-inventory-progress-fill::-moz-progress-bar {
  background: var(--bs-success);
  border-radius: 8px;
}
.md-ui .md-inventory-progress-fill-warn::-webkit-progress-value {
  background: var(--minidesk-status-waiting-color);
}
.md-ui .md-inventory-progress-fill-danger::-webkit-progress-value {
  background: var(--minidesk-status-urgent-color);
}
.md-ui .md-inventory-status-log {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.875rem;
}
.md-ui .md-inventory-tab-bar, .md-ui .md-settings-tabs-picker:has(+ .md-inventory-tab-bar) {
  margin: 16px;
}
.md-ui .md-settings-tabs-picker:has(+ .md-inventory-tab-bar) {
  width: calc(100% - 32px);
}
.md-ui .md-inventory-tab-count {
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.12);
}
.md-ui .md-inventory-header-row, .md-ui .md-inventory-action-strip, .md-ui .md-inventory-toolbar-row, .md-ui .md-inventory-toolbar-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}
.md-ui .md-inventory-title-ellipsis {
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-note-success {
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-status-ready-bg);
  color: var(--minidesk-status-ready-color);
}
.md-ui[data-active-tab=parsed-inbox] [data-visible-when]:not([data-visible-when=parsed-inbox]),
.md-ui [data-active-tab=parsed-inbox] [data-visible-when]:not([data-visible-when=parsed-inbox]), .md-ui[data-active-tab=search-catalog] [data-visible-when]:not([data-visible-when=search-catalog]),
.md-ui [data-active-tab=search-catalog] [data-visible-when]:not([data-visible-when=search-catalog]), .md-ui[data-active-tab=recent-api] [data-visible-when]:not([data-visible-when=recent-api]),
.md-ui [data-active-tab=recent-api] [data-visible-when]:not([data-visible-when=recent-api]) {
  display: none;
}
.md-ui .md-inventory-template-task-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.md-ui .md-template-task-form .md-task-name {
  grid-column: 1/-1;
}
.md-ui .md-template-preview-value {
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--bs-body-color);
  font-size: 0.9375rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.md-ui .md-template-preview-task .md-template-step-row {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.md-ui .md-template-preview-task .md-template-step-number {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.md-ui .md-template-preview-section-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 12px 16px;
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  font-size: 1rem;
  font-weight: 400;
}
.md-ui .md-template-preview-section-heading > span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.md-ui .md-inventory-preview-form {
  align-items: start;
}
.md-ui .md-inventory-state-title {
  font-size: 1rem;
  font-weight: 500;
}
.md-ui .md-inventory-catalog-row {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
}

@container widget (max-width: 899px) {
  .md-ui .md-inventory-shortcut-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container widget (max-width: 480px) {
  .md-ui .md-inventory-shortcut-grid > .btn {
    flex-direction: column;
    min-height: 92px;
    gap: 8px;
    text-align: center;
  }
  .md-ui .md-inventory-shortcut-grid .md-launch-icon {
    flex-basis: auto;
  }
  .md-ui .md-inventory-shortcut-grid .md-launch-copy {
    flex: 0 0 auto;
    width: 100%;
  }
  .md-ui .md-inventory-shortcut-grid .md-launch-copy strong {
    font-size: 0.9375rem;
  }
  .md-ui .md-inventory-shortcut-grid :is(.md-launch-copy small, .md-launch-arrow) {
    display: none;
  }
}
@container widget (max-width: 260px) {
  .md-ui .md-inventory-shortcut-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container widget (max-width: 600px) {
  .md-ui .md-inventory-rationale-sections {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-inventory-entity-title-actions {
    width: 100%;
  }
  .md-ui .md-inventory-recommendation-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-inventory-entity-search-input {
    flex-basis: 100%;
    width: 100%;
  }
  .md-ui .md-inventory-catalog-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
/* Shared segmented settings/import tabs. Bootstrap buttons retain tab semantics. */
.md-ui .md-settings-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  overflow: hidden;
}

.md-ui .md-settings-tabs .md-settings-tab {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 10px 12px;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

.md-ui .md-settings-tabs {
  border: 1px solid var(--minidesk-tabs-edge);
  border-radius: 10px;
  background: var(--minidesk-tabs-bg);
  box-shadow: var(--minidesk-filled-button-shadow);
}

.md-ui .md-settings-tabs .md-settings-tab {
  min-height: 42px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--minidesk-tabs-fg);
  font-size: 0.875rem;
  font-weight: 600;
  text-shadow: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.md-ui .md-settings-tabs .md-settings-tab > i {
  flex-shrink: 0;
  color: inherit;
}

.md-ui .md-settings-tabs .md-settings-tab > span {
  min-width: 0;
}

.md-ui .md-settings-tabs .md-settings-tab + .md-settings-tab {
  border-left: 1px solid color-mix(in srgb, var(--minidesk-tabs-fg) 22%, transparent);
}

.md-ui .md-settings-tabs .md-settings-tab:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-tabs-active);
  color: var(--minidesk-tabs-fg);
  box-shadow: none;
}

.md-ui .md-settings-tabs .md-settings-tab.active {
  background: var(--minidesk-tabs-active);
  color: var(--minidesk-tabs-fg);
  box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--minidesk-tabs-fg) 56%, var(--minidesk-tabs-bg));
}

.md-ui .md-settings-tabs .md-settings-tab:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--minidesk-tabs-fg) 78%, var(--minidesk-tabs-bg));
  outline-offset: -3px;
}

.md-ui .md-settings-tabs .md-settings-tab:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.16);
}

.md-ui .md-settings-tabs.md-tabs-collapsed {
  display: none;
}

.md-ui .md-settings-tabs-picker {
  width: 100%;
  min-width: 0;
}

.md-ui .md-settings-tabs-picker .option-selected-label {
  white-space: nowrap;
}

.md-settings-page, .md-ui.md-settings-navigation {
  --md-settings-gutter: 24px;
}

.md-settings-page {
  container: settings/inline-size;
  width: 100%;
  max-width: calc(var(--grid-preferred-width, 1600px) + var(--md-settings-gutter) * 2);
  min-width: 0;
  margin-inline: auto;
  padding: 24px var(--md-settings-gutter) 88px;
}
.md-settings-page .md-settings-page-heading {
  margin-bottom: 20px;
}
.md-settings-page .md-settings-page-heading h1 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}
.md-settings-page .md-settings-page-heading p {
  margin: 6px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-settings-page .md-settings-section > .md-card-heading {
  flex-wrap: wrap;
}
.md-settings-page .md-settings-section > .md-card-heading > div {
  flex: 1 1 180px;
  min-width: 0;
}
.md-settings-page .md-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.md-settings-page .md-settings-wide {
  grid-column: 1/-1;
}
.md-settings-page .md-settings-section {
  min-width: 0;
  align-self: start;
  scroll-margin-top: 24px;
}
.md-settings-page .md-settings-section-body {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 0 16px 16px;
}
.md-settings-page .md-settings-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
}
.md-settings-page .md-settings-field-wide {
  grid-column: 1/-1;
}

.md-ui .md-settings-return-top {
  position: fixed;
  z-index: 1000;
  inset-inline-start: calc(var(--md-nav-width, 0px) + 24px);
  bottom: max(20px, env(safe-area-inset-bottom));
  min-height: 44px;
  box-shadow: var(--minidesk-card-shadow);
}

.md-ui .md-settings-fields {
  display: grid;
}
.md-ui .md-settings-manager {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(0, 2fr);
  align-items: start;
  gap: 16px;
  min-width: 0;
}
.md-ui .md-settings-manager-list {
  min-width: 0;
}
.md-ui .md-settings-manager-rows {
  display: flex;
  flex-direction: column;
  height: clamp(280px, 100dvh - 280px, 720px);
  max-height: clamp(280px, 100dvh - 280px, 720px);
  min-height: 200px;
  overflow: auto;
  overscroll-behavior-x: contain;
  border-radius: 0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg);
}
.md-ui .md-settings-manager-editor, .md-ui .md-settings-editor-sections {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-ui .md-settings-manager-editor {
  padding: 16px;
  background: var(--bs-secondary-bg);
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--minidesk-card-shadow);
}
.md-ui .md-settings-editor-sections > .md-settings-section {
  border-color: var(--minidesk-section-edge);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui .md-settings-manager-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.md-ui .md-settings-manager-heading h2 {
  margin: 0 0 4px;
  font-size: 1.125rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.md-ui .md-settings-manager-actions {
  justify-content: flex-end;
  align-items: center;
}
.md-ui .md-settings-count {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  font-weight: 400;
}
.md-ui .md-settings-manager-item {
  flex-shrink: 0;
  border-bottom: 1px solid var(--minidesk-inner-edge);
  min-width: 0;
}
.md-ui .md-settings-manager-item:last-child {
  border-bottom: 0;
}
.md-ui .md-settings-manager-select {
  display: grid;
  gap: 8px;
  width: 100%;
  padding: 16px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  transform: none;
  font: inherit;
  color: var(--bs-body-color);
  background: transparent;
  text-align: left;
  --bs-list-group-action-hover-bg: var(--minidesk-row-hover);
  --bs-list-group-action-active-bg: var(--minidesk-row-hover);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
}
.md-ui .md-settings-manager-select:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
}
.md-ui .md-settings-manager-select:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -3px;
}
.md-ui .md-settings-manager-item-selected {
  background: var(--bs-secondary-bg);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis);
}
.md-ui .md-settings-manager-item-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.md-ui .md-settings-manager-item-heading > strong {
  font-size: 1rem;
  font-weight: 500;
  overflow-wrap: anywhere;
  color: var(--bs-emphasis-color);
}
.md-ui .md-settings-manager-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-width: 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.md-ui .md-settings-manager-meta > span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
.md-ui .md-settings-manager-meta i {
  width: 16px;
  text-align: center;
  flex: 0 0 16px;
}
.md-ui .md-settings-manager-item-actions {
  padding: 0 16px 16px;
}
.md-ui .md-settings-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .md-settings-status {
  font-weight: 600;
}
.md-ui .md-settings-status {
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-badge-ready-bg);
  border-color: var(--minidesk-badge-ready-edge);
}
.md-ui .md-settings-status-closed {
  color: var(--minidesk-status-urgent-color);
  background: var(--minidesk-badge-urgent-bg);
  border-color: var(--minidesk-badge-urgent-edge);
}
.md-ui .md-settings-status-inactive {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-badge-waiting-bg);
  border-color: var(--minidesk-badge-waiting-edge);
}
.md-ui .md-settings-status-default {
  color: var(--minidesk-status-progress-color);
  background: var(--minidesk-badge-progress-bg);
  border-color: var(--minidesk-badge-progress-edge);
}
.md-ui .md-settings-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: var(--md-control-height);
  padding: 8px 12px;
  margin: 0;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
}
.md-ui .md-settings-item-list {
  display: grid;
  gap: 8px;
  min-width: 0;
  max-height: 300px;
  overflow: auto;
}
.md-ui .md-settings-item-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-settings-item-row > span {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-settings-sync-indicator {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-settings-sync-indicator[data-status=synced], .md-ui .md-settings-sync-indicator[data-status=enabled] {
  color: var(--minidesk-status-ready-color);
}
.md-ui .md-settings-sync-indicator[data-status=warning] {
  color: var(--minidesk-status-waiting-color);
}
.md-ui .md-settings-sync-indicator[data-status=error] {
  color: var(--minidesk-status-urgent-color);
}

@media (max-width: 760px) {
  .md-settings-page, .md-ui.md-settings-navigation {
    --md-settings-gutter: 12px;
  }
}
@container settings (max-width: 1000px) {
  .md-ui .md-settings-manager {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-settings-manager-rows {
    max-height: 400px;
  }
}
@container settings (max-width: 760px) {
  .md-settings-page .md-settings-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container settings (max-width: 560px) {
  .md-ui .md-settings-manager-editor {
    padding: 12px;
  }
  .md-settings-page .md-settings-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-settings-page .md-settings-field-wide {
    grid-column: auto;
  }
}
@media (max-width: 600px) {
  .md-settings-page {
    padding: 12px 12px 80px;
  }
  .md-ui .md-settings-return-top {
    inset-inline-start: calc(var(--md-nav-width, 0px) + 12px);
  }
}
.md-ui .md-settings-ai-feedback {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.md-ui .md-settings-ai-feedback pre {
  max-height: 280px;
  overflow: auto;
  white-space: pre-wrap;
}

.md-ui .md-settings-action-panel {
  border: 1px solid var(--minidesk-section-edge);
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}

.md-ui .md-settings-action-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.md-ui .md-settings-action-row > :not(.btn) {
  flex: 1 1 180px;
  min-width: 0;
}

.md-ui .md-settings-action-row > .btn {
  flex: 0 1 auto;
}

.md-settings-general > :is(.md-settings-tabs, .md-settings-tabs-picker) {
  margin-bottom: 20px;
}

.md-settings-general .md-settings-sales-group {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.md-settings-general .md-settings-sales-group + .md-settings-sales-group {
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-settings-general .md-settings-sales-group h3 {
  margin: 0;
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 500;
}
.md-settings-general .md-settings-warranty-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}
.md-settings-general .md-settings-tax-help {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-general .md-settings-tax-help-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  list-style: none;
  font-size: 0.875rem;
}
.md-settings-general .md-settings-tax-help-heading::-webkit-details-marker {
  display: none;
}
.md-settings-general .md-settings-tax-help-title {
  flex: 1;
  min-width: 0;
}
.md-settings-general .md-settings-tax-help-caret {
  transition: transform 0.15s ease;
}
.md-settings-general .md-settings-tax-help[open] > summary .md-settings-tax-help-caret {
  transform: rotate(180deg);
}
.md-settings-general .md-settings-tax-help-heading:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 4px;
  border-radius: var(--bs-border-radius-sm);
}
.md-settings-general .md-settings-tax-help-body {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding-top: 12px;
  font-size: 0.875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  color: var(--bs-secondary-color);
}
.md-settings-general .md-settings-tax-help .md-settings-action-row > .btn {
  max-width: 100%;
  white-space: normal;
}
.md-settings-general .md-settings-logo-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.md-settings-general .md-settings-logo-card {
  border: 1px solid var(--minidesk-section-edge);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border-radius: 10px;
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-general .md-settings-logo-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.md-settings-general .md-settings-logo-preview {
  display: grid;
  place-items: center;
  min-height: 120px;
  padding: 12px;
  border-radius: 8px;
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
}
.md-settings-general .md-settings-logo-preview img {
  display: block;
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
}
.md-settings-general .md-settings-logo-actions {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}
.md-settings-general .form-control.md-settings-terms-field {
  min-height: 260px;
  max-height: 560px;
  overflow: auto;
  padding: 16px;
  text-align: left;
}
.md-settings-general .md-settings-terms-field img {
  max-width: 100%;
  height: auto;
}

.md-ui .md-settings-help {
  display: block;
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.md-ui .md-record-field > .md-settings-help {
  margin-top: 6px;
}
.md-ui .md-settings-admin-rows {
  display: grid;
  gap: 8px;
  max-height: 360px;
  margin-top: 12px;
  overflow: auto;
  overscroll-behavior-x: contain;
}
.md-ui .md-settings-admin-row, .md-ui .md-settings-admin-option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border-radius: 9px;
  background: var(--bs-tertiary-bg);
}
.md-ui .md-settings-admin-identity {
  display: grid;
  flex: 1;
  gap: 2px;
  min-width: 0;
}
.md-ui .md-settings-admin-name {
  font-size: 0.9375rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-ui .md-settings-lock-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .md-settings-lock-badge {
  font-weight: 600;
}
.md-ui .md-settings-icon-action {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}
.md-ui .md-settings-admin-option {
  cursor: pointer;
  border: 1px solid var(--minidesk-inner-edge);
}
.md-ui .md-settings-admin-option:has(input:not(:disabled)):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  background: var(--minidesk-control-hover);
}
.md-ui .md-settings-nav-picker {
  min-width: 0;
}
.md-ui #setting-navigation-button {
  max-width: 100%;
  text-align: left;
  white-space: normal;
}
.md-ui #setting-navigation-button > span {
  flex: 1;
  min-width: 0;
}
.md-ui .md-settings-nav-caret {
  margin-left: 8px;
  font-size: 0.75rem;
  transition: transform 0.15s ease;
}
.md-ui #setting-navigation-button[aria-expanded=true] .md-settings-nav-caret {
  transform: rotate(180deg);
}
.md-ui .md-settings-save-area {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-left: auto;
}
.md-ui .md-settings-save-area:has(.md-settings-save-pending) .md-settings-help {
  color: var(--minidesk-status-waiting-color);
}
.md-ui .md-settings-mobile-order {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
}
.md-ui .md-settings-nav-menu {
  position: fixed;
  z-index: 1020;
  width: 560px;
  min-width: 0;
  max-width: calc(100vw - 24px);
  overflow: auto;
  margin: 0;
  padding: 6px;
}
.md-ui .md-settings-nav-menu:not([hidden]) {
  display: block;
}
.md-ui .md-settings-nav-section + .md-settings-nav-section {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-ui .md-settings-nav-section h2 {
  margin: 0;
  padding: 8px 12px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
}
.md-ui .md-settings-nav-section summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 0.375rem;
  outline: none;
  color: var(--bs-body-color);
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  list-style: none;
}
.md-ui .md-settings-nav-section summary:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
}
.md-ui .md-settings-nav-section summary::-webkit-details-marker {
  display: none;
}
.md-ui .md-settings-nav-section summary > i:last-child {
  margin-left: auto;
  font-size: 0.75rem;
  transition: transform 0.15s ease;
}
.md-ui .md-settings-nav-section[open] summary > i:last-child {
  transform: rotate(180deg);
}
.md-ui .md-settings-nav-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}
.md-ui .md-settings-nav-item.dropdown-item {
  min-width: 0;
  margin: 0;
  padding: 8px 12px;
  font-size: 1rem;
}
.md-ui .md-settings-nav-item > i {
  width: 18px;
  flex-shrink: 0;
  text-align: center;
  color: var(--minidesk-icon-color);
}
.md-ui .md-settings-nav-item > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.md-ui.md-settings-navigation {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  width: min(100% - var(--md-settings-gutter) * 2, var(--grid-preferred-width, 1600px));
  min-width: 0;
  padding: 12px 16px;
  margin: var(--md-settings-gutter) auto 12px;
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: var(--bs-border-radius-lg);
  background: var(--bs-body-bg);
  box-shadow: var(--minidesk-card-shadow);
}

@container settings (max-width: 1200px) {
  .md-settings-general .md-settings-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container settings (max-width: 760px) {
  .md-settings-general .md-settings-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container settings (max-width: 420px) {
  .md-settings-general .md-settings-logo-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .md-ui.md-settings-navigation {
    padding: 12px;
  }
  .md-ui .md-settings-save-area {
    flex: 1 0 100%;
    justify-content: space-between;
  }
  .md-ui .md-settings-nav-options {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-ui .md-location-hours {
  display: grid;
  gap: 12px;
}
.md-ui .md-location-hours-row {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) 36px minmax(0, 2fr);
  align-items: center;
  gap: 12px;
}
.md-ui .md-location-hours-label {
  font-size: 0.9375rem;
}
.md-ui .md-location-hours-toggle.btn {
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}
.md-ui .md-location-time-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.md-ui .md-location-time-range input {
  padding-inline: 8px;
}
.md-ui .md-location-assignment-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}
.md-ui .md-location-assignment-lists h3 {
  font-size: 1rem;
  margin-bottom: 12px;
}
.md-ui .md-location-assignment-results {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 420px;
  overflow: auto;
}
.md-ui .md-location-employee.btn {
  display: grid;
  gap: 6px;
  width: 100%;
  padding: 12px;
  text-align: left;
  white-space: normal;
}
.md-ui .md-location-employee-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.md-ui .md-location-employee-info {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.md-ui .md-location-employee-action {
  font-size: 0.8125rem;
}
.md-ui .md-location-assignment-summary {
  border: 1px solid var(--minidesk-section-edge);
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  margin-bottom: 16px;
}
.md-ui .md-location-assignment-summary strong {
  display: block;
  margin-bottom: 4px;
}
.md-ui .md-location-closure-remove.btn {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}
.md-ui .md-settings-location #stripe-access-credential-warning {
  margin-top: 6px;
  font-size: 0.8125rem;
  color: var(--minidesk-status-waiting-color);
}

@container settings (max-width: 560px) {
  .md-ui .md-location-hours-row {
    grid-template-columns: minmax(0, 1fr) 36px;
  }
  .md-ui .md-location-time-range {
    grid-column: 1/-1;
  }
}
@media (max-width: 650px) {
  .md-ui .md-location-assignment-lists {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-settings-plan-billing .md-plan-content {
  display: grid;
  gap: 16px;
}
.md-settings-plan-billing .md-plan-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.md-settings-plan-billing .md-plan-notice {
  border: 1px solid var(--minidesk-section-edge);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
}
.md-settings-plan-billing .md-plan-notice > i {
  flex: 0 0 24px;
  text-align: center;
  font-size: 1.25rem;
  color: var(--bs-primary-text-emphasis);
}
.md-settings-plan-billing .md-plan-notice strong {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
}
.md-settings-plan-billing .md-plan-offers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.md-settings-plan-billing .md-plan-offers > .md-list-state-wrap {
  grid-column: 1/-1;
}
.md-settings-plan-billing .md-plan-offer {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
  cursor: pointer;
}
.md-settings-plan-billing .md-plan-offer:has(input:not(:disabled)):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  background: var(--minidesk-row-hover);
  border-color: var(--minidesk-control-edge-hover);
}
.md-settings-plan-billing .md-plan-offer:has(input:focus-visible) {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}
.md-settings-plan-billing .md-plan-offer:has(input:disabled) {
  cursor: default;
}
.md-settings-plan-billing .md-plan-offer-copy {
  display: grid;
  flex: 1;
  gap: 6px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-settings-plan-billing .md-plan-offer-title {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--bs-emphasis-color);
}
.md-settings-plan-billing .md-plan-offer-title i {
  flex: 0 0 18px;
  text-align: center;
  color: var(--bs-primary-text-emphasis);
}
.md-settings-plan-billing .md-plan-offer .md-toggle {
  margin-top: 2px;
}
.md-settings-plan-billing .md-plan-message {
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-status-waiting-bg);
  color: var(--minidesk-status-waiting-color);
}

@container settings (max-width: 1100px) {
  .md-settings-plan-billing .md-plan-offers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container settings (max-width: 680px) {
  .md-settings-plan-billing :is(.md-plan-offers, .md-plan-metrics) {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-settings-subscription .md-subscription-content, .md-settings-subscription .md-subscription-provider {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-settings-subscription .md-subscription-list-host {
  min-width: 0;
}
.md-settings-subscription .md-subscription-readonly {
  color: var(--bs-secondary-color);
  background: var(--bs-tertiary-bg);
}
.md-settings-subscription .md-subscription-description.form-control {
  min-height: 96px;
  max-height: 320px;
  overflow: auto;
  padding: 12px;
  text-align: left;
}
.md-settings-subscription .md-subscription-variations, .md-settings-subscription .md-subscription-phases {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-settings-subscription .md-subscription-variation {
  border: 1px solid var(--minidesk-section-edge);
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 16px;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-subscription .md-subscription-section-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.md-settings-subscription .md-subscription-section-heading :is(h3, h4, strong) {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-settings-subscription .md-subscription-phase {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.md-settings-subscription .md-subscription-phase + .md-subscription-phase {
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-settings-subscription .md-subscription-plan-variations {
  display: grid;
  gap: 16px;
  padding: 0 16px 16px;
}
.md-settings-subscription .md-subscription-variation-summary {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.md-settings-subscription .md-subscription-variation-summary + .md-subscription-variation-summary {
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-settings-subscription .md-subscription-phase-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-settings-subscription .md-subscription-phase-summary strong {
  color: var(--bs-body-color);
  font-weight: 500;
}
.md-settings-subscription .md-subscription-missing-price {
  display: grid;
  gap: 8px;
  padding: 16px;
}
.md-settings-subscription .md-subscription-price {
  font-size: 0.9375rem;
  color: var(--bs-emphasis-color);
}
.md-settings-subscription .md-subscription-plan-row .md-settings-manager-select {
  text-align: left;
}

@container settings (max-width: 560px) {
  .md-settings-subscription .md-subscription-variation {
    padding: 12px;
  }
}
.md-settings-coupons.md-ui .md-coupon-list-tools {
  display: grid;
  gap: 12px;
}
.md-settings-coupons.md-ui .md-coupon-list-name {
  font-size: 0.875rem;
  color: var(--bs-body-color);
  overflow-wrap: anywhere;
}
.md-settings-coupons.md-ui .md-settings-manager-item-heading .md-settings-status {
  margin-left: auto;
  flex-shrink: 0;
}
.md-settings-coupons.md-ui .md-coupon-choice {
  cursor: pointer;
  margin: 0;
  border: 1px solid var(--minidesk-inner-edge);
}
.md-settings-coupons.md-ui .md-coupon-choice > .form-switch {
  flex: 0 0 auto;
  margin: 0;
}
.md-settings-coupons.md-ui .md-coupon-choice strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-settings-coupons.md-ui .md-coupon-choice small {
  display: block;
  margin-top: 4px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-settings-coupons.md-ui .md-coupon-choice-title {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0 0 8px;
}
.md-settings-coupons.md-ui .md-coupon-preview {
  border: 1px solid var(--minidesk-section-edge);
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--md-control-height);
  padding: 10px 12px;
  font-size: 0.875rem;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-coupons.md-ui .md-coupon-preview .md-loading-spinner {
  flex-shrink: 0;
}
.md-settings-coupons.md-ui .md-coupon-retry {
  display: flex;
  justify-content: center;
  padding: 16px;
}

.md-settings-terminal.md-ui .md-terminal-stack {
  display: grid;
  gap: 16px;
}
.md-settings-terminal.md-ui .md-terminal-load-error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 16px;
  color: var(--bs-secondary-color);
}
.md-settings-terminal.md-ui .md-terminal-load-error p {
  margin: 0;
}
.md-settings-terminal.md-ui .md-settings-manager-item-heading .md-settings-status {
  margin-left: auto;
  flex-shrink: 0;
}
.md-settings-terminal.md-ui .md-terminal-details {
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  padding: 12px;
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-terminal.md-ui .md-terminal-detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
}
.md-settings-terminal.md-ui .md-terminal-detail-list div {
  min-width: 0;
}
.md-settings-terminal.md-ui .md-terminal-detail-list dt {
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
}
.md-settings-terminal.md-ui .md-terminal-detail-list dd {
  font-size: 0.875rem;
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}

@container settings (max-width: 560px) {
  .md-settings-terminal.md-ui .md-terminal-detail-list {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-settings-kiosk.md-ui .md-settings-manager-heading > div {
  flex: 1 1 200px;
  min-width: 0;
}
.md-settings-kiosk.md-ui .md-kiosk-device-list-item {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 16px;
}
.md-settings-kiosk.md-ui .md-kiosk-device-list-item:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :has(:focus-visible)) {
  background: var(--minidesk-row-hover);
}
.md-settings-kiosk.md-ui .md-kiosk-device-list-item.md-settings-manager-item-selected {
  box-shadow: none;
}
.md-settings-kiosk.md-ui .md-kiosk-device-list-item.md-settings-manager-item-selected::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--bs-primary-text-emphasis);
  pointer-events: none;
  z-index: 2;
}
.md-settings-kiosk.md-ui .md-kiosk-select {
  position: static;
  padding: 0;
}
.md-settings-kiosk.md-ui .md-kiosk-select::after {
  content: "";
  position: absolute;
  inset: 0;
}
.md-settings-kiosk.md-ui .md-kiosk-select:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :active) {
  background: transparent;
}
.md-settings-kiosk.md-ui .md-kiosk-select:focus-visible {
  outline: none;
}
.md-settings-kiosk.md-ui .md-kiosk-device-list-item:has(.md-kiosk-select:focus-visible) {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -3px;
}
.md-settings-kiosk.md-ui .md-kiosk-pairing-display, .md-settings-kiosk.md-ui .md-kiosk-url-display, .md-settings-kiosk.md-ui .md-settings-manager-item-actions {
  position: relative;
  z-index: 1;
  padding: 0;
}
.md-settings-kiosk.md-ui .md-settings-manager-item-heading .md-settings-status {
  margin-left: auto;
  flex-shrink: 0;
}
.md-settings-kiosk.md-ui .md-kiosk-copy-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.md-settings-kiosk.md-ui .md-kiosk-copy-row .form-control {
  flex: 1 1 0;
  min-width: 0;
}
.md-settings-kiosk.md-ui .md-kiosk-copy-row button {
  flex: 0 0 auto;
}
.md-settings-kiosk.md-ui .md-kiosk-copy-field {
  cursor: copy;
}
.md-settings-kiosk.md-ui .md-kiosk-pairing-display, .md-settings-kiosk.md-ui .md-kiosk-url-display {
  display: grid;
  gap: 8px;
}
.md-settings-kiosk.md-ui .md-kiosk-pairing-status {
  justify-self: start;
}
.md-settings-kiosk.md-ui .md-kiosk-status-neutral {
  color: var(--bs-secondary-color);
  background: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}
.md-settings-kiosk.md-ui .md-kiosk-toggle {
  cursor: pointer;
}
.md-settings-kiosk.md-ui .md-kiosk-toggle > span:first-child {
  min-width: 0;
}
.md-settings-kiosk.md-ui .md-kiosk-toggle > .form-switch {
  flex: 0 0 auto;
}
.md-settings-kiosk.md-ui .md-kiosk-toggle strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-settings-kiosk.md-ui .md-kiosk-toggle small {
  display: block;
  font-size: 0.8125rem;
  margin-top: 4px;
  color: var(--bs-secondary-color);
}
.md-settings-kiosk.md-ui #settings-kiosk-down-payment-amount {
  max-width: 100%;
}
.md-settings-kiosk.md-ui .md-kiosk-warning {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 0.875rem;
  color: var(--minidesk-status-waiting-color);
}
.md-settings-kiosk.md-ui .md-kiosk-load-error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 16px;
  color: var(--bs-secondary-color);
}
.md-settings-kiosk.md-ui .md-kiosk-list-retry-row {
  display: flex;
  justify-content: center;
  padding: 16px;
}

.md-settings-communication.md-ui #settings-communication-content, .md-settings-communication.md-ui #settings-communication-form {
  display: grid;
  gap: 16px;
}
.md-settings-communication.md-ui .md-communication-health {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-height: 130px;
}
.md-settings-communication.md-ui .md-communication-health > .md-list-state-wrap {
  grid-column: 1/-1;
}
.md-settings-communication.md-ui .md-communication-health .md-list-state-wrap {
  min-height: 130px;
}
.md-settings-communication.md-ui .md-settings-tab {
  gap: 8px;
}
.md-settings-communication.md-ui #settings-provider-credential-area, .md-settings-communication.md-ui #settings-sms-twilio {
  display: grid;
  gap: 16px;
}
.md-settings-communication.md-ui .md-communication-toggle {
  cursor: pointer;
}
.md-settings-communication.md-ui .md-communication-toggle > span:first-child {
  min-width: 0;
}
.md-settings-communication.md-ui .md-communication-toggle .md-toggle {
  flex: 0 0 auto;
}
.md-settings-communication.md-ui .md-communication-toggle strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-settings-communication.md-ui .md-communication-toggle small {
  display: block;
  margin-top: 4px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--bs-secondary-color);
}
.md-settings-communication.md-ui .md-communication-group-title {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
}
.md-settings-communication.md-ui .md-communication-senders {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.md-settings-communication.md-ui .md-communication-sender {
  border: 1px solid var(--minidesk-section-edge);
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-communication.md-ui .md-communication-sender h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.md-settings-communication.md-ui .md-communication-help {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  padding: 12px;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-communication.md-ui .md-communication-help-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  list-style: none;
  font-size: 0.875rem;
}
.md-settings-communication.md-ui .md-communication-help-heading::-webkit-details-marker {
  display: none;
}
.md-settings-communication.md-ui .md-communication-help-title {
  flex: 1;
  min-width: 0;
}
.md-settings-communication.md-ui .md-communication-help-caret {
  transition: transform 0.15s ease;
}
.md-settings-communication.md-ui details[open] > summary .md-communication-help-caret {
  transform: rotate(180deg);
}
.md-settings-communication.md-ui .md-communication-help-heading:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 4px;
  border-radius: var(--bs-border-radius-sm);
}
.md-settings-communication.md-ui .md-communication-help-body {
  padding-top: 12px;
  font-size: 0.875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  color: var(--bs-secondary-color);
}
.md-settings-communication.md-ui .md-communication-help-body p {
  margin: 0 0 12px;
}
.md-settings-communication.md-ui .md-communication-help-body p:last-child {
  margin-bottom: 0;
}
.md-settings-communication.md-ui .md-communication-help-body ol, .md-settings-communication.md-ui .md-communication-help-body ul {
  margin: 0 0 12px;
  padding-left: 24px;
}
.md-settings-communication.md-ui .md-communication-help-body li + li {
  margin-top: 8px;
}
.md-settings-communication.md-ui .md-communication-notice {
  color: var(--minidesk-status-waiting-color);
  font-size: 0.875rem;
}
.md-settings-communication.md-ui .md-communication-load-error {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

@container settings (max-width: 1000px) {
  .md-settings-communication.md-ui .md-communication-health {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container settings (max-width: 600px) {
  .md-settings-communication.md-ui .md-communication-senders {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container settings (max-width: 420px) {
  .md-settings-communication.md-ui .md-communication-health {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-settings-printing.md-ui .md-printing-records {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}
.md-settings-printing.md-ui .md-printing-records > .md-list-state-wrap, .md-settings-printing.md-ui .md-printing-records > .md-printing-load-error {
  grid-column: 1/-1;
}
.md-settings-printing.md-ui .md-printing-record {
  border: 1px solid var(--minidesk-section-edge);
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-printing.md-ui .md-printing-record-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.md-settings-printing.md-ui .md-printing-record-heading h3 {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-settings-printing.md-ui .md-printing-record-heading .md-settings-status {
  flex-shrink: 0;
}
.md-settings-printing.md-ui .md-printing-icon {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  height: 32px;
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  font-size: 1rem;
}
.md-settings-printing.md-ui .md-printing-meta {
  display: grid;
  gap: 4px;
  margin: 0;
  min-width: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.md-settings-printing.md-ui .md-printing-name-field, .md-settings-printing.md-ui .md-printing-actions, .md-settings-printing.md-ui .md-printing-downloads, .md-settings-printing.md-ui .md-printing-pairing-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.md-settings-printing.md-ui .md-printing-name-field .form-control, .md-settings-printing.md-ui .md-printing-pairing-row .form-control {
  flex: 1;
  min-width: 0;
}
.md-settings-printing.md-ui .md-printing-pairing-row .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}
.md-settings-printing.md-ui .md-printing-actions, .md-settings-printing.md-ui .md-printing-downloads {
  flex-wrap: wrap;
}
.md-settings-printing.md-ui .md-printing-printer-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  gap: 12px;
}
.md-settings-printing.md-ui .md-printing-printer-controls .md-settings-toggle-row {
  min-height: 36px;
  padding: 0;
  background: transparent;
}
.md-settings-printing.md-ui .md-printing-settings-group {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.md-settings-printing.md-ui .md-printing-group-title {
  float: none;
  width: auto;
  margin: 0 0 12px;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-settings-printing.md-ui .printing-settings-form {
  display: grid;
  gap: 20px;
  min-width: 0;
  padding-top: 16px;
}
.md-settings-printing.md-ui .printing-settings-form .md-settings-fields {
  gap: 12px;
}
.md-settings-printing.md-ui .md-printing-settings-actions {
  display: flex;
  justify-content: flex-end;
}
.md-settings-printing.md-ui .md-printing-routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.md-settings-printing.md-ui .md-printing-routes > .md-list-state-wrap, .md-settings-printing.md-ui .md-printing-routes > .md-printing-load-error {
  grid-column: 1/-1;
}
.md-settings-printing.md-ui .md-printing-route-row .form-label {
  display: flex;
  gap: 8px;
  align-items: center;
}
.md-settings-printing.md-ui .md-printing-route-row .form-label > i {
  width: 20px;
  text-align: center;
  color: var(--bs-secondary-color);
}
.md-settings-printing.md-ui .md-printing-status-neutral {
  background: var(--bs-secondary-bg);
  color: var(--bs-secondary-color);
}
.md-settings-printing.md-ui .md-printing-warning {
  color: var(--minidesk-status-waiting-color);
}
.md-settings-printing.md-ui .md-printing-job-scroll {
  max-height: 480px;
  overflow: auto;
  overscroll-behavior-x: contain;
  border-radius: var(--bs-border-radius);
}
.md-settings-printing.md-ui .md-printing-job-scroll .table {
  margin: 0;
  font-size: 0.875rem;
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--minidesk-inner-edge);
}
.md-settings-printing.md-ui .md-printing-job-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--bs-tertiary-bg);
  font-weight: 500;
}
.md-settings-printing.md-ui .md-printing-job-scroll :is(th, td) {
  padding: 12px;
}
.md-settings-printing.md-ui .md-printing-job-scroll td > strong {
  font-weight: 500;
}
.md-settings-printing.md-ui .md-printing-job-scroll td > small {
  display: block;
  margin-top: 4px;
  overflow-wrap: anywhere;
}
.md-settings-printing.md-ui .md-printing-job-scroll td:nth-child(3) {
  min-width: 120px;
  color: var(--bs-secondary-color);
}
.md-settings-printing.md-ui .md-printing-job-scroll td:last-child {
  width: 48px;
}
.md-settings-printing.md-ui .md-printing-load-error {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding-bottom: 16px;
}
.md-settings-printing.md-ui .md-printing-help-group {
  display: grid;
  gap: 12px;
}
.md-settings-printing.md-ui .md-printing-help {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-secondary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-printing.md-ui .md-printing-help-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  list-style: none;
  font-size: 0.875rem;
}
.md-settings-printing.md-ui .md-printing-help-heading::-webkit-details-marker {
  display: none;
}
.md-settings-printing.md-ui .md-printing-help-title {
  flex: 1;
  min-width: 0;
}
.md-settings-printing.md-ui .md-printing-help-caret {
  transition: transform 0.15s ease;
}
.md-settings-printing.md-ui details[open] > summary .md-printing-help-caret {
  transform: rotate(180deg);
}
.md-settings-printing.md-ui .md-printing-help-heading:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 4px;
  border-radius: var(--bs-border-radius-sm);
}
.md-settings-printing.md-ui .md-printing-help-body {
  padding-top: 12px;
  font-size: 0.875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  color: var(--bs-secondary-color);
}
.md-settings-printing.md-ui .md-printing-help-body p {
  margin: 0 0 12px;
}
.md-settings-printing.md-ui .md-printing-help-body p:last-child {
  margin-bottom: 0;
}
.md-settings-printing.md-ui .md-printing-help-body ol {
  margin: 0 0 12px;
  padding-left: 24px;
}
.md-settings-printing.md-ui .md-printing-help-body li + li {
  margin-top: 8px;
}
.md-settings-printing.md-ui #settings-printing-defaults.widget-hidden + .md-settings-section {
  grid-column: 1/-1;
}
.md-settings-printing.md-ui #settings-printing-pairing-code {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

@container settings (max-width: 900px) {
  .md-settings-printing.md-ui .md-printing-records {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container settings (max-width: 560px) {
  .md-settings-printing.md-ui .md-printing-routes {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-settings-printing.md-ui .md-printing-printer-controls {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .md-settings-printing.md-ui .md-printing-printer-controls > .md-record-field {
    grid-column: 1/-1;
  }
  .md-settings-printing.md-ui .md-printing-pairing-row {
    flex-wrap: wrap;
  }
  .md-settings-printing.md-ui .md-printing-pairing-row .form-control {
    flex-basis: 100%;
  }
}
.md-settings-integrations.md-ui .md-integration-inline-note, .md-ui .md-integration-dialog .md-integration-inline-note {
  border: 1px solid var(--minidesk-section-edge);
  display: flex;
  align-items: start;
  gap: 12px;
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-settings-integrations.md-ui .md-api-preview-metrics, .md-ui .md-integration-dialog .md-api-preview-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.md-settings-integrations.md-ui .md-integration-stack, .md-settings-integrations.md-ui .md-integration-panels, .md-ui .md-integration-dialog .md-integration-stack, .md-ui .md-integration-dialog .md-integration-panels {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-settings-integrations.md-ui .md-integration-panel, .md-ui .md-integration-dialog .md-integration-panel {
  min-width: 0;
}
.md-settings-integrations.md-ui .md-integration-details, .md-ui .md-integration-dialog .md-integration-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
}
.md-settings-integrations.md-ui .md-integration-detail, .md-ui .md-integration-dialog .md-integration-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  font-size: 0.875rem;
}
.md-settings-integrations.md-ui .md-integration-detail > :first-child, .md-ui .md-integration-dialog .md-integration-detail > :first-child {
  color: var(--bs-secondary-color);
}
.md-settings-integrations.md-ui .md-integration-detail > :last-child, .md-ui .md-integration-dialog .md-integration-detail > :last-child {
  overflow-wrap: anywhere;
}
.md-settings-integrations.md-ui .md-integration-detail i, .md-ui .md-integration-dialog .md-integration-detail i {
  width: 20px;
  text-align: center;
}
.md-settings-integrations.md-ui .md-integration-metrics, .md-ui .md-integration-dialog .md-integration-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  gap: 12px;
}
.md-settings-integrations.md-ui .md-integration-action-list, .md-ui .md-integration-dialog .md-integration-action-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.md-settings-integrations.md-ui .md-integration-action-list > .btn, .md-ui .md-integration-dialog .md-integration-action-list > .btn {
  flex: 1 1 180px;
}
.md-settings-integrations.md-ui .md-integration-toggle, .md-ui .md-integration-dialog .md-integration-toggle {
  cursor: pointer;
}
.md-settings-integrations.md-ui .md-integration-toggle > :first-child, .md-ui .md-integration-dialog .md-integration-toggle > :first-child {
  min-width: 0;
}
.md-settings-integrations.md-ui .md-integration-toggle .form-switch, .md-ui .md-integration-dialog .md-integration-toggle .form-switch {
  flex: 0 0 auto;
}
.md-settings-integrations.md-ui .md-integration-toggle strong, .md-ui .md-integration-dialog .md-integration-toggle strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-settings-integrations.md-ui .md-integration-toggle small, .md-ui .md-integration-dialog .md-integration-toggle small {
  display: block;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  margin-top: 4px;
  line-height: 1.5;
}
.md-settings-integrations.md-ui .md-integration-help, .md-ui .md-integration-dialog .md-integration-help {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  padding: 12px;
  background: var(--bs-tertiary-bg);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-integrations.md-ui .md-integration-help-heading, .md-settings-integrations.md-ui .md-integration-setup-toolbar, .md-ui .md-integration-dialog .md-integration-help-heading, .md-ui .md-integration-dialog .md-integration-setup-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  font-size: 0.875rem;
}
.md-settings-integrations.md-ui .md-integration-help-heading, .md-ui .md-integration-dialog .md-integration-help-heading {
  cursor: pointer;
}
.md-settings-integrations.md-ui .md-integration-help-heading::-webkit-details-marker, .md-ui .md-integration-dialog .md-integration-help-heading::-webkit-details-marker {
  display: none;
}
.md-settings-integrations.md-ui .md-integration-help-title, .md-settings-integrations.md-ui .md-integration-setup-toolbar > p, .md-ui .md-integration-dialog .md-integration-help-title, .md-ui .md-integration-dialog .md-integration-setup-toolbar > p {
  flex: 1;
  min-width: 0;
}
.md-settings-integrations.md-ui .md-integration-help-caret, .md-ui .md-integration-dialog .md-integration-help-caret {
  transition: transform 0.15s ease;
}
.md-settings-integrations.md-ui details[open] > summary .md-integration-help-caret, .md-ui .md-integration-dialog details[open] > summary .md-integration-help-caret {
  transform: rotate(180deg);
}
.md-settings-integrations.md-ui .md-integration-help-heading:focus-visible, .md-ui .md-integration-dialog .md-integration-help-heading:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 4px;
  border-radius: var(--bs-border-radius-sm);
}
.md-settings-integrations.md-ui .md-integration-help-body, .md-ui .md-integration-dialog .md-integration-help-body {
  padding-top: 12px;
  font-size: 0.875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  color: var(--bs-secondary-color);
}
.md-settings-integrations.md-ui .md-integration-help-body p, .md-ui .md-integration-dialog .md-integration-help-body p {
  margin: 0 0 12px;
}
.md-settings-integrations.md-ui .md-integration-help-body p:last-child, .md-ui .md-integration-dialog .md-integration-help-body p:last-child {
  margin-bottom: 0;
}
.md-settings-integrations.md-ui .md-integration-help-body :is(ol, ul), .md-ui .md-integration-dialog .md-integration-help-body :is(ol, ul) {
  margin: 0 0 12px;
  padding-left: 24px;
}
.md-settings-integrations.md-ui .md-integration-help-body li + li, .md-ui .md-integration-dialog .md-integration-help-body li + li {
  margin-top: 8px;
}
.md-settings-integrations.md-ui .md-integration-help-section + .md-integration-help-section, .md-ui .md-integration-dialog .md-integration-help-section + .md-integration-help-section {
  margin-top: 16px;
}
.md-settings-integrations.md-ui .md-integration-help-section h3, .md-ui .md-integration-dialog .md-integration-help-section h3 {
  margin: 0 0 8px;
  font-size: 0.9375rem;
  font-weight: 500;
}
.md-settings-integrations.md-ui .md-integration-warning, .md-ui .md-integration-dialog .md-integration-warning {
  color: var(--minidesk-status-waiting-color);
}
.md-settings-integrations.md-ui .md-integration-load-error, .md-ui .md-integration-dialog .md-integration-load-error {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.md-settings-integrations.md-ui .md-integration-checks, .md-ui .md-integration-dialog .md-integration-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.md-settings-integrations.md-ui .md-integration-checks > label, .md-ui .md-integration-dialog .md-integration-checks > label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
}
.md-settings-integrations.md-ui .md-integration-table-scroll, .md-ui .md-integration-dialog .md-integration-table-scroll {
  max-height: 480px;
  overflow: auto;
  min-width: 0;
  overscroll-behavior-x: contain;
  border-radius: var(--bs-border-radius);
}
.md-settings-integrations.md-ui .md-integration-table-scroll .table, .md-ui .md-integration-dialog .md-integration-table-scroll .table {
  margin: 0;
  font-size: 0.875rem;
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--minidesk-inner-edge);
}
.md-settings-integrations.md-ui .md-integration-table-scroll :is(th, td), .md-ui .md-integration-dialog .md-integration-table-scroll :is(th, td) {
  padding: 12px;
  overflow-wrap: anywhere;
}
.md-settings-integrations.md-ui .md-integration-table-scroll thead th, .md-ui .md-integration-dialog .md-integration-table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--bs-tertiary-bg);
  font-weight: 500;
}
.md-settings-integrations.md-ui .md-integration-table-empty, .md-ui .md-integration-dialog .md-integration-table-empty {
  text-align: center;
  color: var(--bs-secondary-color);
}

.md-settings-integrations.md-ui .md-api-copy-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.md-settings-integrations.md-ui .md-api-copy-row .form-control {
  flex: 1;
  min-width: 0;
}
.md-settings-integrations.md-ui .md-api-copy-row .btn {
  flex: 0 0 auto;
}
.md-settings-integrations.md-ui .md-api-credentials {
  display: grid;
  gap: 12px;
  max-height: 460px;
  overflow: auto;
  min-width: 0;
}
.md-settings-integrations.md-ui .md-api-credential, .md-settings-integrations.md-ui .md-api-new-token {
  border: 1px solid var(--minidesk-section-edge);
  padding: 12px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-integrations.md-ui .md-api-credential {
  display: grid;
  gap: 8px;
  overflow-wrap: anywhere;
}
.md-settings-integrations.md-ui .md-api-credential > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.md-settings-integrations.md-ui .md-api-credential strong {
  font-size: 0.875rem;
  font-weight: 500;
}
.md-settings-integrations.md-ui .md-api-credential .md-api-revoke {
  justify-self: end;
}
.md-settings-integrations.md-ui .md-api-scopes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.8125rem;
}
.md-settings-integrations.md-ui .md-api-scopes code {
  padding: 2px 6px;
  border-radius: var(--bs-border-radius-sm);
  background: var(--minidesk-field-bg);
}
.md-settings-integrations.md-ui .md-integration-leads {
  margin-top: 16px;
}
.md-settings-integrations.md-ui .md-integration-lead-heading > div {
  flex: 1 1 240px;
  min-width: 0;
}
.md-settings-integrations.md-ui .md-integration-lead-heading .md-settings-help {
  margin-top: 6px;
}
.md-settings-integrations.md-ui .md-integration-leads > .md-settings-ai-feedback {
  margin: 0 16px 16px;
}
.md-settings-integrations.md-ui .md-integration-step {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  align-self: start;
  padding: 16px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-settings-integrations.md-ui .md-integration-step-heading {
  margin-bottom: 12px;
}
.md-settings-integrations.md-ui .md-integration-step-heading h3 {
  margin: 0;
  color: var(--bs-emphasis-color);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}
.md-settings-integrations.md-ui .md-integration-step-body {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.md-settings-integrations.md-ui .md-integration-step .md-settings-toggle-row {
  padding: 0;
  background: transparent;
}
.md-settings-integrations.md-ui .md-integration-step .md-settings-action-panel {
  background: var(--bs-secondary-bg);
  border: 0;
}
.md-settings-integrations.md-ui .md-integration-group-title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--bs-emphasis-color);
}
.md-settings-integrations.md-ui .md-integration-save-notice {
  padding-block: 10px;
}
.md-settings-integrations.md-ui #settings-integration-content {
  display: grid;
  gap: 16px;
}
.md-settings-integrations.md-ui .md-settings-tab {
  gap: 8px;
}
.md-settings-integrations.md-ui textarea[readonly] {
  max-height: 400px;
  overflow: auto;
  font-family: var(--bs-font-monospace);
  font-size: 0.8125rem;
}
.md-settings-integrations.md-ui #settings-leads-public-token-prefix, .md-settings-integrations.md-ui #settings-leads-public-endpoint {
  padding: 10px 12px;
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}

.md-ui .md-integration-dialog {
  width: min(1000px, 100vw - 24px);
}

.md-ui .md-integration-dialog .md-settings-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@container settings (max-width: 900px) {}
@container settings (max-width: 560px) {
  .md-settings-integrations .md-integration-details {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .md-ui .md-integration-dialog .md-settings-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}
.md-ui.md-settings-luma .md-settings-page-heading h1 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.md-ui.md-settings-luma .md-luma-settings-content {
  display: grid;
  gap: 16px;
}
.md-ui.md-settings-luma .md-luma-usage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.md-ui.md-settings-luma .md-luma-usage-details {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui.md-settings-luma .md-luma-usage-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  list-style: none;
  cursor: pointer;
  font-size: 0.875rem;
}
.md-ui.md-settings-luma .md-luma-usage-details > summary::-webkit-details-marker {
  display: none;
}
.md-ui.md-settings-luma .md-luma-usage-details > summary:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
  border-radius: var(--bs-border-radius);
}
.md-ui.md-settings-luma .md-luma-usage-details > summary:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -2px;
}
.md-ui.md-settings-luma .md-luma-usage-details > summary i {
  transition: transform 0.18s ease;
}
.md-ui.md-settings-luma .md-luma-usage-details[open] > summary i {
  transform: rotate(180deg);
}
.md-ui.md-settings-luma .md-luma-usage-table {
  margin: 0;
  min-width: 700px;
}
.md-ui.md-settings-luma .md-luma-usage-table tbody th {
  white-space: normal;
}
.md-ui.md-settings-luma .md-luma-usage-table tbody tr:last-child th {
  border-bottom: 0;
}
.md-ui.md-settings-luma .md-luma-access-layout {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(0, 3fr);
  gap: 16px;
  align-items: start;
}
.md-ui.md-settings-luma .md-luma-categories {
  gap: 6px;
  min-width: 0;
}
.md-ui.md-settings-luma .md-luma-category {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 12px;
  border: 0;
  border-radius: var(--bs-border-radius);
  text-align: left;
}
.md-ui.md-settings-luma .md-luma-category-label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-weight: 500;
}
.md-ui.md-settings-luma .md-luma-category-label i {
  flex: 0 0 20px;
  text-align: center;
}
.md-ui.md-settings-luma .md-luma-category small {
  margin-left: 30px;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui.md-settings-luma .md-luma-feature-panel {
  border: 1px solid var(--minidesk-section-edge);
  min-width: 0;
  padding: 16px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui.md-settings-luma .md-luma-category-heading {
  display: grid;
  gap: 6px;
  margin-bottom: 16px;
}
.md-ui.md-settings-luma .md-luma-category-heading h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}
.md-ui.md-settings-luma .md-luma-feature-list {
  display: grid;
  gap: 0;
}
.md-ui.md-settings-luma .md-luma-feature-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 16px 0;
  cursor: pointer;
}
.md-ui.md-settings-luma .md-luma-feature-row:first-child {
  padding-top: 0;
}
.md-ui.md-settings-luma .md-luma-feature-row:last-child {
  padding-bottom: 0;
}
.md-ui.md-settings-luma .md-luma-feature-row + .md-luma-feature-row {
  border-top: 1px solid var(--minidesk-section-edge);
}
.md-ui.md-settings-luma .md-luma-feature-row .md-icon-tile {
  width: 36px;
  height: 36px;
}
.md-ui.md-settings-luma .md-luma-feature-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.md-ui.md-settings-luma .md-luma-feature-title {
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-ui.md-settings-luma #settings-ai-usage-status:empty, .md-ui.md-settings-luma #settings-ai-settings-status:empty {
  display: none;
}

@container settings (max-width: 850px) {
  .md-ui.md-settings-luma .md-luma-usage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container settings (max-width: 650px) {
  .md-ui.md-settings-luma .md-luma-access-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui.md-settings-luma .md-luma-categories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui.md-settings-luma .md-luma-feature-panel {
    padding: 12px;
  }
  .md-ui.md-settings-luma .md-luma-feature-row {
    grid-template-columns: 32px minmax(0, 1fr) 44px;
    gap: 8px;
  }
  .md-ui.md-settings-luma .md-luma-feature-row .md-icon-tile {
    width: 32px;
    height: 32px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-ui.md-settings-luma .md-luma-usage-details > summary i {
    transition: none;
  }
}
.md-ui.md-widget-manager {
  width: 100%;
  min-width: 0;
  background: transparent;
  min-height: 100%;
}
.md-ui.md-widget-manager .md-widget-manager-tools {
  padding-bottom: 0;
}
.md-ui.md-widget-manager #widget-manager-status:empty {
  display: none;
}
.md-ui.md-widget-manager .md-widget-manager-heading-copy {
  flex: 1 1 320px;
  min-width: 0;
}
.md-ui.md-widget-manager .md-widget-manager-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.md-ui.md-widget-manager .md-widget-manager-heading-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.md-ui.md-widget-manager #widget-manager-mobile-notice {
  margin-bottom: 12px;
}
.md-ui.md-widget-manager .grid-viewport-placeholder:has(.widget-grid) {
  --grid-viewport-gutter: 24px;
  padding-top: 4px;
}
.md-ui.md-widget-manager .widget-grid .widget-grid-cell-preview {
  background: var(--bs-tertiary-bg);
  border: 1px dashed var(--minidesk-control-edge);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui.md-widget-manager .widget-grid :is(.widget-placement-ghost, .widget-resize-ghost) {
  border-color: var(--bs-success);
  background: var(--minidesk-status-ready-bg);
  box-shadow: var(--minidesk-card-shadow);
  border-radius: var(--bs-border-radius-lg);
}
.md-ui.md-widget-manager .widget-grid :is(.widget-placement-ghost-invalid, .widget-resize-ghost-invalid) {
  border-color: var(--bs-danger);
  background: var(--minidesk-status-urgent-bg);
}
.md-ui.md-widget-manager .widget-grid .widget-preview-ghost-row {
  border-color: var(--bs-success);
  background: var(--minidesk-status-ready-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui.md-widget-manager .widget-grid :is(.widget-placement-ghost-invalid, .widget-resize-ghost-invalid) .widget-preview-ghost-row {
  border-color: var(--bs-danger);
  background: var(--minidesk-status-urgent-bg);
}
.md-ui.md-widget-manager .widget-resize-handle {
  color: var(--bs-secondary-color);
}
.md-ui.md-widget-manager .widget-manager-mobile-priority-control {
  height: auto;
  padding: 6px 8px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-popup-chrome-glass-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-card-shadow);
  text-shadow: var(--minidesk-text-shadow);
  transition: none;
}
.md-ui.md-widget-manager .widget-manager-mobile-priority-control > span {
  font-size: 0.8125rem;
}
.md-ui.md-widget-manager .widget-manager-mobile-priority-control > input.form-control {
  width: 52px;
  min-height: 32px;
  height: 32px;
  padding: 4px;
}
.md-ui.md-widget-manager .widget-manager-mobile-priority-control:focus-within {
  outline: 0;
}

.md-ui #widget-preview-modal {
  width: min(1100px, 100vw - 24px);
}

.md-ui .md-widget-preview-media {
  display: grid;
  place-items: center;
  min-width: 0;
}

.md-ui .md-widget-preview-media .md-widget-preview-image {
  display: block;
  width: 100%;
  max-height: 65dvh;
  height: auto;
  object-fit: contain;
  margin: 0;
}

.md-ui .md-widget-manager-instructions {
  display: grid;
  gap: 16px;
  margin: 0;
  padding-left: 24px;
}

.md-ui .md-widget-manager-instructions strong {
  font-weight: 500;
  color: var(--bs-emphasis-color);
}

.md-ui .md-widget-manager-instructions p {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}

@media (max-width: 760px) {
  .md-ui.md-widget-manager .grid-viewport-placeholder:has(.widget-grid) {
    --grid-viewport-gutter: 12px;
  }
}
.md-ui.md-widget-library-drawer {
  --md-slideout-panel-width: min(var(--md-widget-library-width, 560px), calc(100vw - var(--md-nav-width, 0px) - 52px));
  --md-slideout-panel-height: 100%;
  --md-slideout-tab-offset: calc(var(--md-slideout-tab-height) + 8px);
  --md-slideout-top-radius: 14px;
  --md-widget-library-inset: var(--bs-tertiary-bg);
  left: var(--md-nav-width, 0px);
  top: var(--md-slideout-top);
  bottom: var(--md-slideout-bottom);
}
.md-ui.md-widget-library-drawer .md-slideout-surface::after {
  border-right: 1px solid var(--minidesk-overlay-edge);
  background: none;
  -webkit-mask: linear-gradient(#000 0 0) left/calc(100% - 1px) 100% no-repeat, linear-gradient(to bottom, #000 0 calc(var(--md-slideout-tab-offset) + 1px), transparent calc(var(--md-slideout-tab-offset) + 1px) calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 1px), #000 calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 1px)) right/1px 100% no-repeat;
  mask: linear-gradient(#000 0 0) left/calc(100% - 1px) 100% no-repeat, linear-gradient(to bottom, #000 0 calc(var(--md-slideout-tab-offset) + 1px), transparent calc(var(--md-slideout-tab-offset) + 1px) calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 1px), #000 calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 1px)) right/1px 100% no-repeat;
}
.md-ui.md-widget-library-drawer .md-widget-library-panel {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.md-ui.md-widget-library-drawer .md-widget-library-frame {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  margin: var(--md-slideout-padding);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--minidesk-inner-edge) 65%, transparent);
  border-radius: 12px;
  background: var(--md-widget-library-inset);
}
.md-ui.md-widget-library-drawer .md-widget-library-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  margin: 12px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: var(--md-widget-library-inset);
}
.md-ui.md-widget-library-drawer .md-widget-library-header > div {
  min-width: 0;
}
.md-ui.md-widget-library-drawer .md-widget-library-close {
  display: none;
}
.md-ui.md-widget-library-drawer .md-widget-library-header .md-popup-description {
  margin: 4px 0 0;
}
.md-ui.md-widget-library-drawer .md-widget-library-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.md-ui.md-widget-library-drawer .md-widget-library {
  container: widget-library/inline-size;
}
.md-ui.md-widget-library-drawer .md-widget-library-filters {
  display: grid;
  grid-template-columns: minmax(180px, 2fr) minmax(150px, 1fr) auto auto;
  gap: 16px;
  align-items: end;
  padding: 0 16px 16px;
}
.md-ui.md-widget-library-drawer .md-widget-library-placed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: var(--md-control-height);
  margin: 0;
  font-size: 0.875rem;
  white-space: nowrap;
}
.md-ui.md-widget-library-drawer .md-widget-catalog {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-items: start;
  align-content: start;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 0 16px 16px;
}
.md-ui.md-widget-library-drawer .md-widget-catalog > .md-list-state-wrap {
  grid-column: 1/-1;
  min-height: 130px;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 12px;
  gap: 12px;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui.md-widget-library-drawer .md-widget-catalog-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-heading > div {
  min-width: 0;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-heading h3 {
  margin: 0;
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-heading .md-icon-tile {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-category {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-preview.btn {
  display: flex;
  width: 100%;
  height: 100px;
  min-height: 100px;
  overflow: hidden;
  padding: 8px;
  background: var(--bs-body-bg);
}
.md-ui.md-widget-library-drawer .md-widget-catalog-preview.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-control-hover);
}
.md-ui.md-widget-library-drawer .md-widget-catalog-preview .md-widget-preview-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0;
}
.md-ui.md-widget-library-drawer .md-widget-preview-fallback {
  display: grid;
  gap: 6px;
  place-items: center;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-description {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 12px;
  margin: auto 0 0;
  min-width: 0;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-meta > div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  font-size: 0.75rem;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-meta dt {
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-meta dd {
  margin: 0;
  color: var(--bs-body-color);
}
.md-ui.md-widget-library-drawer .md-widget-catalog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.md-ui.md-widget-library-drawer .md-widget-catalog-add {
  font-size: 0.8125rem;
}
.md-ui.md-widget-library-drawer .md-widget-library-feedback {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 0 16px 16px;
}
.md-ui.md-widget-library-drawer .md-widget-library-feedback:has(#widget-library-status:empty):has(#widget-library-retry[hidden]) {
  display: none;
}
.md-ui.md-widget-library-drawer .md-widget-library-feedback p {
  margin: 0;
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui.md-widget-library-drawer {
    --md-widget-library-inset: color-mix(in srgb, var(--bs-tertiary-bg) 12%, transparent);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui.md-widget-library-drawer {
    --md-widget-library-inset: var(--bs-tertiary-bg);
  }
}
@container widget-library (max-width: 850px) {
  .md-ui.md-widget-library-drawer .md-widget-library-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
  }
}
@container widget-library (max-width: 500px) {
  .md-ui.md-widget-library-drawer .md-widget-library-filters {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .md-ui.md-widget-library-drawer .md-widget-library-placed {
    white-space: normal;
  }
  .md-ui.md-widget-library-drawer .md-widget-catalog {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 760px) {
  .md-ui.md-widget-library-drawer {
    --md-slideout-tab-width: 0px;
  }
  .md-ui.md-widget-library-drawer #widget-library-tab {
    display: none !important;
  }
  .md-ui.md-widget-library-drawer .md-slideout-surface::after {
    mask: none;
    -webkit-mask: none;
  }
  .md-ui.md-widget-library-drawer .md-widget-library-close {
    display: grid;
    --md-close-size: 44px;
  }
}
.md-ui.md-richtext-editor {
  min-width: 0;
  max-width: 100%;
}

.md-ui.md-richtext-editor > .widget-control-field {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.md-ui .form-control.md-richtext-field {
  min-height: 240px;
  max-height: 560px;
  overflow: auto;
  padding: 16px;
  text-align: left;
}

.md-ui .md-richtext-field img {
  max-width: 100%;
  height: auto;
}

.md-ui .md-richtext-ribbon {
  min-width: 0;
  margin-bottom: 12px;
  padding: 0 12px 12px;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: 10px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}
.md-ui .md-richtext-ribbon .md-richtext-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--minidesk-inner-edge);
}
.md-ui .md-richtext-ribbon .md-richtext-tabs {
  display: flex;
  gap: 4px;
}
.md-ui .md-richtext-ribbon .md-richtext-tab.btn {
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--bs-secondary-color);
  box-shadow: none;
  font-weight: 400;
}
.md-ui .md-richtext-ribbon .md-richtext-tab.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  color: var(--bs-emphasis-color);
  background: var(--minidesk-control-hover);
  box-shadow: none;
}
.md-ui .md-richtext-ribbon .md-richtext-tab.btn[aria-selected=true] {
  border-bottom-color: var(--bs-primary-text-emphasis);
  color: var(--bs-emphasis-color);
}
.md-ui .md-richtext-ribbon .md-richtext-history {
  flex-wrap: nowrap;
}
.md-ui .md-richtext-ribbon .md-richtext-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
}
.md-ui .md-richtext-ribbon .md-richtext-panel[hidden] {
  display: none;
}
.md-ui .md-richtext-ribbon .md-richtext-group {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding-right: 12px;
  border-right: 1px solid var(--minidesk-inner-edge);
}
.md-ui .md-richtext-ribbon .md-richtext-group:last-child {
  border-right: 0;
  padding-right: 0;
}
.md-ui .md-richtext-ribbon .md-richtext-group-controls {
  display: grid;
  align-content: start;
  gap: 6px;
}
.md-ui .md-richtext-ribbon .md-richtext-group-label {
  margin-top: auto;
  text-align: center;
  color: var(--bs-secondary-color);
  font-size: 0.6875rem;
  line-height: 1.3;
}
.md-ui .md-richtext-ribbon .md-richtext-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
.md-ui .md-richtext-ribbon .md-richtext-action {
  flex: 0 0 auto;
  min-width: 32px;
  min-height: 32px;
  height: 32px;
  padding: 4px 8px;
  font-size: 0.875rem;
}
.md-ui .md-richtext-ribbon .md-richtext-action.text-editor-button-toggle {
  background: var(--minidesk-status-ready-bg);
  color: var(--minidesk-status-ready-color);
  border-color: var(--minidesk-status-ready-edge);
  box-shadow: var(--minidesk-button-shadow);
}
.md-ui .md-richtext-ribbon .md-richtext-select.widget-custom-select {
  position: relative;
  flex: 1 1 140px;
  width: 140px;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}
.md-ui .md-richtext-ribbon .md-richtext-select-font-size.widget-custom-select {
  flex: 0 1 80px;
  width: 80px;
}
.md-ui .md-richtext-ribbon .widget-select-selected {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 32px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.875rem;
  text-align: left;
}
.md-ui .md-richtext-ribbon .widget-select-selected-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.md-ui .md-richtext-ribbon .widget-select-down-arrow {
  position: static;
  margin: 0 0 0 auto;
  padding: 0;
  color: inherit;
  font-size: 0.75rem;
}
.md-ui .md-richtext-ribbon .widget-select-items {
  display: none;
  position: absolute;
  z-index: 6;
  width: max-content;
  min-width: 100%;
  max-width: min(260px, 100vw - 48px);
  max-height: 280px;
  overflow: auto;
  padding: 6px;
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 9px;
  background: var(--bs-body-bg);
  box-shadow: var(--minidesk-overlay-shadow);
}
.md-ui .md-richtext-ribbon .widget-select-items > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  color: var(--bs-body-color);
  background: transparent;
  box-shadow: none;
  font-size: 0.875rem;
  cursor: pointer;
}
.md-ui .md-richtext-ribbon .widget-select-items > div:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  background: var(--minidesk-row-hover);
  outline: none;
}
.md-ui .md-richtext-ribbon .widget-select-items > div[aria-selected=true] {
  background: var(--bs-secondary-bg);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis);
}
.md-ui .md-richtext-ribbon .md-richtext-colour {
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 6px;
  background: var(--minidesk-control-bg);
  cursor: pointer;
}
.md-ui .md-richtext-ribbon .md-richtext-colour:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}
.md-ui .md-richtext-ribbon .md-richtext-colour > input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
.md-ui .md-richtext-ribbon .md-richtext-colour-swatch {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 3px;
  height: 3px;
  border-radius: 1px;
  pointer-events: none;
}
.md-ui .md-richtext-ribbon .md-richtext-style-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.md-ui .md-richtext-ribbon .md-richtext-style {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  min-width: 70px;
  min-height: 58px;
  padding: 6px 8px;
  text-align: left;
}
.md-ui .md-richtext-ribbon .md-richtext-style-sample {
  font-size: 1rem;
  line-height: 1.4;
}
.md-ui .md-richtext-ribbon .md-richtext-style-h1 .md-richtext-style-sample {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-primary-text-emphasis);
}
.md-ui .md-richtext-ribbon .md-richtext-style-h2 .md-richtext-style-sample {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--bs-primary-text-emphasis);
}
.md-ui .md-richtext-ribbon .md-richtext-style-name {
  font-size: 0.6875rem;
  color: var(--bs-secondary-color);
}
@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .md-richtext-ribbon .widget-select-items {
    background: var(--minidesk-popup-glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .md-richtext-ribbon .widget-select-items {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

.md-ui .md-team-widget {
  min-width: 0;
}
.md-ui .md-team-widget .md-card-heading > div {
  min-width: 0;
}
.md-ui .md-team-widget .md-card-heading :is(h2, p) {
  overflow-wrap: anywhere;
}
.md-ui .md-team-body > .md-table-frame {
  max-height: 420px;
  background: var(--bs-body-bg);
}
.md-ui .md-team-body {
  display: grid;
  gap: 16px;
  padding: 0 16px 16px;
  min-width: 0;
  margin: 0;
}
.md-ui .md-team-toolbar {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}
.md-ui .md-team-toolbar .md-record-field {
  flex: 1 1 180px;
  max-width: 320px;
}
.md-ui .md-team-toolbar .md-team-employee-select {
  max-width: none;
}
.md-ui .md-team-toolbar > .btn {
  flex-shrink: 0;
}
.md-ui .md-team-selection-toolbar {
  padding: 0 16px 16px;
}
.md-ui .md-team-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .md-team-metric-group {
  display: grid;
  margin: 0;
}
.md-ui .md-team-widget .md-workflow-form-columns > .md-workflow-section {
  padding: 0;
  border: 0;
}
.md-ui .md-team-chart {
  position: relative;
  min-width: 0;
  height: 240px;
}
.md-ui .md-team-chart > canvas {
  width: 100%;
  height: 100%;
}
.md-ui .md-team-chart > .md-team-state {
  display: grid;
  height: 100%;
  align-items: center;
}
.md-ui .md-team-state .md-list-state-wrap {
  min-height: 160px;
}
.md-ui .md-team-leaderboard th:first-child {
  width: 60px;
}
.md-ui .md-team-leaderboard :is(th, td):last-child {
  width: 26%;
  text-align: right;
}
.md-ui .md-team-rank {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--bs-border-radius-sm);
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
}
.md-ui .md-team-leaderboard td:nth-child(2) {
  color: var(--bs-emphasis-color);
  font-weight: 500;
}
.md-ui .md-team-timesheets {
  table-layout: fixed;
}
.md-ui .md-team-timesheets :is(th, td) {
  overflow-wrap: anywhere;
}
.md-ui .md-team-review-detail {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.md-ui .md-team-review-detail .md-record-state {
  justify-self: start;
}
.md-ui .md-team-timesheets :is(th, td):last-child {
  width: 116px;
}
.md-ui .md-team-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
.md-ui .md-team-form {
  display: grid;
  gap: 12px;
  margin: 0;
}
.md-ui .md-team-field-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.md-ui .md-team-form textarea {
  resize: vertical;
}
.md-ui .md-team-form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

@container widget (max-width: 650px) {
  .md-ui .md-team-sections {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-team-timesheets thead {
    display: none;
  }
  .md-ui .md-team-timesheets :is(tbody, tr) {
    display: block;
    width: 100%;
  }
  .md-ui .md-team-timesheets tr {
    padding: 16px 0;
    border-bottom: 1px solid var(--bs-border-color);
  }
  .md-ui .md-team-timesheets td {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 6px 12px;
    border: 0;
  }
  .md-ui .md-team-timesheets td[data-label]::before {
    content: attr(data-label);
    color: var(--bs-secondary-color);
    flex-shrink: 0;
  }
  .md-ui .md-team-timesheets td:last-child {
    width: 100%;
    justify-content: flex-end;
  }
  .md-ui .md-team-timesheets tr:has(.md-list-state) {
    padding: 0;
  }
  .md-ui .md-team-timesheets tr:last-child {
    border-bottom: 0;
  }
  .md-ui .md-team-timesheets td:has(.md-list-state) {
    display: block;
    padding: 0;
  }
}
@container widget (max-width: 400px) {
  .md-ui .md-team-metrics, .md-ui .md-team-field-pair {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-team-toolbar .md-record-field {
    max-width: none;
  }
  .md-ui .md-team-toolbar > .btn {
    width: 100%;
  }
  .md-ui .md-team-form-actions > .btn {
    width: 100%;
  }
  .md-ui .md-team-leaderboard :is(th, td) {
    padding-inline: 8px;
  }
  .md-ui .md-team-timesheets td {
    padding-inline: 12px;
  }
}
/* Home list geometry and contrast. The narrow layout remains owned by its widget container query. */
.md-ui #home-stats .md-filter-controls > button, .md-ui #home-stats .md-filter-controls > .option-selector .option-selected {
  font-size: 1rem;
}
.md-ui #home-stats .md-filter-controls > button .widget-filter-label {
  font-size: inherit;
  line-height: inherit;
}

.md-ui .md-ticket-list .md-list-columns, .md-ui .md-ticket-list .md-ticket-row {
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 0.95fr) minmax(145px, 0.55fr) minmax(100px, 0.4fr);
}

:root[data-bs-theme=light] .md-ui {
  /* Legacy record selectors used a dark glow. Give redesigned record content the workspace shadow. */
}
:root[data-bs-theme=light] .md-ui .md-record, :root[data-bs-theme=light] .md-ui .md-record * {
  text-shadow: var(--minidesk-text-shadow);
}
:root[data-bs-theme=light] .md-ui .md-record .widget-compact-toggle, :root[data-bs-theme=light] .md-ui .md-record .widget-compact-toggle * {
  text-shadow: none;
}

@container widget (max-width: 680px) {
  .md-ui .md-ticket-list .md-ticket-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
/* Shared popup shell for commerce, MiniChat dialogs, and the image/PDF viewer. */
.md-dialog-portal.md-ui {
  position: fixed;
  inset: 0;
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  padding: 16px;
  background: rgba(0, 0, 0, 0.4);
}

.md-workspace-active #overlay-placeholder:has(.md-dialog-portal) {
  background: transparent;
}

.md-ui .md-dialog {
  display: flex;
  flex-direction: column;
  width: min(640px, 100vw - 32px);
  max-height: calc(100dvh - 64px);
  padding: 0;
  margin: 0;
  gap: 0;
  text-align: left;
}

.md-ui .md-dialog > :is(.md-popup-header, .md-popup-footer) {
  flex-shrink: 0;
}

.md-ui .md-dialog-heading {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

.md-ui .md-dialog-icon {
  flex-shrink: 0;
}

.md-ui .md-dialog-body {
  position: relative;
  display: grid;
  gap: 16px;
  padding: 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

/* Confirmations also sit above an existing full popup, using the message portal layer. */
.md-dialog-portal.md-confirmation-portal {
  z-index: 1060;
}

.md-ui.widget-message-portal:has(> .md-confirmation-portal) {
  overflow: hidden;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.md-ui .md-confirmation-content {
  min-width: 0;
  overflow-wrap: anywhere;
  user-select: text;
}

.md-ui .md-confirmation-content > :last-child {
  margin-bottom: 0;
}

@media (max-width: 540px) {
  .md-ui .md-dialog > :is(.md-popup-header, .md-popup-footer), .md-ui .md-dialog-body {
    padding: 16px;
  }
  .md-ui .md-dialog > .md-popup-footer {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.md-ui .md-popup-surface {
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 14px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
  text-shadow: none;
}

.md-ui :is(.md-popup-header, .md-popup-footer) {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  padding: 18px 24px;
  border: 0;
  background: var(--minidesk-popup-chrome-bg);
}

.md-ui .md-popup-header {
  justify-content: space-between;
}

.md-ui .md-popup-footer {
  justify-content: flex-end;
}

.md-ui .md-popup-title {
  margin: 0;
  color: var(--bs-emphasis-color);
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.25;
}

.md-ui .md-popup-description {
  margin: 4px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  line-height: 1.4;
}

.md-ui .md-popup-body {
  min-height: 0;
  background: var(--bs-body-bg);
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .md-popup-surface {
    background: transparent;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .md-ui .md-popup-body {
    background: var(--minidesk-popup-glass-bg);
  }
  .md-ui :is(.md-popup-header, .md-popup-footer) {
    background: var(--minidesk-popup-chrome-glass-bg);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .md-popup-surface, .md-ui .md-popup-body {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .md-ui :is(.md-popup-header, .md-popup-footer) {
    background: var(--minidesk-popup-chrome-bg);
  }
}
/* Mini popups keep the same popup layers and close action in an anchored, compact shell. */
.md-ui .md-popup-mini {
  position: absolute;
  z-index: 7;
  top: calc(100% + 8px);
  right: 0;
  display: flex;
  flex-direction: column;
  width: min(var(--md-popup-mini-width, 400px), 100%);
  min-width: 0;
  max-height: min(var(--md-popup-mini-max-height, 460px), var(--md-popup-mini-available-height, 460px));
  padding: 0;
}

.md-ui .md-popup-mini-header.md-popup-header {
  flex: 0 0 auto;
  min-height: 54px;
  gap: 10px;
  padding: 10px 12px;
}

.md-ui .md-popup-mini-icon {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid var(--minidesk-status-progress-edge);
  border-radius: 8px;
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  box-shadow: var(--minidesk-inset-shadow);
  font-size: 0.875rem;
}

.md-ui .md-popup-mini-title.md-popup-title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1rem;
}

.md-ui .md-popup-mini .md-popup-mini-close {
  position: static;
  inset: auto;
  z-index: auto;
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 8px;
}

.md-ui .md-popup-mini-body.md-popup-body {
  display: grid;
  align-content: start;
  flex: 1 1 auto;
  gap: 10px;
  min-height: 0;
  padding: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.md-ui .md-popup-mini-footer.md-popup-footer {
  flex: 0 0 auto;
  min-height: 48px;
  padding: 8px 12px;
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .md-popup-mini-body.md-popup-body {
    background: rgba(var(--bs-body-bg-rgb), 0.98);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .md-popup-mini-body.md-popup-body {
    background: var(--bs-body-bg);
  }
}
/* Live commerce overlays keep their existing controller-owned controls. */
.md-ui .overlay-container:has(> .md-commerce-overlay) {
  width: 100%;
  min-width: 0;
  display: flex;
  justify-content: center;
}

/* Center the breakdown like the other commerce popups. */
.md-ui .overlay-container:has(> .md-commerce-breakdown) {
  margin: auto;
}

.md-ui .md-commerce-breakdown {
  align-self: center;
  height: auto;
  margin: 0;
  overflow: hidden;
}

.md-ui .md-commerce-overlay {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: min(1120px, 100vw - 32px);
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  max-height: calc(100dvh - 82px);
  padding: 0;
  overflow: hidden auto;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  text-align: left;
  text-shadow: none;
  /* Legacy panels animate every property, including their width, on open. */
  transition: none;
}

.md-ui .md-commerce-overlay button:not(.md-popup-close) {
  transition: none;
}

/* The loading controller anchors static buttons without moving positioned controls. */
.md-ui button.widget-button-loading {
  cursor: progress;
}

.md-ui button.widget-button-loading .widget-button-loading-content {
  visibility: hidden;
  opacity: 0;
}

.md-ui button.widget-button-loading .widget-button-loading-overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  background: transparent;
  border: 0;
  border-radius: inherit;
  color: inherit;
  box-shadow: none;
}

.md-ui button.widget-button-loading .widget-button-loading-spinner {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  font-size: 0;
  text-shadow: none;
  animation: md-button-progress 0.7s linear infinite;
}

@keyframes md-button-progress {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-ui button.widget-button-loading .widget-button-loading-spinner {
    animation: none;
  }
}
.md-ui .md-commerce-overlay :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .option-selected, [contenteditable]) {
  box-sizing: border-box;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 8px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  text-shadow: none;
}

.md-ui .md-commerce-overlay :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .option-selected, [contenteditable]):not(:disabled):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-within) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}

.md-ui .md-commerce-overlay label, .md-ui .md-commerce-overlay .widget-table-panel {
  text-shadow: none;
}

.md-ui .md-commerce-overlay .widget-financial-table {
  border-color: var(--bs-border-color);
  border-radius: 0;
}

.md-ui .md-commerce-overlay input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {
  min-height: 44px;
  padding: 0 12px 0 var(--md-input-padding-left, 12px);
}

.md-ui .md-commerce-overlay input::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

.md-ui .md-commerce-overlay .widget-terms-panel {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: none;
  text-shadow: none;
  transition: none;
}

.md-ui .md-commerce-header,
.md-ui .md-commerce-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 0;
  background: var(--minidesk-popup-chrome-bg);
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .md-commerce-overlay {
    background: transparent;
  }
  .md-ui .md-commerce-body {
    background: var(--minidesk-popup-glass-bg);
  }
  .md-ui .md-commerce-header, .md-ui .md-commerce-footer {
    background: var(--minidesk-popup-chrome-glass-bg);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .md-commerce-overlay {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .md-ui .md-commerce-header, .md-ui .md-commerce-footer {
    background: var(--minidesk-popup-chrome-bg);
  }
}
.md-ui .md-commerce-breakdown :is(.md-commerce-header, .md-commerce-footer) {
  flex: 0 0 auto;
}

.md-ui :is(.md-commerce-sale, .md-commerce-signature) {
  overflow: hidden;
}

.md-ui :is(.md-commerce-sale, .md-commerce-signature) > :is(.md-commerce-header, .md-commerce-footer) {
  flex: 0 0 auto;
}

.md-ui :is(.md-commerce-sale, .md-commerce-signature) > .md-commerce-body {
  flex: 0 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.md-ui .md-commerce-signature #ai-home-save-error {
  grid-column: 1/-1;
  margin: 0;
}

.md-ui .md-commerce-header {
  justify-content: space-between;
}

.md-ui .md-commerce-header h2 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 650;
}

.md-ui .md-commerce-header p {
  margin: 4px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui :is(.md-popup-close, .widget-overlay-close) {
  position: static;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: var(--md-close-size, 40px);
  height: var(--md-close-size, 40px);
  min-width: var(--md-close-size, 40px);
  min-height: var(--md-close-size, 40px);
  flex: 0 0 var(--md-close-size, 40px);
  margin: 0;
  padding: 0;
  --md-outline-edge: var(--md-close-rest-edge, var(--minidesk-popup-close-edge));
  border: 1px solid var(--md-outline-edge);
  border-radius: var(--md-close-radius, 10px);
  background: transparent;
  color: var(--md-close-colour, var(--bs-secondary-color));
  font-size: 1rem;
  line-height: 1;
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.md-ui :is(.md-popup-close, .widget-overlay-close):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  --md-outline-edge: var(--md-close-hover-edge, var(--bs-danger-text-emphasis));
  --md-outline-focus: var(--md-close-focus, var(--bs-danger));
  background: var(--md-close-hover-bg, var(--bs-danger));
  color: var(--md-close-hover-colour, #fff);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: var(--minidesk-filled-button-shadow);
}

.md-ui :is(.md-popup-close, .widget-overlay-close):active {
  --md-outline-edge: var(--md-close-hover-edge, var(--bs-danger-text-emphasis));
  background: var(--md-close-hover-bg, var(--bs-danger));
  color: var(--md-close-hover-colour, #fff);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24);
}

.md-ui .md-commerce-header .md-popup-close {
  position: static;
  inset: auto;
  z-index: auto;
}

.md-ui .md-commerce-body {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 24px;
  align-items: start;
  padding: 24px;
}

.md-ui .md-commerce-breakdown .md-commerce-body {
  flex: 0 1 auto;
  min-height: 0;
  overflow: auto;
}

.md-ui .md-popup-body-busy {
  min-height: 180px;
  overflow: hidden;
  box-sizing: border-box;
}

.md-ui .md-commerce-breakdown .md-popup-body-busy {
  min-height: 180px;
}

.md-ui .md-popup-body-busy > :not(.md-popup-body-loading) {
  visibility: hidden;
}

.md-ui .md-popup-body-loading {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  border-radius: inherit;
  background: var(--bs-body-bg);
  color: var(--bs-secondary-color);
  font-size: 0.95rem;
  font-weight: 600;
  text-align: center;
}

.md-ui :is(.md-popup-loading-spinner, .md-loading-spinner) {
  display: block;
  width: 34px;
  height: 34px;
  border: 3px solid rgba(var(--bs-primary-rgb), 0.2);
  border-top-color: var(--bs-primary);
  border-radius: 50%;
  animation: md-button-progress 0.8s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .md-ui :is(.md-popup-loading-spinner, .md-loading-spinner) {
    animation: none;
  }
}
.md-ui .md-commerce-section,
.md-ui .md-commerce-details,
.md-ui .md-commerce-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 12px;
}

.md-ui .md-commerce-details {
  gap: 24px;
}

.md-ui .md-commerce-section > h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 650;
}

.md-ui .md-commerce-field {
  gap: 7px;
}

.md-ui .md-commerce-field > label {
  margin: 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}

.md-ui .md-commerce-sale #quick-sale-cheque-number-field.widget-hidden {
  display: none;
}

.md-ui .md-commerce-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.md-ui .md-commerce-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.md-ui .md-commerce-inline > :is(input, .md-input-field) {
  flex: 1 1 auto;
  min-width: 0;
}

.md-ui .md-commerce-inline > button {
  flex: 0 0 auto;
}

.md-ui .md-commerce-field > :is(input, .md-input-field, button, .option-selector, [contenteditable]),
.md-ui .md-commerce-field > .md-commerce-inline {
  width: 100%;
  max-width: none;
  margin: 0;
}

.md-ui .md-commerce-field > .option-selector .option-selected {
  width: 100%;
  min-height: 44px;
  margin: 0;
}

.md-ui .md-commerce-field > [contenteditable] {
  min-height: 84px;
  padding: 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: 9px;
  background: var(--bs-tertiary-bg);
}

.md-ui .md-commerce-summary,
.md-ui .md-commerce-breakdown .md-commerce-section,
.md-ui .md-commerce-signature .md-commerce-section {
  padding: 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 10px;
  background: var(--bs-tertiary-bg);
}

.md-ui .md-commerce-summary .widget-overlay-estimate-panel {
  width: 100%;
  margin: 0;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.md-ui .md-commerce-summary .widget-overlay-estimate-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 3px 0;
}

.md-ui .md-commerce-summary .widget-overlay-estimate-row:last-child {
  font-size: 1.2rem;
  font-weight: 650;
}

.md-ui .md-commerce-summary .widget-overlay-estimate-panel hr {
  width: 100%;
  margin: 8px 0;
  border-color: var(--minidesk-popup-section-edge);
}

.md-ui .md-commerce-footer {
  justify-content: flex-end;
}

.md-ui .md-commerce-footer > button {
  width: auto;
  min-width: 112px;
  max-width: 100%;
  margin: 0;
}

.md-ui .md-commerce-breakdown .md-commerce-summary {
  background: var(--bs-body-bg);
}

.md-ui .md-commerce-breakdown .widget-table-panel,
.md-ui .md-commerce-signature .widget-table-panel {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.md-ui .md-commerce-document-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.md-ui .md-commerce-document-actions > .btn {
  grid-column: auto;
  width: 100%;
  margin: 0;
}

.md-ui .md-commerce-document-actions > .btn.widget-hidden {
  display: none;
}

.md-ui .md-commerce-icon-button {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
}

.md-ui .md-commerce-breakdown .md-commerce-field > .widget-hidden {
  display: none;
}

.md-ui .md-commerce-breakdown .md-commerce-cheque-field:has(.widget-hidden) {
  display: none;
}

.md-ui .md-commerce-breakdown .md-commerce-pair > .md-commerce-field > .option-selector {
  position: relative;
  top: auto;
  width: 100%;
  height: auto;
  margin: 0;
}

.md-ui .md-commerce-breakdown .md-commerce-pair > .md-commerce-field > .option-selector .option-selected {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  height: 44px;
  margin: 0;
  padding: 0 12px;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: var(--bs-font-sans-serif);
  transition: none;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-row:not(:last-child) {
  margin-bottom: 0;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list:empty {
  display: grid;
  place-items: center;
  padding: 14px;
  border: 1px dashed var(--bs-border-color);
  border-radius: 9px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list:empty::before {
  content: "No deposits recorded";
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: 9px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  line-height: 1.4;
  box-shadow: none;
  text-shadow: none;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-details {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  min-width: 0;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .deposit-amount {
  font-size: 1.125rem;
  overflow-wrap: anywhere;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-status {
  max-width: 100%;
  white-space: normal;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-date, .md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-meta {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-line-note {
  font-size: 0.875rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid var(--bs-border-color);
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-action {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 10px;
  border-radius: 8px;
  line-height: 1;
}

.md-ui .md-commerce-breakdown #ticket-deposits-list .widget-deposit-print {
  margin-right: auto;
  font-size: 0.8125rem;
}

.md-ui .md-commerce-breakdown #ticket-deposit-add-button {
  width: auto;
  min-width: 80px;
  height: 44px;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs > .widget-control-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .widget-inline-field-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .option-selector {
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .option-selected {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  height: 44px;
  margin: 0;
  padding: 0 12px;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .widget-inline-control-input {
  position: static;
  flex: 0 0 44px;
  width: 100%;
  min-width: 0;
  height: 44px;
  max-height: 44px;
  margin: 0;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .widget-inline-control-action {
  position: static;
  width: 44px;
  height: 44px;
  min-width: 44px;
  margin: 0;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .md-commerce-cheque-field {
  grid-column: 1/-1;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-add-payment {
  align-self: flex-start;
  width: auto;
}

.md-ui .md-commerce-signature #company-terms {
  width: 100%;
  max-height: 240px;
  margin: 0;
  overflow: auto;
}

.md-ui .md-commerce-signature .widget-financial-table :is(th, td) {
  color: var(--bs-body-color);
  text-shadow: none;
}

.md-ui .md-commerce-signature .widget-signature-pad {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 9px;
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
}

.md-ui .md-commerce-signature .widget-signature-pad:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
}

.md-ui .md-commerce-signature .widget-signature-surface {
  display: block;
  width: 100%;
  height: 210px;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  outline: none;
  transition: none;
}

.md-ui .md-commerce-signature .widget-signature-icon {
  position: absolute;
  left: 20px;
  bottom: 28px;
  color: var(--bs-secondary-color);
  font-size: 18px;
  line-height: 20px;
  text-shadow: none;
}

.md-ui .md-commerce-signature .widget-signature-line {
  position: absolute;
  left: 52px;
  right: 20px;
  bottom: 37px;
  width: auto;
  height: 1px;
  margin: 0;
  border: 0;
  background: var(--minidesk-field-edge-hover);
  opacity: 1;
}

.md-ui .md-commerce-signature .md-commerce-help {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .md-commerce-signature .md-commerce-section > h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.md-ui .md-commerce-signature #signature-clear-button {
  position: static;
  margin: 0;
  font-size: 0.875rem;
}

@media (max-width: 760px) {
  .md-ui .md-commerce-overlay {
    width: min(100%, 100vw - 24px);
    max-height: calc(100dvh - 66px);
  }
  .md-ui .md-commerce-header, .md-ui .md-commerce-footer {
    padding: 16px;
  }
  .md-ui .md-commerce-body {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 16px;
  }
  .md-ui .md-commerce-pair {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-commerce-footer {
    flex-wrap: wrap;
  }
  .md-ui .md-commerce-footer > button {
    flex: 1 1 140px;
  }
  .md-ui .md-commerce-document-actions {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .widget-inline-field-row {
    grid-template-columns: minmax(0, 1fr) 44px;
  }
  .md-ui .md-commerce-breakdown #ticket-breakdown-payment-inputs .option-selector {
    grid-column: 1/-1;
  }
}
.md-attachment-menu {
  position: fixed;
  z-index: 10050;
  display: grid;
  min-width: 180px;
  padding: 6px;
  border: 1px solid var(--bs-border-color);
  border-radius: 12px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}
.md-attachment-menu button {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  text-align: left;
}
.md-attachment-menu button:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), .md-attachment-menu button:focus-visible {
  background: var(--minidesk-field-hover);
}

.md-photo-capture {
  width: min(600px, 100vw - 32px);
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 14px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
  text-shadow: none;
  overflow: hidden;
}
.md-photo-capture[open] {
  display: flex;
  flex-direction: column;
}
.md-photo-capture::backdrop {
  background: var(--minidesk-popup-backdrop-bg);
  backdrop-filter: blur(var(--minidesk-popup-backdrop-blur));
}
.md-photo-capture .md-popup-header, .md-photo-capture .md-popup-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 12px;
  padding: 18px 24px;
}
.md-photo-capture .md-popup-footer {
  justify-content: flex-end;
}
.md-photo-capture .md-popup-footer .btn {
  min-height: 44px;
}
.md-photo-capture .md-popup-body {
  padding: 16px 24px;
  overflow: auto;
  overscroll-behavior: contain;
}
.md-photo-capture video {
  display: block;
  width: 100%;
  max-height: 55dvh;
  aspect-ratio: 4/3;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 10px;
  background: #000;
  object-fit: contain;
}
.md-photo-capture [data-photo-status] {
  margin: 12px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
@media (max-width: 540px) {
  .md-photo-capture .md-popup-header, .md-photo-capture .md-popup-body, .md-photo-capture .md-popup-footer {
    padding: 16px;
  }
  .md-photo-capture .md-popup-footer .btn {
    flex: 1 1 auto;
  }
}

.md-dialog-portal.md-refund-portal {
  z-index: 1050;
}

.md-ui .md-commerce-breakdown #ticket-breakdown-refund.widget-hidden {
  display: none;
}

.md-ui .md-ticket-refund-popup {
  width: min(1060px, 100vw - 32px);
}

.md-ui .md-ticket-refund-popup .md-dialog-body {
  align-content: start;
}

.md-ui .md-ticket-refund-popup .alert {
  margin: 0 0 16px;
}

.md-ui .md-refund-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}

.md-ui .md-refund-selection, .md-ui .md-refund-pin, .md-ui .md-refund-cards {
  padding: 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 10px;
  background: var(--bs-tertiary-bg);
}

.md-ui .md-refund-cards ul {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.md-ui .md-refund-cards li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  font-size: 0.875rem;
}

.md-ui .md-refund-cards li > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.md-ui .md-refund-cards small {
  color: var(--bs-secondary-color);
}

.md-ui .md-refund-card-digits {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.md-ui .md-refund-selection {
  gap: 16px;
}

.md-ui .md-refund-items {
  display: grid;
  gap: 0;
  min-width: 0;
}

.md-ui .md-refund-item {
  display: grid;
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid var(--minidesk-popup-section-edge);
  min-width: 0;
}

.md-ui .md-refund-item:last-child {
  padding-bottom: 0;
}

.md-ui .md-refund-item-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}

.md-ui .md-refund-item-heading > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.md-ui .md-refund-item-heading strong {
  font-size: 0.9375rem;
  font-weight: 600;
}

.md-ui .md-refund-available {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.md-ui .md-refund-item-heading span, .md-ui .md-refund-item-controls > span, .md-ui .md-refund-empty {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}

.md-ui .md-refund-item.is-selected .md-refund-item-heading > div:first-child > strong {
  color: var(--bs-primary-text-emphasis);
}

.md-ui .md-refund-item-controls {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.md-ui .md-refund-quantity, .md-ui .md-refund-amount {
  display: grid;
  gap: 6px;
}

.md-ui .md-ticket-refund-popup label {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}

.md-ui .md-refund-amount .form-control {
  width: 130px;
  font-variant-numeric: tabular-nums;
}

.md-ui .md-refund-stepper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.md-ui .md-refund-stepper .form-control {
  width: 62px;
  min-width: 0;
  padding-inline: 4px;
  text-align: center;
  appearance: textfield;
  font-variant-numeric: tabular-nums;
}

.md-ui .md-refund-stepper .form-control::-webkit-inner-spin-button, .md-ui .md-refund-stepper .form-control::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.md-ui .md-refund-disposition {
  display: grid;
  gap: 6px;
}

.md-ui .md-refund-item-unavailable {
  opacity: 0.6;
}

.md-ui .md-refund-value-note {
  width: fit-content;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
  font-size: 0.75rem;
}

.md-ui .md-refund-summary {
  padding: 0;
  gap: 0;
  overflow: hidden;
  background: var(--bs-body-bg);
}

.md-ui .md-refund-summary > h3 {
  padding: 16px;
  border-bottom: 1px solid var(--minidesk-popup-section-edge);
}

.md-ui .md-refund-summary > #ticket-refund-summary {
  min-width: 0;
}

.md-ui .md-refund-summary .table {
  width: 100%;
  margin: 0;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--minidesk-popup-section-edge);
}

.md-ui .md-refund-summary-quantity-column {
  width: 54px;
}

.md-ui .md-refund-summary-amount-column {
  width: 108px;
}

.md-ui .md-refund-summary :is(th, td) {
  padding: 12px;
  border: 0;
  vertical-align: middle;
  line-height: 1.45;
}

.md-ui .md-refund-summary thead {
  --bs-table-bg: var(--bs-tertiary-bg);
}

.md-ui .md-refund-summary thead th {
  padding-block: 10px;
  border-bottom: 1px solid var(--minidesk-popup-section-edge);
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 600;
}

.md-ui .md-refund-summary tbody tr + tr > :is(th, td) {
  border-top: 1px solid var(--minidesk-popup-section-edge);
}

.md-ui .md-refund-summary tbody th {
  overflow-wrap: anywhere;
  font-weight: 500;
  font-size: 0.875rem;
}

.md-ui .md-refund-summary td {
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
}

.md-ui .md-refund-summary-name {
  display: block;
}

.md-ui .md-refund-summary-quantity {
  display: inline-block;
  min-width: 24px;
  padding: 3px 5px;
  border-radius: 5px;
  background: var(--bs-tertiary-bg);
  font-size: 0.8125rem;
}

.md-ui .md-refund-summary-amount {
  font-weight: 600;
}

.md-ui .md-refund-summary small {
  display: block;
  margin-top: 4px;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 400;
}

.md-ui .md-refund-summary :is(th, td):first-child {
  padding-left: 16px;
  text-align: left;
}

.md-ui .md-refund-summary :is(th, td):nth-child(2) {
  text-align: center;
}

.md-ui .md-refund-summary :is(th, td):last-child {
  padding-right: 16px;
  text-align: right;
  white-space: nowrap;
}

.md-ui .md-refund-summary tfoot {
  --bs-table-bg: var(--bs-tertiary-bg);
}

.md-ui .md-refund-summary tfoot :is(th, td) {
  padding-block: 14px;
  border-top: 1px solid var(--minidesk-popup-section-edge);
  font-size: 0.9375rem;
  font-weight: 650;
}

.md-ui .md-refund-summary > #ticket-refund-summary > .md-refund-empty {
  padding: 24px 16px;
  text-align: center;
}

.md-ui .md-refund-empty {
  margin: 0;
}

.md-ui .md-refund-footer-total {
  display: grid;
  gap: 2px;
  margin-right: auto;
  min-width: 0;
}

.md-ui .md-refund-footer-total > span {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}

.md-ui .md-refund-footer-total > strong {
  font-size: 1.125rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.md-ui .md-ticket-refund-popup .md-popup-footer > button {
  min-width: 112px;
}

@media (max-width: 800px) {
  .md-ui .md-refund-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .md-ui .md-refund-review {
    gap: 16px;
  }
}
@media (max-width: 540px) {
  .md-ui .md-refund-summary-quantity-column {
    width: 46px;
  }
  .md-ui .md-refund-summary-amount-column {
    width: 94px;
  }
  .md-ui .md-refund-summary :is(th, td) {
    padding-inline: 8px;
  }
  .md-ui .md-refund-item-controls > span {
    flex-basis: 100%;
  }
  .md-ui .md-refund-footer-total {
    flex-basis: 100%;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin: 0 0 4px;
  }
  .md-ui .md-ticket-refund-popup .md-popup-footer > button {
    flex: 1 1 0;
    min-width: 0;
  }
}
.md-ui .md-dialog.md-ai-rewrite-dialog {
  width: min(960px, 100vw - 32px);
}
.md-ui .md-ai-rewrite-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 260px);
  gap: 12px 24px;
  padding: 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-ai-rewrite-dialog :is(.form-label, .form-text) {
  margin: 0;
  text-shadow: none;
}
.md-ui .md-ai-rewrite-dialog .form-label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--bs-emphasis-color);
}
.md-ui .md-ai-rewrite-dialog .form-text {
  line-height: 1.5;
  color: var(--bs-secondary-color);
}
.md-ui .md-ai-rewrite-choices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-ai-rewrite-choices .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.md-ui .md-ai-rewrite-options > :is(#ai-rewrite-usage, .md-ai-rewrite-tone) {
  grid-column: 1/-1;
}
.md-ui .md-ai-rewrite-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.md-ui .md-ai-rewrite-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.md-ui .md-ai-rewrite-text {
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  min-height: 220px;
  max-height: 360px;
  margin: 0;
  padding: 12px;
  font: inherit;
  line-height: 1.6;
  overflow: auto;
  overflow-wrap: anywhere;
}
.md-ui .md-ai-rewrite-original {
  white-space: pre-wrap;
  user-select: text;
}
.md-ui .md-ai-rewrite-result {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 0;
}
.md-ui .md-ai-rewrite-result textarea {
  resize: vertical;
}
.md-ui .md-ai-rewrite-loading {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: var(--bs-border-radius);
  background: color-mix(in srgb, var(--bs-body-bg) 88%, transparent);
}
.md-ui .md-ai-rewrite-dialog [hidden] {
  display: none !important;
}
.md-ui .md-ai-rewrite-dialog .md-popup-footer .btn {
  min-width: 108px;
}
.md-ui .md-ai-rewrite-dialog .ai-model-field {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-ai-rewrite-dialog .ai-model-field .widget-form-label {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
}

@media (max-width: 640px) {
  .md-ui .md-ai-rewrite-options, .md-ui .md-ai-rewrite-comparison {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-ai-rewrite-text {
    min-height: 160px;
    max-height: 240px;
  }
  .md-ui .md-ai-rewrite-dialog .md-popup-footer .btn {
    flex: 1 1 96px;
    min-width: 0;
  }
}
.md-ui.md-ai-assistance {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: transparent;
  color: var(--bs-body-color);
}
.md-ui.md-ai-assistance :is(.widget-message-body, .widget-message-text, .ai-assistance-selectable, .ai-assistance-ordered-list, .ai-assistance-tab-bar) {
  font-size: 1rem;
  color: var(--bs-body-color);
}
.md-ui.md-ai-assistance .md-ai-photo {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.md-ui.md-ai-assistance .md-ai-photo-preview {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui.md-ai-assistance .md-ai-photo-preview img {
  max-width: 100%;
  max-height: 140px;
  border-radius: var(--bs-border-radius);
  object-fit: contain;
}
.md-ui.md-ai-assistance .ai-assistance-body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  padding: 12px;
}
.md-ui.md-ai-assistance :is(.ai-assistance-output, .ai-assistance-result-section, .ai-assistance-source-list, .ai-assistance-prompt-content) {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.md-ui.md-ai-assistance .md-ai-result-heading {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
}
.md-ui.md-ai-assistance .md-ai-result-surface {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--minidesk-section-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  overflow-wrap: anywhere;
}
.md-ui.md-ai-assistance .ai-assistance-ordered-list {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  counter-reset: ai-assistance-item;
}
.md-ui.md-ai-assistance .ai-assistance-ordered-list > li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--minidesk-inner-edge);
  counter-increment: ai-assistance-item;
  overflow-wrap: anywhere;
}
.md-ui.md-ai-assistance .ai-assistance-ordered-list > li:last-child {
  border-bottom: 0;
}
.md-ui.md-ai-assistance .ai-assistance-ordered-list > li::before {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--minidesk-icon-neutral-edge);
  border-radius: var(--bs-border-radius-sm);
  background: var(--minidesk-icon-neutral-bg);
  color: var(--minidesk-icon-neutral-color);
  box-shadow: var(--minidesk-control-shadow);
  content: counter(ai-assistance-item);
}
.md-ui.md-ai-assistance :is(.ai-assistance-result-copy, .ai-assistance-selectable > span) {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.md-ui.md-ai-assistance .ai-assistance-result-detail > span {
  font-weight: 600;
}
.md-ui.md-ai-assistance :is(.ai-assistance-item-sources, .ai-assistance-source-list) {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui.md-ai-assistance :is(.ai-assistance-item-sources, .ai-assistance-source-list) span {
  display: flex;
  align-items: baseline;
  gap: 8px;
  overflow-wrap: anywhere;
}
.md-ui.md-ai-assistance .ai-assistance-selectable {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.md-ui.md-ai-assistance .ai-assistance-selectable > input {
  flex-shrink: 0;
  margin-top: 4px;
}
.md-ui.md-ai-assistance .ai-assistance-proposed-repairs .ai-assistance-selectable {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}
.md-ui.md-ai-assistance .ai-assistance-proposed-repairs .ai-assistance-selectable > input {
  grid-column: 2;
  grid-row: 1;
}
.md-ui.md-ai-assistance .ai-assistance-proposed-repairs .ai-assistance-selectable > span {
  grid-column: 1;
  grid-row: 1;
}
.md-ui.md-ai-assistance .ai-assistance-warning {
  color: var(--bs-danger-text-emphasis);
}
.md-ui.md-ai-assistance .ai-assistance-result-warnings {
  margin-top: 12px;
}
.md-ui.md-ai-assistance .ai-assistance-tab-stack {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-ui.md-ai-assistance .md-ai-result-panel:not([hidden]) {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-ui.md-ai-assistance .ai-assistance-editable-prompt {
  position: relative;
  min-width: 0;
}
.md-ui.md-ai-assistance .ai-assistance-editable-prompt > textarea {
  display: block;
  width: 100%;
  margin: 0;
}
.md-ui.md-ai-assistance .widget-textarea-tall {
  height: 160px;
  min-height: 160px;
  resize: vertical;
}
.md-ui.md-ai-assistance .ai-assistance-prompt-loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-popup-glass-bg);
  color: var(--bs-body-color);
}
.md-ui.md-ai-assistance .ai-assistance-inline-confirmation {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.md-ui.md-ai-assistance .ai-assistance-inline-confirmation > span {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.md-ui.md-ai-assistance .ai-assistance-action-row {
  gap: 8px;
}
.md-ui.md-ai-assistance .ai-assistance-action-row > .btn {
  flex: 1 1 160px;
  white-space: normal;
}
.md-ui.md-ai-assistance .ai-assistance-external-result {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 16px;
  min-width: 0;
}
.md-ui.md-ai-assistance .ai-assistance-external-result > div {
  display: grid;
  gap: 6px;
  min-width: 0;
  flex: 1 1 180px;
}
.md-ui.md-ai-assistance .ai-assistance-external-result .md-action-group > .btn {
  white-space: normal;
}
.md-ui.md-ai-assistance .ai-assistance-conversation-message {
  flex: 0 0 auto;
  margin: 0;
  max-width: 90%;
  width: fit-content;
}
.md-ui.md-ai-assistance .ai-assistance-response {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.md-ui.md-ai-assistance .ai-assistance-response > .widget-message-body {
  width: auto;
  min-width: 0;
}
.md-ui.md-ai-assistance .ai-assistance-response > .chat-message-avatar {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--minidesk-icon-green-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-icon-green-bg);
  color: var(--minidesk-icon-green-color);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-ui.md-ai-assistance .ai-assistance-conversation-composer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  flex: 0 0 auto;
  width: 100%;
  padding-top: 10px;
}
.md-ui.md-ai-assistance .ai-assistance-conversation-automation {
  display: flex;
  align-items: center;
  height: 28px;
}
.md-ui.md-ai-assistance .ai-assistance-conversation-automation-status:empty {
  display: none;
}
.md-ui.md-ai-assistance .ai-assistance-conversation-automation-status:not(:empty) {
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}

.md-ui :is(.ai-assistance-conversation-composer, .ai-assistance-composer-host) .chat-ai-input-row {
  grid-auto-columns: 44px;
  grid-auto-flow: column;
  grid-template-columns: minmax(0, 1fr);
}

.md-ui :is(.ai-assistance-conversation-composer, .ai-assistance-composer-host) .chat-entry-box {
  box-sizing: border-box;
  max-height: 140px;
  min-height: 44px;
  resize: none;
  width: 100%;
}

.md-ui .ai-assistance-conversation-controls > .ai-assistance-model-control {
  align-self: center;
  flex: 0 0 28px;
  height: 28px;
}

.md-ui.md-ai-assistance.ai-assistance-continuous {
  height: auto;
  overflow: visible;
}

.md-ui.md-ai-assistance.ai-assistance-continuous .ai-assistance-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: visible;
  padding: 0;
}

.md-ui .md-transaction-dialog .md-transaction-section {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-transaction-dialog .md-transaction-section > h3, .md-ui .md-transaction-dialog .md-cash-received-heading > h3 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--bs-emphasis-color);
}
.md-ui .md-transaction-dialog .md-transaction-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.md-ui .md-transaction-dialog .form-label {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  font-weight: 500;
  text-shadow: none;
}
.md-ui .md-transaction-dialog :is(.form-control, .option-selector, .option-selected) {
  width: 100%;
  min-width: 0;
  margin: 0;
}
.md-ui .md-transaction-dialog .md-transaction-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  padding: 12px 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-transaction-dialog .md-transaction-summary > strong {
  font-size: 1.125rem;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.md-ui .md-transaction-dialog .md-transaction-copy, .md-ui .md-transaction-dialog .md-transaction-reason {
  margin: 0;
  font-size: 0.9375rem;
  overflow-wrap: anywhere;
}
.md-ui .md-transaction-dialog .md-transaction-reason {
  color: var(--bs-secondary-color);
}
.md-ui .md-transaction-dialog .md-transaction-reason:empty {
  display: none;
}
.md-ui .md-transaction-dialog .md-transaction-error {
  display: none;
  color: var(--bs-danger-text-emphasis);
  font-size: 0.875rem;
}
.md-ui .md-transaction-dialog .md-cash-denominations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
}
.md-ui .md-transaction-dialog .md-cash-denomination {
  display: grid;
  grid-template-columns: 44px minmax(56px, 1fr) 66px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 0.875rem;
}
.md-ui .md-transaction-dialog .md-cash-denomination > :last-child {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.md-ui .md-transaction-dialog .md-cash-denomination .form-control {
  padding-inline: 8px;
}
.md-ui .md-transaction-dialog .md-cash-received-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 12px;
}
.md-ui .md-transaction-dialog .md-cash-received-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
}
.md-ui .md-transaction-dialog .md-cash-received-heading > strong {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.md-ui .md-transaction-dialog .md-cash-received-counts .md-cash-denomination {
  grid-template-columns: 34px minmax(0, 1fr);
}
.md-ui .md-transaction-dialog .md-transaction-details {
  display: grid;
  gap: 10px;
  margin: 0;
}
.md-ui .md-transaction-dialog .md-transaction-details > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
}
.md-ui .md-transaction-dialog .md-transaction-details dt {
  font-weight: 400;
  color: var(--bs-secondary-color);
}
.md-ui .md-transaction-dialog .md-transaction-details dd {
  margin: 0;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.md-ui .md-transaction-dialog .md-fulfilment-orders {
  display: grid;
  gap: 12px;
}
.md-ui .md-transaction-dialog .md-fulfilment-order {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-transaction-dialog .md-fulfilment-order + .md-fulfilment-order {
  padding-top: 12px;
  border-top: 1px solid var(--minidesk-section-edge);
}
.md-ui .md-transaction-dialog .md-fulfilment-order-title {
  font-weight: 500;
}
.md-ui .md-transaction-dialog .md-fulfilment-order-detail {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

@media (max-width: 540px) {
  .md-ui .md-transaction-dialog .md-cash-denominations {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-transaction-dialog .md-cash-received-counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-ui .md-transaction-dialog .md-popup-footer > .btn {
    flex: 1 1 auto;
  }
}
.md-ui .md-dialog.md-record-dialog-wide {
  width: min(880px, 100vw - 32px);
}
.md-ui .md-record-dialog-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  min-width: 0;
}
.md-ui .md-record-dialog-section {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}
.md-ui .md-record-dialog-section-title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--bs-emphasis-color);
}
.md-ui .md-record-dialog label {
  line-height: 1.5;
  text-shadow: none;
}
.md-ui .md-record-dialog-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.md-ui .md-record-dialog-inline .form-control {
  flex: 1 1 0;
  min-width: 0;
}
.md-ui .md-record-dialog-inline .btn {
  flex-shrink: 0;
}
.md-ui .md-record-dialog-checklist {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.md-ui .md-record-dialog-choices {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  background: var(--bs-body-bg);
}
.md-ui .md-record-dialog-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  min-height: 36px;
  color: var(--bs-body-color);
}
.md-ui .md-record-dialog-check > span:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
}
.md-ui .md-record-dialog-check i {
  width: 20px;
  text-align: center;
  color: var(--bs-secondary-color);
}
.md-ui .md-record-dialog-choice.md-record-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  white-space: normal;
  text-shadow: none;
}
.md-ui .md-record-dialog-choice.md-record-row:last-child {
  border-bottom: 0;
}
.md-ui .md-record-dialog-choice.md-record-row[aria-pressed=true] {
  background: var(--minidesk-status-ready-bg);
}
.md-ui .md-record-dialog-choice[aria-pressed=true] .md-record-dialog-choice-check {
  color: var(--minidesk-status-ready-color);
}
.md-ui .md-record-dialog-choice-copy {
  display: grid;
  flex: 1 1 0;
  gap: 10px;
  min-width: 0;
}
.md-ui .md-record-dialog-choice-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
  min-width: 0;
}
.md-ui .md-record-dialog-choice-heading strong {
  color: var(--bs-emphasis-color);
  font-size: 1rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-ui .md-record-dialog-choice-heading small {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 400;
}
.md-ui .md-record-dialog-choice-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
  min-width: 0;
  font-size: 0.875rem;
}
.md-ui .md-record-dialog-choice-details > span {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 6px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-record-dialog-choice-details small, .md-ui .md-record-dialog-choice-details i {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-ui .md-record-dialog-choice-details small {
  font-weight: 400;
}
.md-ui .md-record-dialog-choice-details i {
  width: 14px;
  flex-shrink: 0;
  text-align: center;
}
.md-ui .md-record-dialog-choice-check {
  align-self: center;
  flex-shrink: 0;
  margin-left: auto;
}
.md-ui .md-record-dialog .md-record-dialog-choice .md-icon-tile {
  flex-shrink: 0;
}
.md-ui .md-record-dialog .md-record-dialog-choices .md-list-state {
  min-height: 180px;
}
@media (max-width: 620px) {
  .md-ui .md-record-dialog-columns {
    grid-template-columns: 1fr;
  }
  .md-ui .md-record-dialog-section {
    padding: 12px;
  }
  .md-ui .md-record-dialog-choice-details {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-record-dialog .md-popup-footer > :is(.btn, .md-action-group), .md-ui .md-record-dialog .md-popup-footer .md-action-group .btn {
    flex: 1 1 auto;
  }
}

/* Portalled autofills share the redesigned dropdown glass and row states. */
.md-autofill-menu.md-ui {
  --bs-dropdown-link-hover-bg: var(--minidesk-row-hover);
  --bs-dropdown-link-hover-color: var(--bs-emphasis-color);
  position: absolute;
  display: block;
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 10px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
  text-shadow: none;
  z-index: 11000;
  font-family: var(--bs-body-font-family);
  font-size: 0.875rem;
  line-height: 1.4;
  transition: none;
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-autofill-menu.md-ui {
    background: var(--minidesk-popup-glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-autofill-menu.md-ui {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.md-autofill-menu .md-autofill-option.dropdown-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--bs-body-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  white-space: normal;
  text-align: left;
  text-shadow: none;
  box-shadow: none;
  transform: none;
}

.md-autofill-menu .md-autofill-option:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
  outline: none;
  box-shadow: none;
  transform: none;
}

.md-autofill-menu .md-autofill-option[aria-selected=true] {
  background: var(--bs-secondary-bg);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis);
}

.md-autofill-menu .md-autofill-icon {
  flex: 0 0 20px;
  width: 20px;
  margin-top: 2px;
  color: var(--bs-secondary-color);
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
  text-shadow: none;
}

.md-autofill-copy {
  display: grid;
  flex: 1 1 0;
  gap: 6px;
  min-width: 0;
}

.md-autofill-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.md-autofill-menu .md-autofill-title {
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 500;
  text-shadow: none;
  overflow-wrap: anywhere;
}

.md-autofill-menu :is(.md-autofill-heading small, .md-autofill-description) {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 400;
  text-shadow: none;
  overflow-wrap: anywhere;
}

.md-autofill-menu .md-record-dialog-choice-details {
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  font-size: 0.8125rem;
}

.md-autofill-menu .md-autofill-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 64px;
  padding: 12px;
  color: var(--bs-secondary-color);
  text-shadow: none;
}

.md-autofill-menu .md-autofill-state .md-loading-spinner {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

.md-autofill-menu .md-autofill-divider {
  margin: 6px 8px;
  border: 0;
  border-top: 1px solid var(--minidesk-popup-section-edge);
  opacity: 1;
}

.md-autofill-menu .md-autofill-attribution {
  padding: 6px 12px;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  text-align: right;
  text-shadow: none;
}

.md-vehicle-repair .md-repair-heading, .md-vehicle-repair .md-repair-search, .md-vehicle-repair .md-repair-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-vehicle-repair .md-repair-heading {
  justify-content: space-between;
}
.md-vehicle-repair .md-repair-heading .widget-content-title {
  min-width: 0;
  white-space: normal;
}
.md-vehicle-repair .md-repair-search input {
  flex: 1;
  min-width: 0;
}
.md-vehicle-repair .md-repair-results {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 360px;
  overflow: auto;
}
.md-vehicle-repair .md-repair-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  text-align: left;
  text-decoration: none;
}
.md-vehicle-repair .md-repair-item span:not(.visually-hidden) {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-vehicle-repair .md-repair-item:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), .md-vehicle-repair .md-repair-item:focus-visible {
  background: var(--bs-tertiary-bg);
}
.md-vehicle-repair .md-repair-status {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  margin: 0;
}
.md-vehicle-repair .md-repair-pagination {
  justify-content: space-between;
  flex-wrap: wrap;
}
.md-vehicle-repair [hidden] {
  display: none;
}

/* Customer subscription flows own their surfaces; legacy widget rules do not apply. */
.md-ui .md-dialog.md-subscription-dialog {
  width: min(960px, 100vw - 32px);
}

.md-ui .md-subscription-dialog .md-dialog-body {
  align-content: start;
}

.md-ui .md-subscription-dialog :is(button, input, [contenteditable]) {
  text-shadow: none;
}

.md-ui .md-subscription-dialog [hidden] {
  display: none !important;
}

.md-ui .md-subscription-section {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 10px;
  background: var(--bs-tertiary-bg);
}

.md-ui .md-subscription-dialog h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 650;
  color: var(--bs-emphasis-color);
}

.md-ui .md-subscription-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.md-ui .md-subscription-field .form-label {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .md-subscription-field :is(.form-control, .option-selector, .option-selected) {
  width: 100%;
  margin: 0;
}

.md-ui .md-subscription-dialog .row > * {
  display: grid;
  align-content: start;
  gap: 12px;
}

.md-ui .md-subscription-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.md-ui .md-subscription-help {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Keep each row's content height when the list reaches its scroll limit. */
.md-ui .md-subscription-list {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 0;
  max-height: min(48dvh, 440px);
  min-width: 0;
  overflow: auto;
  padding: 0;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: 9px;
  background: var(--bs-body-bg);
}

.md-ui .md-subscription-list:empty {
  border: 0;
}

.md-ui #subscription-builder-list {
  gap: 10px;
  border: 0;
  background: transparent;
}

.md-ui #subscription-edit-device-area > .md-subscription-record {
  border: 0;
  border-bottom: 1px solid var(--minidesk-inner-edge);
  border-radius: 0;
}

.md-ui #subscription-edit-device-add-button-area {
  margin: 8px;
  width: calc(100% - 16px);
}

.md-ui .md-subscription-builder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}

.md-ui .md-subscription-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.md-ui .md-record-row.md-subscription-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 12px 24px;
  width: 100%;
  min-width: 0;
  height: auto;
  max-height: none;
  padding: 16px;
  font-weight: 400;
  text-shadow: none;
  white-space: normal;
}

.md-ui .md-subscription-choice:last-child {
  border-bottom: 0;
}

.md-ui .subscription-selection-list-item > :is(.md-subscription-column, .md-subscription-phase) {
  grid-column: 1/-1;
}

.md-ui .md-subscription-record {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: 9px;
}

.md-ui .md-subscription-detail-label b {
  font-weight: inherit;
}

.md-ui .md-subscription-signature-pad canvas {
  color: var(--bs-emphasis-color);
}

.md-ui .md-record-row.md-subscription-choice.is-selected {
  background: var(--bs-secondary-bg);
  color: var(--bs-emphasis-color);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis);
}

.md-ui .md-record-row.md-subscription-choice.is-selected:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
  box-shadow: inset 3px 0 0 var(--bs-primary-text-emphasis), inset 0 0 0 1px var(--minidesk-control-edge-hover);
}

.md-ui .subscription-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 24px;
  max-height: none;
  padding: 5px 8px;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  text-shadow: none;
  --minidesk-icon-color: currentColor;
}
:root[data-bs-theme=light] .md-ui .subscription-status-badge {
  font-weight: 600;
}

.md-ui .subscription-status-badge.md-subscription-status-green {
  color: var(--minidesk-status-ready-color);
  background: var(--minidesk-badge-ready-bg);
  border-color: var(--minidesk-badge-ready-edge);
}

.md-ui .subscription-status-badge:is(.md-subscription-status-yellow, .md-subscription-status-orange) {
  color: var(--minidesk-status-waiting-color);
  background: var(--minidesk-badge-waiting-bg);
  border-color: var(--minidesk-badge-waiting-edge);
}

.md-ui .subscription-status-badge.md-subscription-status-red {
  color: var(--minidesk-status-urgent-color);
  background: var(--minidesk-badge-urgent-bg);
  border-color: var(--minidesk-badge-urgent-edge);
}

.md-ui .md-subscription-column {
  display: grid;
  gap: 8px;
  flex: 1 1 190px;
  min-width: 0;
}

.md-ui .md-subscription-detail-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}

.md-ui .md-subscription-detail-row > i {
  align-self: center;
  flex: 0 0 16px;
  width: 16px;
  text-align: center;
  color: var(--bs-secondary-color);
}

.md-ui .md-subscription-detail-label {
  color: var(--bs-secondary-color);
  font-weight: 400;
}

.md-ui .md-subscription-detail-value {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--bs-emphasis-color);
}

.md-ui .md-subscription-choice .md-subscription-detail-row {
  display: grid;
  grid-template-columns: 16px minmax(0, auto) minmax(0, 1fr);
  align-items: baseline;
}

.md-ui .md-subscription-choice .md-subscription-detail-row > i {
  align-self: baseline;
}

.md-ui .md-subscription-choice .md-subscription-detail-label {
  overflow-wrap: anywhere;
}

.md-ui .md-subscription-choice .md-subscription-detail-value {
  align-self: start;
}

.md-ui .md-subscription-choice .subscription-status-badge {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.md-ui .md-subscription-detail-grid {
  display: grid;
  gap: 10px;
  margin: 0;
}

.md-ui .md-subscription-detail-grid > div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.md-ui .md-subscription-detail-grid dt {
  min-width: 40px;
  font-weight: 400;
  color: var(--bs-secondary-color);
}

.md-ui .md-subscription-detail-grid dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.md-ui .md-subscription-phase {
  display: grid;
  gap: 8px;
  padding: 10px 0;
  border-top: 1px solid var(--minidesk-inner-edge);
}

.md-ui .md-subscription-stack {
  display: grid;
  gap: 10px;
}

.md-ui .md-subscription-summary-product {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.875rem;
}

.md-ui .md-subscription-stepper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.md-ui .md-subscription-stepper .form-control {
  width: 62px;
  min-width: 0;
  text-align: center;
}

.md-ui .md-subscription-quantity {
  margin-left: auto;
}

.md-ui .md-subscription-add-icon {
  display: block;
  margin: auto;
  font-size: 1.25rem;
}

.md-ui .md-subscription-terms {
  max-height: 260px;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 8px;
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
  line-height: 1.6;
}

.md-ui .md-subscription-acknowledge {
  display: grid;
  gap: 8px;
}

.md-ui .md-subscription-acknowledge .btn {
  text-align: left;
  white-space: normal;
}

.md-ui .md-subscription-signature {
  display: grid;
  gap: 12px;
}

.md-ui .md-subscription-signature-pad {
  position: relative;
  overflow: hidden;
  height: 160px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 10px;
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
}

.md-ui .md-subscription-signature-pad canvas {
  display: block;
  width: 100%;
  height: 160px;
  margin: 0;
  touch-action: none;
}

.md-ui .md-subscription-signature-line {
  position: absolute;
  bottom: 30px;
  right: 20px;
  left: 20px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--bs-secondary-color);
  color: var(--bs-secondary-color);
  pointer-events: none;
}

.md-ui .md-subscription-reason {
  min-height: 84px;
}

.md-ui .md-subscription-reason:empty::before {
  content: attr(data-placeholder);
  color: var(--bs-secondary-color);
  pointer-events: none;
}

/* Agreement review keeps the document and signing area together, with one summary surface. */
.md-ui .md-subscription-agreement-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
  align-items: start;
  gap: 24px;
}

.md-ui .md-subscription-agreement-summary {
  grid-column: 2;
  grid-row: 1;
  position: sticky;
  top: 0;
}

.md-ui .md-subscription-agreement-reading {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  gap: 24px;
  min-width: 0;
}

.md-ui .md-subscription-agreement-terms {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.md-ui .md-subscription-agreement-dialog h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.md-ui .md-subscription-agreement-dialog h3 > i {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-terms {
  max-height: min(32dvh, 300px);
  min-height: 180px;
  padding: 16px 20px;
  font-size: 0.9375rem;
  line-height: 1.75;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-terms > :last-child {
  margin-bottom: 0;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-terms:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-acknowledge .btn {
  width: 100%;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.875rem;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-acknowledge .btn > i {
  align-self: center;
  margin-top: 0;
  flex-shrink: 0;
}

.md-ui .md-subscription-agreement-start {
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-inner-edge);
}

.md-ui .md-subscription-agreement-summary .md-subscription-detail-grid > div {
  justify-content: space-between;
  gap: 4px 12px;
  font-size: 0.875rem;
}

.md-ui .md-subscription-agreement-summary .md-subscription-summary-product > :last-child {
  flex: 0 0 auto;
}

.md-ui .md-subscription-agreement-summary .md-subscription-summary-product > :first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.md-ui .md-subscription-agreement-summary .md-subscription-plan-description {
  padding-top: 12px;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  line-height: 1.6;
}

.md-ui .md-subscription-agreement-summary .md-subscription-phase {
  padding-bottom: 0;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-signature-pad,
.md-ui .md-subscription-agreement-dialog .md-subscription-signature-pad canvas {
  height: 180px;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-signature-pad canvas {
  cursor: crosshair;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-signature-pad canvas[aria-disabled=true] {
  pointer-events: none;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-signature-line {
  display: flex;
  align-items: center;
  gap: 12px;
  bottom: 28px;
  padding: 0;
  border: 0;
}

.md-ui .md-subscription-agreement-dialog .md-subscription-signature-line > span {
  flex: 1;
  height: 1px;
  background: var(--minidesk-field-edge-hover);
}

@media (max-width: 700px) {
  .md-ui .md-record-row.md-subscription-choice {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .md-ui .md-subscription-builder-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-ui .md-subscription-list {
    max-height: 340px;
  }
  .md-ui .md-subscription-dialog .md-popup-footer .btn {
    flex: 1 1 auto;
  }
  .md-ui .md-subscription-toolbar {
    flex-wrap: wrap;
  }
  .md-ui .md-subscription-agreement-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  .md-ui .md-subscription-agreement-summary,
  .md-ui .md-subscription-agreement-reading {
    grid-column: 1;
    grid-row: auto;
    position: static;
  }
  .md-ui .md-subscription-agreement-dialog .md-subscription-terms {
    padding: 12px;
  }
}
/* Customer progress uses the shared popup, grouped form, input and button surfaces. */
.md-ui .md-dialog.md-progress-access {
  width: min(800px, 100vw - 32px);
}

.md-ui .md-progress-access:focus {
  outline: 0;
}

.md-ui .md-progress-access .md-popup-description span:not(:empty)::after {
  content: " · ";
}
.md-ui .md-progress-access .md-progress-sections {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-ui .md-progress-access .md-progress-secondary-sections {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.md-ui .md-progress-access .md-record-form-section {
  border: 1px solid var(--minidesk-popup-section-edge);
}
.md-ui .md-progress-access .md-record-section-heading {
  gap: 8px;
  margin-bottom: 12px;
}
.md-ui .md-progress-access .md-progress-description {
  margin: 0 0 16px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  line-height: 1.5;
}
.md-ui .md-progress-access .md-progress-link-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin: 0 0 16px;
  font-size: 0.875rem;
}
.md-ui .md-progress-access .md-progress-link-meta dt {
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.md-ui .md-progress-access .md-progress-link-meta dd {
  margin: 4px 0 0;
  color: var(--bs-body-color);
}
.md-ui .md-progress-access .md-progress-share-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-ui .md-progress-access .md-progress-share-row .form-control {
  flex: 1;
  width: 0;
  min-width: 0;
}
.md-ui .md-progress-access .md-progress-share-row .btn {
  flex: 0 0 auto;
}
.md-ui .md-progress-access .form-label {
  line-height: 1.5;
}
.md-ui .md-progress-access :is(.form-label, .md-progress-consent-row, .md-progress-consent-row i, .md-progress-consent-row span, .md-progress-consent-row strong, .md-progress-consent-row small) {
  text-shadow: none;
}
.md-ui .md-progress-access .md-count {
  color: var(--bs-secondary-color);
  background: transparent;
}
.md-ui .md-progress-access .md-progress-preview-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-progress-access .md-progress-consent-list {
  display: grid;
  gap: 12px;
}
.md-ui .md-progress-access .md-progress-consent-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0;
  line-height: 1.5;
  cursor: pointer;
}
.md-ui .md-progress-access .md-progress-consent-row > i {
  flex: 0 0 20px;
  color: var(--bs-secondary-color);
  text-align: center;
}
.md-ui .md-progress-access .md-progress-consent-copy {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-progress-access .md-progress-consent-copy strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}
.md-ui .md-progress-access .md-progress-consent-copy small {
  display: block;
  margin-top: 4px;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-ui .md-progress-access .md-progress-consent-row .md-toggle {
  flex-shrink: 0;
}
.md-ui .md-progress-access .md-progress-deliveries {
  max-height: 270px;
  overflow: auto;
  overscroll-behavior: contain;
}
.md-ui .md-progress-access .md-progress-delivery {
  display: flex;
  align-items: start;
  gap: 12px;
  padding: 12px 0;
  font-size: 0.8125rem;
}
.md-ui .md-progress-access .md-progress-delivery:first-child {
  padding-top: 0;
}
.md-ui .md-progress-access .md-progress-delivery:last-child {
  padding-bottom: 0;
}
.md-ui .md-progress-access .md-progress-delivery + .md-progress-delivery {
  border-top: 1px solid var(--minidesk-popup-section-edge);
}
.md-ui .md-progress-access .md-progress-delivery-icon {
  flex: 0 0 16px;
  margin-top: 3px;
  color: var(--bs-secondary-color);
}
.md-ui .md-progress-access .md-progress-delivery-copy {
  display: grid;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--bs-secondary-color);
}
.md-ui .md-progress-access .md-progress-delivery-copy strong {
  font-weight: 500;
  color: var(--bs-body-color);
}
.md-ui .md-progress-access .md-progress-delivery-actions {
  display: grid;
  justify-items: end;
  gap: 8px;
  flex: 0 0 auto;
}
.md-ui .md-progress-access .md-progress-delivery-state[data-status=error] {
  color: var(--minidesk-status-urgent-color);
  background: var(--minidesk-badge-urgent-bg);
  border-color: var(--minidesk-badge-urgent-edge);
}
.md-ui .md-progress-access .md-progress-delivery-error {
  color: var(--minidesk-status-urgent-color);
}
.md-ui .md-progress-access .md-progress-delivery-retry {
  min-height: 32px;
  padding: 4px 8px;
  font-size: 0.8125rem;
}
.md-ui .md-progress-access .md-progress-load-error {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 16px;
  text-align: center;
}
.md-ui .md-progress-access .md-progress-load-error p {
  margin: 0;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.md-ui .md-progress-access #ticket-progress-access-revoke {
  margin-right: auto;
}
.md-ui .md-progress-access [hidden] {
  display: none !important;
}

@media (max-width: 660px) {
  .md-ui .md-progress-access .md-progress-secondary-sections {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 400px) {
  .md-ui .md-progress-access .md-progress-share-row {
    flex-wrap: wrap;
  }
  .md-ui .md-progress-access .md-progress-share-row .form-control {
    width: 100%;
    flex-basis: 100%;
  }
}
.md-approval-waiting {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 28px 20px;
  margin: 18px 0;
  border: 1px solid var(--bs-border-color);
  border-radius: 14px;
  background: var(--bs-tertiary-bg);
  text-align: center;
}
.md-approval-waiting[hidden] {
  display: none;
}
.md-approval-waiting p {
  margin: 0;
}
.md-approval-waiting .md-approval-waiting-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  color: var(--minidesk-icon-blue-color);
  border: 3px solid color-mix(in srgb, var(--minidesk-icon-blue-color) 28%, transparent);
  border-top-color: var(--minidesk-icon-blue-color);
  border-radius: 50%;
  animation: md-approval-orbit 2s linear infinite;
}
.md-approval-waiting .md-approval-waiting-icon i {
  color: inherit;
  font-size: 24px;
  animation: md-approval-counter-orbit 2s linear infinite;
}
.md-approval-waiting .md-approval-waiting-dots {
  display: flex;
  gap: 7px;
}
.md-approval-waiting .md-approval-waiting-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--minidesk-icon-blue-color);
  animation: md-approval-pulse 1.4s ease-in-out infinite;
}
.md-approval-waiting .md-approval-waiting-dots span:nth-child(2) {
  animation-delay: 0.18s;
}
.md-approval-waiting .md-approval-waiting-dots span:nth-child(3) {
  animation-delay: 0.36s;
}

.md-ui .md-commerce-signature .md-signature-delivery-controls {
  display: grid;
  gap: 10px;
}
.md-ui .md-commerce-signature .md-signature-delivery-controls:has(.md-signature-link-controls > button:not([hidden])), .md-ui .md-commerce-signature .md-signature-delivery-controls:has(.md-signature-kiosk-controls:not([hidden])) {
  padding-top: 4px;
}
.md-ui .md-commerce-signature .md-signature-link-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.md-ui .md-commerce-signature .md-signature-link-controls:not(:has(button:not([hidden]))) {
  display: none;
}
.md-ui .md-commerce-signature .md-signature-link-controls > button {
  flex: 1 1 180px;
}
.md-ui .md-commerce-signature .md-signature-kiosk-controls {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}
.md-ui .md-commerce-signature .md-signature-kiosk-controls[hidden], .md-ui .md-commerce-signature .md-signature-kiosk-controls [hidden], .md-ui .md-commerce-signature .md-signature-kiosk-waiting[hidden], .md-ui .md-commerce-signature .md-signature-kiosk-waiting .md-approval-waiting-icon[hidden] {
  display: none;
}
.md-ui .md-commerce-signature .md-signature-kiosk-controls .option-selector {
  flex: 1;
  min-width: 0;
}
.md-ui .md-commerce-signature .md-signature-kiosk-controls .md-select-field {
  width: 100%;
  min-width: 0;
}
.md-ui .md-commerce-signature .md-signature-kiosk-controls > button {
  flex: 0 0 auto;
}
.md-ui .md-commerce-signature .md-signature-kiosk-waiting {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 16px;
  background: var(--minidesk-field-bg);
  text-align: center;
}
.md-ui .md-commerce-signature .md-signature-kiosk-waiting p {
  margin: 0;
}
.md-ui .md-commerce-signature .md-signature-receipt-request {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.md-ui .md-commerce-signature .md-signature-receipt-request > p {
  flex: 1 1 180px;
  min-width: 0;
}
.md-ui .md-commerce-signature .md-signature-receipt-request > button {
  flex: 0 0 auto;
}
.md-ui .md-commerce-signature .md-signature-receipt-request[hidden] {
  display: none;
}
.md-ui .md-commerce-signature .md-signature-kiosk-waiting .md-approval-waiting-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: var(--minidesk-icon-blue-color);
  border: 3px solid color-mix(in srgb, var(--minidesk-icon-blue-color) 28%, transparent);
  border-top-color: var(--minidesk-icon-blue-color);
  border-radius: 50%;
  animation: md-approval-orbit 2s linear infinite;
}
.md-ui .md-commerce-signature .md-signature-kiosk-waiting .md-approval-waiting-icon i {
  color: inherit;
  animation: md-approval-counter-orbit 2s linear infinite;
}

.md-approval-waiting.is-complete .md-approval-waiting-icon,
.md-ui .md-commerce-signature .md-signature-kiosk-waiting.is-complete .md-approval-waiting-icon {
  color: var(--minidesk-icon-green-color);
  background: var(--minidesk-icon-green-bg);
  border-color: var(--minidesk-icon-green-edge);
  animation: none;
}
.md-approval-waiting.is-complete .md-approval-waiting-icon i,
.md-ui .md-commerce-signature .md-signature-kiosk-waiting.is-complete .md-approval-waiting-icon i {
  animation: none;
}

@keyframes md-approval-orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes md-approval-counter-orbit {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes md-approval-pulse {
  0%, 80%, 100% {
    opacity: 0.55;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-4px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-approval-waiting .md-approval-waiting-icon,
  .md-approval-waiting .md-approval-waiting-icon i,
  .md-signature-kiosk-waiting .md-approval-waiting-icon,
  .md-signature-kiosk-waiting .md-approval-waiting-icon i,
  .md-approval-waiting .md-approval-waiting-dots span {
    animation: none;
  }
}
/* One non-blocking notification surface for showMessage, app feedback and inline alerts. */
.app-notification-layer.md-ui {
  --md-notification-top: calc(var(--md-nav-height, 0px) + 24px);
  position: fixed;
  left: calc(50% + var(--md-nav-width, 0px) / 2);
  right: auto;
  transform: translateX(-50%);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: min(640px, 100vw - var(--md-nav-width, 0px) - 32px);
  max-width: min(640px, 100vw - var(--md-nav-width, 0px) - 32px);
  max-height: calc(100dvh - var(--md-notification-top) - 16px);
  overflow: auto;
  padding: 4px;
  pointer-events: none;
  z-index: 12000;
}

.app-notification-layer-top.md-ui {
  top: var(--md-notification-top);
}

.app-notification-layer-bottom.md-ui {
  bottom: 16px;
}

.app-notification-layer.md-ui:not(.app-notification-layer-fixed) {
  position: static;
  left: auto;
  right: auto;
  width: 100%;
  max-width: 100%;
  transform: none;
}

.md-ui .md-app-notification {
  --app-notification-colour: var(--minidesk-status-progress-color);
  --app-notification-edge: var(--minidesk-status-progress-edge);
  --app-notification-tint: var(--minidesk-status-progress-bg);
  --app-notification-bg: color-mix(in srgb, var(--app-notification-tint) 70%, var(--bs-body-bg));
  --app-notification-outline: color-mix(in srgb, var(--app-notification-bg) 65%, var(--app-notification-edge));
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: start;
  flex-shrink: 0;
  gap: 12px;
  min-height: 60px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid var(--app-notification-outline);
  border-radius: 12px;
  background: var(--app-notification-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-card-shadow);
  text-shadow: none;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  pointer-events: auto;
}

.md-ui .md-app-notification.app-notification-good {
  --app-notification-colour: var(--minidesk-status-ready-color);
  --app-notification-edge: var(--minidesk-status-ready-edge);
  --app-notification-tint: var(--minidesk-status-ready-bg);
}

.md-ui .md-app-notification.app-notification-warning {
  --app-notification-colour: var(--minidesk-status-waiting-color);
  --app-notification-edge: var(--minidesk-status-waiting-edge);
  --app-notification-tint: var(--minidesk-status-waiting-bg);
}

.md-ui .md-app-notification.app-notification-error {
  --app-notification-colour: var(--minidesk-status-urgent-color);
  --app-notification-edge: var(--minidesk-status-urgent-edge);
  --app-notification-tint: var(--minidesk-status-urgent-bg);
}

@supports (backdrop-filter: blur(12px)) {
  .md-ui .md-app-notification {
    background: color-mix(in srgb, var(--app-notification-bg) 92%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .md-app-notification {
    background: var(--app-notification-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.md-ui .md-app-notification > .app-notification-icon {
  grid-column: 1;
  grid-row: 1;
  margin-top: 3px;
  color: var(--app-notification-colour);
  font-size: 20px;
  line-height: 24px;
  text-shadow: none;
}

.md-ui .app-notification-copy {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.md-ui .app-notification-title {
  margin: 0 0 4px;
  color: var(--bs-emphasis-color);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.35;
}

.md-ui .app-notification-title[hidden] {
  display: none;
}

.md-ui .app-notification-text {
  color: var(--bs-body-color);
  font-weight: 400;
  overflow-wrap: anywhere;
  user-select: text;
}

.md-ui .app-notification-text p:last-child {
  margin-bottom: 0;
}

.md-ui .app-notification-controls {
  grid-column: 2/-1;
  grid-row: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.md-ui .app-notification-controls:empty {
  display: none;
}

.md-ui .app-notification-controls > .btn {
  flex: 0 1 auto;
  min-height: 34px;
  padding: 6px 10px;
  max-width: 100%;
  font-size: 0.8125rem;
}

/* Actions share the message palette, with filled primary and tinted secondary buttons. */
.md-ui .app-notification-controls > .btn.app-notification-action {
  --bs-btn-color: var(--bs-body-bg);
  --bs-btn-bg: var(--app-notification-colour);
  --bs-btn-border-color: var(--app-notification-colour);
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-bg: color-mix(in srgb, var(--app-notification-colour) 85%, var(--bs-body-color));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--app-notification-colour) 75%, var(--bs-body-color));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--app-notification-colour) 25%, transparent);
  --md-button-focus-edge: var(--app-notification-colour);
  --minidesk-icon-color: currentColor;
  --minidesk-icon-hover-color: currentColor;
  font-weight: 600;
  text-shadow: none;
}

.md-ui .app-notification-controls > .app-notification-action.btn-secondary {
  --bs-btn-color: var(--app-notification-colour);
  --bs-btn-bg: var(--app-notification-tint);
  --bs-btn-border-color: color-mix(in srgb, var(--app-notification-edge) 60%, var(--app-notification-colour));
  --bs-btn-hover-bg: color-mix(in srgb, var(--app-notification-tint) 95%, var(--app-notification-colour));
  --bs-btn-hover-border-color: var(--app-notification-colour);
  --bs-btn-active-bg: color-mix(in srgb, var(--app-notification-tint) 90%, var(--app-notification-colour));
  --bs-btn-active-border-color: var(--app-notification-colour);
}

/* Message-matched resting colours; hover, focus and press use the shared popup red. */
.md-ui .md-app-notification > .app-notification-dismiss {
  --md-close-size: 34px;
  --md-close-radius: 8px;
  --md-close-colour: var(--app-notification-colour);
  --md-close-rest-edge: var(--app-notification-outline);
  grid-column: 3;
  grid-row: 1;
  align-self: start;
}

.md-ui .app-notification-timer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--app-notification-colour);
  transform-origin: left;
  animation: md-notification-timer var(--app-notification-duration) linear forwards;
  pointer-events: none;
}

@keyframes md-notification-timer {
  to {
    transform: scaleX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-ui .app-notification-timer {
    animation: none;
  }
}
@media (max-width: 540px) {
  .md-ui .md-app-notification {
    gap: 10px;
    padding: 12px;
  }
}
.md-ui.md-install-banner {
  position: fixed;
  left: 50%;
  bottom: max(16px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 1080;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  width: min(560px, 100vw - 32px);
  padding: 12px;
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: var(--bs-border-radius-lg);
  background: var(--minidesk-popup-chrome-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
}
.md-ui.md-install-banner .md-install-mark {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}
.md-ui.md-install-banner .md-install-message {
  flex: 1 1 120px;
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 600;
}
.md-ui.md-install-banner .md-install-status {
  flex: 1 1 100%;
  font-size: 0.875rem;
  color: var(--bs-danger-text-emphasis);
}
.md-ui.md-install-banner .md-install-status:empty {
  display: none;
}

.md-shell {
  --md-nav-width: 224px;
  --md-nav-height: 0px;
}
.md-shell .app-content-area {
  left: var(--md-nav-width);
  top: var(--md-nav-height);
  width: calc(100% - var(--md-nav-width));
  height: calc(100% - var(--md-nav-height));
}
.md-shell .app-content-area :is(.widget-nav-bar, .widget-page-panel) {
  max-width: min(var(--grid-preferred-width), 100% - var(--grid-viewport-gutter) * 2);
  transition-property: background-color, border-color, color, box-shadow;
}
.md-shell > .chat-placeholder, .md-shell .luma-assistant-dock {
  z-index: 1035;
}
.md-shell > .widget-overlay-portal, .md-shell .widget-picker-drawer {
  z-index: 1040;
}
.md-shell > .widget-message-portal {
  z-index: 1060;
}
.md-shell > .widget-context-menu, .md-shell > .widget-option-portal, .md-shell > .widget-autocomplete-portal {
  z-index: 11000;
}
.md-shell.md-nav-collapsed {
  --md-nav-width: 80px;
}
.md-shell.md-nav-top {
  --md-nav-width: 0px;
  --md-nav-height: 76px;
}

.md-ui .md-navigation {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--md-nav-width);
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 1030;
  overflow-y: auto;
  background: var(--bs-primary);
  color: #cbcbcb;
}
.md-ui .md-navigation:not(.offcanvas):has(.dropdown-menu.show) {
  z-index: 1038;
}
.md-ui .md-nav-brand {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0 12px;
  white-space: nowrap;
}
.md-ui .md-nav-brand-icon {
  display: block;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  background: url("../../images/minidesk-icon.svg") center/contain no-repeat;
}
.md-ui .md-mobile-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}
.md-ui :is(.md-nav-brand, .md-mobile-brand) {
  color: inherit;
  text-decoration: none;
  border-radius: var(--bs-border-radius);
}
.md-ui :is(.md-nav-brand, .md-mobile-brand):hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  color: var(--bs-emphasis-color);
}
.md-ui :is(.md-nav-brand, .md-mobile-brand):focus-visible {
  outline: 2px solid var(--md-nav-control-focus-edge);
  outline-offset: 2px;
}
.md-ui .md-nav-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
}
.md-ui .md-nav-main.top-navigation-initializing {
  visibility: hidden;
}
.md-ui .md-navigation .nav-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  color: inherit;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  text-decoration: none;
}
.md-ui .md-navigation .nav-link:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), [aria-current=page]) {
  color: var(--bs-emphasis-color);
}
.md-ui .md-navigation .nav-link[hidden] {
  display: none !important;
}
.md-ui .md-navigation .nav-link > i {
  width: 20px;
  text-align: center;
}
.md-ui .md-navigation .top-navigation-count {
  --md-nav-count-bg: #c6283d;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border: 1px solid color-mix(in srgb, var(--md-nav-count-bg) 78%, black);
  border-radius: 9px;
  background: var(--md-nav-count-bg);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  text-shadow: none;
  pointer-events: none;
}
.md-ui .md-nav-footer {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: auto;
}
.md-ui .md-nav-location {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  padding-top: 12px;
  margin-top: 12px;
}
.md-ui .md-nav-location .option-selected {
  width: 100%;
  background: transparent;
  color: inherit;
  font-size: 0.875rem;
}
.md-ui .md-navigation-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.md-ui .md-theme-control {
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: 12px;
}
.md-ui .md-nav-footer .top-navigation-label {
  display: inline;
}
.md-ui .md-navigation-controls .btn {
  flex: 1;
  min-width: 44px;
  padding-inline: 8px;
  font-size: 0.8125rem;
}
.md-ui .md-mobile-nav {
  display: none;
  color: #cbcbcb;
}
.md-ui .md-navigation .top-navigation-icon {
  overflow: visible;
}
.md-ui .md-navigation.offcanvas {
  z-index: var(--bs-offcanvas-zindex);
}

:root[data-bs-theme=light] .md-ui :is(.md-navigation, .md-mobile-nav) {
  color: #f2f2f2;
}

:root[data-bs-theme=dark] .md-ui .md-navigation .top-navigation-count {
  --md-nav-count-bg: #d83b50;
}

.md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation {
  inset: 0 0 auto;
  width: 100%;
  height: 76px;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
  overflow: visible;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-nav-brand {
  flex-shrink: 0;
  padding: 0;
  font-size: 1.25rem;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-nav-main {
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  height: 56px;
  overflow: hidden;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-nav-main .nav-link {
  flex: 0 0 auto;
  padding-inline: 10px;
  font-size: 0.875rem;
  gap: 8px;
  white-space: nowrap;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-nav-footer {
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  margin: 0;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-nav-location {
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 180px;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation-controls {
  display: flex;
  flex-wrap: nowrap;
  order: 4;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation-controls .btn {
  flex: 0 0 44px;
  width: 44px;
  padding: 0;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation-controls span {
  display: none;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-theme-control {
  margin: 0;
  order: 0;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation.md-nav-icons-only .md-nav-brand > span:not(.md-nav-brand-icon), .md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation.md-nav-icons-only .top-navigation-label, .md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation.md-nav-icons-only .md-nav-location .option-selected-label {
  display: none;
}
.md-nav-top:not(.md-nav-mobile) .md-ui .md-navigation.md-nav-icons-only .nav-link {
  justify-content: center;
}

@media (min-width: 761px) {
  .md-nav-collapsed:not(.md-nav-top) .md-ui .md-nav-brand > span:not(.md-nav-brand-icon), .md-nav-collapsed:not(.md-nav-top) .md-ui .md-navigation-controls span, .md-nav-collapsed:not(.md-nav-top) .md-ui .md-navigation .top-navigation-label, .md-nav-collapsed:not(.md-nav-top) .md-ui .md-nav-location .option-selected-label {
    display: none;
  }
  .md-nav-collapsed:not(.md-nav-top) .md-ui .md-nav-brand {
    justify-content: center;
    padding: 0;
  }
  .md-nav-collapsed:not(.md-nav-top) .md-ui .md-navigation-controls {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-nav-collapsed:not(.md-nav-top) .md-ui .md-navigation .nav-link {
    justify-content: center;
  }
}
@media (max-width: 1000px) {
  .md-nav-top:not(.md-nav-mobile) .md-ui .md-nav-footer .top-navigation-label {
    display: none;
  }
  .md-nav-top:not(.md-nav-mobile) .md-ui .md-nav-location {
    max-width: 100px;
  }
}
.md-shell.md-nav-mobile {
  --md-nav-width: 0px;
  --md-nav-height: 64px;
}

.md-shell.md-nav-mobile.md-mobile-nav-hidden {
  --md-nav-height: 0px;
}

.md-shell.md-nav-mobile .app-content-area {
  top: 0;
  height: 100%;
  box-sizing: border-box;
  padding-top: 64px;
}

.md-nav-mobile .md-ui .md-navigation.offcanvas {
  width: min(280px, 100vw);
}
.md-nav-mobile .md-ui .md-mobile-nav {
  position: fixed;
  inset: 0 0 auto;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--bs-primary);
  border-bottom: 1px solid var(--md-nav-control-edge);
  z-index: 1020;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.md-nav-mobile .md-ui .md-mobile-nav > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
}

.md-shell.md-mobile-nav-hidden .md-ui .md-mobile-nav {
  transform: translate3d(0, -100%, 0);
}

.md-ui .md-conversation-navigation {
  display: none;
}

@media (max-width: 760px) {
  .md-ui .md-conversation-navigation {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    margin-left: auto;
  }
  .md-ui .md-conversation-nav-button {
    position: relative;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    color: inherit;
  }
  .md-ui .md-conversation-nav-button[hidden] {
    display: none;
  }
  .md-ui .md-conversation-nav-button > .widget-luma-icon {
    width: 22px;
    height: 22px;
    background: currentColor;
    mask: url("../../images/luma-icon.svg") center/contain no-repeat;
  }
  .md-ui .md-conversation-nav-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    padding: 1px 4px;
    border-radius: 12px;
    background: #c6283d;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
  }
  .md-ui .md-mobile-nav {
    gap: 8px;
  }
  .md-ui .md-mobile-brand {
    min-width: 0;
  }
  .md-ui #navigate-toggle {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
  }
  .md-ui #navigate-toggle > span {
    display: none;
  }
  .md-conversation-nav-ready :is(.chat-placeholder.md-chat .chat-tab, .md-luma-dock .luma-assistant-launcher, #customer-texts-tab) {
    display: none !important;
  }
}
@media (max-width: 360px) {
  .md-conversation-nav-ready .md-mobile-brand > span:not(.md-nav-brand-icon) {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-shell .md-ui .md-mobile-nav {
    transition: none;
  }
}
.md-ui.widget-context-menu {
  padding: 6px;
  max-width: min(460px, 100vw - 16px);
  max-height: calc(100dvh - 16px);
  overflow-y: auto;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--minidesk-overlay-shadow);
  text-shadow: var(--minidesk-text-shadow);
  outline: none;
}
.md-ui.widget-context-menu .widget-context-menu-item {
  min-height: 44px;
  min-width: 0;
  width: 100%;
  padding: 10px 12px;
  color: inherit;
  font-size: 0.9375rem;
  text-shadow: inherit;
  gap: 12px;
  cursor: pointer;
  transition: background-color 0.15s, box-shadow 0.15s;
}
.md-ui.widget-context-menu .widget-context-menu-item-with-data {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 6px;
}
.md-ui.widget-context-menu .widget-context-menu-item-data {
  font-size: 0.8125rem;
}
.md-ui.widget-context-menu .widget-context-menu-item-data-label {
  color: var(--bs-secondary-color);
}
.md-ui.widget-context-menu .widget-context-menu-icon {
  color: var(--minidesk-icon-color);
  text-shadow: inherit;
}
.md-ui.widget-context-menu .widget-context-menu-item:not([aria-disabled=true]):not(.widget-context-menu-item-disabled):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  color: var(--bs-emphasis-color);
  background: var(--minidesk-control-hover);
  box-shadow: inset 0 0 0 1px var(--minidesk-control-edge-hover);
  outline: none;
}
.md-ui.widget-context-menu .widget-context-menu-item[aria-disabled=true] {
  cursor: default;
}
.md-ui.widget-context-menu .widget-context-menu-divider {
  margin: 8px 6px;
  background: var(--bs-border-color);
  box-shadow: none;
}
.md-ui.widget-context-menu .widget-context-menu-action-bar {
  padding: 0;
  gap: 8px;
  transition: none;
}
@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui.widget-context-menu {
    background: rgba(var(--bs-body-bg-rgb), 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui.widget-context-menu {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* Page navigation belongs to the menu surface until an action is hovered or focused. */
.widget-context-menu .widget-context-menu-divider {
  margin: 8px 6px;
}

.widget-context-menu .widget-context-page-controls,
.md-ui.widget-context-menu .widget-context-page-controls {
  gap: 0;
  padding: 0;
}

.widget-context-menu .widget-context-page-divider {
  position: relative;
  align-self: center;
  flex: 0 0 8px;
  width: 8px;
  height: 24px;
  pointer-events: none;
}

.widget-context-menu .widget-context-page-divider::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background: var(--bs-border-color);
}

.widget-context-menu .widget-context-page-controls .widget-context-menu-action-button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-shadow: inherit;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}

.widget-context-menu .widget-context-page-controls .widget-context-menu-action-button:not([aria-disabled=true]):not(.widget-context-menu-action-button-disabled):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-control-hover);
  border-color: var(--minidesk-control-edge-hover);
  color: var(--bs-emphasis-color);
  box-shadow: none;
}

.widget-context-menu .widget-context-page-controls .widget-context-menu-action-button:not([aria-disabled=true]):not(.widget-context-menu-action-button-disabled):active {
  background: var(--minidesk-control-active);
  border-color: var(--minidesk-control-edge-hover);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.md-ui.widget-context-menu .widget-context-page-controls .widget-context-menu-action-button:is([aria-disabled=true], .widget-context-menu-action-button-disabled),
.widget-context-menu .widget-context-page-controls .widget-context-menu-action-button:is([aria-disabled=true], .widget-context-menu-action-button-disabled) {
  background: transparent;
  color: inherit;
  box-shadow: none;
  opacity: 0.45;
  cursor: default;
}

/* Scrollbars inherit the local colour mode. Transparent tracks reveal the actual
   surface underneath, including focused fields and translucent popup surfaces. */
:root, [data-bs-theme=light] {
  --minidesk-scrollbar-thumb: #7a7a7a;
  --minidesk-scrollbar-thumb-hover: #616161;
  --minidesk-scrollbar-thumb-active: #515151;
}

[data-bs-theme=dark] {
  --minidesk-scrollbar-thumb: #888888;
  --minidesk-scrollbar-thumb-hover: #a5a5a5;
  --minidesk-scrollbar-thumb-active: #bcbcbc;
}

/* The viewport has no enclosing surface; all inner tracks show their own background. */
.md-ui {
  --minidesk-scrollbar-track: transparent;
}

.md-navigation {
  --minidesk-scrollbar-thumb: #999999;
  --minidesk-scrollbar-thumb-hover: #bcbcbc;
  --minidesk-scrollbar-thumb-active: #d0d0d0;
}

[data-bs-theme=light] .md-navigation {
  --minidesk-scrollbar-thumb: #c5c5c5;
  --minidesk-scrollbar-thumb-hover: #e0e0e0;
  --minidesk-scrollbar-thumb-active: #f2f2f2;
}

/* Leave high-contrast mode entirely to the browser and operating system. */
@media (forced-colors: none) {
  :where(.md-ui, .md-ui *) {
    scrollbar-color: var(--minidesk-scrollbar-thumb) var(--minidesk-scrollbar-track);
    scrollbar-width: auto;
  }
  /* Chromium/Safari allow rounded handles and separate hover/drag colours.
     Reset the standard property here: non-auto values override these parts.
     Firefox keeps its native handle and sizing with the same surface colours. */
  @supports selector(::-webkit-scrollbar) {
    :where(.md-ui, .md-ui *) {
      scrollbar-color: auto;
    }
    .md-ui::-webkit-scrollbar, .md-ui ::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }
    .md-ui::-webkit-scrollbar:horizontal, .md-ui ::-webkit-scrollbar:horizontal {
      height: 8px;
    }
    .md-ui::-webkit-scrollbar-track, .md-ui ::-webkit-scrollbar-track,
    .md-ui::-webkit-scrollbar-corner, .md-ui ::-webkit-scrollbar-corner {
      background-color: var(--minidesk-scrollbar-track);
      box-shadow: none;
    }
    .md-ui::-webkit-scrollbar-thumb, .md-ui ::-webkit-scrollbar-thumb {
      min-width: 32px;
      min-height: 32px;
      border: 2px solid transparent;
      border-radius: 999px;
      background-color: var(--minidesk-scrollbar-thumb);
      background-clip: padding-box;
    }
    .md-ui::-webkit-scrollbar-thumb:horizontal, .md-ui ::-webkit-scrollbar-thumb:horizontal {
      min-height: 0;
    }
    .md-ui:where(:not(.input-modality-touch):not(.input-modality-touch *))::-webkit-scrollbar-thumb:hover, .md-ui :where(:not(.input-modality-touch):not(.input-modality-touch *))::-webkit-scrollbar-thumb:hover {
      background-color: var(--minidesk-scrollbar-thumb-hover);
    }
    .md-ui::-webkit-scrollbar-thumb:active, .md-ui ::-webkit-scrollbar-thumb:active {
      background-color: var(--minidesk-scrollbar-thumb-active);
    }
    .md-ui::-webkit-scrollbar-button, .md-ui ::-webkit-scrollbar-button {
      display: none;
    }
  }
}
/* Sign-in uses its own modern surface and leaves authentication to LoginController. */
body.login-page .md-ui.md-workspace {
  display: flex;
  align-items: center;
  min-height: 100%;
  padding: clamp(16px, 4vw, 40px);
}

.md-ui .md-login-screen {
  width: min(440px, 100%);
  margin: auto;
  text-shadow: none;
}

.md-ui .md-login-screen:has(#login-form[hidden]) {
  visibility: hidden;
}

/* Legacy text glow must not reach the refreshed form. */
.md-ui .md-login-screen :is(h1, label, input, button, a) {
  text-shadow: none;
}

.md-ui .md-login-card {
  overflow: hidden;
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: 18px;
  background: var(--bs-body-bg);
  box-shadow: var(--minidesk-overlay-shadow);
}

.md-ui .md-login-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 108px;
  padding: 24px;
  background: linear-gradient(135deg, #172f42, #214a61);
}

.md-ui .md-login-logo {
  display: block;
  width: 205px;
  height: auto;
  max-width: 100%;
}

.md-ui .md-login-theme {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  min-height: 36px;
  padding: 0;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  box-shadow: none;
}

:root[data-bs-theme=light] .md-ui .md-login-header {
  background: linear-gradient(135deg, #e8f1f7, #dcecf5);
}

:root[data-bs-theme=light] .md-ui .md-login-logo {
  content: url("/images/full-logo-light.svg");
}

:root[data-bs-theme=light] .md-ui .md-login-theme {
  background: var(--minidesk-control-bg);
  border-color: var(--minidesk-control-edge);
  color: var(--bs-body-color);
}

.md-ui .md-login-copy {
  margin: 8px 0 24px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .md-login-content h1:has(+ .md-login-copy) {
  margin-bottom: 0;
}

.md-ui .md-login-field .form-label {
  margin: 0;
}

body.md-auth-page {
  display: grid;
  align-content: center;
  min-height: 100dvh;
  padding: 24px 12px;
}

.md-ui.kiosk-auth-page .md-portal-shell {
  display: grid;
  align-content: center;
  min-height: 100dvh;
  width: min(440px, 100% - 24px);
  max-width: 440px;
  padding: 24px 0;
}

.md-ui.kiosk-auth-page .kiosk-header {
  display: none;
}

.md-ui.kiosk-auth-page .kiosk-pairing-panel {
  padding: 0;
  border-radius: 18px;
}

.md-ui .md-login-content {
  padding: 32px 36px 30px;
}

.md-ui .md-login-content h1 {
  margin: 0 0 28px;
  color: var(--bs-emphasis-color);
  font-size: 1.75rem;
  font-weight: 650;
  letter-spacing: -0.025em;
}

.md-ui .md-login-form {
  display: grid;
  gap: 20px;
}

.md-ui .md-login-error {
  padding: 12px 15px;
  border: 1px solid var(--bs-danger-border-subtle);
  border-radius: 11px;
  background: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}

.md-ui .md-login-field {
  display: grid;
  gap: 8px;
}

.md-ui .md-login-field label {
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 600;
  transition: none;
}

.md-ui .md-login-field label:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  color: var(--bs-emphasis-color);
}

.md-ui .md-login-input.form-control {
  width: 100%;
  min-height: 52px;
  padding: 12px 15px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 11px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  font-size: 1rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.md-ui .md-login-input.form-control:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
}

.md-ui .md-login-input.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

.md-ui .md-login-submit.btn {
  width: 100%;
  min-height: 52px;
  margin-top: 8px;
  border-radius: 11px;
  font-weight: 600;
}

.md-ui .md-login-beta-link:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

.md-ui .md-login-footer {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--bs-border-color);
  text-align: center;
}

.md-ui .md-login-beta-link {
  color: var(--bs-link-color);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
}

.md-ui .md-login-beta-link:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  color: var(--bs-link-hover-color);
  text-decoration: underline;
}

@media (max-width: 480px) {
  body.login-page .md-ui.md-workspace {
    padding: 12px;
  }
  .md-ui .md-login-card {
    border-radius: 16px;
  }
  .md-ui .md-login-header {
    min-height: 96px;
  }
  .md-ui .md-login-logo {
    width: 180px;
  }
  .md-ui .md-login-content {
    padding: 28px 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-ui .md-login-input.form-control {
    transition: none;
  }
}
.md-slideout-host, .chat-placeholder.md-chat {
  --md-slideout-top: max(16px, calc(var(--md-nav-height, 0px) + 12px));
}

.md-slideout-host {
  position: fixed;
  width: 0;
  pointer-events: none;
  z-index: 1034;
  --md-slideout-tab-width: 48px;
  --md-slideout-tab-height: 48px;
  --md-slideout-tab-offset: 0px;
  --md-slideout-bottom: 20px;
  --md-slideout-padding: 16px;
  --md-slideout-top-radius: 0px;
  clip-path: inset(-16px -100vw -100vh 0);
}

.md-ui .md-slideout-panel {
  position: relative;
  z-index: 2;
  top: 0;
  left: calc(var(--md-slideout-panel-width) * -1);
  width: var(--md-slideout-panel-width);
  height: var(--md-slideout-panel-height);
  padding: 0;
  margin: 0;
  background: transparent;
  pointer-events: auto;
  transition: none;
}

.md-slideout-host:not(.md-slideout-open) .md-slideout-panel {
  pointer-events: none;
}

.md-ui .md-slideout-surface {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(var(--md-slideout-panel-width) * -1);
  width: calc(var(--md-slideout-panel-width) + var(--md-slideout-tab-width));
  height: var(--md-slideout-panel-height);
  pointer-events: none;
}

.md-slideout-host:not(.md-slideout-open) .md-slideout-surface {
  clip-path: inset(var(--md-slideout-tab-offset) 0 calc(100% - var(--md-slideout-tab-offset) - var(--md-slideout-tab-height)) var(--md-slideout-panel-width));
}

.md-ui .md-slideout-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: var(--bs-body-bg);
  -webkit-mask: linear-gradient(#000 0 0) left bottom/calc(var(--md-slideout-panel-width) + 1px) calc(100% - var(--md-slideout-top-radius)) no-repeat, linear-gradient(#000 0 0) left top/calc(var(--md-slideout-panel-width) - var(--md-slideout-top-radius)) var(--md-slideout-top-radius) no-repeat, radial-gradient(circle at bottom left, #000 calc(var(--md-slideout-top-radius) - 0.5px), transparent var(--md-slideout-top-radius)) left calc(var(--md-slideout-panel-width) - var(--md-slideout-top-radius)) top/var(--md-slideout-top-radius) var(--md-slideout-top-radius) no-repeat, linear-gradient(#000 0 0) right 12px top var(--md-slideout-tab-offset)/calc(var(--md-slideout-tab-width) - 12px) var(--md-slideout-tab-height) no-repeat, linear-gradient(#000 0 0) right top calc(var(--md-slideout-tab-offset) + 12px)/12px calc(var(--md-slideout-tab-height) - 24px) no-repeat, radial-gradient(circle at bottom left, #000 11.5px, transparent 12px) right top var(--md-slideout-tab-offset)/12px 12px no-repeat, radial-gradient(circle at top left, #000 11.5px, transparent 12px) right top calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 12px)/12px 12px no-repeat;
  mask: linear-gradient(#000 0 0) left bottom/calc(var(--md-slideout-panel-width) + 1px) calc(100% - var(--md-slideout-top-radius)) no-repeat, linear-gradient(#000 0 0) left top/calc(var(--md-slideout-panel-width) - var(--md-slideout-top-radius)) var(--md-slideout-top-radius) no-repeat, radial-gradient(circle at bottom left, #000 calc(var(--md-slideout-top-radius) - 0.5px), transparent var(--md-slideout-top-radius)) left calc(var(--md-slideout-panel-width) - var(--md-slideout-top-radius)) top/var(--md-slideout-top-radius) var(--md-slideout-top-radius) no-repeat, linear-gradient(#000 0 0) right 12px top var(--md-slideout-tab-offset)/calc(var(--md-slideout-tab-width) - 12px) var(--md-slideout-tab-height) no-repeat, linear-gradient(#000 0 0) right top calc(var(--md-slideout-tab-offset) + 12px)/12px calc(var(--md-slideout-tab-height) - 24px) no-repeat, radial-gradient(circle at bottom left, #000 11.5px, transparent 12px) right top var(--md-slideout-tab-offset)/12px 12px no-repeat, radial-gradient(circle at top left, #000 11.5px, transparent 12px) right top calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 12px)/12px 12px no-repeat;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.md-ui .md-slideout-surface::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: var(--md-slideout-panel-width);
  height: 100%;
  border: 1px solid var(--minidesk-overlay-edge);
  border-left: 0;
  border-right: 0;
  border-radius: 0 var(--md-slideout-top-radius) 14px 0;
  background: linear-gradient(to bottom, var(--minidesk-overlay-edge) 0 var(--md-slideout-tab-offset), transparent var(--md-slideout-tab-offset) calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 1px), var(--minidesk-overlay-edge) calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) - 1px)) right top/1px 100% no-repeat;
  background-origin: border-box;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.md-ui .md-slideout-tab {
  position: absolute;
  z-index: 3;
  top: var(--md-slideout-tab-offset);
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--md-slideout-tab-width);
  height: var(--md-slideout-tab-height);
  min-width: var(--md-slideout-tab-width);
  min-height: var(--md-slideout-tab-height);
  padding: 0;
  margin: 0;
  appearance: none;
  border: 1px solid var(--minidesk-overlay-edge);
  border-left: 0;
  border-radius: 0 12px 12px 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  font-size: 1.125rem;
  text-shadow: none;
  cursor: pointer;
  pointer-events: auto;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.md-ui .md-slideout-tab::after {
  content: "";
  position: absolute;
  inset: -1px -1px -1px 0;
  box-sizing: border-box;
  border: 2px solid var(--minidesk-control-edge-hover);
  border-left: 0;
  border-radius: 0 12px 12px 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease;
}

.md-ui .md-slideout-tab:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
  box-shadow: inset 0 1px color-mix(in srgb, var(--bs-body-color) 12%, transparent), 2px 3px 7px rgba(0, 0, 0, 0.12);
  text-shadow: none;
}

.md-ui .md-slideout-tab:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible)::after {
  opacity: 1;
}

.md-ui .md-slideout-tab > i {
  color: var(--minidesk-icon-color);
  text-shadow: none;
  transform: none;
  transition: color 0.16s ease, filter 0.16s ease;
}

.md-ui .md-slideout-tab:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) > i {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.16));
  transform: none;
}

.md-ui .md-slideout-tab:focus {
  outline: 0;
}

.md-ui .md-slideout-tab:active {
  background: var(--minidesk-control-hover);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.16);
  transform: none;
}

.md-ui .md-slideout-tab:active > i {
  filter: none;
}

.md-ui .md-panel-width-handle {
  position: absolute;
  z-index: 4;
  inset: calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height) + 8px) -6px 14px auto;
  width: 12px;
  cursor: ew-resize;
  touch-action: none;
}

.md-ui :is(.md-panel-width-handle, .md-resize-handle)::before {
  content: "";
  position: absolute;
  inset: var(--md-resize-guide-inset, 0px) auto var(--md-resize-guide-inset, 0px) 50%;
  width: 2px;
  border-radius: 2px;
  transform: translateX(-50%);
  background: var(--bs-secondary-color);
  opacity: 0;
  transition: opacity 0.16s ease;
}

.md-ui :is(.md-panel-width-handle, .md-resize-handle)::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 4px;
  height: 36px;
  max-height: 100%;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  background: var(--bs-secondary-color);
  box-shadow: 0 0 0 2px var(--bs-body-bg);
  opacity: 0;
  transition: opacity 0.16s ease;
}

.md-ui :is(.md-panel-width-handle, .md-resize-handle):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible)::before,
.md-ui :is(.md-slideout-resizing, .chat-resizing, .luma-history-resizing) :is(.md-panel-width-handle, .md-resize-handle)::before {
  opacity: 0.35;
}

.md-ui :is(.md-panel-width-handle, .md-resize-handle):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible)::after,
.md-ui :is(.md-slideout-resizing, .chat-resizing, .luma-history-resizing) :is(.md-panel-width-handle, .md-resize-handle)::after {
  opacity: 1;
}

.md-ui :is(.md-panel-width-handle, .md-resize-handle):focus-visible {
  outline: none;
}

.md-ui .md-slideout-resizing, .md-ui .md-slideout-resizing * {
  cursor: ew-resize !important;
  user-select: none;
}

.md-slideout-host:not(.md-slideout-open) .md-panel-width-handle {
  display: none;
}

@media (max-width: 735px) {
  .md-ui .md-panel-width-handle {
    display: none;
  }
}
.md-ui .md-slideout-panel.md-slideout-syncing,
.md-ui .md-slideout-tab:is(.md-slideout-animating, .md-slideout-syncing),
.md-ui .md-slideout-tab:is(.md-slideout-animating, .md-slideout-syncing) * {
  transition: none !important;
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .md-slideout-surface::before {
    background: var(--minidesk-popup-glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .md-slideout-surface::before {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-ui .md-slideout-tab, .md-ui .md-slideout-tab::after, .md-ui .md-slideout-tab > i {
    transition: none;
  }
  .md-ui :is(.md-panel-width-handle, .md-resize-handle)::before, .md-ui :is(.md-panel-width-handle, .md-resize-handle)::after {
    transition: none;
  }
}
/* MiniChat's shell and pane layout. Keep geometry here so modern chat can run without the legacy sheets. */
.chat-placeholder.md-chat {
  --chat-panel-width: calc(100vw - 60px);
  --chat-panel-height: calc(var(--chat-viewport-height, 100dvh) - var(--chat-top-inset, var(--md-chat-nav-inset, 70px)) - 20px);
  --chat-sidebar-width: 220px;
  position: fixed;
  left: 0;
  top: calc(var(--chat-viewport-top, 0px) + var(--chat-top-inset, var(--md-chat-nav-inset, 70px)));
  z-index: 90;
  width: 0;
  height: 0;
}

.chat-placeholder.md-chat {
  --md-slideout-panel-width: var(--chat-panel-width);
  --md-slideout-panel-height: var(--chat-panel-height);
  --md-slideout-tab-width: var(--chat-tab-width);
  --md-slideout-tab-height: var(--chat-tab-height);
}

.md-chat .chat-container {
  display: flex;
  flex-direction: column;
  overflow: visible;
  overscroll-behavior-y: none;
}

.chat-placeholder.md-chat .chat-container {
  container: minichat-shell/size;
}

.md-chat .chat-unread-badge {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
}

.md-chat .chat-container > .chat-unread-badge {
  display: none !important;
}

.md-chat .chat-tab .chat-unread-badge {
  left: auto;
  right: -5px;
  top: -5px;
}

.md-chat .chat-main-area {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.md-chat .chat-room-sidebar {
  display: flex;
  flex: 0 0 var(--chat-sidebar-width);
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  padding: 0;
}

.md-chat .chat-room-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.md-chat .widget-room-button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: calc(100% - 10px);
  min-height: 44px;
  margin: 4px 5px 8px;
  padding: 6px 10px;
  gap: 8px;
  overflow: hidden;
  text-align: left;
}

.md-chat .chat-room-button-stacked {
  min-height: 58px;
}

.md-chat .widget-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  font-weight: 700;
  text-transform: uppercase;
}

.md-chat .widget-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.md-chat .widget-avatar-small {
  width: 32px;
  height: 32px;
  font-size: 0.875rem;
}

.md-chat .widget-avatar-large {
  width: 54px;
  height: 54px;
  font-size: 1.125rem;
}

.md-chat .widget-room-avatar-wrap {
  position: relative;
  display: inline-flex;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}

.md-chat .widget-room-main {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

.md-chat .chat-room-button-stacked .widget-room-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 3px 6px;
}

.md-chat .widget-room-label {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.md-chat :is(.widget-room-title, .widget-picker-name) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat .widget-room-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 18px;
}

.md-chat .widget-room-indicators {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.md-chat .widget-count-badge {
  display: inline-block;
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.md-chat .widget-corner-count-badge {
  position: absolute;
  top: -7px;
  right: -7px;
}

.md-chat .widget-indicator-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  font-size: 0.625rem;
}

.md-chat .chat-sidebar-footer {
  position: relative;
  flex: 0 0 auto;
  padding-top: 10px;
}

.md-chat .md-chat-footer-surface {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: stretch;
  min-width: 0;
}

.md-chat .md-chat-account-action {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  text-align: left;
}

.md-chat .md-chat-account-avatar-wrap {
  position: relative;
  display: inline-flex;
  width: 32px;
  height: 32px;
}

.md-chat .md-chat-account-copy {
  display: grid;
  min-width: 0;
}

.md-chat :is(.md-chat-account-name, .md-chat-account-status) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat .chat-conversation-area {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 320px;
  min-height: 0;
  overflow: hidden;
  container-type: inline-size;
  container-name: minichat;
}

.md-chat .chat-sidebar-resize-handle {
  --md-resize-guide-inset: 4px;
  position: relative;
  z-index: 2;
  align-self: stretch;
  flex: 0 0 8px;
  margin-inline: -4px;
  cursor: ew-resize;
  touch-action: none;
}

.md-chat .chat-container:not(.chat-open) :is(.chat-panel-resize-handle, .chat-sidebar-resize-handle) {
  display: none;
  pointer-events: none;
}

.md-chat .chat-container.chat-resizing,
.md-chat .chat-container.chat-resizing * {
  cursor: ew-resize !important;
  user-select: none;
}

.md-chat .chat-container.chat-resizing .chat-room-sidebar,
.md-chat .chat-container.chat-resizing .chat-room-sidebar * {
  transition: none !important;
}

.md-chat .widget-hidden.widget-hidden {
  display: none !important;
}

.md-chat .widget-display-grid {
  display: grid;
}

.md-chat .widget-min-width-zero {
  min-width: 0;
}

.md-chat .widget-padding-compact {
  padding: 10px;
}

.md-chat .widget-padding-spacious {
  padding: 20px;
}

.md-chat .widget-gap-narrow {
  gap: 8px;
}

.md-chat .widget-gap-tight {
  gap: 10px;
}

.md-chat .widget-gap-medium {
  gap: 14px;
}

.md-chat .widget-gap-spacious {
  gap: 20px;
}

.md-chat .widget-gap-relaxed {
  gap: 12px;
}

.md-chat .widget-gap-dense {
  gap: 6px;
}

.md-chat .widget-gap-compact {
  gap: 5px;
}

.md-chat .widget-auto-panel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  align-items: start;
  box-sizing: border-box;
  min-width: 0;
}

.md-chat .widget-room-header-bar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  box-sizing: border-box;
  margin: 12px;
  padding: 10px 12px;
}

@media (max-height: 450px) {
  .md-chat .chat-container .widget-room-header-bar {
    margin-block: 8px;
  }
  .md-chat .chat-container .chat-composer-area {
    padding-block: 8px;
  }
}
.md-chat .widget-room-header-main {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.md-chat .widget-room-header-avatar {
  --widget-room-header-avatar-size: 32px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--widget-room-header-avatar-size);
  width: var(--widget-room-header-avatar-size);
  height: var(--widget-room-header-avatar-size);
}

.md-chat .widget-room-header-avatar .widget-room-avatar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--widget-room-header-avatar-size);
  width: var(--widget-room-header-avatar-size);
  height: var(--widget-room-header-avatar-size);
  font-size: 0.875rem;
}

.md-chat :is(.widget-room-header-title, .widget-room-header-status) {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat .widget-room-header-controls {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 100%;
  margin-left: auto;
}

.md-chat .widget-panel-room {
  display: grid;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.md-chat .widget-panel-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}

.md-chat .widget-panel-section {
  display: grid;
  box-sizing: border-box;
  min-width: 0;
}

.md-chat .widget-panel-section-label {
  display: block;
  margin: 0;
  line-height: normal;
}

.md-chat .widget-compact-form-panel {
  display: grid;
  box-sizing: border-box;
  min-width: 0;
}

.md-chat .widget-switch-list .widget-check-list {
  width: 100%;
}

.md-chat .widget-switch-list .widget-check-list > label {
  display: block;
}

.md-chat .widget-panel-action {
  box-sizing: border-box;
  width: 100%;
}

.md-chat .widget-search-panel {
  position: relative;
  z-index: 5;
  display: grid;
  align-self: center;
  flex: 1 1 300px;
  min-width: 0;
  width: 100%;
}

.md-chat .widget-search-input-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.md-chat .widget-search-input-row input {
  box-sizing: border-box;
  flex: 1 1 180px;
  min-width: 0;
  width: 100%;
  height: 40px;
  padding-inline: 15px;
}

.md-chat .widget-floating-results {
  position: absolute;
  z-index: 8;
  top: calc(100% + 6px);
  right: 0;
  box-sizing: border-box;
  display: grid;
  gap: 6px;
  max-height: 240px;
  overflow-y: auto;
}

.md-chat .chat-message-area {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.md-chat .chat-message-area::after {
  content: "Drop file to attach";
  position: absolute;
  z-index: 9;
  inset: 12px;
  display: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-weight: 700;
  pointer-events: none;
}

.md-chat :is(.chat-container, .md-notes-room).chat-attachment-drop-active .chat-message-area::after {
  display: flex;
}

.md-chat .chat-background {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 0;
  overflow-y: auto;
}

.md-chat .chat-composer-area {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  min-width: 0;
  padding: 12px;
}

.md-chat .chat-composer-input-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
  align-items: end;
  min-width: 0;
  padding: 4px;
}

.md-chat .chat-composer-input-row .widget-composer-action {
  position: relative;
  bottom: auto;
  z-index: 2;
  align-self: end;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.md-chat .chat-entry-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  max-height: clamp(44px, var(--chat-panel-height) * 0.18, 160px);
  margin: 0;
  padding: 10px 4px;
  overflow-y: hidden;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  resize: none;
  line-height: 24px;
}

.md-chat .chat-entry-box:empty::before {
  display: block;
  overflow: hidden;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.md-chat .chat-attachment-input {
  display: none;
}

.md-chat :is(.chat-background, .chat-room-list, .chat-editor-content, .chat-entry-box, .chat-ai-history, .chat-ai-messages, .chat-personal-notes-body) {
  overscroll-behavior-y: none;
}

.md-chat .chat-personal-notes-active .chat-conversation-area > :not(#chat-personal-notes-workspace),
.md-chat .chat-ai-active .chat-conversation-area > :not(#chat-ai-workspace) {
  display: none !important;
}

.md-chat :is(.chat-personal-notes-workspace, .chat-ai-workspace) {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.md-chat .chat-personal-notes-toolbar {
  align-items: normal;
  gap: 0;
  min-width: 0;
  width: 100%;
}

.md-chat .chat-personal-notes-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
  overflow-y: auto;
}

.md-chat .chat-personal-notes-body > .widget-loading-state {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 0;
}

.md-chat .chat-personal-notes-section {
  display: grid;
  gap: 10px;
}

.md-chat .chat-personal-notes-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
}

.md-chat .chat-personal-note-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  box-sizing: border-box;
  gap: 12px;
  min-width: 0;
  min-height: 180px;
  padding: 16px;
  cursor: pointer;
}

.md-chat .chat-personal-note-card-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.md-chat .chat-personal-note-footer {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding-right: 8px;
}

.md-chat .chat-personal-note-actions {
  position: static;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  max-width: none;
  margin-left: auto;
}

.md-chat .chat-personal-note-open {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.md-chat :is(.chat-personal-note-title, .chat-personal-note-body) {
  overflow-wrap: anywhere;
}

.md-chat .chat-personal-note-body {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.65;
  white-space: pre-wrap;
}

.md-chat .chat-personal-note-drag {
  cursor: grab;
}

.md-chat .chat-personal-note-drag:active {
  cursor: grabbing;
}

.md-chat .chat-personal-note-dragging {
  opacity: 0.55;
}

.md-chat .chat-personal-note-drop-target {
  box-shadow: inset 0 0 0 2px var(--md-chat-primary);
}

.md-chat .chat-personal-note-editor-layer {
  position: absolute;
  z-index: 8;
  inset: 0;
  overflow-y: auto;
}

.md-chat .chat-personal-note-editor-backdrop {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding: 20px;
}

.md-chat .chat-personal-note-editor-panel {
  display: grid;
  box-sizing: border-box;
  gap: 20px;
  width: 100%;
  max-width: 620px;
  padding: 20px;
}

.md-chat :is(.chat-personal-note-editor-header, .chat-personal-note-editor-footer) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.md-chat .chat-ai-main {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

.md-chat .chat-ai-history {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: min(var(--luma-history-width, 300px), max(180px, 100% - 280px));
  margin: 0 0 12px 12px;
  padding: 8px 10px;
  overflow-y: auto;
}

.md-chat .chat-ai-history-row {
  position: relative;
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
  padding: 4px;
}

.md-chat .chat-ai-history-item {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 8px;
  min-width: 0;
  min-height: 40px;
  padding: 0 6px;
  text-align: left;
}

.md-chat .chat-ai-history-menu {
  position: relative;
  align-self: center;
  flex: 0 0 34px;
}

.md-chat .chat-ai-history-menu-popover {
  position: absolute;
  z-index: 8;
  top: calc(100% + 5px);
  right: 0;
  width: 190px;
}

.md-chat .chat-ai-conversation {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.md-chat .chat-ai-messages {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
}

.md-chat .chat-ai-welcome {
  max-width: 520px;
  margin: auto;
  text-align: center;
}

.md-chat .chat-ai-capabilities {
  position: relative;
  max-height: 190px;
  overflow-y: auto;
}

.md-chat .chat-ai-capability-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.md-chat .chat-ai-capability {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-height: 34px;
  padding: 6px 10px;
  text-align: left;
}

@container minichat (max-width: 1100px) {
  .md-chat .chat-personal-notes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container minichat (max-width: 400px) {
  .md-chat .chat-container .chat-room-header.widget-room-header-bar {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .md-chat .chat-container .chat-room-header .widget-room-header-controls {
    grid-area: 1/2;
  }
  .md-chat .chat-container .chat-room-header .widget-search-panel {
    grid-area: 2/1/3/-1;
    max-width: none;
  }
}
@container minichat (max-width: 735px) {
  .md-chat .chat-personal-notes-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-chat .chat-personal-notes-toolbar {
    grid-column: 1/-1;
    order: 1;
  }
  .md-chat .chat-personal-notes-body {
    padding: 20px 10px;
  }
  .md-chat .chat-ai-history {
    position: absolute;
    z-index: 5;
    inset: 0 auto 12px 0;
    width: min(var(--luma-history-width, 300px), 85%);
  }
  .md-chat .luma-history-resize-handle {
    display: none;
  }
}
.chat-placeholder.md-chat.chat-compact-layout {
  --chat-panel-width: 100vw;
  --chat-panel-height: calc(min(100svh, var(--chat-viewport-height, 100svh)) - var(--chat-top-inset, var(--md-chat-nav-inset, 76px)));
}
.chat-placeholder.md-chat.chat-compact-layout .chat-container {
  max-width: 100vw;
  overflow: hidden;
  border-bottom-right-radius: 0;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-container.md-slideout-mobile-animating {
  overflow: visible;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-tab.chat-open:not(.md-slideout-animating) {
  display: none !important;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-tab.chat-open.md-slideout-animating {
  display: flex !important;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-main-area {
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  overflow: hidden;
  margin: 56px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}
.chat-placeholder.md-chat.chat-compact-layout :is(.chat-room-sidebar, .chat-conversation-area) {
  grid-area: 1/1;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  transition: opacity 0.32s ease, transform 0.32s ease;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-container.chat-sidebar-hidden .chat-room-sidebar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-110%);
}
.chat-placeholder.md-chat.chat-compact-layout .chat-container:not(.chat-sidebar-hidden) .chat-conversation-area {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(110%);
}
.chat-placeholder.md-chat.chat-compact-layout :is(.chat-panel-resize-handle, .chat-sidebar-resize-handle) {
  display: none;
}
.chat-placeholder.md-chat.chat-compact-layout :is(.chat-mobile-close, .chat-sidebar-toggle) {
  position: absolute;
  z-index: 3;
  top: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 0;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-mobile-close {
  right: max(12px, env(safe-area-inset-right));
}
.chat-placeholder.md-chat.chat-compact-layout .chat-sidebar-toggle {
  left: max(12px, env(safe-area-inset-left));
}
.chat-placeholder.md-chat.chat-compact-layout .chat-container:not(.chat-open) :is(.chat-mobile-close, .chat-sidebar-toggle) {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .chat-placeholder.md-chat.chat-compact-layout :is(.chat-room-sidebar, .chat-conversation-area) {
    transition: none;
  }
}
@media (max-width: 760px) {
  .chat-placeholder.md-chat {
    --chat-top-inset: 0px;
  }
  .chat-placeholder.md-chat.chat-compact-layout {
    --chat-panel-height: var(--chat-viewport-height, 100dvh);
  }
  .chat-placeholder.md-chat.chat-compact-layout .chat-container {
    border-radius: 0;
  }
  .chat-placeholder.md-chat.chat-compact-layout .chat-main-area {
    margin: calc(56px + env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
  }
  .chat-placeholder.md-chat.chat-compact-layout :is(.chat-mobile-close, .chat-sidebar-toggle) {
    top: calc(8px + env(safe-area-inset-top));
  }
  .chat-placeholder.md-chat.chat-compact-layout .chat-personal-notes-body {
    gap: 12px;
    padding: 12px 6px;
  }
  .chat-placeholder.md-chat.chat-compact-layout .chat-personal-notes-toolbar {
    flex-wrap: wrap;
  }
  .md-conversation-nav-ready .chat-placeholder.md-chat.chat-compact-layout {
    --chat-tab-width: 0px;
  }
}
/* MiniChat presentation; _chat_layout.scss owns shell and pane geometry. */
:is(.chat-placeholder.md-chat, .md-notes-widget.md-chat, .md-chat-widget-popover-host.md-chat, .md-customer-texts.md-chat, .md-support-chat.md-chat) {
  --chat-tab-width: 48px;
  --chat-tab-height: 48px;
  --md-chat-surface: var(--bs-body-bg);
  --md-chat-inset: var(--bs-tertiary-bg);
  --md-chat-header: var(--bs-secondary-bg);
  --md-chat-edge: var(--minidesk-inner-edge);
  --md-chat-section-edge: color-mix(in srgb, var(--minidesk-inner-edge) 65%, transparent);
  --md-chat-control-edge: var(--minidesk-flat-select-edge);
  --md-chat-control-edge-hover: var(--minidesk-flat-select-edge-hover);
  --md-chat-card-bg: var(--bs-body-bg);
  --md-chat-feed-bg: color-mix(in srgb, var(--md-chat-inset) 25%, var(--minidesk-field-bg));
  --md-chat-muted: var(--bs-secondary-color);
  --md-chat-primary: var(--bs-primary);
  --md-chat-icon-accent: var(--minidesk-status-progress-color);
  --md-chat-note-bg: var(--minidesk-icon-amber-bg);
  --md-chat-note-fg: var(--minidesk-icon-amber-color);
  --md-chat-note-edge: var(--minidesk-icon-amber-edge);
  --md-chat-alert-bg: var(--minidesk-icon-red-bg);
  --md-chat-alert-fg: var(--minidesk-icon-red-color);
  --md-chat-alert-edge: var(--minidesk-icon-red-edge);
  --md-chat-luma-bg: var(--minidesk-icon-green-bg);
  --md-chat-luma-fg: var(--minidesk-icon-green-color);
  --md-chat-luma-edge: var(--minidesk-icon-green-edge);
  --md-chat-unread-bg: #c6283d;
  color: var(--bs-body-color);
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  text-shadow: none;
}

.chat-placeholder.md-chat {
  top: calc(var(--chat-viewport-top, 0px) + var(--chat-top-inset, var(--md-chat-nav-inset, 70px)));
}

:root[data-bs-theme=light] :is(.chat-placeholder.md-chat, .md-notes-widget.md-chat, .md-chat-widget-popover-host.md-chat, .md-customer-texts.md-chat, .md-support-chat.md-chat) {
  --md-chat-primary: var(--bs-primary);
  --md-chat-icon-accent: var(--bs-primary);
}

:root[data-bs-theme=dark] :is(.chat-placeholder.md-chat, .md-notes-widget.md-chat, .md-chat-widget-popover-host.md-chat, .md-customer-texts.md-chat, .md-support-chat.md-chat) {
  --md-chat-unread-bg: #d83b50;
}

.md-shell:not(.md-nav-top) > .chat-placeholder.md-chat {
  --md-chat-nav-inset: var(--md-slideout-top);
  --chat-panel-width: calc(100vw - var(--md-nav-width) - 60px);
  left: var(--md-nav-width);
}

.md-shell.md-nav-top > .chat-placeholder.md-chat {
  --md-chat-nav-inset: var(--md-slideout-top);
  --chat-panel-width: calc(100vw - 60px);
  left: 0;
}

.md-chat *, .md-chat *::before, .md-chat *::after {
  text-shadow: none;
}

.md-chat label {
  line-height: normal;
  transition: none;
}

.md-chat .btn {
  text-shadow: none;
}

.md-chat .chat-mobile-close, .md-chat .chat-sidebar-toggle {
  display: none;
}

.md-chat :is(.content-level-0, .content-level-1, .input-shadow, .widget-message-card, .widget-compact-form-panel, .widget-status-panel, .widget-device-list-panel) {
  transition: none;
}

.md-chat .chat-container {
  border-radius: 0;
  color: var(--bs-body-color);
  font-family: Roboto, sans-serif;
  font-size: 1rem;
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  :is(.chat-placeholder.md-chat, .md-notes-widget.md-chat, .md-chat-widget-popover-host.md-chat, .md-customer-texts.md-chat, .md-support-chat.md-chat) {
    --md-chat-inset: color-mix(in srgb, var(--bs-tertiary-bg) 12%, transparent);
    --md-chat-feed-bg: color-mix(in srgb, var(--minidesk-field-bg) 36%, transparent);
  }
}
@media (prefers-reduced-transparency: reduce) {
  :is(.chat-placeholder.md-chat, .md-notes-widget.md-chat, .md-chat-widget-popover-host.md-chat, .md-customer-texts.md-chat, .md-support-chat.md-chat) {
    --md-chat-inset: var(--bs-tertiary-bg);
    --md-chat-feed-bg: color-mix(in srgb, var(--md-chat-inset) 25%, var(--minidesk-field-bg));
  }
}
.md-chat .chat-tab .chat-unread-badge {
  top: -5px;
  right: -5px;
  border: 1px solid color-mix(in srgb, var(--md-chat-unread-bg) 78%, black);
  background: var(--md-chat-unread-bg);
  color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.md-chat .chat-main-area {
  gap: 5px;
  margin: var(--md-slideout-padding, 16px);
}

.md-chat .chat-room-sidebar {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.md-chat .chat-conversation-area {
  border: 1px solid var(--md-chat-section-edge);
  border-radius: 12px;
  background: var(--md-chat-inset);
  color: var(--bs-body-color);
}

.md-chat :is(#chat-background, #chat-ai-messages) {
  background: var(--md-chat-feed-bg);
}

.md-chat #chat-personal-notes-body {
  background: var(--md-chat-inset);
}

.md-chat .chat-room-header.widget-room-header-bar {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(80px, 180px) auto;
  align-items: center;
  gap: 8px;
  border: 0;
  background: var(--md-chat-inset);
  box-shadow: none;
}

.md-chat #chat-voice-bar {
  min-height: 56px;
}

.md-chat .widget-panel-icon-button {
  position: relative;
}

.md-chat :is(.chat-ai-header, .chat-personal-notes-header).widget-room-header-bar {
  border: 0;
  background: var(--md-chat-inset);
  box-shadow: none;
}

.md-chat .chat-ai-header.widget-room-header-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.md-chat .chat-personal-notes-header.widget-room-header-bar {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(76px, 160px) auto;
  align-items: center;
  gap: 8px;
}

.md-chat .chat-personal-notes-header.widget-room-header-bar {
  position: relative;
  min-height: 56px;
}

.md-chat :is(.chat-ai-header, .chat-personal-notes-header) .widget-room-header-controls {
  flex-wrap: nowrap;
  gap: 6px;
}

.md-chat :is(.chat-ai-header, .chat-personal-notes-header) .widget-room-header-controls .widget-panel-icon-button {
  --widget-row-control-size: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  font-size: 1rem;
}

.md-chat .chat-room-header .widget-room-header-main {
  grid-area: 1/1;
  flex-basis: auto;
}

.md-chat .chat-room-header .widget-room-header-controls {
  grid-area: 1/3;
  flex-wrap: nowrap;
  gap: 6px;
}

.md-chat .chat-room-header :is(.chat-preferences-tabs, .md-settings-tabs-picker) {
  grid-area: 2/1/3/-1;
  width: 100%;
  margin-top: 2px;
}

.md-chat .chat-room-header .widget-room-header-controls .widget-panel-icon-button {
  --widget-row-control-size: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  font-size: 1rem;
}

.md-chat .chat-room-header .widget-search-panel {
  grid-area: 1/2;
  width: 100%;
  min-width: 0;
  max-width: 180px;
  justify-self: end;
}

.md-chat .chat-room-header .widget-search-input-row {
  position: relative;
  flex-wrap: nowrap;
}

.md-chat .chat-room-header :is(#chat-message-search, [data-chat-control=chat-message-search]) {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 6px 34px 6px 10px;
  font-size: 0.8125rem;
}

.md-chat .chat-room-header :is(#chat-message-search-clear, [data-chat-control=chat-message-search-clear]) {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
}

.md-chat .chat-room-header :is(#chat-message-search-results, [data-chat-control=chat-message-search-results]) {
  top: calc(100% + 4px);
  left: auto;
  right: 8px;
  width: min(300px, 100% - 16px);
}

.md-chat .chat-personal-notes-header .chat-personal-notes-toolbar {
  max-width: 180px;
  justify-self: end;
}

.md-chat .chat-personal-notes-header .widget-search-input-row {
  position: relative;
  flex-wrap: nowrap;
}

.md-chat .chat-personal-notes-header #chat-personal-notes-search {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 6px 34px 6px 10px;
  font-size: 0.8125rem;
}

.md-chat .chat-personal-notes-header #chat-personal-notes-search-clear {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
}

.md-chat .widget-room-header-avatar .widget-room-avatar-icon {
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
}

.md-chat .chat-room-icon-trigger {
  display: inline-grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: inherit;
  box-shadow: none;
  cursor: pointer;
}

.md-chat .chat-room-icon-trigger:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), [aria-expanded=true]) .widget-room-avatar-icon {
  border-color: var(--md-chat-control-edge-hover);
  background: var(--minidesk-control-hover);
  filter: none;
}

.md-chat .chat-room-icon-trigger:focus-visible {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
}

.md-chat .chat-room-icon-picker {
  position: absolute;
  z-index: 15;
  top: calc(100% + 8px);
  left: 0;
  box-sizing: border-box;
  width: min(222px, 100vw - 84px);
  padding: 9px;
}

.md-chat .chat-room-icon-picker-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.md-chat .chat-room-icon-option {
  display: grid;
  place-items: center;
  width: 100%;
  height: 42px;
  padding: 0;
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  cursor: pointer;
}

.md-chat .chat-room-icon-option:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-chat .chat-room-icon-option[aria-pressed=true] {
  border-color: var(--minidesk-status-ready-edge);
  background: var(--minidesk-status-ready-bg);
  color: var(--minidesk-status-ready-color);
}

.md-chat .chat-room-icon-option:focus-visible,
.md-chat .chat-room-icon-reset:focus-visible {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
}

.md-chat .chat-room-icon-reset {
  width: 100%;
  min-height: 32px;
  margin-top: 8px;
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  font-size: 0.8125rem;
  cursor: pointer;
}

.md-chat .chat-room-icon-reset:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-chat .chat-room-icon-picker button:disabled {
  opacity: 0.55;
  box-shadow: none;
  cursor: default;
}

.md-chat :is(.chat-room-button, .chat-room-header) .widget-room-avatar-icon {
  border-color: var(--md-chat-control-edge);
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
}

.md-chat :is(.chat-room-button[data-page-id=notifications], .chat-room-header[data-room-page-id=notifications]) .widget-room-avatar-icon {
  border-color: var(--md-chat-alert-edge);
  background: var(--md-chat-alert-bg);
  color: var(--md-chat-alert-fg);
}

.md-chat :is(.chat-personal-notes-button, .chat-personal-notes-header) .widget-room-avatar-icon,
.md-chat .chat-personal-notes-header-icon {
  border-color: var(--md-chat-note-edge);
  background: var(--md-chat-note-bg) !important;
  color: var(--md-chat-note-fg) !important;
  box-shadow: var(--minidesk-inset-shadow) !important;
  text-shadow: none;
}

.md-chat :is(.chat-personal-notes-button, .chat-personal-notes-header) .widget-count-badge.widget-count-badge-accent {
  border-color: var(--md-chat-note-edge);
  background: var(--md-chat-note-bg);
  color: var(--md-chat-note-fg);
}

.md-chat .chat-ai-sidebar-button .widget-room-avatar-icon,
.md-chat .chat-ai-header-icon {
  border-color: var(--md-chat-luma-edge);
  background: var(--md-chat-luma-bg) !important;
  color: var(--md-chat-luma-fg) !important;
  box-shadow: var(--minidesk-inset-shadow) !important;
}

.md-chat .chat-container :is(.widget-avatar, .widget-room-avatar-icon, .widget-message-avatar):has(> .widget-luma-icon) {
  border-color: var(--md-chat-luma-edge);
  background-color: var(--md-chat-luma-bg) !important;
  color: var(--md-chat-luma-fg) !important;
  box-shadow: var(--minidesk-inset-shadow) !important;
}

.md-chat :is(.chat-ai-sidebar-button, .chat-ai-header-icon) .widget-luma-icon {
  color: var(--md-chat-luma-fg) !important;
}

.md-chat .widget-luma-icon {
  color: var(--md-chat-luma-fg) !important;
}

.md-chat .widget-count-badge,
:is(.md-chat, .md-luma-dock) .chat-ai-history-count {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}

.md-chat .widget-count-badge-danger,
.md-chat .widget-notification-count {
  border: 1px solid color-mix(in srgb, var(--md-chat-unread-bg) 78%, black);
  background: var(--md-chat-unread-bg);
  color: #fff;
}

.md-chat .widget-count-badge-accent:not(.widget-notification-count) {
  border: 1px solid color-mix(in srgb, var(--bs-primary) 78%, black);
  background: var(--bs-primary);
  color: #fff;
}

.md-chat .widget-room-button {
  --md-chat-room-edge: var(--minidesk-status-progress-edge);
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  font-size: 0.9375rem;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.md-chat .widget-room-button:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-room-edge);
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
}

.md-chat .widget-room-button.widget-selection-button[aria-pressed=true] {
  border-color: var(--md-chat-room-edge);
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  box-shadow: none;
}

.md-chat .chat-personal-notes-button.widget-room-button {
  --md-chat-room-edge: var(--md-chat-note-edge);
}

.md-chat .chat-room-button[data-page-id=notifications] {
  --md-chat-room-edge: var(--md-chat-alert-edge);
}

.md-chat .chat-ai-sidebar-button.widget-room-button {
  --md-chat-room-edge: var(--md-chat-luma-edge);
}

.md-chat .chat-personal-notes-button.widget-room-button[aria-pressed=true] {
  background: var(--md-chat-note-bg);
  color: var(--md-chat-note-fg);
}

.md-chat .chat-room-button[data-page-id=notifications][aria-pressed=true] {
  background: var(--md-chat-alert-bg);
  color: var(--md-chat-alert-fg);
}

.md-chat .chat-ai-sidebar-button.widget-room-button[aria-pressed=true] {
  background: var(--md-chat-luma-bg);
  color: var(--md-chat-luma-fg);
}

.md-chat .widget-room-button:focus-visible {
  outline: 2px solid var(--md-chat-room-edge);
  outline-offset: 1px;
}

.md-chat :is(.widget-subsection-label, .widget-subsection-label-action) {
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-shadow: none;
}

.md-chat .widget-subsection-label {
  margin: 12px 5px 8px;
}

.md-chat .widget-subsection-label-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.md-chat .chat-sidebar-add-button {
  position: static;
  display: inline-grid;
  flex: 0 0 28px;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font: inherit;
  font-size: 1em;
  letter-spacing: normal;
  cursor: pointer;
}

.md-chat .chat-sidebar-add-button:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border: 0;
  background: transparent;
  color: var(--bs-emphasis-color);
  text-shadow: 0 0 8px color-mix(in srgb, var(--bs-emphasis-color) 28%, transparent);
  box-shadow: none;
}

.md-chat .chat-sidebar-add-button:focus-visible {
  outline: 0;
}

.md-chat .widget-room-title {
  color: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
}

.md-chat .widget-avatar {
  --md-chat-avatar-bg: #28485f;
  border: 1px solid color-mix(in srgb, var(--md-chat-avatar-bg) 80%, var(--bs-body-color));
  border-radius: 9px;
  background: var(--md-chat-avatar-bg);
  color: #f2f2f2;
  box-shadow: var(--minidesk-inset-shadow);
}

.md-chat .widget-avatar-bg-blue {
  --md-chat-avatar-bg: #28485f;
}

.md-chat .widget-avatar-bg-green {
  --md-chat-avatar-bg: #31553f;
}

.md-chat .widget-avatar-bg-gold {
  --md-chat-avatar-bg: #5f4d28;
}

.md-chat .widget-avatar-bg-red {
  --md-chat-avatar-bg: #5a3440;
}

.md-chat .widget-avatar-bg-purple {
  --md-chat-avatar-bg: #3e3d67;
}

.md-chat .widget-avatar-bg-grey {
  --md-chat-avatar-bg: #4d4d4d;
}

.md-chat :is(.widget-room-meta, .widget-room-empty) {
  color: var(--md-chat-muted);
  font-size: 0.8125rem;
}

.md-chat .widget-tag-text {
  min-width: 0;
  overflow: hidden;
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat .chat-sidebar-footer {
  border-top: 0;
}

.md-chat .md-chat-account-action .widget-profile-presence-indicator {
  right: -1px;
  bottom: -1px;
}

.md-chat .md-chat-footer-surface {
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
}

.md-chat .md-chat-footer-surface :is(.md-chat-account-action, .md-chat-settings-action).btn {
  min-height: 48px;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  text-shadow: none;
}

.md-chat .md-chat-account-action.btn {
  padding: 6px 9px;
  border-radius: 9px 0 0 9px;
}

.md-chat .md-chat-account-name {
  color: var(--bs-body-color);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 18px;
}

.md-chat .md-chat-account-status {
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 16px;
}

.md-chat .md-chat-footer-surface .md-chat-settings-action.btn {
  display: grid;
  place-items: center;
  width: 42px;
  min-width: 42px;
  padding: 0;
  border-radius: 0 9px 9px 0;
  color: var(--md-chat-muted);
  font-size: 0.9375rem;
}

.md-chat .md-chat-footer-surface :is(.md-chat-account-action, .md-chat-settings-action).btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-chat .md-chat-footer-surface :is(.md-chat-account-action, .md-chat-settings-action).btn:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -3px;
}

.md-chat .md-chat-footer-surface :is(.md-chat-account-action, .md-chat-settings-action).btn:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.16);
}

.md-chat #chat-status-menu {
  z-index: 10;
  top: auto;
  right: 0;
  bottom: calc(100% + 8px);
  left: auto;
  width: min(260px, 100%);
  --md-popup-mini-available-height: min(380px, var(--md-chat-status-available-height, calc(100dvh - 48px)));
}

.md-chat #chat-status-menu.md-chat-status-popup-below {
  top: calc(100% + 8px);
  bottom: auto;
}

.md-chat .md-chat-status-popup .md-popup-mini-body {
  gap: 6px;
}

.md-chat .md-chat-presence-option.btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
  font-size: 0.875rem;
  font-weight: 400;
  text-align: left;
}

.md-chat .md-chat-presence-option.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-chat .md-chat-presence-option.btn[aria-pressed=true] {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-chat .md-chat-presence-option.btn .fa-check {
  margin-left: auto;
  color: var(--minidesk-status-ready-color);
}

.md-chat :is(.widget-search-panel input, #chat-room-search, .chat-personal-notes-toolbar input, .chat-editor-bar input) {
  min-height: 40px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 9px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  font-family: Roboto, sans-serif;
  font-size: 0.9375rem;
  text-align: left;
  transition: none;
}

.md-chat :is(.widget-search-panel input, #chat-room-search, .chat-personal-notes-toolbar input, .chat-editor-bar input):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}

.md-chat .chat-editor-bar input:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--minidesk-field-edge-hover) 55%, transparent);
  outline-offset: 1px;
}

.md-chat :is(.widget-search-panel input, #chat-room-search, .chat-personal-notes-toolbar input):not([data-input-icon])::placeholder {
  color: var(--md-chat-muted);
  font-family: "MiniDesk Placeholder Icons", Roboto, sans-serif;
}

.md-chat .chat-sidebar-search-panel {
  z-index: 1;
  align-self: stretch;
  flex: 0 0 auto;
  margin-bottom: 8px;
}

.md-chat .chat-sidebar-search-panel .widget-search-input-row {
  position: relative;
  flex-wrap: nowrap;
}

.md-chat .chat-sidebar-search-panel #chat-room-search {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 6px 34px 6px 10px;
  font-size: 0.8125rem;
}

.md-chat .chat-sidebar-search-panel #chat-room-search[data-input-icon],
.md-chat .chat-room-header :is(#chat-message-search, [data-chat-control=chat-message-search])[data-input-icon],
.md-chat .chat-personal-notes-header #chat-personal-notes-search[data-input-icon] {
  padding-left: 42px;
}

.md-chat .chat-sidebar-search-panel #chat-room-search-clear {
  position: absolute;
  top: 2px;
  right: 2px;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
}

.md-chat .widget-message-author-button {
  background: transparent;
  box-shadow: none;
}

.md-chat .widget-typing-indicator {
  color: var(--md-chat-muted);
  font-size: 0.75rem;
}

.md-chat .chat-message-area::after {
  border: 2px dashed var(--md-chat-primary);
  border-radius: 12px;
  background: color-mix(in srgb, var(--md-chat-surface) 88%, var(--md-chat-primary));
  color: var(--bs-emphasis-color);
  box-shadow: var(--minidesk-overlay-shadow);
}

.md-chat .chat-message-composer {
  background: var(--md-chat-feed-bg);
  border-radius: 0 0 11px 11px;
}

.md-chat .chat-ai-composer {
  background: var(--md-chat-feed-bg);
}

.md-chat .chat-message-composer .chat-composer-input-row {
  border-radius: 12px;
}

.md-chat :is(#text-editor-field-chat, [data-chat-control=text-editor-field-chat]) {
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0;
}

.md-chat .widget-composer-preview {
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 9px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
}

.md-chat :is(.widget-composer-preview-title, .widget-composer-preview-meta) {
  color: var(--bs-body-color);
}

.md-chat .widget-composer-preview-meta {
  color: var(--md-chat-muted);
}

.md-chat :is(.widget-panel-icon-button, .widget-square-control, .chat-mobile-close, .chat-sidebar-toggle) {
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
}

.md-chat :is(.widget-panel-icon-button, .widget-square-control, .chat-mobile-close, .chat-sidebar-toggle):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-chat :is(.chat-mobile-close, .widget-composer-preview-cancel):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--bs-danger);
  background: var(--bs-danger);
  color: #fff;
}

.md-chat :is(.widget-panel-icon-button, .widget-square-control, .chat-mobile-close, .chat-sidebar-toggle):focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.md-chat .chat-mobile-close:focus-visible {
  outline-color: var(--bs-danger);
}

.md-chat :is(.widget-panel-icon-button, .widget-square-control, .chat-mobile-close, .chat-sidebar-toggle):active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.md-chat :is(.widget-floating-panel, .widget-popover-menu, .widget-floating-results, .chat-mention-suggestions) {
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 12px;
  background: var(--md-chat-surface);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
}

.md-chat .chat-mention-suggestions {
  display: none;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  min-width: 220px;
  max-height: 240px;
  overflow-y: auto;
  overscroll-behavior-y: none;
}

.md-chat .widget-suggestion-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.4;
}

.md-chat .widget-suggestion-meta {
  opacity: 0.75;
  font-size: 0.75rem;
}

.md-chat .chat-suggestion-active {
  background: var(--minidesk-control-hover);
}

.md-chat .chat-ai-message-label {
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
}

.md-chat .chat-personal-notes-body {
  background: var(--md-chat-inset);
  color: var(--bs-body-color);
}

.md-chat .chat-personal-note-card {
  --personal-note-accent: var(--md-chat-note-edge);
  --personal-note-surface: var(--md-chat-note-bg);
  --personal-note-paper: var(--personal-note-surface);
  --personal-note-control-edge: color-mix(in srgb, var(--personal-note-accent) 24%, var(--personal-note-paper));
  --personal-note-control-edge-hover: color-mix(in srgb, var(--personal-note-accent) 82%, var(--personal-note-surface));
  position: relative;
  border: 1px solid color-mix(in srgb, var(--personal-note-accent) 24%, var(--personal-note-surface));
  border-radius: 2px 2px 12px 2px;
  background: var(--personal-note-paper);
  color: var(--bs-body-color);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 1px 7px 12px -6px rgba(0, 0, 0, 0.28);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Flat adhesive strip, with the controls sitting below it. */
.md-chat .chat-personal-note-card::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  height: 5px;
  border-radius: 2px 2px 0 0;
  background: var(--personal-note-accent);
  pointer-events: none;
}

/* A turned paper corner stays outside the content and never intercepts actions. */
.md-chat .chat-personal-note-card::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 18px;
  height: 18px;
  border-radius: 2px 0 10px 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--personal-note-surface) 75%, var(--personal-note-accent)) 48%, var(--md-chat-inset) 52%);
  box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.06);
  pointer-events: none;
}

.md-chat .chat-personal-note-card-menu-open {
  position: relative;
  z-index: 4;
}

.md-chat .chat-personal-note-card.widget-personal-note-blue {
  --personal-note-accent: var(--minidesk-status-progress-edge);
  --personal-note-surface: var(--minidesk-status-progress-bg);
}

.md-chat .chat-personal-note-card.widget-personal-note-green {
  --personal-note-accent: var(--minidesk-status-ready-edge);
  --personal-note-surface: var(--minidesk-status-ready-bg);
}

.md-chat .chat-personal-note-card.widget-personal-note-yellow {
  --personal-note-accent: var(--md-chat-note-edge);
  --personal-note-surface: var(--md-chat-note-bg);
}

.md-chat .chat-personal-note-card.widget-personal-note-red {
  --personal-note-accent: var(--minidesk-status-urgent-edge);
  --personal-note-surface: var(--minidesk-status-urgent-bg);
}

.md-chat .chat-personal-note-card.widget-personal-note-neutral {
  --personal-note-accent: var(--md-chat-control-edge-hover);
  --personal-note-surface: var(--bs-secondary-bg);
}

.md-chat .chat-personal-note-card:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  border-color: var(--personal-note-control-edge);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 2px 10px 16px -7px rgba(0, 0, 0, 0.32);
}

.md-chat .chat-personal-note-title {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.md-chat .chat-personal-note-updated {
  min-width: 0;
  overflow: hidden;
  font-size: 0.7rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat .chat-personal-note-action {
  position: static;
  display: inline-grid;
  flex: 0 0 28px;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--personal-note-control-edge);
  border-radius: 4px;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  font-size: 0.75rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.md-chat .chat-personal-note-action:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--personal-note-control-edge-hover);
  background: color-mix(in srgb, var(--personal-note-surface) 77%, var(--personal-note-accent));
  color: var(--bs-emphasis-color);
  box-shadow: none;
}

.md-chat .chat-personal-note-action:focus-visible {
  outline: 2px solid var(--personal-note-control-edge-hover);
  outline-offset: 1px;
}

.md-chat .chat-personal-note-action:active {
  box-shadow: none;
}

.md-chat .chat-personal-note-pin[aria-pressed=true] {
  border-color: var(--personal-note-control-edge-hover);
  background: color-mix(in srgb, var(--personal-note-surface) 76%, var(--personal-note-accent));
  color: var(--personal-note-accent);
}

.md-chat .chat-personal-note-menu[hidden] {
  display: none;
}

.md-chat .chat-personal-note-menu {
  position: absolute;
  z-index: 5;
  top: calc(100% + 6px);
  right: 0;
  display: block;
  box-sizing: border-box;
  width: max-content;
  min-width: 190px;
}

.md-chat .chat-personal-note-menu-action {
  appearance: none;
  background: transparent;
  border: 0;
  font-family: inherit;
  margin: 0;
  outline: none;
  text-align: left;
}

.md-chat .chat-personal-note-open {
  position: relative;
  border-radius: 9px;
  font: inherit;
}

.md-chat :is(.chat-personal-note-title, .chat-personal-note-body, .chat-personal-note-shared-by) {
  color: var(--bs-body-color);
  text-shadow: none;
}

.md-chat .chat-personal-note-card :is(.chat-personal-note-title, .chat-personal-note-body) {
  color: var(--bs-emphasis-color);
}

.md-chat :is(.chat-personal-note-updated, .chat-personal-note-share-legal-name) {
  color: var(--md-chat-muted);
  text-shadow: none;
}

.md-chat .chat-personal-note-open:focus-visible {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
  box-shadow: none;
}

.md-chat .chat-personal-note-editor-backdrop {
  background: rgba(0, 0, 0, 0.58);
}

.md-chat .chat-personal-note-editor-panel {
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 12px;
  background: var(--md-chat-surface);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
}

.md-chat .chat-personal-note-dialog-title {
  color: var(--bs-emphasis-color);
}

.md-chat .chat-personal-note-color {
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 9px;
  outline: 0;
  box-shadow: none;
  transition: border-color 0.15s ease;
}

.md-chat .chat-personal-note-color:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, .chat-personal-note-color-selected) {
  border-color: var(--minidesk-control-edge-hover);
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
  box-shadow: none;
}

.md-chat .chat-personal-note-color:active {
  box-shadow: none;
}

.md-chat .chat-personal-note-share-results {
  border: 1px solid var(--md-chat-edge);
  border-radius: 9px;
  background: var(--md-chat-inset);
  box-shadow: var(--minidesk-inset-shadow);
}

.md-chat .chat-personal-note-share-recipient {
  border-radius: 8px;
  color: var(--bs-body-color);
}

.md-chat .widget-panel-room {
  color: var(--bs-body-color);
}

.md-chat .widget-panel-heading {
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
}

.md-chat .widget-panel-heading-title {
  color: var(--bs-emphasis-color);
}

.md-chat .widget-panel-heading-subtitle {
  color: var(--md-chat-muted);
}

.md-chat .widget-panel-heading-icon {
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
}

.md-chat .widget-panel-section {
  color: var(--bs-body-color);
}

.md-chat :is(.widget-compact-form-panel, .widget-status-panel, .widget-device-list-panel) {
  border: 1px solid var(--md-chat-section-edge);
  border-radius: 10px;
  background: var(--md-chat-card-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-card-shadow);
}

.md-chat .widget-panel-section-label {
  color: var(--bs-emphasis-color);
  text-shadow: none;
}

.md-chat :is(.widget-note-text, .widget-list-meta) {
  color: var(--md-chat-muted);
  text-shadow: none;
}

.md-chat :is(.widget-compact-form-panel input:not([type=checkbox]):not([type=radio]), .chat-personal-note-editor-panel input, .chat-personal-note-editor-panel textarea) {
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 9px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
}

.md-chat :is(.widget-compact-form-panel input:not([type=checkbox]):not([type=radio]), .chat-personal-note-editor-panel input, .chat-personal-note-editor-panel textarea):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
}

.md-chat .widget-compact-form-panel input:not([type=checkbox]):not([type=radio]):focus-visible {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
}

/* MiniChat controls use neutral edges; colour identifies a feature or action. */
.md-chat .btn:is(.btn-outline-secondary, .btn-outline-danger):not(.widget-room-button):not(.chat-tab):not(.widget-composer-action) {
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
}

.md-chat .btn.btn-outline-secondary:not(.widget-room-button):not(.chat-tab):not(.widget-composer-action):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-chat .btn.btn-outline-danger:not(.widget-room-button):not(.chat-tab):not(.widget-composer-action):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--bs-danger);
  background: var(--bs-danger);
  color: #fff;
}

.md-chat .btn:is(.btn-primary, .btn-success, .btn-danger) {
  border-radius: 9px;
  box-shadow: var(--minidesk-filled-button-shadow);
}

.md-chat .btn:disabled {
  box-shadow: none;
}

.md-chat .widget-panel-action.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  font-size: 0.875rem;
  font-weight: 600;
}

.md-chat .widget-action-button.btn {
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  font-size: 0.875rem;
  font-weight: 600;
}

.md-chat .widget-notification-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  max-width: 100%;
  padding: 8px 10px;
  border: 0;
  border-left: 2px solid var(--md-chat-alert-edge);
  border-radius: 7px;
  background: transparent;
  box-shadow: none;
  transition: background-color 0.15s ease;
}

.md-chat .widget-notification-item:has(> .widget-notification-open:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible)) {
  background: var(--minidesk-row-hover);
}

.md-chat .widget-notification-item:has(> .widget-notification-open:active) {
  background: var(--minidesk-control-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24);
}

.md-chat .widget-notification-item:has(> .widget-notification-open:focus-visible) {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
}

.md-chat .widget-notification-card {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
  min-height: 40px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  text-align: left;
}

/* The row owns interaction feedback; stretch its action across the padding too. */
.md-chat .widget-notification-open {
  position: static;
}

.md-chat .widget-notification-open::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.md-chat .widget-notification-open.btn:not(:disabled):not(.disabled):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :active) {
  border: 0;
  background: transparent;
  color: var(--bs-emphasis-color);
  box-shadow: none;
  outline: none;
}

.md-chat .widget-notification-icon {
  display: grid;
  place-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--md-chat-alert-edge);
  border-radius: 50%;
  background: var(--md-chat-alert-bg);
  color: var(--md-chat-alert-fg);
  box-shadow: var(--minidesk-inset-shadow);
  font-size: 0.875rem;
}

.md-chat .widget-notification-icon > i {
  color: var(--md-chat-alert-fg);
}

.md-chat .widget-notification-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3px 12px;
  min-width: 0;
}

.md-chat .widget-notification-title {
  min-width: 0;
  overflow: hidden;
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

.md-chat .widget-notification-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  min-width: 0;
}

.md-chat .widget-notification-body {
  min-width: 0;
  overflow: hidden;
  color: var(--md-chat-muted);
  font-size: 0.875rem;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.md-chat .widget-notification-time {
  min-width: 0;
  overflow: hidden;
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  white-space: nowrap;
}

.md-chat .widget-notification-dismiss {
  --widget-row-control-size: 30px;
  position: relative;
  z-index: 1;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  align-self: start;
  padding: 0;
}

.md-chat .widget-panel-room {
  gap: 14px;
}

.md-chat .widget-panel-section-label {
  margin-bottom: 6px;
  font-size: 0.875rem;
  font-weight: 600;
}

.md-chat .widget-form-label {
  color: var(--bs-body-color);
  font-size: 0.8125rem;
  font-weight: 600;
  text-shadow: none;
}

.md-chat .widget-compact-form-panel {
  padding: 14px;
}

.md-chat .widget-profile-name {
  color: var(--bs-emphasis-color);
}

.md-chat :is(.widget-profile-presence-label, .widget-profile-hint) {
  color: var(--md-chat-muted);
}

.md-chat :is(.widget-panel-control, .widget-field-input, .widget-field-textarea, .widget-color-field, .widget-device-selector .option-selected, .widget-time-field-grid .form-control) {
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 9px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
}

.md-chat :is(.widget-panel-control, .widget-field-input, .widget-field-textarea, .widget-color-field, .widget-device-selector .option-selected, .widget-time-field-grid .form-control):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
}

.md-chat .widget-device-selector .option-selected {
  min-height: 38px;
  height: 38px;
  font-size: 0.875rem;
}

.md-chat .widget-device-selector .option-items {
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 9px;
  background: var(--md-chat-surface);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
}

.md-chat .widget-device-selector .option-items > *:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-chat .widget-compact-form-panel .chat-profile-colour-field > input:is(.widget-color-code-input, .widget-color-picker),
.md-chat .widget-compact-form-panel .chat-profile-colour-field > input:is(.widget-color-code-input, .widget-color-picker):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible) {
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
}

.md-chat .chat-profile-colour-field:focus-within {
  border-color: var(--minidesk-field-edge-hover);
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
}

.md-chat .chat-volume-control {
  --chat-volume-accent: color-mix(in srgb, var(--md-chat-icon-accent) 70%, var(--md-chat-primary));
  display: grid;
  gap: 9px;
  padding: 11px 12px;
  border: 1px solid var(--md-chat-section-edge);
  border-radius: 10px;
  background: var(--md-chat-inset);
  box-shadow: var(--minidesk-inset-shadow);
}

:root[data-bs-theme=light] .md-chat .chat-volume-control {
  --chat-volume-accent: var(--md-chat-primary);
}

.md-chat .chat-volume-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.md-chat .chat-volume-value {
  min-width: 3.5em;
  padding: 3px 7px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--md-chat-primary) 12%, transparent);
  color: var(--bs-emphasis-color);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  text-align: right;
}

.md-chat .chat-volume-track {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
}

.md-chat .chat-volume-icon {
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  text-align: center;
}

.md-chat .widget-compact-form-panel .chat-volume-track .chat-sound-slider.form-range {
  appearance: none;
  width: 100%;
  height: 7px;
  min-height: 7px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}

.md-chat .chat-volume-track .chat-sound-slider.form-range::-webkit-slider-runnable-track {
  height: 7px;
  border: 0;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--chat-volume-accent) var(--chat-sound-level, 50%), var(--minidesk-field-bg) var(--chat-sound-level, 50%));
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.md-chat .chat-volume-track .chat-sound-slider.form-range::-webkit-slider-thumb {
  appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -4.5px;
  border: 2px solid var(--md-chat-surface);
  border-radius: 50%;
  background: var(--chat-volume-accent);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}

.md-chat .chat-volume-track .chat-sound-slider.form-range::-moz-range-track {
  height: 7px;
  border: 0;
  border-radius: 99px;
  background: var(--minidesk-field-bg);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.md-chat .chat-volume-track .chat-sound-slider.form-range::-moz-range-progress {
  height: 7px;
  border-radius: 99px;
  background: var(--chat-volume-accent);
}

.md-chat .chat-volume-track .chat-sound-slider.form-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 2px solid var(--md-chat-surface);
  border-radius: 50%;
  background: var(--chat-volume-accent);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}

.md-chat .chat-volume-track .chat-sound-slider.form-range:focus-visible {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 5px;
}

.md-chat .chat-sound-meter {
  accent-color: var(--bs-success);
}

.md-chat .widget-switch-list .widget-check-list {
  margin: 0;
  padding: 8px 2px;
  border-bottom: 1px solid var(--md-chat-section-edge);
  background: transparent;
  line-height: 1.35;
}

.md-chat .widget-switch-list .widget-check-list:last-child {
  border-bottom: 0;
}

.md-chat .widget-switch-list {
  display: grid;
  gap: 3px;
}

.md-chat .md-chat-setting-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 58px;
  padding: 8px;
  border-radius: 9px;
  background: transparent;
  cursor: pointer;
}

.md-chat .md-chat-setting-row:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :has(:focus-visible)) {
  background: var(--minidesk-row-hover);
}

.md-chat .md-chat-setting-icon {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 1px solid var(--minidesk-icon-blue-edge);
  border-radius: 8px;
  background: var(--minidesk-icon-blue-bg);
  color: var(--minidesk-icon-blue-color);
  box-shadow: var(--minidesk-inset-shadow);
  font-size: 0.875rem;
}

.md-chat .md-chat-setting-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.md-chat .md-chat-setting-copy strong {
  color: var(--bs-body-color);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}

.md-chat .md-chat-setting-copy small {
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  line-height: 1.35;
}

.md-chat .md-chat-setting-row .md-chat-setting-switch.form-switch {
  justify-self: end;
}

.md-chat :is(.widget-check-list-label-cell, .widget-switch-table-description, .widget-check-list-icon-cell) {
  color: var(--bs-body-color);
  text-shadow: none;
}

.md-chat .widget-switch-table-description {
  color: var(--md-chat-muted);
  font-size: 0.8125rem;
}

.md-chat .widget-check-list:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :has(:focus-visible)) .widget-check-list-label-cell {
  color: var(--bs-emphasis-color);
  text-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  .md-chat .chat-tab > i {
    transition: none;
  }
}
.md-chat .widget-compact-list-row {
  border-bottom: 1px solid var(--md-chat-section-edge);
}

.md-chat .widget-compact-list-row:last-child {
  border-bottom: 0;
}

.md-chat .widget-picker-input {
  min-height: 38px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 9px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
}

.md-chat .widget-picker-input:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
}

.md-chat .widget-picker-result.btn {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  text-align: left;
}

.md-chat .widget-picker-chip.btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
}

.md-chat .widget-picker-action.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
}

.md-chat .btn.btn-outline-secondary[aria-pressed=true]:not(.widget-room-button) {
  border-color: var(--md-chat-control-edge);
  background: var(--minidesk-status-ready-bg);
  color: var(--minidesk-status-ready-color);
}

.md-chat .widget-call-banner {
  border: 1px solid var(--md-chat-section-edge);
  border-radius: 10px;
  background: var(--md-chat-card-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-card-shadow);
}

.md-chat .widget-call-banner-action.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  border-radius: 9px;
  box-shadow: var(--minidesk-button-shadow);
}

.md-chat .widget-composer-preview-cancel.btn {
  min-width: 30px;
  min-height: 30px;
  padding: 0;
}

.md-chat .widget-composer-preview-image.btn {
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 7px;
  background: var(--minidesk-control-bg);
  box-shadow: var(--minidesk-button-shadow);
}

.md-chat .widget-composer-preview-image.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-chat :is(.widget-reaction-badge, .widget-attachment-preview, .widget-reply-preview) {
  border-color: var(--md-chat-control-edge);
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
}

.md-chat :is(.widget-reaction-badge, .widget-attachment-preview, .widget-reply-preview):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-chat .md-conversation-feed .widget-message-card,
.md-chat .md-conversation-feed .chat-own-container.widget-message-card {
  border-color: var(--md-chat-section-edge);
}

.md-chat :is(#chat-background, .md-notes-messages) > .chat-message-container[data-message-priority=urgent] {
  box-shadow: inset 3px 0 0 var(--md-chat-alert-edge);
}

.md-chat :is(#chat-background, .md-notes-messages) .chat-message-avatar-button {
  --widget-row-control-size: 40px;
  align-self: start;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
}

@container minichat (max-width: 480px) {
  .md-chat .chat-ai-header.widget-room-header-bar {
    gap: 6px;
    padding: 8px;
  }
  .md-chat .chat-room-header.widget-room-header-bar {
    grid-template-columns: minmax(110px, 1fr) minmax(76px, 120px) auto;
    gap: 6px;
    padding: 8px;
  }
  .md-chat .chat-room-header .widget-room-header-controls {
    gap: 4px;
  }
  .md-chat .chat-room-header .widget-room-header-controls .widget-panel-icon-button {
    --widget-row-control-size: 30px;
    flex-basis: 30px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
  }
  .md-chat .chat-personal-notes-header.widget-room-header-bar {
    grid-template-columns: minmax(88px, 1fr) minmax(64px, 100px) auto;
    gap: 6px;
    padding: 8px;
  }
  .md-chat :is(.chat-ai-header, .chat-personal-notes-header) .widget-room-header-controls {
    gap: 4px;
  }
  .md-chat :is(.chat-ai-header, .chat-personal-notes-header) .widget-room-header-controls .widget-panel-icon-button {
    --widget-row-control-size: 30px;
    flex-basis: 30px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
  }
}
@media (max-width: 760px) {
  .md-shell:not(.md-nav-top) > .chat-placeholder.md-chat {
    --md-chat-nav-inset: calc(var(--md-nav-height) + 12px);
  }
}
.md-shell > .chat-placeholder.md-chat.chat-compact-layout {
  --chat-panel-width: calc(100vw - var(--md-nav-width, 0px));
}

.chat-placeholder.md-chat.chat-compact-layout .chat-shell-surface::after {
  top: 0;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-tab {
  top: 0;
}
.chat-placeholder.md-chat.chat-compact-layout .widget-subsection-label-action {
  box-sizing: border-box;
  width: calc(100% - 4px);
  margin-inline: 2px;
}
.chat-placeholder.md-chat.chat-compact-layout .chat-mention-suggestions {
  left: 12px;
  width: calc(100% - 24px);
  min-width: 0;
  max-width: calc(100% - 24px);
}

@media (any-pointer: coarse) {
  #chat-placeholder.md-chat :is(input, textarea, [contenteditable]) {
    font-size: max(16px, 1rem);
  }
}
@container minichat-shell (max-height: 350px) {
  .chat-placeholder.md-chat.chat-compact-layout .chat-main-area {
    margin-block: 48px max(4px, env(safe-area-inset-bottom));
  }
  #chat-placeholder .widget-room-header-bar {
    margin: 4px 8px;
    padding: 4px 8px;
  }
  #chat-placeholder .chat-composer-area {
    padding: 4px 8px;
  }
  #chat-placeholder #chat-ai-messages {
    padding-block: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-chat .chat-tab, .md-chat .widget-room-button {
    transition: none;
  }
}
.md-chat .chat-editor-bar {
  position: absolute;
  z-index: 7;
  inset: auto 8px calc(100% - 6px);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  box-sizing: border-box;
  width: auto;
  max-width: 400px;
  min-width: 0;
  min-height: 0;
  max-height: var(--chat-editor-available-height, calc(var(--chat-panel-height) - 80px));
  margin: 0 0 0 auto;
  padding: 0;
  overflow: hidden;
  transition: none;
}

.md-chat .chat-editor-minimized .chat-editor-bar {
  display: none;
}

.md-chat .chat-editor-heading {
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}

.md-chat .chat-editor-heading-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin-left: auto;
}

.md-chat .chat-editor-content {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.md-chat .chat-editor-bar button:where(:not(.md-popup-close)) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  gap: 6px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
  text-shadow: none;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.md-chat .chat-editor-bar button > i {
  flex: 0 0 auto;
  line-height: 1;
  color: inherit;
  text-shadow: none;
}

.md-chat .chat-editor-bar button:where(:not(.md-popup-close)):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
  text-shadow: none;
}

.md-chat .chat-editor-bar button.text-editor-button-toggle:not(.md-popup-close) {
  border-color: var(--minidesk-success-control-edge);
  background: var(--bs-success);
  color: #fff;
  box-shadow: var(--minidesk-filled-button-shadow);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.md-chat .chat-editor-bar button:where(:not(.md-popup-close)):active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.md-chat .chat-editor-bar :is(button:where(:not(.md-popup-close)), input):focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -2px;
}

.md-chat .chat-editor-heading-actions > button:where(:not(.md-popup-close)) {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.md-chat .chat-editor-primary {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}

.md-chat .chat-editor-quick-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 auto;
  gap: 2px;
  min-width: 0;
}

.md-chat .chat-editor-quick-group > button {
  flex: 1 0 44px;
}

.md-chat .chat-editor-bar .chat-editor-more {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  padding: 0 10px;
  gap: 8px;
  white-space: nowrap;
  text-align: left;
  font-weight: 600;
}

.md-chat .chat-editor-more > span {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: left;
}

.md-chat .chat-editor-bar .chat-editor-more[aria-expanded=true] {
  color: var(--bs-emphasis-color);
  background: var(--minidesk-row-hover);
  box-shadow: none;
}

.md-chat .chat-editor-more[aria-expanded=true] > i:last-child {
  transform: rotate(180deg);
}

.md-chat .chat-editor-advanced {
  display: block;
  min-width: 0;
}

.md-chat .chat-editor-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  min-width: 0;
  border-bottom: 1px solid var(--minidesk-inner-edge);
}

.md-chat .chat-editor-bar .chat-editor-tab {
  flex: 1 1 44px;
  width: auto;
  min-width: 0;
  padding: 0 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 6px 6px 0 0;
  background: transparent;
  color: var(--bs-secondary-color);
  box-shadow: none;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}

.md-chat .chat-editor-bar .chat-editor-tab:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-bottom-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
  box-shadow: none;
}

.md-chat .chat-editor-bar .chat-editor-tab[aria-selected=true] {
  border-bottom-color: var(--bs-primary-text-emphasis);
  background: var(--minidesk-row-hover);
  color: var(--bs-emphasis-color);
  box-shadow: none;
  font-weight: 600;
}

.md-chat .chat-editor-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px 2px 2px;
}

.md-chat .chat-editor-panel[hidden] {
  display: none;
}

.md-chat .chat-editor-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.md-chat .chat-editor-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px;
  gap: 10px;
}

.md-chat .chat-editor-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  align-content: start;
}

.md-chat .chat-editor-field-wide {
  grid-column: 1/-1;
}

.md-chat .chat-editor-field-label {
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.md-chat .chat-editor-bar .chat-editor-labelled-action {
  flex: 1 1 112px;
  width: auto;
  min-width: 0;
  padding: 0 10px;
  justify-content: flex-start;
  line-height: 1.3;
  text-align: left;
}

.md-chat .chat-editor-bar .chat-editor-labelled-action > span {
  min-width: 0;
}

.md-chat .chat-editor-bar .widget-custom-select {
  --select-height: 44px;
  position: relative;
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
}

.md-chat .chat-editor-bar .widget-custom-select.widget-select-open {
  z-index: 3;
}

.md-chat .chat-editor-bar .widget-select-selected {
  display: flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 8px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  font-size: 0.875rem;
}

.md-chat .chat-editor-bar .widget-select-selected:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
}

.md-chat .chat-editor-bar .widget-select-selected-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat .chat-editor-bar .widget-select-down-arrow {
  position: static;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0;
  color: var(--md-chat-muted);
}

.md-chat .chat-editor-bar .widget-select-items {
  position: absolute;
  z-index: 10;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-height: 220px;
  overflow-y: auto;
  padding: 4px;
  margin: 0;
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 8px;
  background: var(--md-chat-surface);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
}

.md-chat .chat-editor-bar .widget-select-items > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin: 0;
  padding: 8px;
  border: 0;
  border-radius: 6px;
  font-size: 0.8125rem;
  line-height: 1.4;
  white-space: normal;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
}

.md-chat .chat-editor-bar .widget-select-items > div:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, [aria-selected=true]) {
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-chat .chat-editor-bar .widget-select-items > div:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -2px;
}

.md-chat .chat-editor-bar .widget-select-items > div > i {
  color: inherit;
  text-shadow: none;
}

.md-chat .chat-editor-color-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px 44px;
  align-items: center;
  gap: 8px;
}

.md-chat .chat-editor-bar .text-editor-bar-color {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 0;
  margin: 0;
  padding: 6px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 8px;
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
}

@container minichat (max-width: 260px) {
  .md-chat .chat-editor-heading .md-popup-mini-title {
    overflow-wrap: anywhere;
  }
  .md-chat .chat-editor-heading-actions {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  .md-chat .chat-editor-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-chat .chat-editor-color-row {
    grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
  }
  .md-chat .chat-editor-color-row > .chat-editor-field-label {
    grid-column: 1/-1;
  }
  .md-chat .chat-editor-more > i {
    display: none;
  }
  .md-chat .chat-editor-more > span {
    white-space: normal;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-chat .chat-editor-bar button {
    transition: none;
  }
}
/* MiniChat settings layout and utility ownership; legacy widget tables no longer style these controls. */
.md-chat .widget-gap-none {
  gap: 0;
}

.md-chat .widget-margin-bottom-compact {
  margin-bottom: 10px;
}

.md-chat .widget-panel-section-label {
  white-space: normal;
}

.md-chat .widget-compact-form-panel {
  min-height: 0;
}

.md-chat .widget-form-label {
  margin: 0;
  line-height: 1.35;
  white-space: normal;
}

.md-chat .widget-note-text {
  font-size: 0.8125rem;
  line-height: 1.4;
}

.md-chat .widget-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 20px;
  color: var(--md-chat-muted);
  text-align: center;
}

.md-chat .widget-empty-state > i {
  display: inline-block;
}

.md-chat .widget-section-heading {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.md-chat .widget-section-heading > i {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 1px solid var(--minidesk-status-progress-edge);
  border-radius: 8px;
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  box-shadow: var(--minidesk-inset-shadow);
  font-size: 0.875rem;
  text-align: center;
  text-shadow: none;
}

.md-chat .widget-section-heading-title {
  display: block;
  min-width: 0;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  font-weight: 600;
}

.md-chat .widget-time-field-grid {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.md-chat .widget-time-field-grid .form-control {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0 8px;
}

.md-chat .widget-dialog-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.md-chat .widget-dialog-action-grid > button {
  min-width: 0;
  min-height: 40px;
}

@container minichat (max-width: 760px) {
  .md-chat .widget-dialog-action-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .md-chat .widget-dialog-action-grid > .btn {
    min-height: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .md-chat .widget-time-field-grid {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
.md-chat .md-chat-setting-switch .form-check-input {
  padding: 0;
  color: var(--bs-body-color);
}

.md-chat .widget-device-selector {
  --dropdown-height: 34px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: var(--dropdown-height);
}

.md-chat .widget-device-selector .option-selected {
  box-sizing: border-box;
  width: 100%;
  height: var(--dropdown-height);
  padding: 0 28px 0 8px;
}

.md-chat .chat-sound-slider {
  min-width: 0;
}

.md-chat .widget-presence-online {
  --md-chat-presence-colour: #44a05c;
}

.md-chat .widget-presence-away {
  --md-chat-presence-colour: #d2a546;
}

.md-chat .widget-presence-busy {
  --md-chat-presence-colour: #c84c55;
}

.md-chat .widget-presence-offline {
  --md-chat-presence-colour: #777d84;
}

/* Match notification dots' round, colour-matched edge and soft shadow at a compact status size. */
.md-chat :is(.widget-room-avatar-presence, .widget-presence-indicator, .widget-profile-presence-indicator) {
  display: inline-block;
  flex: 0 0 10px;
  box-sizing: border-box;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--md-chat-presence-colour) 78%, black);
  border-radius: 999px;
  background: var(--md-chat-presence-colour);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}

.md-chat .widget-device-selector .option-selected {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  line-height: normal;
  white-space: nowrap;
}

.md-chat .widget-device-selector .option-icon {
  flex: 0 0 16px;
  white-space: nowrap;
}

.md-chat .widget-device-selector .option-selected-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  white-space: nowrap;
}

/* Shared room and composer contract for MiniChat, Luma, and record notes. */
.md-conversation {
  --md-conversation-surface: var(--bs-body-bg);
  --md-conversation-inset: var(--bs-tertiary-bg);
  --md-conversation-feed-bg: color-mix(in srgb, var(--md-conversation-inset) 25%, var(--minidesk-field-bg));
  --md-conversation-header: var(--bs-secondary-bg);
  --md-conversation-edge: var(--minidesk-inner-edge);
  --bs-border-color: var(--minidesk-inner-edge);
  --md-conversation-primary: var(--bs-primary);
  --md-conversation-muted: var(--bs-secondary-color);
  min-width: 0;
  color: var(--bs-body-color);
  font-family: Roboto, sans-serif;
  text-shadow: none;
}

:root[data-bs-theme=light] .md-conversation {
  --md-conversation-primary: var(--bs-primary);
}

.md-conversation * {
  text-shadow: none;
}

/* Every MiniChat destination uses a header, one flexible content area, and an optional composer. */
.md-chat .md-conversation-room {
  min-width: 0;
  min-height: 0;
}

.md-chat .md-conversation-room > .md-conversation-content {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.md-chat #chat-personal-notes-body.md-conversation-feed {
  background: var(--md-conversation-feed-bg);
}

.md-chat .chat-room-header[data-room-page-id=notifications].widget-room-header-bar {
  grid-template-columns: minmax(0, 1fr) auto;
}

.md-chat .chat-room-header[data-room-page-id=notification-settings].widget-room-header-bar {
  grid-template-columns: minmax(0, 1fr);
}

.md-chat .chat-room-header[data-room-page-id=notifications] #chat-notifications-dismiss-all {
  grid-area: 1/2;
  justify-self: end;
  min-height: 34px;
  padding: 5px 10px;
  font-size: 0.8125rem;
  white-space: nowrap;
}

.md-chat .chat-room-header[data-room-page-id=notifications] .widget-room-avatar-icon {
  border-color: var(--md-chat-alert-edge);
  background: var(--md-chat-alert-bg);
  color: var(--md-chat-alert-fg);
}

.md-chat .chat-room-header[data-room-page-id=notification-settings] .widget-room-avatar-icon {
  border-color: var(--minidesk-ticket-icon-edge);
  background: var(--minidesk-ticket-icon-bg);
  color: var(--minidesk-ticket-icon-color);
}

.md-conversation .md-conversation-header {
  border: 1px solid var(--md-conversation-edge);
  border-radius: 10px;
  background: var(--md-conversation-header);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  transition: none;
}

.md-conversation .md-conversation-header .widget-room-header-title {
  color: var(--bs-emphasis-color);
  font-size: 1rem;
  font-weight: 600;
}

.md-conversation .md-conversation-header .widget-room-header-status {
  color: var(--md-conversation-muted);
  font-size: 0.8125rem;
}

.md-conversation .md-conversation-header .widget-panel-icon-button {
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.md-conversation .md-conversation-header .widget-panel-icon-button:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-conversation .md-conversation-header .widget-panel-icon-button:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.md-conversation .md-conversation-header .widget-panel-icon-button:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.md-conversation .md-conversation-feed {
  min-width: 0;
  background: var(--md-conversation-inset);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
  transition: none;
}

.md-chat .md-conversation-room :is(#chat-background, #chat-ai-messages, #chat-personal-notes-body) {
  margin-inline: 0;
  border: 0;
  border-radius: 8px 8px 0 0;
  background: var(--md-chat-feed-bg);
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.28);
}

:root[data-bs-theme=light] .md-chat .md-conversation-room :is(#chat-background, #chat-ai-messages, #chat-personal-notes-body) {
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.17);
}

.md-conversation .md-conversation-feed .widget-message-card {
  border: 1px solid var(--md-conversation-edge);
  border-radius: 11px;
  background: var(--md-conversation-surface);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  transition: none;
}

.md-conversation .md-conversation-feed .chat-own-container.widget-message-card {
  border-color: var(--minidesk-status-progress-edge);
  background: var(--minidesk-status-progress-bg);
}

.md-conversation .md-conversation-feed :is(.widget-message-text, .chat-ai-message-content, .widget-message-author-button) {
  color: var(--bs-body-color);
  font-size: 0.9375rem;
}

.md-conversation .md-conversation-feed :is(.widget-message-meta, .widget-message-time, .widget-message-status) {
  color: var(--md-conversation-muted);
  font-size: 0.75rem;
}

/* Every linked room and Luma conversation uses the same continuous message rows. */
.md-conversation :is(#chat-background, #chat-ai-messages, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) {
  background: var(--md-conversation-feed-bg);
}

.md-chat .md-conversation {
  --md-conversation-feed-bg: var(--md-chat-feed-bg);
}

.md-conversation :is(#chat-background, #chat-ai-messages, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages, .luma-workflow-messages) > .chat-message-container.widget-message-card {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-self: stretch;
  gap: 12px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: var(--bs-body-color);
  transition: background-color 0.12s ease;
}

.md-conversation :is(#chat-background, #chat-ai-messages, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages, .luma-workflow-messages) > .chat-message-container + .chat-message-container {
  margin-top: 8px;
}

.md-conversation :is(#chat-background, #chat-ai-messages, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages, .luma-workflow-messages) > .chat-message-container.widget-message-card:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  background: color-mix(in srgb, var(--bs-body-color) 6%, transparent);
}

.md-conversation :is(#chat-background, #chat-ai-messages, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .chat-message-avatar.widget-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.md-conversation :is(#chat-ai-messages, #luma-assistant-messages) .chat-ai-message-assistant .chat-message-avatar {
  border-color: var(--minidesk-icon-green-edge);
  background-color: var(--minidesk-icon-green-bg) !important;
  color: var(--minidesk-icon-green-color) !important;
}

.md-conversation :is(#chat-background, #chat-ai-messages, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .widget-message-header {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2px 8px;
  margin: 0 0 2px;
}

.md-conversation :is(#chat-ai-messages, #luma-assistant-messages) .chat-ai-message-label {
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
}

.md-conversation :is(#chat-background, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .widget-message-author-button {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
  box-shadow: none;
}

.md-conversation :is(#chat-background, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .widget-message-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.md-conversation :is(#chat-background, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .widget-message-time {
  margin: 0;
  color: var(--md-conversation-muted);
  font-size: 0.6875rem;
  line-height: 1.35;
}

.md-conversation :is(#chat-background, #chat-ai-messages, #luma-assistant-messages, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .widget-message-text {
  color: var(--bs-body-color);
  font-size: 0.9375rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

.md-conversation :is(#chat-background, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .chat-user-tag {
  color: var(--md-conversation-muted);
  font-size: 0.6875rem;
  font-weight: 400;
}

.md-conversation :is(#chat-background, .md-notes-messages, .md-customer-texts-messages, .md-support-messages) .widget-message-status {
  color: var(--md-conversation-muted);
  font-size: 0.6875rem;
}

/* One centered state layout across all message destinations; only copy and tone vary. */
.md-conversation .md-conversation-feed > .chat-room-state {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  margin: auto;
  padding: 28px 20px;
  gap: 7px;
  color: var(--md-conversation-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  text-align: center;
}

.md-conversation .chat-room-state-title {
  color: var(--bs-emphasis-color);
  font-size: 0.9375rem;
  font-weight: 600;
}

.md-conversation .chat-room-state-description {
  max-width: 38ch;
}

.md-conversation .chat-room-state-icon {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin-bottom: 5px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 12px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: none;
  text-shadow: none;
  font-size: 1.125rem;
}

.md-conversation .chat-room-state-blue .chat-room-state-icon {
  border-color: var(--minidesk-icon-blue-edge);
  background: var(--minidesk-icon-blue-bg);
  color: var(--minidesk-icon-blue-color);
}

.md-conversation .chat-room-state-luma .chat-room-state-icon {
  border-color: var(--md-chat-luma-edge, var(--minidesk-icon-green-edge));
  background: var(--md-chat-luma-bg, var(--minidesk-icon-green-bg));
  color: var(--md-chat-luma-fg, var(--minidesk-icon-green-color));
}

.md-conversation .chat-room-state-luma .chat-room-state-icon .widget-luma-icon {
  color: inherit !important;
}

.md-conversation .chat-room-state-yellow .chat-room-state-icon {
  border-color: var(--md-chat-note-edge);
  background: var(--md-chat-note-bg);
  color: var(--md-chat-note-fg);
}

.md-conversation .chat-room-state-red .chat-room-state-icon,
.md-conversation .chat-room-state-danger .chat-room-state-icon {
  border-color: var(--md-chat-alert-edge);
  background: var(--md-chat-alert-bg);
  color: var(--md-chat-alert-fg);
}

.md-conversation .chat-room-state-loading .chat-room-state-icon {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.md-conversation .chat-room-state-loading .md-loading-spinner {
  margin: 0;
}

.md-conversation :is(.chat-ai-capabilities, .luma-assistant-capabilities) {
  box-sizing: border-box;
  max-height: min(28vh, 168px);
  margin: 0;
  padding: 4px 12px 10px;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  background: var(--md-conversation-feed-bg);
  box-shadow: none;
}

.md-conversation :is(.chat-ai-capabilities, .luma-assistant-capabilities)::before {
  content: none;
}

.md-conversation .chat-ai-capability-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.md-conversation .chat-ai-capability {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 12px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  font-size: 0.8125rem;
  line-height: 1.35;
  text-shadow: none;
  cursor: pointer;
  transition: border-color 0.14s ease, background-color 0.14s ease, box-shadow 0.14s ease;
}

.md-conversation .chat-ai-capability:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
  box-shadow: var(--minidesk-control-shadow);
}

.md-conversation .chat-ai-capability:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.md-conversation .chat-ai-capability-prompt {
  overflow-wrap: anywhere;
}

.md-conversation .chat-ai-capability-send {
  flex: 0 0 auto;
  color: var(--md-conversation-muted);
  font-size: 0.75rem;
}

.md-conversation .chat-ai-capability:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) .chat-ai-capability-send {
  color: var(--bs-emphasis-color);
}

.md-conversation .chat-ai-history {
  border: 1px solid var(--md-conversation-edge);
  border-radius: 10px;
  background: var(--md-conversation-inset);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
}

.md-conversation .chat-ai-history-row {
  border: 1px solid transparent;
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
}

.md-conversation .chat-ai-history-row:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :has(.chat-ai-history-item:focus-visible), :has(.chat-ai-history-menu-trigger:focus-visible)) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  box-shadow: var(--minidesk-control-shadow);
}

.md-conversation .chat-ai-history-row-active {
  border-color: var(--minidesk-status-progress-edge);
  background: var(--minidesk-status-progress-bg);
}

.md-conversation .chat-ai-history-item {
  color: inherit;
  text-shadow: none;
}

.md-conversation .chat-ai-history-item:focus-visible {
  outline: 2px solid var(--md-conversation-primary);
  outline-offset: 1px;
}

.md-conversation .chat-ai-history-pinned {
  color: var(--md-conversation-primary);
  text-shadow: none;
}

.md-conversation .chat-ai-history-menu-trigger {
  color: var(--bs-body-color);
}

.md-conversation .chat-ai-history-menu-trigger:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-menu-up .chat-ai-history-menu-popover {
  top: auto;
  bottom: calc(100% + 5px);
}

.md-conversation .chat-ai-composer-controls {
  color: var(--bs-body-color);
  text-shadow: none;
}

.md-conversation .chat-ai-composer-controls::after {
  background: var(--bs-border-color);
}

.md-conversation :is(.chat-ai-composer-controls .widget-action-ghost, .chat-ai-full-auto-control) {
  color: var(--bs-body-color);
  text-shadow: none;
}

.md-conversation :is(.chat-ai-composer-controls .widget-action-ghost, .chat-ai-full-auto-control):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-conversation .chat-ai-full-auto-control.disabled:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: transparent;
  color: #afafaf;
}

.md-conversation .chat-ai-full-auto-control:has(input:checked) {
  color: var(--bs-success);
}

.md-conversation .chat-ai-citation {
  border-color: var(--minidesk-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
}

.md-conversation .chat-ai-citation:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-conversation .md-conversation-composer {
  min-width: 0;
  color: var(--bs-body-color);
}

.md-conversation .chat-composer-frame {
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 12px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  transition: border-color 0.14s ease, background-color 0.14s ease, box-shadow 0.14s ease;
}

.md-conversation .chat-composer-frame:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
}

.md-conversation .chat-composer-frame:focus-within {
  border-color: var(--minidesk-field-edge-hover);
  outline: 0;
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}

.md-conversation .chat-composer-frame > .md-conversation-input-row {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.md-conversation .chat-composer-frame > .md-conversation-input-row:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.md-conversation .chat-composer-tools {
  display: flex;
  align-items: center;
  gap: 2px;
  min-height: 30px;
  margin: 0 8px;
  padding: 2px 0 3px;
  border-bottom: 1px solid color-mix(in srgb, var(--minidesk-field-edge) 65%, transparent);
}

.md-conversation .md-conversation-input {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  text-shadow: none;
  transition: none;
}

.md-conversation .chat-composer-frame .md-conversation-input:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible) {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.md-conversation .md-conversation-input::placeholder,
.md-conversation .md-conversation-input:empty::before {
  color: var(--md-conversation-muted);
  text-shadow: none;
}

/* Center the DM prefix as an input icon rather than using the text font's descending @ glyph. */
.md-conversation .md-conversation-input[data-placeholder^="@"][data-placeholder-name]:empty::before {
  content: attr(data-placeholder-name);
  padding-left: 22px;
  font-family: inherit;
}

.md-conversation .md-conversation-input[data-placeholder^="@"][data-placeholder-name]:empty::after {
  content: "\f1fa";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  color: var(--md-conversation-muted);
  font-family: "Font Awesome 7 Free";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}

.md-conversation .md-conversation-input-row .md-conversation-send {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--md-conversation-primary) 75%, black);
  border-radius: 9px;
  background: var(--md-conversation-primary);
  color: #fff;
  box-shadow: var(--minidesk-filled-button-shadow);
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.md-conversation .md-conversation-input-row .md-conversation-send:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-conversation-primary);
  background: color-mix(in srgb, var(--md-conversation-primary) 84%, white);
  color: #fff;
  box-shadow: var(--minidesk-control-shadow);
}

.md-conversation .md-conversation-input-row .md-conversation-send:focus-visible {
  outline: 2px solid var(--md-conversation-primary);
  outline-offset: 2px;
}

.md-conversation .md-conversation-input-row .md-conversation-send:active {
  background: color-mix(in srgb, var(--md-conversation-primary) 86%, black);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.22);
}

.md-conversation .md-conversation-input-row .md-conversation-send:disabled {
  cursor: default;
  opacity: 0.55;
}

/* Every chat composer uses one inset field; the optional toolbar adds capabilities above its input row. */
:is(.md-chat, .md-luma-dock) .md-conversation-composer .chat-composer-frame .md-conversation-input-row :is(.widget-composer-action, .md-conversation-send) {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .md-conversation-composer .chat-composer-frame .md-conversation-input-row :is(.widget-composer-action, .md-conversation-send):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, [aria-expanded=true]) {
  border: 0;
  outline: 0;
  background: color-mix(in srgb, var(--bs-emphasis-color) 11%, transparent);
  color: var(--bs-emphasis-color);
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .md-conversation-composer .chat-composer-frame .md-conversation-input-row .md-conversation-send {
  color: var(--md-chat-icon-accent, var(--md-conversation-primary));
}

:is(.md-chat, .md-luma-dock) .md-conversation-composer .chat-composer-frame .md-conversation-input-row .md-conversation-send:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  color: var(--md-chat-icon-accent, var(--md-conversation-primary));
}

:is(.md-chat, .md-luma-dock) .md-conversation-composer .chat-composer-frame .md-conversation-input-row .md-conversation-send:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) i {
  filter: brightness(1.2);
}

:is(.md-chat, .md-luma-dock) .md-conversation-composer .chat-composer-frame .md-conversation-input-row .md-conversation-send:active {
  border: 0;
  background: color-mix(in srgb, var(--md-chat-icon-accent, var(--md-conversation-primary)) 15%, transparent);
  box-shadow: none;
}

/* The linked record room occupies its widget shell without adding a second set of cards. */
.md-ui .md-notes-widget.md-chat {
  min-width: 0;
  overflow: hidden;
  container: minichat/inline-size;
  background: var(--minidesk-popup-glass-bg);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.md-ui .md-notes-widget .md-notes-room.chat-conversation-area {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 300px;
  border: 0;
  border-radius: 0;
  background: transparent;
  --md-conversation-feed-bg: var(--md-chat-feed-bg);
}

.md-ui .md-notes-room .chat-room-header.widget-room-header-bar {
  grid-template-columns: minmax(0, 1fr) minmax(80px, 180px) auto;
  min-height: 56px;
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.md-ui .md-notes-room .md-notes-room-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--md-chat-section-edge);
  border-radius: 12px;
  background: var(--md-chat-feed-bg);
}

.md-ui .md-notes-room .chat-room-header .widget-room-header-main {
  min-width: 0;
}

.md-ui .md-notes-room .chat-room-header .widget-room-header-controls {
  grid-area: 1/3;
}

.md-ui .md-notes-room .chat-message-area {
  flex: 1 1 auto;
  min-height: 150px;
  max-height: 360px;
}

.md-ui .md-notes-room .md-notes-messages {
  width: 100%;
  min-height: 150px;
  margin: 0;
  padding: 12px 20px;
  border: 0;
  border-radius: 8px 8px 0 0;
  background: var(--md-chat-feed-bg);
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.28);
}

.md-ui .md-notes-room .chat-message-composer {
  margin: 0;
  padding: 12px;
  background: var(--md-chat-feed-bg);
  border-radius: 0 0 11px 11px;
}

.md-ui .md-notes-room .chat-composer-frame {
  width: 100%;
}

.md-ui .md-notes-room .chat-composer-input-row {
  grid-template-columns: 40px minmax(0, 1fr) 40px 40px;
}

.md-ui .md-notes-room .chat-entry-box {
  max-height: 160px;
  user-select: text;
}

.md-ui .md-notes-room .md-notes-edit-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 4px 12px;
  background: var(--md-chat-feed-bg);
  color: var(--md-conversation-muted);
  font-size: 0.8125rem;
}

.md-ui .md-notes-room .md-notes-edit-bar.widget-hidden {
  display: none;
}

@container minichat (max-width: 640px) {
  .md-ui .md-notes-room .chat-room-header.widget-room-header-bar {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .md-ui .md-notes-room .chat-room-header .widget-room-header-controls {
    grid-area: 1/2;
  }
  .md-ui .md-notes-room .chat-room-header .widget-search-panel {
    grid-area: 2/1/3/-1;
    max-width: none;
  }
  .md-ui .md-notes-room .md-notes-messages {
    padding-inline: 8px;
  }
}
@container minichat (max-width: 380px) {
  .md-ui .md-notes-room .chat-composer-input-row {
    grid-template-columns: minmax(0, 1fr) 40px;
  }
  .md-ui .md-notes-room .chat-composer-input-row > :is(.chat-attachment-button, .chat-editor-toolbar-toggle) {
    grid-row: 1;
  }
  .md-ui .md-notes-room .chat-composer-input-row > .md-conversation-input {
    grid-column: 1;
    grid-row: 2;
  }
  .md-ui .md-notes-room .chat-composer-input-row > .md-conversation-send {
    grid-column: 2;
    grid-row: 2;
  }
  .md-ui .md-notes-room .chat-room-header .widget-room-header-main {
    grid-area: 1/1/2/-1;
  }
  .md-ui .md-notes-room .chat-room-header .widget-room-header-controls {
    grid-area: 2/1/3/-1;
    justify-content: flex-end;
  }
  .md-ui .md-notes-room .chat-room-header .widget-search-panel {
    grid-area: 3/1/4/-1;
  }
}
.md-luma-dock .luma-assistant-panel {
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 14px;
  background: var(--bs-body-bg);
  box-shadow: var(--minidesk-overlay-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: none;
}

.md-luma-dock .luma-assistant-chat-area {
  border-radius: 11px;
  background: var(--bs-body-bg);
}

.md-luma-dock .luma-assistant-composer {
  background: var(--md-conversation-feed-bg);
}

.md-luma-dock .luma-assistant-launcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 7px 10px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 12px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
  text-shadow: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-luma-dock .luma-assistant-launcher {
    background: var(--minidesk-popup-glass-bg);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-luma-dock .luma-assistant-launcher {
    background: var(--bs-body-bg);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.md-luma-dock .luma-assistant-launcher:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)):not(.luma-assistant-launcher-hover-reset), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  box-shadow: var(--minidesk-button-shadow);
}

.md-luma-dock .luma-assistant-launcher:active {
  background: var(--minidesk-control-active);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.md-luma-dock .luma-assistant-launcher-copy {
  display: block;
  min-width: 0;
}

.md-luma-dock .luma-assistant-launcher-copy strong {
  color: var(--bs-body-color);
  font-size: 0.875rem;
  line-height: 1.2;
  text-shadow: none;
  white-space: nowrap;
}

.md-luma-dock .luma-assistant-launcher .luma-assistant-avatar {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  font-size: 15px;
}

.md-luma-dock .luma-assistant-launcher-count {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  border: 1px solid var(--minidesk-icon-green-edge);
  border-radius: 999px;
  background: var(--minidesk-icon-green-bg);
  color: var(--minidesk-icon-green-color);
  box-shadow: none;
  font-size: 0.7rem;
  line-height: 1;
  text-shadow: none;
}

.md-luma-dock :is(.luma-assistant-header, .luma-assistant-launcher) .widget-room-avatar-icon {
  border: 1px solid var(--minidesk-icon-green-edge);
  border-radius: 9px;
  background: var(--minidesk-icon-green-bg) !important;
  color: var(--minidesk-icon-green-color) !important;
  box-shadow: var(--minidesk-inset-shadow) !important;
}

.md-luma-dock :is(.luma-assistant-header, .luma-assistant-launcher) .widget-room-avatar-icon:has(> .widget-luma-icon) {
  background-color: var(--minidesk-icon-green-bg) !important;
}

.md-luma-dock .widget-luma-icon {
  color: var(--minidesk-icon-green-color) !important;
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .md-conversation .md-conversation-input-row .md-conversation-send {
    transition: none;
  }
}
/* Shared MiniChat media cards and attachment viewer. */
.md-chat.md-ui .widget-attachment-image {
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: min(220px, 100%);
  max-width: min(380px, 100%);
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 10px;
  background: var(--md-chat-card-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-card-shadow);
  text-shadow: none;
}

.md-chat.md-ui .widget-attachment-image:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  border-color: var(--md-chat-control-edge-hover);
  box-shadow: var(--minidesk-card-shadow);
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-preview {
  position: relative;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--md-chat-card-bg);
  box-shadow: none;
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-thumbnail {
  display: block;
  width: 100%;
  max-height: 260px;
  aspect-ratio: auto;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.09);
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-preview-hint {
  right: 10px;
  bottom: 10px;
  padding: 6px 9px;
  border-radius: 7px;
  background: rgba(18, 22, 30, 0.78);
  color: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: translateY(3px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-preview:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) .widget-attachment-preview-hint {
  opacity: 1;
  transform: none;
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-details {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  gap: 2px 10px;
  padding: 10px 12px;
  background: var(--md-chat-card-bg);
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-title {
  grid-column: 1;
  font-size: 0.85rem;
  line-height: 1.3;
  color: var(--bs-emphasis-color);
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-meta {
  grid-column: 1;
  margin: 0;
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
}

.md-chat.md-ui .widget-attachment-image .widget-attachment-open {
  grid-column: 2;
  grid-row: 1/3;
  min-height: 32px;
  font-size: 0.75rem;
}

.md-chat.md-ui .widget-link-preview {
  display: flex;
  align-items: center;
  width: min(420px, 100%);
  min-width: 0;
  gap: 11px;
  margin-top: 8px;
  padding: 10px 12px;
  overflow: hidden;
  border: 1px solid var(--md-chat-control-edge);
  border-left: 3px solid var(--md-chat-primary);
  border-radius: 9px;
  background: var(--md-chat-card-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-card-shadow);
  text-decoration: none;
  text-shadow: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.md-chat.md-ui .widget-link-preview:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-control-edge-hover);
  border-left-color: var(--md-chat-primary);
  background: var(--minidesk-control-hover);
  color: var(--bs-body-color);
}

.md-chat.md-ui .widget-link-preview-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
}

.md-chat.md-ui .widget-link-preview-content {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.md-chat.md-ui .widget-link-preview-domain {
  color: var(--minidesk-status-progress-color);
  font-size: 0.72rem;
  font-weight: 700;
}

.md-chat.md-ui .widget-link-preview-title {
  overflow: hidden;
  color: var(--bs-emphasis-color);
  font-size: 0.86rem;
  font-weight: 650;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat.md-ui .widget-link-preview-description {
  overflow: hidden;
  color: var(--bs-secondary-color);
  font-size: 0.73rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-chat.md-ui .widget-link-preview-image-wrap {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--minidesk-field-bg);
}

.md-chat.md-ui .widget-link-preview-image {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 6px;
  object-fit: cover;
  background: var(--minidesk-field-bg);
}

.md-chat.md-ui .widget-link-preview-open {
  margin-left: auto;
  color: var(--bs-secondary-color);
  font-size: 0.7rem;
}

.md-file-gallery .widget-media-preview {
  position: relative;
}

.md-media-inline-loading {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: none;
  place-items: center;
  background: color-mix(in srgb, var(--minidesk-field-bg) 87%, transparent);
  color: var(--bs-secondary-color);
  pointer-events: none;
}

.md-file-gallery .widget-media-attachment[data-preview-state=loading] .md-media-inline-loading,
.md-chat.md-ui [data-preview-state=loading] .md-media-inline-loading {
  display: grid;
}

.md-media-inline-loading .md-popup-loading-spinner {
  width: 24px;
  height: 24px;
  border-width: 2px;
}

.md-chat.md-ui .widget-link-preview[data-preview-state=loading] .widget-link-preview-image {
  visibility: hidden;
}

.md-chat.md-ui .widget-link-preview[data-preview-state=error] .widget-link-preview-image-wrap {
  display: none;
}

.md-chat.md-ui .widget-attachment-image[data-preview-state=loading] .widget-attachment-thumbnail,
.md-file-gallery .widget-media-attachment[data-preview-state=loading] :is(.widget-media-image, .widget-media-pdf-preview) {
  visibility: hidden;
}

.md-chat.md-ui .widget-attachment-image[data-preview-state=error] .widget-attachment-thumbnail,
.md-file-gallery .widget-media-attachment[data-preview-state=error] :is(.widget-media-image, .widget-media-pdf-preview) {
  display: none;
}

.widget-media-preview-display {
  padding: clamp(8px, 2vw, 22px);
}

.widget-media-zoom-surface {
  gap: 0;
  width: min(1020px, 100%);
  height: min(780px, 100%);
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 14px;
  color: var(--bs-body-color);
  text-shadow: none;
}

.widget-media-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 11px 16px;
  background: var(--minidesk-popup-header-bg, var(--bs-tertiary-bg));
}

.widget-media-preview-title {
  display: grid;
  grid-column: auto;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-shadow: none;
}

.widget-media-preview-label {
  color: var(--bs-secondary-color);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.widget-media-preview-label > i {
  color: var(--bs-primary);
}

.widget-media-preview-name {
  display: block;
  overflow: hidden;
  font-size: 0.95rem;
  font-weight: 650;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-media-preview-actions {
  gap: 7px;
}

.widget-media-zoom-action {
  display: inline-grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  font: inherit;
  font-size: 0.9rem;
  text-shadow: none;
  cursor: pointer;
}

.widget-media-zoom-action:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.widget-media-zoom-action:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.widget-media-zoom-action:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.widget-media-zoom-frame {
  margin: 0;
  padding: clamp(10px, 2vw, 24px);
  border: 0;
  border-radius: 0;
  background: rgba(8, 12, 18, 0.78);
  box-shadow: inset 0 10px 24px rgba(0, 0, 0, 0.2);
}

.widget-media-zoom-image {
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.3));
}

.widget-media-zoom-pdf {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.23);
}

.widget-media-preview-status {
  color: #f3f5f8;
}

.widget-media-preview-status > i {
  color: #9ac5ff;
}

.widget-media-preview-footer {
  min-height: 60px;
  padding: 10px 16px;
  gap: 10px;
  background: var(--minidesk-popup-footer-bg, var(--bs-tertiary-bg));
}

.widget-media-preview-meta {
  gap: 2px;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  line-height: 1.35;
}

.widget-media-preview-date {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}

.widget-media-preview-open {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--minidesk-status-progress-edge);
  border-radius: 8px;
  font-size: 0.8rem;
  box-shadow: var(--minidesk-button-shadow);
}

/* The shared image/PDF viewer follows the same glass, chrome, and close control as other popups. */
.md-ui .md-media-preview-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(1020px, 100%);
  height: min(780px, 100%);
  padding: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--minidesk-overlay-edge);
  border-radius: 14px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-overlay-shadow);
  text-shadow: none;
}

.md-ui .md-media-preview-dialog.widget-media-preview-expanded {
  width: 100%;
  height: 100%;
}

.md-ui .md-media-preview-dialog .md-media-preview-header,
.md-ui .md-media-preview-dialog .md-media-preview-footer {
  flex: 0 0 auto;
}

.md-ui .md-media-preview-dialog .md-media-preview-header {
  justify-content: space-between;
}

.md-ui .md-media-preview-dialog .md-media-preview-footer {
  justify-content: space-between;
}

.md-ui .md-media-preview-dialog .widget-media-preview-title {
  grid-column: auto;
  text-align: left;
}

.md-ui .md-media-preview-dialog .widget-media-preview-name {
  display: block;
  max-width: min(70vw, 760px);
  margin: 0;
  overflow: hidden;
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-ui .md-media-preview-dialog .widget-media-preview-label {
  margin: 4px 0 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
}

.md-ui .md-media-preview-dialog .widget-media-preview-label > i {
  color: var(--bs-primary-text-emphasis);
}

.md-ui .md-media-preview-dialog .widget-media-preview-actions {
  align-items: center;
}

.md-ui .md-media-preview-dialog .widget-overlay-close {
  position: static;
  inset: auto;
  z-index: auto;
}

.md-ui .md-media-preview-dialog .widget-media-zoom-frame {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: clamp(10px, 2vw, 24px);
  border: 0;
  border-radius: 0;
  background: var(--minidesk-popup-glass-bg);
  box-shadow: inset 0 9px 20px rgba(0, 0, 0, 0.1);
}

.md-ui .md-media-preview-dialog[data-preview-kind=pdf] .widget-media-zoom-frame {
  align-items: stretch;
  justify-content: stretch;
  padding: 0;
}

.md-ui .md-media-preview-dialog[data-preview-kind=pdf] .widget-media-zoom-pdf {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.md-ui .md-media-preview-dialog .md-media-preview-window-controls {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-3px);
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.md-ui .md-media-preview-dialog:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) .md-media-preview-window-controls,
.md-ui .md-media-preview-dialog:has(.md-media-preview-window-controls :focus-visible) .md-media-preview-window-controls {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.md-ui .md-media-preview-dialog .widget-media-zoom-action {
  display: inline-grid;
  place-items: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 10px;
  background: var(--minidesk-popup-chrome-bg);
  color: var(--bs-emphasis-color);
  box-shadow: var(--minidesk-button-shadow), 0 3px 12px rgba(0, 0, 0, 0.18);
  font-size: 1rem;
  text-shadow: none;
}

.md-ui .md-media-preview-dialog .widget-media-zoom-action.widget-hidden {
  display: none;
}

.md-ui .md-media-preview-dialog .widget-media-zoom-action:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
  box-shadow: var(--minidesk-button-shadow), 0 4px 14px rgba(0, 0, 0, 0.22);
}

.md-ui .md-media-preview-dialog .widget-media-zoom-action:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.md-ui .md-media-preview-dialog .widget-media-zoom-action:active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.17);
}

.md-ui .md-media-preview-dialog .widget-media-preview-status.md-popup-body-loading {
  z-index: 1;
  background: var(--minidesk-popup-glass-bg);
  color: var(--bs-secondary-color);
}

.md-ui .md-media-preview-dialog .widget-media-preview-open {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 0 12px;
  font-size: 0.875rem;
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-ui .md-media-preview-dialog {
    background: transparent;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .md-ui .md-media-preview-dialog :is(.md-media-preview-header, .md-media-preview-footer) {
    background: var(--minidesk-popup-chrome-glass-bg);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-ui .md-media-preview-dialog {
    background: var(--bs-body-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .md-ui .md-media-preview-dialog :is(.md-media-preview-header, .md-media-preview-footer) {
    background: var(--minidesk-popup-chrome-bg);
  }
  .md-ui .md-media-preview-dialog .widget-media-zoom-frame {
    background: var(--bs-body-bg);
  }
}
@media (max-width: 540px) {
  .widget-media-preview-header {
    min-height: 54px;
    padding: 8px 10px;
  }
  .widget-media-preview-footer {
    min-height: 52px;
    padding: 8px 10px;
  }
  .widget-media-preview-open {
    min-height: 32px;
  }
  .md-ui .md-media-preview-dialog .md-media-preview-header {
    min-height: 54px;
    padding: 10px 12px;
  }
  .md-ui .md-media-preview-dialog .md-media-preview-footer {
    min-height: 52px;
    padding: 10px 12px;
  }
  .md-ui .md-media-preview-dialog .md-media-preview-window-controls {
    top: 10px;
    right: 10px;
  }
}
@media (hover: none) {
  .md-ui .md-media-preview-dialog .md-media-preview-window-controls {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-chat.md-ui .widget-attachment-image .widget-attachment-preview-hint {
    transition: none;
  }
  .md-ui .md-media-preview-dialog .md-media-preview-window-controls {
    transition: none;
  }
}
/* Luma uses the room composer and history surface in MiniChat and the dock. */
:is(.md-chat, .md-luma-dock) .luma-thinking-indicator {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  align-self: stretch;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 4px 12px 0;
  color: var(--md-chat-muted, var(--bs-secondary-color));
  font-size: 0.75rem;
  background: var(--md-conversation-feed-bg);
}

:is(.md-chat, .md-luma-dock) .luma-thinking-indicator[hidden] {
  display: none;
}

.luma-supplier-status .fa-circle {
  color: inherit;
  font-size: 0.5em;
  vertical-align: middle;
}

.luma-supplier-status .luma-availability-online .fa-circle {
  color: var(--minidesk-icon-green-color);
}

:is(.md-chat, .md-luma-dock) .luma-surface-conversation .chat-ai-composer-controls {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
  min-height: 28px;
  padding: 0;
}

:is(.md-chat, .md-luma-dock) .luma-surface-conversation .chat-ai-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: 44px;
  align-items: end;
  min-width: 0;
  padding: 4px 4px 4px 10px;
}

:is(.md-chat, .md-luma-dock) .luma-surface-conversation .chat-ai-input-row .widget-composer-action {
  position: relative;
  bottom: auto;
  z-index: 2;
  align-self: end;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
}

:is(.md-chat, .md-luma-dock) .luma-surface-conversation .chat-ai-composer-shell {
  box-sizing: border-box;
  padding: 2px;
}

/* Long action hints stay on one line; entered messages still wrap and grow. */
:is(.md-chat, .md-luma-dock) .chat-ai-composer .md-conversation-input:placeholder-shown {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* A choice is part of the shared input, which already owns the field depth. */
:is(.md-chat, .md-luma-dock) .md-conversation .ai-intake-composer-host [data-intake-chat-input].option-selected,
:is(.md-chat, .md-luma-dock) .md-conversation .ai-intake-composer-host [data-intake-chat-input].option-selected:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible, :active, [aria-expanded=true]) {
  width: 100%;
  min-height: 40px;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  text-shadow: none;
  outline: none;
}

:is(.md-chat, .md-luma-dock) .widget-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  color: #afafaf;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls :is(.chat-ai-model-control, .luma-assistant-model-control) {
  align-self: center;
  display: flex;
  flex: 0 0 28px;
  min-width: 0;
  width: 28px;
  height: 28px;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls :is(.chat-ai-model-control, .luma-assistant-model-control) :is(.ai-model-field-compact, .ai-model-selector-compact, .option-selected) {
  box-sizing: border-box;
  flex: 0 0 28px;
  min-width: 28px;
  max-width: 28px;
  width: 28px;
  min-height: 28px;
  max-height: 28px;
  height: 28px;
}

/* Keep the compact trigger above the general chat button and select-field rules. */
:is(.md-chat, .md-luma-dock) .md-conversation .chat-composer-frame :is(.chat-composer-tools, .chat-ai-composer-controls) :is(.chat-ai-model-control, .luma-assistant-model-control) .ai-model-selector-compact .option-selected {
  display: grid;
  place-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  box-shadow: none;
  color: var(--bs-body-color);
  font-size: 13px;
  line-height: normal;
  text-shadow: none;
  transition: color 0.15s ease;
}
:is(.md-chat, .md-luma-dock) .md-conversation .chat-composer-frame :is(.chat-composer-tools, .chat-ai-composer-controls) :is(.chat-ai-model-control, .luma-assistant-model-control) .ai-model-selector-compact .option-selected::after {
  content: none;
  display: none;
}

:is(.md-chat, .md-luma-dock) :is(.chat-composer-tools, .chat-ai-composer-controls) :is(.chat-ai-model-control, .luma-assistant-model-control) .option-selected > .option-icon {
  position: static;
  width: auto;
  margin: 0;
  transform: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-full-auto-control {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  box-shadow: none;
  color: var(--bs-body-color);
  cursor: pointer;
  font-size: 13px;
  opacity: 1;
  text-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-full-auto-control.disabled {
  cursor: default;
  opacity: 0.65;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-control-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls::after {
  content: none;
  display: none;
}

:is(.md-chat, .md-luma-dock) .chat-composer-frame .chat-composer-tools::after {
  content: none;
  display: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls .ai-model-selector-compact .option-selected:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls .ai-model-selector-compact {
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* Match the compact model and full-auto controls, including after enhancement. */
:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-composer-controls .widget-action-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  text-shadow: none;
  line-height: 1;
}

/* Toolbar actions live in the field; only their glyphs respond to hover. */
:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-composer-controls :is(.widget-action-ghost, .chat-ai-full-auto-control, .ai-model-selector-compact .option-selected):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, [aria-expanded=true]),
:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-composer-controls .chat-ai-full-auto-control:has(input:focus-visible) {
  border-color: transparent;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls :is(.widget-action-ghost, .chat-ai-full-auto-control, .ai-model-selector-compact .option-selected) i {
  transition: color 0.15s ease, transform 0.15s ease;
}

:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls :is(.widget-action-ghost, .chat-ai-full-auto-control, .ai-model-selector-compact .option-selected):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, [aria-expanded=true]) i,
:is(.md-chat, .md-luma-dock) .chat-ai-composer-controls .chat-ai-full-auto-control:has(input:focus-visible) i {
  color: var(--bs-emphasis-color);
  transform: scale(1.1);
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-composer-frame .chat-ai-composer-controls .chat-ai-full-auto-control:has(input:checked) i {
  color: var(--minidesk-icon-amber-color);
}

/* Luma messages should not reveal an inset card when the pointer crosses a row. */
:is(.md-chat, .md-luma-dock) .md-conversation :is(#chat-ai-messages, #luma-assistant-messages, .luma-workflow-messages) > .chat-message-container.widget-message-card:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border-radius: 0;
  background: transparent;
}

:is(.md-chat, .md-luma-dock) .luma-workflow-messages > .chat-message-container > .widget-message-body {
  width: auto;
}

:is(.md-chat, .md-luma-dock) .luma-workflow-messages > .ai-new-ticket-message-expanded > .widget-message-body {
  display: block;
}

:is(.md-chat, .md-luma-dock) .luma-workflow-messages .ai-assistance-output {
  white-space: normal;
}

/* Action containers belong to the feed; only messages and review controls have a surface. */
:is(.md-chat, .md-luma-dock) :is(.luma-assistant-inline-workflow, .chat-ai-inline-workflow, .luma-paused-workflow) {
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) :is(.ai-assistance-continuous, .ai-new-ticket-continuous, .ai-new-ticket-continuous .ai-new-ticket-body, .ai-new-ticket-continuous-chat) {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}

:is(.md-chat, .md-luma-dock) .ai-intake-continue.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  gap: 8px;
  max-width: 100%;
  white-space: normal;
}

:is(.md-chat, .md-luma-dock) .luma-review-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 8px;
}

:is(.md-chat, .md-luma-dock) .luma-review-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  gap: 6px;
  min-height: 28px;
  max-width: 100%;
  margin: 0;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--md-conversation-muted);
  box-shadow: none;
  font: inherit;
  font-size: 0.8125rem;
  line-height: 1.35;
  text-align: start;
  white-space: normal;
  cursor: pointer;
}

:is(.md-chat, .md-luma-dock) .luma-review-action-primary {
  background: color-mix(in srgb, var(--md-conversation-primary) 10%, transparent);
  color: var(--md-conversation-primary);
}

:is(.md-chat, .md-luma-dock) .luma-review-action:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)) {
  background: color-mix(in srgb, var(--bs-body-color) 6%, transparent);
  color: var(--bs-body-color);
}

:is(.md-chat, .md-luma-dock) .luma-review-action:focus-visible {
  outline: 2px solid var(--md-conversation-primary);
  outline-offset: 2px;
}

:is(.md-chat, .md-luma-dock) .luma-review-action:disabled {
  opacity: 0.5;
  cursor: default;
}

/* Reviewed prose remains editable without looking like a form inside the reply. */
:is(.md-chat, .md-luma-dock) .ai-assistance-continuous #ai-assistance-editable-output,
:is(.md-chat, .md-luma-dock) .ai-assistance-continuous #ai-assistance-editable-output:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus) {
  width: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-body-color);
  box-shadow: none;
  font: inherit;
  line-height: 1.5;
  resize: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-error-icon {
  margin-inline-end: 6px;
  color: var(--bs-danger-text-emphasis);
}

:is(.md-chat, .md-luma-dock) :is(.chat-ai-history, .luma-assistant-history) {
  --md-conversation-muted: #5d6874;
  --luma-history-bg: var(--md-chat-luma-bg, var(--minidesk-icon-green-bg));
  --luma-history-color: var(--md-chat-luma-fg, var(--minidesk-icon-green-color));
  --luma-history-edge: var(--md-chat-luma-edge, var(--minidesk-icon-green-edge));
  border: 1px solid var(--md-conversation-edge);
  border-radius: 11px;
  background: var(--minidesk-popup-chrome-bg);
  color: #26313b;
  box-shadow: var(--minidesk-card-shadow);
}

[data-bs-theme=dark] :is(.md-chat, .md-luma-dock) :is(.chat-ai-history, .luma-assistant-history) {
  --md-conversation-muted: #acb8c4;
  color: #edf1f4;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 3px 2px 9px;
  color: var(--md-conversation-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-count {
  border: 1px solid var(--luma-history-edge);
  background: var(--luma-history-bg);
  color: var(--luma-history-color);
  letter-spacing: 0;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-list {
  display: grid;
  gap: 4px;
  width: 100%;
  min-width: 0;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-row {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 4px;
  overflow: visible;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-row:has(> .chat-ai-history-menu[open]) {
  z-index: 20;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-row:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :has(.chat-ai-history-item:focus-visible), :has(.chat-ai-history-menu-trigger:focus-visible)) {
  border-color: var(--luma-history-edge);
  background: color-mix(in srgb, var(--luma-history-bg) 65%, var(--minidesk-control-hover));
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-row-active {
  border-color: var(--luma-history-edge);
  background: var(--luma-history-bg);
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-row-active:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :has(.chat-ai-history-item:focus-visible), :has(.chat-ai-history-menu-trigger:focus-visible)) {
  border-color: var(--luma-history-edge);
  background: var(--luma-history-bg);
  box-shadow: none;
}

/* The row owns the pressed surface, including its separate options trigger. */
:is(.md-chat, .md-luma-dock) .chat-ai-history-row:has(> .chat-ai-history-item:not(:disabled):active, > .chat-ai-history-menu > .chat-ai-history-menu-trigger:active) {
  border-color: var(--luma-history-edge);
  background: color-mix(in srgb, var(--luma-history-bg) 86%, var(--luma-history-color));
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24);
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-item,
:is(.md-chat, .md-luma-dock) .chat-ai-history-item.btn:not(:disabled):not(.disabled):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible, :active) {
  min-height: 50px;
  justify-content: flex-start;
  gap: 10px;
  padding: 4px;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  text-align: left;
  text-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-row:has(> .chat-ai-history-item:focus-visible, > .chat-ai-history-menu > .chat-ai-history-menu-trigger:focus-visible) {
  outline: 2px solid var(--luma-history-color);
  outline-offset: -2px;
}

/* The history search is the same inset input used by MiniChat's room searches. */
:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search,
:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search:focus-within {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search .chat-ai-history-search-input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 8px 12px 8px var(--md-input-padding-left, 42px);
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 9px;
  outline: 0;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  text-align: left;
  text-shadow: none;
  transition: none;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search:has(.chat-ai-history-search-clear, .chat-ai-history-search-progress) .chat-ai-history-search-input {
  padding-right: 36px;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search:has(.chat-ai-history-search-clear):has(.chat-ai-history-search-progress) .chat-ai-history-search-input {
  padding-right: 58px;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search .chat-ai-history-search-input:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible) {
  border-color: var(--minidesk-field-edge-hover);
  outline: 0;
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search .chat-ai-history-search-input:focus-visible {
  outline: 2px solid var(--luma-history-color);
  outline-offset: -2px;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search-input::placeholder {
  color: var(--md-chat-muted, var(--bs-secondary-color));
  font-family: Roboto, sans-serif;
  opacity: 1;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search-progress {
  position: absolute;
  top: 14px;
  right: 12px;
  color: var(--bs-secondary-color);
  font-size: 12px;
  pointer-events: none;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search:has(.chat-ai-history-search-clear) .chat-ai-history-search-progress {
  right: 36px;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search-clear.btn,
:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search-clear.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  position: absolute;
  top: 4px;
  right: 4px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: var(--bs-secondary-color);
  text-shadow: none;
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search-clear.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  color: var(--bs-emphasis-color);
}

:is(.md-chat, .md-luma-dock) .md-conversation .chat-ai-history-search-clear.btn:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: -2px;
}

/* Anchor to the row so the menu also fits a narrow, resized history panel. */
:is(.md-chat, .md-luma-dock) .chat-ai-history-menu {
  position: static;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-menu-popover {
  right: 4px;
  min-width: 0;
  max-width: calc(100% - 8px);
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-menu-trigger,
:is(.md-chat, .md-luma-dock) .chat-ai-history-menu-trigger.widget-square-control:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible, :active) {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-menu-trigger:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  color: var(--bs-emphasis-color);
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-item .widget-room-label {
  gap: 4px;
  text-align: left;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-item .widget-room-title {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

[data-bs-theme=dark] :is(.md-chat, .md-luma-dock) .chat-ai-history-item .widget-room-title {
  color: #edf1f4;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-avatar.widget-room-avatar-icon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid var(--luma-history-edge);
  background: var(--luma-history-bg);
  color: var(--luma-history-color);
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-row-active .chat-ai-history-avatar.widget-room-avatar-icon {
  background: transparent;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-avatar i {
  font-size: 14px;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  color: var(--md-conversation-muted);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-date {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-pinned {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  font-size: inherit;
  text-shadow: none;
  transform: none;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-pinned i {
  font-size: 10px;
}

:is(.md-chat, .md-luma-dock) .chat-ai-history-empty {
  color: var(--md-conversation-muted);
}

.md-luma-dock .luma-assistant-history {
  width: min(var(--luma-history-width, 310px), 86%);
}

:is(.md-chat, .md-luma-dock) :is(.chat-ai-history, .luma-assistant-history) {
  overflow: visible;
}

:is(.md-chat, .md-luma-dock) .luma-history-scroll {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior-y: none;
}

:is(.md-chat, .md-luma-dock) .luma-history-resize-handle {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  cursor: ew-resize;
  touch-action: none;
}

:is(.md-chat, .md-luma-dock) .luma-history-resizing,
:is(.md-chat, .md-luma-dock) .luma-history-resizing * {
  user-select: none;
}

@media (max-width: 735px) {
  .md-luma-dock .luma-history-resize-handle {
    display: none;
  }
}
/* The same Luma room is mounted in MiniChat and in the floating window. */
.md-luma-dock {
  --md-chat-inset: var(--bs-tertiary-bg);
  --md-chat-feed-bg: color-mix(in srgb, var(--md-chat-inset) 25%, var(--minidesk-field-bg));
}

@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-luma-dock {
    --md-chat-inset: color-mix(in srgb, var(--bs-tertiary-bg) 12%, transparent);
    --md-chat-feed-bg: color-mix(in srgb, var(--minidesk-field-bg) 36%, transparent);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-luma-dock {
    --md-chat-inset: var(--bs-tertiary-bg);
    --md-chat-feed-bg: color-mix(in srgb, var(--md-chat-inset) 25%, var(--minidesk-field-bg));
  }
}
:is(.md-chat, .md-luma-dock) .md-conversation:has(> .luma-surface-header) {
  --md-conversation-feed-bg: var(--md-chat-feed-bg);
}

.md-luma-dock .md-conversation .luma-surface-header.widget-room-header-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 56px;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: var(--md-chat-inset);
  box-shadow: none;
}

.md-luma-dock .luma-surface-header .widget-room-header-main {
  flex-basis: 0;
}

.md-luma-dock .luma-surface-header .widget-room-header-controls {
  flex-wrap: nowrap;
  gap: 6px;
}

.md-luma-dock .luma-surface-header .widget-panel-icon-button {
  --widget-row-control-size: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  font-size: 1rem;
}

:is(.md-chat, .md-luma-dock) .luma-surface-header .widget-panel-icon-button.widget-hidden {
  display: none;
}

:is(.md-chat, .md-luma-dock) .luma-surface-main {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  min-width: 0;
  min-height: 0;
}

:is(.md-chat, .md-luma-dock) .luma-surface-conversation {
  --md-chat-icon-accent: var(--minidesk-status-progress-color);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

:is(.md-chat, .md-luma-dock) .luma-surface-messages.md-conversation-feed {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  margin: 0;
  padding: 12px;
  overflow-y: auto;
  border: 0;
  border-radius: 8px 8px 0 0;
  background: var(--md-conversation-feed-bg);
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.28);
}

:is(.md-chat, .md-luma-dock) .luma-surface-messages > .chat-message-container {
  flex: 0 0 auto;
}

:is(.md-chat, .md-luma-dock) .luma-surface-capabilities {
  max-height: min(28vh, 168px);
  padding: 4px 12px 10px;
  border: 0;
  background: var(--md-conversation-feed-bg);
  box-shadow: none;
}

:is(.md-chat, .md-luma-dock) .luma-surface-conversation > .chat-ai-composer {
  flex: 0 0 auto;
  padding: 12px;
  background: var(--md-conversation-feed-bg);
}

:is(.md-chat, .md-luma-dock) .md-conversation .luma-surface-conversation .chat-composer-frame {
  border: 1px solid var(--minidesk-field-edge);
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
}

:is(.md-chat, .md-luma-dock) .md-conversation .luma-surface-conversation .chat-composer-frame:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-within) {
  border-color: var(--minidesk-field-edge-hover);
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}

:is(.md-chat, .md-luma-dock) .luma-surface-history {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: min(var(--luma-history-width, 300px), max(180px, 100% - 280px));
  margin: 0 0 12px 12px;
  padding: 8px 10px;
}

.md-luma-dock .luma-surface-history {
  position: absolute;
  z-index: 3;
  inset: 0 auto 0 12px;
  width: min(var(--luma-history-width, 300px), 86%);
  margin: 0;
}

.md-luma-dock .luma-assistant-chat-area {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.md-luma-dock .luma-assistant-panel {
  padding: 0;
  border-radius: 12px;
}

.md-luma-dock .luma-assistant-chat-area {
  border-radius: 11px;
}

@container minichat (max-width: 735px) {
  .md-chat .luma-surface-history {
    position: absolute;
    z-index: 5;
    inset: 0 auto 12px 0;
    width: min(var(--luma-history-width, 300px), 85%);
  }
}
@media (max-width: 760px) {
  .md-luma-dock.luma-assistant-dock:not(.luma-assistant-collapsed) {
    inset: var(--luma-viewport-top, 0px) 0 auto;
    width: 100%;
    max-width: none;
    height: var(--luma-viewport-height, 100dvh);
  }
  .md-luma-dock .luma-assistant-panel {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: none;
    border: 0;
    border-radius: 0;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  .md-luma-dock .luma-assistant-chat-area {
    border-radius: 0;
  }
  .md-luma-dock .luma-surface-header .widget-panel-icon-button {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
  .md-luma-dock .luma-surface-header .widget-room-header-controls {
    gap: 4px;
  }
  .md-luma-dock .luma-surface-messages.md-conversation-feed {
    padding: 10px;
    border-radius: 0;
  }
  .md-luma-dock .luma-surface-conversation > .chat-ai-composer {
    padding: 8px;
  }
  .md-luma-dock .luma-surface-capabilities {
    max-height: min(24dvh, 140px);
    padding: 4px 10px 8px;
  }
  .md-luma-dock .luma-surface-history {
    inset: 0 auto 0 0;
    width: min(340px, 100%);
    border-radius: 0;
  }
  .md-luma-dock .luma-history-resize-handle {
    display: none;
  }
  .md-luma-dock .md-conversation .luma-surface-conversation .md-conversation-input {
    font-size: 16px;
  }
}
/* Room icon appearance and picker. Sidebar tiles remain compact; the header has room for a larger icon. */
.md-ui .widget-room-avatar-icon {
  text-shadow: none;
}

.md-chat .widget-room-avatar-icon,
.md-luma-dock .widget-room-avatar-icon {
  --md-icon-tile-glyph-size: 14px;
  box-sizing: border-box;
  font-size: var(--md-icon-tile-glyph-size);
}

.md-chat .widget-room-header-avatar {
  --widget-room-header-avatar-size: 40px;
}

.md-chat .widget-room-header-avatar .widget-room-avatar-icon,
.md-luma-dock .widget-room-header-avatar .widget-room-avatar-icon {
  --md-icon-tile-glyph-size: 17px;
  font-size: var(--md-icon-tile-glyph-size);
}

:is(.md-chat, .md-luma-dock) .widget-message-avatar:has(> .widget-luma-icon) {
  --md-icon-tile-glyph-size: 17px;
}

/* Ticket intake and embedded assistance render the same conversation avatar
   outside MiniChat's .md-conversation shell. */
:is(.ai-assistance-dialog, .ai-new-ticket-conversation) .widget-message-avatar {
  --md-icon-tile-glyph-size: 17px;
  box-sizing: border-box;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  font-size: 15px;
}

:is(.ai-assistance-dialog, .ai-new-ticket-conversation) .widget-message-avatar:has(> .widget-luma-icon) {
  border: 1px solid var(--minidesk-icon-green-edge);
  background: var(--minidesk-icon-green-bg) !important;
  color: var(--minidesk-icon-green-color) !important;
  box-shadow: var(--minidesk-inset-shadow);
}

:is(.ai-assistance-dialog, .ai-new-ticket-conversation) .widget-message-avatar > .widget-luma-icon {
  filter: none;
}

.md-luma-dock .luma-assistant-launcher .luma-assistant-avatar {
  --md-icon-tile-glyph-size: 13px;
  font-size: var(--md-icon-tile-glyph-size);
}

/* Employee photos/initials fill the same header tile as room glyphs. */
.md-chat .widget-room-header-avatar .widget-room-avatar-wrap,
.md-chat .widget-room-header-avatar .widget-room-avatar {
  flex: 0 0 var(--widget-room-header-avatar-size);
  width: var(--widget-room-header-avatar-size);
  height: var(--widget-room-header-avatar-size);
}

.md-chat .widget-room-header-avatar .widget-room-avatar {
  font-size: 1.0625rem;
}

/* Rooms without a chosen colour use the standard blue room theme. */
.md-chat :is(.chat-room-button[data-room-type]:not([data-room-type=dm]):not([data-page-id=notifications]):not(.chat-room-coloured),
.chat-room-header[data-room-page-id]:not([data-room-page-id=notifications]):not([data-room-page-id=notification-settings])) .widget-room-avatar-icon:not(.chat-room-avatar-coloured):not(.chat-ai-header-icon):not(.chat-personal-notes-header-icon) {
  border-color: var(--minidesk-ticket-icon-edge);
  background: var(--minidesk-ticket-icon-bg);
  color: var(--minidesk-ticket-icon-color);
}

.md-chat .chat-room-button[data-room-type]:not([data-room-type=dm]):not([data-page-id=notifications]):not(.chat-room-coloured):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, [aria-pressed=true]) .widget-room-avatar-icon:not(.chat-room-avatar-coloured):not(.chat-ai-header-icon):not(.chat-personal-notes-header-icon) {
  border-color: var(--minidesk-icon-blue-edge);
  background: color-mix(in srgb, var(--minidesk-ticket-icon-bg) var(--minidesk-icon-hover-base-share), var(--minidesk-ticket-icon-color));
  color: var(--minidesk-ticket-icon-color);
}

/* Initials use light counterparts of the same six profile colour families. */
:root[data-bs-theme=light] .md-chat .widget-avatar:not(.widget-room-avatar-icon):not(:has(> .widget-luma-icon)) {
  --md-chat-avatar-light-bg: var(--minidesk-icon-blue-bg);
  --md-chat-avatar-light-fg: var(--minidesk-icon-blue-color);
  --md-chat-avatar-light-edge: var(--minidesk-icon-blue-edge);
  background: var(--md-chat-avatar-light-bg);
  color: var(--md-chat-avatar-light-fg);
  border-color: var(--md-chat-avatar-light-edge);
}
:root[data-bs-theme=light] .md-chat .widget-avatar:not(.widget-room-avatar-icon):not(:has(> .widget-luma-icon)).widget-avatar-bg-green {
  --md-chat-avatar-light-bg: var(--minidesk-icon-green-bg);
  --md-chat-avatar-light-fg: var(--minidesk-icon-green-color);
  --md-chat-avatar-light-edge: var(--minidesk-icon-green-edge);
}
:root[data-bs-theme=light] .md-chat .widget-avatar:not(.widget-room-avatar-icon):not(:has(> .widget-luma-icon)).widget-avatar-bg-gold {
  --md-chat-avatar-light-bg: var(--minidesk-icon-amber-bg);
  --md-chat-avatar-light-fg: var(--minidesk-icon-amber-color);
  --md-chat-avatar-light-edge: var(--minidesk-icon-amber-edge);
}
:root[data-bs-theme=light] .md-chat .widget-avatar:not(.widget-room-avatar-icon):not(:has(> .widget-luma-icon)).widget-avatar-bg-red {
  --md-chat-avatar-light-bg: var(--minidesk-icon-red-bg);
  --md-chat-avatar-light-fg: var(--minidesk-icon-red-color);
  --md-chat-avatar-light-edge: var(--minidesk-icon-red-edge);
}
:root[data-bs-theme=light] .md-chat .widget-avatar:not(.widget-room-avatar-icon):not(:has(> .widget-luma-icon)).widget-avatar-bg-purple {
  --md-chat-avatar-light-bg: var(--minidesk-icon-purple-bg);
  --md-chat-avatar-light-fg: var(--minidesk-icon-purple-color);
  --md-chat-avatar-light-edge: var(--minidesk-icon-purple-edge);
}
:root[data-bs-theme=light] .md-chat .widget-avatar:not(.widget-room-avatar-icon):not(:has(> .widget-luma-icon)).widget-avatar-bg-grey {
  --md-chat-avatar-light-bg: var(--minidesk-control-bg);
  --md-chat-avatar-light-fg: var(--bs-secondary-color);
  --md-chat-avatar-light-edge: var(--minidesk-control-edge);
}

/* Direct messages stay neutral, including keyboard focus and selection. */
.md-chat .chat-room-button[data-room-type=dm] {
  --md-chat-room-edge: var(--minidesk-control-edge-hover);
}

.md-chat .chat-room-button[data-room-type=dm]:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible),
.md-chat .chat-room-button[data-room-type=dm].widget-selection-button[aria-pressed=true] {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-chat :is(.chat-room-button, .chat-room-header) .widget-room-avatar-icon.chat-room-avatar-coloured {
  border-color: color-mix(in srgb, var(--md-chat-room-icon-colour) 45%, var(--md-chat-control-edge));
  background: color-mix(in srgb, var(--md-chat-room-icon-colour) 19%, var(--minidesk-control-bg));
  color: var(--md-chat-room-icon-colour);
}

/* A chosen icon colour themes the whole room entry, while text remains readable. */
.md-chat .chat-room-button.chat-room-coloured {
  --md-chat-room-edge: color-mix(in srgb, var(--md-chat-room-icon-colour) 48%, var(--md-chat-control-edge));
}

.md-chat .chat-room-button.chat-room-coloured:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: color-mix(in srgb, var(--md-chat-room-icon-colour) 9%, var(--minidesk-row-hover));
}

.md-chat .chat-room-button.chat-room-coloured.widget-selection-button[aria-pressed=true] {
  background: color-mix(in srgb, var(--md-chat-room-icon-colour) 17%, var(--md-chat-inset));
  color: var(--bs-emphasis-color);
}

.md-chat .chat-room-button.chat-room-coloured:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, [aria-pressed=true]) .widget-room-avatar-icon.chat-room-avatar-coloured,
.md-chat .chat-room-icon-trigger:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible, [aria-expanded=true]) .widget-room-avatar-icon.chat-room-avatar-coloured {
  border-color: color-mix(in srgb, var(--md-chat-room-icon-colour) 70%, var(--md-chat-control-edge));
  background: color-mix(in srgb, var(--md-chat-room-icon-colour) 30%, var(--minidesk-control-bg));
  color: var(--md-chat-room-icon-colour);
  filter: none;
}

.md-chat :is(.chat-room-button, .chat-room-header) .widget-room-avatar-icon.chat-room-avatar-coloured i {
  color: inherit;
}

.md-chat .chat-room-icon-trigger:has(.chat-room-avatar-coloured):focus-visible {
  outline-color: color-mix(in srgb, var(--md-chat-room-icon-colour) 65%, var(--md-chat-control-edge));
}

.md-chat .chat-room-icon-picker .chat-room-icon-colour-label {
  display: block;
  margin: 10px 0 4px;
  color: var(--bs-body-color);
  font-size: 0.75rem;
  font-weight: 600;
}

.md-chat .chat-room-icon-colour-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 6px;
}

.md-chat .chat-room-icon-colour-input {
  box-sizing: border-box;
  width: 48px;
  height: 34px;
  padding: 3px;
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  box-shadow: var(--minidesk-inset-shadow);
  cursor: pointer;
}

.md-chat .chat-room-icon-colour-input:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-control-edge-hover);
}

.md-chat .chat-room-icon-colour-input:focus-visible {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
}

.md-chat .chat-room-icon-colour-reset {
  min-height: 34px;
  border: 1px solid var(--md-chat-control-edge);
  border-radius: 8px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-control-shadow);
  font-size: 0.8125rem;
  cursor: pointer;
}

.md-chat .chat-room-icon-colour-reset:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--md-chat-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-chat .chat-room-icon-colour-reset:focus-visible {
  outline: 2px solid var(--md-chat-primary);
  outline-offset: 2px;
}

/* Dedicated MiniChat dialogs share the popup shell, chrome, fields and button rules. */
.md-chat .md-chat-mini-popup {
  --md-popup-mini-available-height: var(--chat-detail-available-height, calc(var(--chat-panel-height) * .6));
}

.md-chat .md-chat-mini-popup-members {
  --md-popup-mini-width: 320px;
}

.md-ui.md-chat-widget-popover-host {
  position: fixed;
  z-index: 100000;
  inset: 0;
  pointer-events: none;
}

.md-ui.md-chat-widget-popover-host .md-chat-widget-floating-panel {
  position: fixed;
  inset: auto;
  margin: 0;
  max-width: calc(100vw - 24px);
  pointer-events: auto;
}

.md-ui.md-chat-widget-popover-host .md-chat-mini-popup {
  width: min(var(--md-popup-mini-width, 400px), 100vw - 24px);
}

.md-ui.md-chat-widget-popover-host .chat-room-icon-picker {
  max-height: var(--md-popup-mini-available-height, calc(100dvh - 24px));
  overflow-y: auto;
}

.md-chat .md-chat-mini-popup .chat-help-shortcuts {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 9px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-card-shadow);
  font-size: 0.875rem;
  line-height: 20px;
}

.md-chat .md-chat-mini-popup .chat-help-shortcuts > span {
  display: block;
  font-size: 0.875rem;
  line-height: 20px;
}

.md-chat .md-chat-mini-popup .chat-help-shortcuts kbd {
  padding: 2px 5px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 5px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 20px;
}

.md-chat .md-chat-mini-popup .chat-detail-section-title {
  display: block;
  margin: 2px 0 8px;
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 650;
  line-height: 20px;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-display-grid {
  display: grid;
  min-width: 0;
}

.md-chat .md-chat-mini-popup .widget-gap-dense {
  gap: 6px;
}

.md-chat .md-chat-mini-popup .widget-gap-micro {
  gap: 2px;
}

.md-chat .md-chat-mini-popup .widget-help-item {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 8px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-help-item code {
  color: var(--bs-body-color);
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 21px;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-help-item span {
  min-width: 0;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  line-height: 18px;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .chat-detail-empty {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 24px 12px;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  text-align: center;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .chat-detail-empty > i {
  margin-bottom: 4px;
  color: var(--minidesk-status-progress-color);
  font-size: 24px;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .chat-detail-empty > span {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  line-height: 20px;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-summary-card {
  --widget-row-control-size: 32px;
  display: grid;
  grid-template-columns: var(--widget-row-control-size) minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-button-shadow);
  text-align: left;
  text-shadow: none;
  cursor: pointer;
}

.md-chat .md-chat-mini-popup .widget-summary-card:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-chat .md-chat-mini-popup .widget-summary-card-icon {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  width: 32px;
  height: 32px;
  border: 1px solid var(--minidesk-status-progress-edge);
  border-radius: 8px;
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  box-shadow: var(--minidesk-inset-shadow);
  font-size: 1rem;
  line-height: normal;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-summary-card-content {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.md-chat .md-chat-mini-popup .widget-summary-card-header {
  display: grid;
  align-items: start;
  justify-content: stretch;
  gap: 2px;
  min-width: 0;
  width: 100%;
}

.md-chat .md-chat-mini-popup .widget-summary-card-title {
  overflow: hidden;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  font-weight: 650;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-summary-card-meta {
  overflow: hidden;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-summary-card-preview {
  display: -webkit-box;
  overflow: hidden;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
  white-space: normal;
  text-shadow: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.md-chat .md-chat-mini-popup .widget-member-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 8px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 9px;
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-inset-shadow);
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-member-avatar-wrap {
  position: relative;
  display: inline-flex;
  width: 32px;
  height: 32px;
}

.md-chat .md-chat-mini-popup .widget-member-name {
  overflow: hidden;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  font-weight: 650;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-member-status {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  line-height: 18px;
  text-shadow: none;
}

.md-chat .md-chat-mini-popup .widget-member-presence {
  position: absolute;
  right: -3px;
  bottom: -3px;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
}

.md-ui.md-chat-dialog-backdrop {
  position: fixed;
  z-index: 100001;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.48);
}

.md-ui.md-chat-dialog-backdrop, .md-ui.md-chat-dialog-backdrop * {
  text-shadow: none;
}

.md-ui.md-chat-dialog-backdrop label {
  line-height: normal;
  transition: none;
}

.md-ui .md-chat-dialog {
  display: flex;
  flex-direction: column;
  width: min(520px, 100vw - 32px);
  max-width: 100%;
  max-height: calc(100dvh - 32px);
  min-width: 0;
  padding: 0;
  overflow: hidden;
}

.md-ui .md-chat-dialog-header .widget-overlay-close {
  position: static;
  inset: auto;
  z-index: auto;
}

.md-ui .md-chat-dialog-footer .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  margin: 0;
}

.md-ui .md-chat-dialog-body {
  display: grid;
  gap: 16px;
  padding: 20px 24px;
  overflow: auto;
}

.md-ui .md-chat-dialog-field {
  display: grid;
  gap: 7px;
  margin: 0;
  color: var(--bs-body-color);
  font-size: 0.875rem;
  font-weight: 600;
}

.md-ui .md-chat-dialog-field small {
  margin-left: 4px;
  color: var(--bs-secondary-color);
  font-weight: 400;
}

.md-ui .md-chat-dialog-field .widget-picker-input {
  width: 100%;
  height: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: 9px;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  font-size: 0.875rem;
}

.md-ui .md-chat-dialog-field .widget-picker-input:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible) {
  border-color: var(--minidesk-field-edge-hover);
  outline: 0;
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}

.md-ui .md-chat-dialog-private {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  margin: 0;
  padding: 9px;
  border: 1px solid var(--minidesk-popup-section-edge);
  border-radius: 9px;
  background: var(--bs-tertiary-bg);
  cursor: pointer;
}

.md-ui .md-chat-dialog-private:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :has(:focus-visible)) {
  border-color: var(--minidesk-control-edge-hover);
}

.md-ui .md-chat-dialog-private-icon {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 1px solid var(--minidesk-status-progress-edge);
  border-radius: 8px;
  background: var(--minidesk-status-progress-bg);
  color: var(--minidesk-status-progress-color);
  box-shadow: var(--minidesk-inset-shadow);
  font-size: 0.875rem;
}

.md-ui .md-chat-dialog-private-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.md-ui .md-chat-dialog-private-copy strong {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}

.md-ui .md-chat-dialog-private-copy small {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  line-height: 1.35;
}

.md-ui .md-chat-dialog-private-switch.form-switch {
  display: inline-flex;
  align-items: center;
  justify-self: end;
  width: 46px;
  height: 26px;
  margin: 0;
  padding: 0;
}

.md-ui .md-chat-dialog-private-switch.form-switch .form-check-input {
  position: static;
  float: none;
  width: 46px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--minidesk-control-edge);
  background-color: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
  cursor: pointer;
}

.md-ui .md-chat-dialog-private-switch.form-switch .form-check-input:checked {
  border-color: var(--bs-success);
  background-color: var(--bs-success);
}

.md-ui .md-chat-dialog-private-switch.form-switch .form-check-input:focus {
  box-shadow: var(--minidesk-field-shadow);
}

.md-ui .md-chat-dialog-private-switch.form-switch .form-check-input:focus:not(:focus-visible) {
  outline: 0;
}

.md-ui .md-chat-dialog-private-switch.form-switch .form-check-input:focus-visible {
  outline: 2px solid var(--minidesk-control-edge-hover);
  outline-offset: 2px;
}

.md-ui .md-chat-dialog-invites {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.md-ui .md-chat-dialog-results {
  display: grid;
  gap: 7px;
  max-height: 230px;
  overflow: auto;
}

.md-ui .md-chat-dialog-hint,
.md-ui .md-chat-dialog-copy {
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .md-chat-dialog-result.btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 9px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  text-align: left;
  box-shadow: var(--minidesk-button-shadow);
}

.md-ui .md-chat-dialog-result.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
  color: var(--bs-emphasis-color);
}

.md-ui .md-chat-dialog-result-identity {
  display: grid;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.md-ui .md-chat-dialog-result .widget-picker-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-ui .md-chat-dialog-result-details {
  overflow: hidden;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-ui .md-chat-dialog-result .widget-tag-text {
  margin-left: auto;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}

.md-ui .md-chat-dialog .widget-avatar {
  --md-chat-avatar-bg: #28485f;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--md-chat-avatar-bg) 80%, var(--bs-body-color));
  border-radius: 9px;
  background: var(--md-chat-avatar-bg);
  color: #f2f2f2;
  font-size: 0.75rem;
  box-shadow: var(--minidesk-inset-shadow);
}

.md-ui .md-chat-dialog .widget-avatar-bg-blue {
  --md-chat-avatar-bg: #28485f;
}

.md-ui .md-chat-dialog .widget-avatar-bg-green {
  --md-chat-avatar-bg: #31553f;
}

.md-ui .md-chat-dialog .widget-avatar-bg-gold {
  --md-chat-avatar-bg: #5f4d28;
}

.md-ui .md-chat-dialog .widget-avatar-bg-red {
  --md-chat-avatar-bg: #5a3440;
}

.md-ui .md-chat-dialog .widget-avatar-bg-purple {
  --md-chat-avatar-bg: #3e3d67;
}

.md-ui .md-chat-dialog .widget-avatar-bg-grey {
  --md-chat-avatar-bg: #4d4d4d;
}

.md-ui .md-chat-dialog-invites .widget-picker-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.md-ui .md-chat-dialog-chip.btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid var(--minidesk-control-edge);
  border-radius: 7px;
  background: var(--minidesk-control-bg);
  color: var(--bs-body-color);
  font-size: 0.8125rem;
  box-shadow: var(--minidesk-button-shadow);
}

.md-ui .md-chat-dialog-chip.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  border-color: var(--minidesk-control-edge-hover);
  background: var(--minidesk-control-hover);
}

.md-ui .md-chat-profile-card {
  display: grid;
  justify-items: center;
  gap: 15px;
}

.md-ui .md-chat-profile-avatar {
  position: relative;
  display: inline-flex;
}

.md-ui .md-chat-profile-avatar .widget-profile-avatar-large {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 18px;
  font-size: 1.5rem;
}

.md-ui .md-chat-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.md-ui .md-chat-profile-identity {
  text-align: center;
}

.md-ui .md-chat-profile-identity h3 {
  margin: 0;
  color: var(--bs-emphasis-color);
  font-size: 1.1rem;
}

.md-ui .md-chat-profile-handle {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.md-ui .md-chat-profile-details {
  display: grid;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 12px;
  border-radius: 10px;
  background: var(--bs-tertiary-bg);
}

.md-ui .md-chat-profile-details > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.md-ui .md-chat-profile-details dt {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 500;
}

.md-ui .md-chat-profile-details dd {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  margin: 0;
  font-size: 0.875rem;
  text-align: right;
  overflow-wrap: anywhere;
}

.md-ui .md-chat-profile-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bs-secondary-color);
}

.md-ui .md-chat-profile-status-online {
  background: var(--bs-success);
}

.md-ui .md-chat-profile-status-away {
  background: var(--bs-warning);
}

.md-ui .md-chat-profile-card > .btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  width: 100%;
}

.md-chat.md-ui .chat-personal-note-editor-panel.md-popup-surface {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: calc(100% - 8px);
  padding: 0;
  background: var(--bs-body-bg);
}

.md-chat.md-ui .chat-personal-note-editor-panel .md-popup-header,
.md-chat.md-ui .chat-personal-note-editor-panel .md-popup-footer {
  flex: 0 0 auto;
}

.md-chat.md-ui .chat-personal-note-editor-panel .md-popup-body {
  display: grid;
  gap: 20px;
  min-height: 0;
  padding: 20px 24px;
  overflow: auto;
}

.md-chat.md-ui .chat-personal-note-dialog-title {
  display: flex;
  align-items: center;
  gap: 9px;
}

.md-chat.md-ui .chat-personal-note-dialog-title > i {
  color: var(--md-chat-note-fg);
  font-size: 1rem;
}

.md-chat.md-ui .chat-personal-note-editor-panel .widget-overlay-close {
  position: static;
  inset: auto;
}

.md-chat.md-ui .chat-personal-note-editor-panel .widget-form-label {
  flex: 0 0 auto;
}

.md-chat.md-ui .chat-personal-note-editor-panel :is(input, textarea) {
  max-width: 100%;
}

.md-chat.md-ui .chat-personal-note-editor-panel .form-control {
  border: 1px solid var(--minidesk-field-edge);
  outline: 0;
  background: var(--minidesk-field-bg);
  color: var(--bs-body-color);
  box-shadow: var(--minidesk-field-shadow);
}

.md-chat.md-ui .chat-personal-note-editor-panel .form-control:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :focus-visible) {
  border-color: var(--minidesk-field-edge-hover);
  outline: 0;
  background: var(--minidesk-field-hover);
  box-shadow: var(--minidesk-field-shadow);
}

.md-chat.md-ui .chat-personal-note-editor-panel textarea {
  box-sizing: border-box;
  min-height: 180px;
  resize: vertical;
}

.md-chat.md-ui .chat-personal-note-dialog-title {
  text-align: left;
}

.md-chat.md-ui .chat-personal-note-colors {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.md-chat.md-ui .chat-personal-note-color-row {
  display: grid;
  grid-template-columns: repeat(5, 40px);
  gap: 10px;
  margin-top: 10px;
}

.md-chat.md-ui .chat-personal-note-color {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: var(--minidesk-status-progress-bg);
}

.md-chat.md-ui .chat-personal-note-color.widget-personal-note-green {
  background-color: var(--minidesk-status-ready-bg);
}

.md-chat.md-ui .chat-personal-note-color.widget-personal-note-yellow {
  background-color: var(--md-chat-note-bg);
}

.md-chat.md-ui .chat-personal-note-color.widget-personal-note-red {
  background-color: var(--minidesk-status-urgent-bg);
}

.md-chat.md-ui .chat-personal-note-color.widget-personal-note-neutral {
  background-color: var(--bs-secondary-bg);
}

.md-chat.md-ui .chat-personal-note-save-status {
  color: var(--bs-secondary-color);
  text-shadow: none;
}

.md-chat.md-ui .chat-personal-note-editor-panel .widget-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  min-width: 0;
  min-height: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.md-chat.md-ui .chat-personal-note-editor-footer .widget-action-button {
  margin-left: auto;
}

.md-chat.md-ui .chat-personal-note-share-results {
  display: grid;
  gap: 10px;
  min-height: 94px;
  margin-top: 20px;
  place-content: stretch;
}

.md-chat.md-ui .chat-personal-note-share-results > .widget-empty-state {
  min-width: auto;
}

@media (max-width: 480px) {
  .md-chat.md-ui .chat-personal-note-editor-footer .widget-action-button {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 760px) {
  .md-chat .chat-personal-note-editor-layer {
    overflow: hidden;
  }
  .md-chat .chat-personal-note-editor-backdrop {
    height: 100%;
    min-height: 0;
    padding: 0;
  }
  .md-chat.md-ui .chat-personal-note-editor-panel.md-popup-surface {
    height: 100%;
    max-height: none;
    max-width: none;
    border-radius: 0;
  }
  .md-chat.md-ui .chat-personal-note-editor-panel :is(.md-popup-header, .md-popup-footer) {
    gap: 12px;
    padding: 12px;
  }
  .md-chat.md-ui .chat-personal-note-editor-panel .md-popup-body {
    grid-template-rows: max-content minmax(160px, 1fr) max-content;
    flex: 1 1 auto;
    gap: 16px;
    padding: 12px;
  }
  .md-chat.md-ui .chat-personal-note-editor-panel .widget-form-field {
    min-width: 0;
    min-height: 0;
  }
  .md-chat.md-ui .chat-personal-note-editor-panel :is(input, textarea) {
    font-size: 16px;
  }
  .md-chat.md-ui .chat-personal-note-editor-panel textarea {
    flex: 1 1 auto;
    width: 100%;
    min-height: 120px;
    resize: none;
  }
  .md-chat.md-ui .chat-personal-note-color-row {
    grid-template-columns: repeat(5, minmax(0, 44px));
    gap: 8px;
  }
  .md-chat.md-ui .chat-personal-note-color {
    width: 44px;
    height: 44px;
  }
}
@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
  .md-chat.md-ui .chat-personal-note-editor-panel.md-popup-surface {
    background: transparent;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .md-chat.md-ui .chat-personal-note-editor-panel.md-popup-surface {
    background: var(--bs-body-bg);
  }
}
/* Customer texts uses MiniChat's sidebar, room, message rows and composer. */
.md-ui.md-customer-texts {
  --md-slideout-panel-width: min(var(--md-customer-texts-width, 900px), calc(100vw - var(--md-nav-width, 0px) - 60px));
  --md-slideout-panel-height: 100%;
  --md-slideout-tab-offset: calc(var(--md-slideout-tab-height) + 8px);
  --md-slideout-top-radius: min(14px, var(--md-slideout-tab-offset));
  --chat-panel-height: calc(100dvh - var(--md-slideout-top) - var(--md-slideout-bottom));
  --chat-sidebar-width: 280px;
  left: var(--md-nav-width, 0px);
  top: var(--md-slideout-top);
  bottom: var(--md-slideout-bottom);
}
.md-ui.md-customer-texts [hidden] {
  display: none !important;
}
.md-ui.md-customer-texts .md-slideout-surface::after {
  border-right: 1px solid var(--minidesk-overlay-edge);
  background: none;
  clip-path: polygon(0 0, 100% 0, 100% var(--md-slideout-tab-offset), calc(100% - 1px) var(--md-slideout-tab-offset), calc(100% - 1px) calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height)), 100% calc(var(--md-slideout-tab-offset) + var(--md-slideout-tab-height)), 100% 100%, 0 100%);
}
.md-ui.md-customer-texts .md-slideout-tab {
  margin-left: -1px;
  width: calc(var(--md-slideout-tab-width) + 1px);
  min-width: calc(var(--md-slideout-tab-width) + 1px);
}
.md-ui.md-customer-texts .md-customer-texts-heading {
  margin: 0 5px;
}
.md-ui.md-customer-texts .md-customer-texts-heading h2 {
  margin: 0;
  font: inherit;
  letter-spacing: inherit;
}
.md-ui.md-customer-texts .md-customer-texts-sidebar {
  gap: 8px;
}
.md-ui.md-customer-texts #customer-texts-search {
  width: 100%;
  min-height: 34px;
  height: 34px;
  padding: 6px 10px;
  font-size: 0.8125rem;
}
.md-ui.md-customer-texts .md-customer-texts-status {
  padding: 10px;
  margin: 0;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.md-ui.md-customer-texts .md-customer-texts-thread {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 2px 10px;
}
.md-ui.md-customer-texts .md-customer-texts-avatar {
  grid-row: 1/3;
  align-self: start;
  margin-top: 3px;
}
.md-ui.md-customer-texts .md-customer-texts-thread-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.md-ui.md-customer-texts .md-customer-texts-thread-copy > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.md-ui.md-customer-texts .md-customer-texts-thread-copy small, .md-ui.md-customer-texts .md-customer-texts-thread-copy > span {
  color: var(--md-chat-muted);
  font-size: 0.8125rem;
}
.md-ui.md-customer-texts .md-customer-texts-thread-meta {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.md-ui.md-customer-texts .md-customer-texts-thread-meta time {
  color: var(--md-chat-muted);
  font-size: 0.6875rem;
}
.md-ui.md-customer-texts .md-customer-texts-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--md-chat-unread-bg);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.md-ui.md-customer-texts #customer-texts-tab .md-customer-texts-badge {
  position: absolute;
  right: -5px;
  top: -5px;
}
.md-ui.md-customer-texts .md-customer-texts-customer {
  grid-template-columns: minmax(0, 1fr);
  min-height: 56px;
}
.md-ui.md-customer-texts .md-customer-texts-customer strong, .md-ui.md-customer-texts .md-customer-texts-customer small {
  display: block;
}
.md-ui.md-customer-texts .md-customer-texts-customer strong {
  color: var(--bs-emphasis-color);
  font-size: 1rem;
  font-weight: 600;
}
.md-ui.md-customer-texts .md-customer-texts-customer small {
  color: var(--md-chat-muted);
  font-size: 0.8125rem;
}
.md-ui.md-customer-texts .md-customer-texts-messages {
  padding: 8px 0;
  border-radius: 8px 8px 0 0;
  background: var(--md-chat-feed-bg);
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.28);
}
.md-ui.md-customer-texts .md-customer-texts-message {
  overflow-wrap: anywhere;
}
.md-ui.md-customer-texts .md-customer-texts-message > div {
  min-width: 0;
}
.md-ui.md-customer-texts .md-customer-texts-message p {
  margin: 0;
}
.md-ui.md-customer-texts .md-customer-texts-message strong {
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 700;
}
.md-ui.md-customer-texts .md-customer-texts-message small {
  display: block;
  padding-top: 6px;
  color: var(--md-chat-muted);
}
.md-ui.md-customer-texts .md-customer-texts-message .widget-message-status {
  display: block;
  padding-top: 4px;
}
.md-ui.md-customer-texts .md-customer-texts-message [data-state=failed], .md-ui.md-customer-texts .md-customer-texts-message [data-state=unconfirmed] {
  color: var(--minidesk-status-error-color, var(--bs-danger));
}
.md-ui.md-customer-texts .md-customer-texts-composer .chat-composer-input-row {
  grid-template-columns: minmax(0, 1fr) 44px;
  padding-left: 12px;
}
.md-ui.md-customer-texts .md-customer-texts-composer p {
  margin: 0;
  color: var(--md-chat-muted);
  font-size: 0.8125rem;
}
.md-ui.md-customer-texts .md-customer-texts-composer textarea {
  overflow-y: auto;
}
.md-ui.md-customer-texts .md-customer-texts-empty {
  margin: auto;
  padding: 24px;
  color: var(--md-chat-muted);
  font-size: 0.875rem;
  text-align: center;
}

:root[data-bs-theme=light] .md-customer-texts-messages {
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.17);
}

.md-ui.md-customer-texts[hidden] {
  display: none !important;
}

body:has(#customer-texts-placeholder:not([hidden])) .md-ui.md-widget-library-drawer {
  --md-slideout-tab-offset: calc((var(--md-slideout-tab-height) + 8px) * 2);
}

body:has(#customer-texts-placeholder:not([hidden])):not(:has(#chat-tab)) .md-ui.md-customer-texts {
  --md-slideout-tab-offset: 0px;
}
body:has(#customer-texts-placeholder:not([hidden])):not(:has(#chat-tab)) .md-ui.md-widget-library-drawer {
  --md-slideout-tab-offset: calc(var(--md-slideout-tab-height) + 8px);
}

.md-settings-communication #settings-customer-texts {
  margin-top: 16px;
}

@media (max-width: 760px) {
  .md-ui.md-customer-texts {
    --md-slideout-panel-width: 100vw;
    --md-slideout-bottom: 0px;
    --chat-panel-height: var(--md-popup-viewport-height, 100dvh);
    left: 0;
    top: var(--md-popup-viewport-top, 0px);
    bottom: auto;
    height: var(--md-popup-viewport-height, 100dvh);
  }
  .md-ui.md-customer-texts :is(.chat-mobile-close, .chat-sidebar-toggle) {
    position: absolute;
    z-index: 3;
    top: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
  }
  .md-ui.md-customer-texts .chat-mobile-close {
    right: 12px;
  }
  .md-ui.md-customer-texts .chat-sidebar-toggle {
    left: 12px;
  }
  .md-ui.md-customer-texts #customer-texts-resize {
    display: none;
  }
  .md-ui.md-customer-texts .md-customer-texts-main {
    margin: 64px 12px 12px;
  }
  .md-ui.md-customer-texts .md-customer-texts-sidebar {
    flex: 1;
  }
  .md-ui.md-customer-texts .md-customer-texts-conversation {
    display: none;
  }
  .md-ui.md-customer-texts.is-conversation .md-customer-texts-sidebar {
    display: none;
  }
  .md-ui.md-customer-texts.is-conversation .md-customer-texts-conversation {
    display: flex;
  }
  .md-conversation-nav-ready .md-ui.md-customer-texts {
    --md-slideout-tab-width: 0px;
  }
  .md-conversation-nav-ready .md-ui.md-customer-texts .md-slideout-surface::after {
    clip-path: none;
  }
}
/* End customer texts presentation. */
/* Disabled actions are flat and neutral; list selectors keep their row surface. */
.md-ui :is(button, .btn):is(:disabled, .disabled, [aria-disabled=true]):not(.widget-button-loading, .md-settings-manager-select) {
  --minidesk-button-shadow: none;
  --minidesk-filled-button-shadow: none;
  --bs-btn-disabled-bg: var(--minidesk-disabled-button-bg);
  --bs-btn-disabled-border-color: var(--minidesk-disabled-button-edge);
  --bs-btn-disabled-color: var(--minidesk-disabled-button-color);
  background: var(--minidesk-disabled-button-bg);
  border-color: var(--minidesk-disabled-button-edge);
  color: var(--minidesk-disabled-button-color);
  box-shadow: none;
  text-shadow: none;
  filter: none;
  transform: none;
  opacity: 1;
  cursor: not-allowed;
  transition: none;
}

.md-ui :is(button, .btn):is(:disabled, .disabled, [aria-disabled=true]):not(.widget-button-loading, .md-settings-manager-select):is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus, :active) {
  background: var(--minidesk-disabled-button-bg);
  border-color: var(--minidesk-disabled-button-edge);
  color: var(--minidesk-disabled-button-color);
  box-shadow: none;
  text-shadow: none;
  transform: none;
}

body.md-customer-portal {
  margin: 0;
  min-height: 100dvh;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}

.md-customer-portal > .widget-option-portal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.md-customer-portal > .widget-context-menu {
  display: none;
  position: fixed;
  z-index: 11000;
  min-width: min(190px, 100vw - 16px);
  -webkit-user-select: none;
  user-select: none;
}
.md-customer-portal .widget-context-menu-item {
  border-radius: var(--bs-border-radius);
}
.md-customer-portal .widget-context-menu-item-main {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.md-customer-portal .widget-context-menu-item-label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-customer-portal .widget-context-menu-icon {
  flex: 0 0 16px;
  text-align: center;
}
.md-customer-portal .widget-context-menu-item-disabled {
  opacity: 0.45;
}
.md-customer-portal .widget-context-menu-divider {
  height: 1px;
}
.md-customer-portal h1, .md-customer-portal h2, .md-customer-portal h3, .md-customer-portal p {
  margin: 0;
}
.md-customer-portal h1 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
}
.md-customer-portal h2 {
  font-size: 1.25rem;
  font-weight: 600;
}
.md-customer-portal h3 {
  font-size: 1rem;
  font-weight: 500;
}
.md-customer-portal .md-portal-shell {
  width: min(960px, 100% - 32px);
  margin: 0 auto;
  padding: 24px 0 40px;
}
.md-customer-portal .md-portal-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  min-width: 0;
}
.md-customer-portal .md-portal-header > div {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-customer-portal .md-portal-logo {
  width: 144px;
  height: auto;
  max-width: 32vw;
}
.md-customer-portal .md-tenant-logo {
  width: auto;
  height: auto;
  max-width: min(180px, 32vw);
  max-height: 80px;
  object-fit: contain;
}
.md-customer-portal [data-tenant-logo][hidden], .md-customer-portal [data-tenant-brand][hidden] {
  display: none;
}
.md-customer-portal [data-tenant-name] {
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-shell:has(#customer-view:not([hidden])) > .kiosk-header {
  display: none;
}
.md-customer-portal .kiosk-shell:has(#kiosk-connection-view:not([hidden])) > .kiosk-header {
  display: none;
}
.md-customer-portal #customer-view {
  -webkit-user-select: none;
  user-select: none;
}
.md-customer-portal #customer-view :is(input, textarea, [contenteditable]:not([contenteditable=false]), #customer-terms-text, .kiosk-selected-customer-detail dd) {
  -webkit-user-select: text;
  user-select: text;
}
.md-customer-portal .md-kiosk-workspace {
  display: block;
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: var(--bs-border-radius-lg);
  background: var(--bs-body-bg);
  box-shadow: var(--minidesk-card-shadow);
}
.md-customer-portal .md-kiosk-header {
  position: relative;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) 88px;
  align-items: center;
  gap: 8px;
  min-height: 72px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--minidesk-inner-edge);
}
.md-customer-portal .md-kiosk-header-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 2;
  grid-row: 1;
  min-height: 72px;
  min-width: 0;
}
.md-customer-portal .md-kiosk-header .md-kiosk-header-brand .md-tenant-logo {
  height: 72px;
  max-width: min(260px, 100%);
  max-height: 72px;
}
.md-customer-portal .md-kiosk-header .md-kiosk-header-name {
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  text-align: center;
  color: var(--bs-emphasis-color);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
}
.md-customer-portal .md-kiosk-header > .md-portal-theme {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}
.md-customer-portal .kiosk-customer-back.btn {
  display: none;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  white-space: nowrap;
}
.md-customer-portal #customer-view:has(#customer-intake-form:not([hidden])) #customer-intake-back-button, .md-customer-portal #customer-view:has(#returning-customer-view:not([hidden])) #returning-customer-back-button {
  display: inline-flex;
}
.md-customer-portal .kiosk-customer-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  min-width: 0;
}
.md-customer-portal .kiosk-customer-brand--welcome {
  display: flex;
}
.md-customer-portal .kiosk-customer-brand .md-tenant-logo {
  max-width: min(220px, 100%);
  max-height: 40px;
}
.md-customer-portal .kiosk-customer-brand > strong {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4;
}
.md-customer-portal #customer-view:has(#customer-mode-view:not([hidden])), .md-customer-portal .approval-workspace:not(:has(#approval-form)) {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.md-customer-portal .approval-workspace:not(:has(#approval-form, .approval-welcome)) > .md-kiosk-header {
  display: flex;
  justify-content: flex-end;
  width: min(100%, 640px);
  min-height: 44px;
  padding: 0;
  margin: 0 auto 18px;
  border: 0;
}
.md-customer-portal #customer-view:has(#customer-mode-view:not([hidden])) > .md-kiosk-header, .md-customer-portal .approval-workspace:has(.approval-welcome) > .md-kiosk-header {
  display: none;
}
.md-customer-portal #customer-approval.approval-show-status > .approval-workspace > .md-kiosk-header {
  display: none;
}
.md-customer-portal #customer-view:has(#customer-mode-view:not([hidden])) .md-kiosk-header-brand, .md-customer-portal .approval-workspace:not(:has(#approval-form)) .md-kiosk-header-brand {
  display: none;
}
.md-customer-portal .md-portal-powered {
  padding-top: 24px;
  text-align: center;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-customer-portal .md-portal-theme.btn {
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  padding: 0;
}
.md-customer-portal .md-portal-muted {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-customer-portal .md-portal-surface {
  padding: 24px;
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: var(--bs-border-radius-lg);
  background: var(--bs-body-bg);
  box-shadow: var(--minidesk-card-shadow);
}
.md-customer-portal .kiosk-panel {
  padding: 24px;
}
.md-customer-portal .kiosk-form, .md-customer-portal .kiosk-flow-panel, .md-customer-portal .kiosk-intake-section-grid {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.md-customer-portal .kiosk-grid-form {
  grid-template-columns: minmax(0, 1fr);
}
.md-customer-portal .kiosk-intake-section-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md-customer-portal .kiosk-intake-section-grid[hidden], .md-customer-portal .kiosk-editor-actions[hidden] {
  display: none;
}
.md-customer-portal #customer-device-editor:not([hidden]) {
  display: contents;
}
.md-customer-portal #customer-passcode-editor {
  min-width: 0;
}
.md-customer-portal .kiosk-grid-wide {
  grid-column: 1/-1;
}
.md-customer-portal .kiosk-editor-actions, .md-customer-portal .kiosk-selected-summary-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.md-customer-portal .kiosk-editor-actions > .btn, .md-customer-portal .kiosk-selected-summary-action > .btn {
  min-height: 44px;
}
.md-customer-portal .kiosk-intake-section:has(#customer-review-section-title):not(:has(.widget-form-field:not([hidden]))) {
  display: none;
}
.md-customer-portal .kiosk-intake-section-step {
  box-shadow: none;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  font-size: 0.875rem;
}
.md-customer-portal .kiosk-intake-section-copy, .md-customer-portal .kiosk-welcome-copy p {
  margin-top: 6px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-customer-portal .md-kiosk-welcome.md-portal-surface {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 24px;
  width: min(100%, 640px);
  margin: 0 auto;
  padding: 64px clamp(24px, 5vw, 48px) clamp(24px, 5vw, 48px);
  text-align: center;
}
.md-customer-portal .md-kiosk-welcome > .md-portal-theme.btn {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  text-align: center;
}
.md-customer-portal .md-kiosk-greeting {
  display: grid;
  justify-items: center;
  gap: 16px;
  min-width: 0;
  padding-block: 8px;
}
.md-customer-portal .md-kiosk-brand {
  display: grid;
  place-items: center;
  min-height: 96px;
  max-width: 100%;
  margin-bottom: 4px;
}
.md-customer-portal .md-kiosk-brand .md-kiosk-logo {
  width: auto;
  height: auto;
  max-width: min(220px, 100%);
  max-height: 96px;
  object-fit: contain;
}
.md-customer-portal .md-kiosk-brand > strong {
  font-size: clamp(1.125rem, 3vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.md-customer-portal .md-kiosk-brand > [hidden] {
  display: none;
}
.md-customer-portal .md-kiosk-welcome .md-kiosk-title {
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 600;
  letter-spacing: -0.025em;
}
.md-customer-portal .md-kiosk-welcome p {
  max-width: 380px;
  color: var(--bs-secondary-color);
  line-height: 1.6;
}
.md-customer-portal .md-kiosk-welcome .kiosk-choice-grid {
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
}
.md-customer-portal .md-kiosk-assistance {
  display: grid;
  justify-items: center;
  gap: 16px;
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-customer-portal .md-kiosk-assistance > p {
  font-size: 0.9375rem;
}
.md-customer-portal .md-kiosk-assistance > .btn {
  justify-content: center;
  min-width: min(100%, 220px);
  min-height: 48px;
  padding: 12px 24px;
  text-align: center;
}
.md-customer-portal .md-kiosk-assistance .md-kiosk-help-status {
  font-size: 0.875rem;
}
.md-customer-portal .md-kiosk-assistance .approval-error {
  color: var(--bs-danger-text-emphasis);
}
.md-customer-portal #customer-intake-form, .md-customer-portal #approval-form {
  gap: 16px;
}
.md-customer-portal .md-kiosk-section {
  display: grid;
  gap: 0;
  min-width: 0;
  padding: 0;
  border: 1px solid var(--minidesk-section-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-customer-portal .md-kiosk-section-header {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid var(--minidesk-section-edge);
  border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
  background: var(--minidesk-field-bg);
}
.md-customer-portal .md-kiosk-section-header > div {
  min-width: 0;
}
.md-customer-portal .md-kiosk-section-header :is(h2, h3) {
  margin: 0;
  color: var(--bs-emphasis-color);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}
.md-customer-portal .md-kiosk-section-header .kiosk-intake-section-copy {
  margin: 4px 0 0;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
.md-customer-portal .md-kiosk-section-header > .btn {
  grid-column: 3;
  align-self: center;
  min-height: 44px;
}
.md-customer-portal .md-kiosk-section-content {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  padding: 16px;
}
.md-customer-portal .md-kiosk-section-content > .approval-consent {
  margin: 0;
}
.md-customer-portal .md-kiosk-section-content .approval-field-label {
  display: flex;
  align-items: center;
  min-height: 24px;
  margin: 0;
  line-height: 1.5;
}
.md-customer-portal :is(#customer-intake-form, #approval-form) :is(.form-control, .md-select-field) {
  min-height: 48px;
}
.md-customer-portal :is(#customer-intake-form, #approval-form) :is(.kiosk-actions, .approval-actions) > .btn {
  min-height: 48px;
  padding-inline: 24px;
}
.md-customer-portal .kiosk-pairing-panel {
  width: min(440px, 100%);
  margin: 0 auto;
}
.md-customer-portal .kiosk-pairing-brand {
  display: grid;
  justify-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.md-customer-portal .kiosk-pairing-brand img {
  width: min(220px, 100%);
}
.md-customer-portal .kiosk-pairing-mode {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
}
.md-customer-portal .kiosk-auth-page .md-portal-shell {
  max-width: 560px;
  padding-top: clamp(24px, 8vh, 80px);
}
.md-customer-portal .kiosk-auth-page .kiosk-header > :not(.md-portal-theme) {
  display: none;
}
.md-customer-portal .kiosk-auth-page .kiosk-header {
  display: flex;
  justify-content: flex-end;
}
.md-customer-portal .kiosk-flow-header, .md-customer-portal .kiosk-actions, .md-customer-portal .kiosk-form-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.md-customer-portal .kiosk-actions {
  justify-content: flex-end;
}
.md-customer-portal .kiosk-form .form-control, .md-customer-portal .kiosk-option-selector {
  width: 100%;
}
.md-customer-portal .kiosk-form .widget-form-field {
  align-self: start;
  gap: 6px;
}
.md-customer-portal .kiosk-form .widget-form-label {
  margin: 0;
  line-height: 1.5;
}
.md-customer-portal .kiosk-intake-section-grid > .widget-form-field > .widget-form-label {
  display: flex;
  align-items: center;
  min-height: 24px;
}
.md-customer-portal .kiosk-field-label-row {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  min-height: 24px;
  padding-right: 20px;
}
.md-customer-portal .kiosk-field-label-row > label {
  min-width: 0;
}
.md-customer-portal .kiosk-field-help-toggle.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  border-radius: 50%;
  font-size: 0.75rem;
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-bg: var(--bs-tertiary-bg);
  --bs-btn-border-color: var(--minidesk-inner-edge);
  --bs-btn-hover-color: var(--bs-emphasis-color);
  --bs-btn-hover-bg: var(--minidesk-row-hover);
  --bs-btn-hover-border-color: var(--minidesk-control-edge-hover);
  --bs-btn-active-color: var(--bs-emphasis-color);
  --bs-btn-active-bg: var(--bs-secondary-bg);
  --bs-btn-active-border-color: var(--minidesk-control-edge-hover);
  box-shadow: none;
}
.md-customer-portal .kiosk-field-help-toggle.btn[aria-expanded=true] {
  color: var(--bs-btn-active-color);
  background: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.md-customer-portal .kiosk-field-help-toggle.btn:not(:disabled):not(.disabled):active,
.md-customer-portal .kiosk-field-help-toggle.btn:not(:disabled):not(.disabled):active:focus-visible {
  box-shadow: none;
}
.md-customer-portal .kiosk-field-help-toggle.btn::before {
  content: "";
  position: absolute;
  inset: -14px -20px -6px 0;
}
.md-customer-portal .kiosk-field-help-toggle.btn:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
.md-customer-portal .kiosk-field-help-toggle[hidden] {
  display: none;
}
.md-customer-portal .kiosk-field-input {
  position: relative;
  min-width: 0;
}
.md-customer-portal .kiosk-field-input > i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bs-secondary-color);
  pointer-events: none;
}
.md-customer-portal .kiosk-field-input > .form-control {
  padding-left: 42px;
}
.md-customer-portal kiosk-text-field.form-control {
  display: block;
  min-height: 48px;
  height: auto;
  line-height: 1.5;
  padding-block: calc((48px - 1.5em - 2px) / 2);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.md-customer-portal kiosk-text-field[disabled] {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.md-customer-portal .kiosk-form textarea.form-control {
  resize: vertical;
}
.md-customer-portal .kiosk-field-input--action:has(> .kiosk-input-action:not([hidden])) > .form-control {
  padding-right: 52px;
}
.md-customer-portal .kiosk-input-action.btn {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 44px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
  --bs-btn-bg: transparent;
  color: var(--bs-secondary-color);
  box-shadow: none;
}
.md-customer-portal .kiosk-input-action[hidden] {
  display: none;
}
.md-customer-portal .kiosk-option-selector .option-selected {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
}
.md-customer-portal .kiosk-option-selector .option-arrow {
  margin-left: auto;
  font-size: 0.75rem;
}
.md-customer-portal .kiosk-option-selector .option-items {
  display: none;
}
.md-customer-portal .kiosk-returning-view {
  width: min(760px, 100%);
  margin-inline: auto;
  gap: 24px;
}
.md-customer-portal .kiosk-returning-intro {
  display: grid;
  gap: 8px;
}
.md-customer-portal .kiosk-returning-intro p, .md-customer-portal .kiosk-returning-results-heading p, .md-customer-portal .kiosk-returning-state-copy p {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  line-height: 1.5;
}
.md-customer-portal .kiosk-returning-search-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}
.md-customer-portal .kiosk-returning-search-form .form-control, .md-customer-portal .kiosk-returning-search-form > .btn {
  min-height: 48px;
}
.md-customer-portal .kiosk-returning-search-form > .btn {
  white-space: nowrap;
}
.md-customer-portal .kiosk-returning-privacy {
  display: flex;
  align-items: baseline;
  gap: 8px;
  grid-column: 1/-1;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  line-height: 1.5;
}
.md-customer-portal .kiosk-returning-privacy > i {
  flex-shrink: 0;
  font-size: 0.75rem;
}
.md-customer-portal .kiosk-returning-list-widget {
  min-width: 0;
}
.md-customer-portal .kiosk-returning-results, .md-customer-portal .kiosk-saved-device-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.md-customer-portal .kiosk-returning-results-heading {
  display: grid;
  gap: 4px;
  margin-bottom: 4px;
}
.md-customer-portal .kiosk-returning-results-heading h3 {
  font-weight: 600;
}
.md-customer-portal .kiosk-field-with-selector {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 12px;
}
.md-customer-portal .kiosk-saved-device-row.btn {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  justify-items: stretch;
  align-items: start;
  gap: 12px;
  width: 100%;
  padding: 16px;
  text-align: left;
  white-space: normal;
  color: var(--bs-body-color);
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
  box-shadow: none;
}
.md-customer-portal .kiosk-saved-device-row.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
}
.md-customer-portal .kiosk-saved-device-row.btn:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
.md-customer-portal .kiosk-saved-device-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-width: 0;
}
.md-customer-portal .kiosk-saved-device-name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--bs-emphasis-color);
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-saved-device-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--minidesk-status-ready-color);
  font-size: 0.8125rem;
  font-weight: 500;
}
.md-customer-portal .kiosk-saved-device-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
}
.md-customer-portal .kiosk-saved-device-detail {
  display: grid;
  gap: 2px;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-saved-device-detail-label {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-customer-portal .kiosk-returning-customer-row.btn {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 16px;
  text-align: left;
  white-space: normal;
  color: var(--bs-body-color);
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
  box-shadow: none;
}
.md-customer-portal .kiosk-returning-customer-row.btn:is(:hover:where(:not(.input-modality-touch):not(.input-modality-touch *)), :focus-visible) {
  background: var(--minidesk-row-hover);
}
.md-customer-portal .kiosk-returning-customer-row.btn:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
.md-customer-portal .kiosk-returning-customer-avatar {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
}
.md-customer-portal .kiosk-returning-customer-content {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-returning-customer-name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--bs-emphasis-color);
}
.md-customer-portal .kiosk-returning-customer-business {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-customer-portal .kiosk-returning-customer-contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  margin-top: 4px;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  line-height: 1.5;
}
.md-customer-portal .kiosk-returning-customer-contacts > span {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.md-customer-portal .kiosk-returning-customer-contacts i {
  flex: 0 0 14px;
  text-align: center;
}
.md-customer-portal .kiosk-returning-customer-contacts > span > span {
  min-width: 0;
}
.md-customer-portal .kiosk-returning-customer-chevron {
  justify-self: end;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-customer-portal .kiosk-returning-state.kiosk-empty {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  justify-items: start;
  align-items: start;
  gap: 12px;
  padding: 8px 0;
  text-align: left;
  color: var(--bs-body-color);
}
.md-customer-portal .kiosk-returning-state-icon {
  flex: 0 0 24px;
  padding-top: 2px;
  text-align: center;
  color: var(--bs-secondary-color);
  font-size: 1.25rem;
}
.md-customer-portal .kiosk-returning-state-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-returning-state-copy strong {
  font-size: 0.9375rem;
  font-weight: 600;
}
.md-customer-portal .kiosk-returning-state > .kiosk-returning-state-copy, .md-customer-portal .kiosk-returning-state > .btn {
  grid-column: 2;
}
.md-customer-portal .kiosk-returning-state > .btn {
  min-height: 44px;
  margin-top: 4px;
}
.md-customer-portal .kiosk-returning-new-customer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 20px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-customer-portal .kiosk-returning-new-customer > .kiosk-returning-state-copy {
  flex: 1 1 240px;
}
.md-customer-portal .kiosk-returning-new-customer > .btn {
  min-height: 44px;
}
.md-customer-portal .kiosk-selected-row.btn {
  border-color: var(--minidesk-status-ready-edge);
  background: var(--minidesk-status-ready-bg);
}
.md-customer-portal .kiosk-saved-device-action {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--minidesk-inner-edge);
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
.md-customer-portal .kiosk-saved-device-new-action.kiosk-empty {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 0 0;
  border-top: 1px solid var(--minidesk-inner-edge);
  text-align: left;
}
.md-customer-portal .kiosk-saved-device-new-action .kiosk-empty-message {
  display: flex;
  align-items: center;
  gap: 8px;
}
.md-customer-portal .kiosk-saved-device-new-action .kiosk-empty-message > i {
  font-size: 1rem;
}
.md-customer-portal .kiosk-saved-device-new-action > .btn {
  min-height: 44px;
}
.md-customer-portal .widget-list-button-column {
  display: grid;
  gap: 6px;
  flex: 1 1 240px;
  min-width: 0;
}
.md-customer-portal .widget-list-item-text {
  display: flex;
  gap: 8px;
  min-width: 0;
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.md-customer-portal .widget-list-item-icon {
  flex: 0 0 16px;
  margin-top: 3px;
  color: var(--bs-secondary-color);
}
.md-customer-portal .widget-hide-on-small {
  color: var(--bs-secondary-color);
}
.md-customer-portal .widget-list-item-value {
  min-width: 0;
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-down-payment-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-inset-shadow);
}
.md-customer-portal .kiosk-selected-summary {
  display: grid;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
}
.md-customer-portal .kiosk-selected-customer-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  margin: 0;
}
.md-customer-portal .kiosk-selected-customer-detail {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.md-customer-portal .kiosk-selected-customer-detail dt {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
  font-weight: 400;
}
.md-customer-portal .kiosk-selected-customer-detail dt > i {
  flex: 0 0 16px;
  text-align: center;
}
.md-customer-portal .kiosk-selected-customer-detail dd {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-selected-customer-detail[data-detail=name] dd {
  color: var(--bs-emphasis-color);
  font-weight: 600;
}
.md-customer-portal .kiosk-selected-summary-action {
  padding-top: 12px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-customer-portal .kiosk-empty {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 24px 16px;
  text-align: center;
  color: var(--bs-secondary-color);
}
.md-customer-portal .kiosk-empty-message {
  display: grid;
  justify-items: center;
  gap: 12px;
  font-size: 0.875rem;
}
.md-customer-portal .kiosk-empty-message > i {
  font-size: 1.5rem;
  box-shadow: none;
}
.md-customer-portal .kiosk-returning-actions:empty {
  display: none;
}
.md-customer-portal .kiosk-terms-text {
  max-height: 240px;
  padding: 16px;
  border: 1px solid var(--minidesk-inner-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-inset-shadow);
  overflow: auto;
  white-space: pre-wrap;
  font-size: 0.875rem;
}
.md-customer-portal .kiosk-terms-text.widget-rich-text-content {
  white-space: normal;
  overflow-wrap: anywhere;
}
.md-customer-portal .kiosk-terms-text.widget-rich-text-content :is(p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6) {
  margin-bottom: 12px;
}
.md-customer-portal .kiosk-terms-text.widget-rich-text-content > :last-child {
  margin-bottom: 0;
}
.md-customer-portal .kiosk-terms-acceptance {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  cursor: pointer;
  font-size: 0.875rem;
}
.md-customer-portal .kiosk-terms-acceptance .md-toggle {
  flex-shrink: 0;
}
.md-customer-portal .kiosk-signature-pad {
  position: relative;
  margin-top: 6px;
  border: 1px solid var(--minidesk-field-edge);
  border-radius: var(--bs-border-radius);
  background: var(--minidesk-field-bg);
  box-shadow: var(--minidesk-field-shadow);
  overflow: hidden;
}
.md-customer-portal .kiosk-signature-surface {
  display: block;
  width: 100%;
  height: 210px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  touch-action: none;
}
.md-customer-portal .kiosk-signature-surface[aria-disabled=true] {
  cursor: default;
  opacity: 0.55;
}
.md-customer-portal .kiosk-signature-pad .btn {
  position: absolute;
  right: 12px;
  top: 12px;
}
.md-customer-portal .kiosk-signature-pad .widget-signature-icon {
  position: absolute;
  left: 16px;
  bottom: 28px;
  color: var(--bs-secondary-color);
  pointer-events: none;
}
.md-customer-portal .kiosk-signature-pad .widget-signature-line {
  position: absolute;
  left: 44px;
  right: 16px;
  bottom: 32px;
  margin: 0;
  border-color: var(--minidesk-field-edge-hover);
  pointer-events: none;
}
.md-customer-portal .kiosk-form :is(input, textarea, .option-selected)[aria-invalid=true], .md-customer-portal .kiosk-saved-device-list[aria-invalid=true], .md-customer-portal .kiosk-signature-pad:has([aria-invalid=true]) {
  border-color: var(--bs-danger);
  outline: 2px solid var(--minidesk-status-urgent-edge);
  outline-offset: 2px;
}
.md-customer-portal .kiosk-message {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: min(640px, 100% - 32px);
  z-index: 1080;
  pointer-events: none;
}
.md-customer-portal .kiosk-message .app-notification-layer {
  position: static;
  width: 100%;
  max-width: none;
  transform: none;
}
.md-customer-portal .widget-page-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.14s ease, visibility 0.14s;
}
.md-customer-portal .widget-page-loading-overlay.loading-placeholder-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.md-customer-portal .loader {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  transform: rotateX(65deg) rotate(45deg);
  animation: md-page-loader-layers 1s linear infinite alternate;
}
.md-customer-portal .loader::after {
  content: "";
  position: absolute;
  inset: 0;
  animation: md-page-loader-top 1s linear infinite alternate;
}
.md-customer-portal .progress-shell {
  max-width: 760px;
}
.md-customer-portal .progress-brand.md-kiosk-header {
  grid-template-columns: 44px minmax(0, 1fr) 44px;
}
.md-customer-portal .progress-workspace:has(#progress-content[hidden]) {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.md-customer-portal .progress-workspace:has(#progress-content[hidden]) > .md-kiosk-header {
  display: flex;
  justify-content: flex-end;
  min-height: 44px;
  margin-bottom: 16px;
  padding: 0;
  border: 0;
}
.md-customer-portal .progress-workspace:has(#progress-content[hidden]) .md-kiosk-header-brand {
  display: none;
}
.md-customer-portal #progress-content {
  display: grid;
  gap: 16px;
}
.md-customer-portal .progress-workspace [hidden] {
  display: none;
}
.md-customer-portal .progress-intro {
  display: grid;
  gap: 6px;
  margin-bottom: 24px;
}
.md-customer-portal .progress-summary-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.md-customer-portal .progress-summary-heading > div:first-child {
  flex: 1 1 280px;
  min-width: 0;
}
.md-customer-portal .progress-eyebrow {
  margin-bottom: 8px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-customer-portal .progress-summary h2 {
  font-size: 1.125rem;
  overflow-wrap: anywhere;
}
.md-customer-portal #progress-updated {
  margin-top: 12px;
}
.md-customer-portal #progress-step-summary {
  display: grid;
  gap: 8px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-customer-portal #progress-step-label {
  font-size: 0.875rem;
  font-weight: 500;
}
.md-customer-portal #progress-step-bar {
  display: block;
  width: 100%;
  height: 8px;
  overflow: hidden;
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: var(--bs-secondary-bg);
  color: var(--minidesk-status-progress-color);
}
.md-customer-portal #progress-step-bar::-webkit-progress-bar {
  background: var(--bs-secondary-bg);
  border-radius: inherit;
}
.md-customer-portal #progress-step-bar::-webkit-progress-value {
  background: var(--minidesk-status-progress-color);
  border-radius: inherit;
}
.md-customer-portal #progress-step-bar::-moz-progress-bar {
  background: var(--minidesk-status-progress-color);
  border-radius: inherit;
}
.md-customer-portal .progress-tasks {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-customer-portal .progress-task {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-width: 0;
  padding-block: 12px;
}
.md-customer-portal .progress-task:first-child {
  padding-top: 0;
}
.md-customer-portal .progress-task:last-child {
  padding-bottom: 0;
}
.md-customer-portal .progress-task + .progress-task {
  border-top: 1px solid var(--minidesk-inner-edge);
}
.md-customer-portal .progress-task > strong {
  flex: 1 1 180px;
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.md-customer-portal .progress-tone-neutral {
  --md-progress-bg: var(--bs-tertiary-bg);
  --md-progress-color: var(--bs-secondary-color);
  --md-progress-edge: var(--minidesk-inner-edge);
}
.md-customer-portal .progress-tone-progress {
  --md-progress-bg: var(--minidesk-status-progress-bg);
  --md-progress-color: var(--minidesk-status-progress-color);
  --md-progress-edge: var(--minidesk-status-progress-edge);
}
.md-customer-portal .progress-tone-success {
  --md-progress-bg: var(--minidesk-status-ready-bg);
  --md-progress-color: var(--minidesk-status-ready-color);
  --md-progress-edge: var(--minidesk-status-ready-edge);
}
.md-customer-portal .progress-tone-waiting {
  --md-progress-bg: var(--minidesk-status-waiting-bg);
  --md-progress-color: var(--minidesk-status-waiting-color);
  --md-progress-edge: var(--minidesk-status-waiting-edge);
}
.md-customer-portal .progress-tone-danger {
  --md-progress-bg: var(--minidesk-status-urgent-bg);
  --md-progress-color: var(--minidesk-status-urgent-color);
  --md-progress-edge: var(--minidesk-status-urgent-edge);
}
.md-customer-portal .progress-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--md-progress-edge);
  border-radius: 999px;
  background: var(--md-progress-bg);
  color: var(--md-progress-color);
  font-size: 0.875rem;
  font-weight: 500;
  overflow-wrap: anywhere;
  box-shadow: none;
}
.md-customer-portal .progress-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.md-customer-portal .progress-event {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 16px;
  padding-bottom: 24px;
}
.md-customer-portal .progress-event:last-child {
  padding-bottom: 0;
}
.md-customer-portal .progress-event:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 17px;
  top: 40px;
  bottom: 4px;
  width: 1px;
  background: var(--minidesk-inner-edge);
}
.md-customer-portal .progress-event-marker {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--md-progress-edge);
  border-radius: var(--bs-border-radius);
  background: var(--md-progress-bg);
  color: var(--md-progress-color);
  box-shadow: none;
}
.md-customer-portal .progress-event-body {
  min-width: 0;
  padding: 4px 0 0;
}
.md-customer-portal .progress-event-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 16px;
  margin-bottom: 6px;
}
.md-customer-portal .progress-event-heading strong {
  font-size: 0.9375rem;
  font-weight: 500;
}
.md-customer-portal .progress-event-heading time {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.md-customer-portal .progress-event-body p {
  font-size: 0.875rem;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.md-customer-portal .progress-current-label {
  display: block;
  margin-top: 8px;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.md-customer-portal .progress-contact {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid var(--minidesk-inner-edge);
  font-size: 0.875rem;
}
.md-customer-portal .progress-contact > div {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.md-customer-portal #progress-contact-details {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.md-customer-portal #progress-contact-details a {
  color: var(--minidesk-status-progress-color);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.md-customer-portal .progress-state {
  display: grid;
  justify-items: center;
  gap: 16px;
  text-align: center;
  padding-block: 48px;
}
.md-customer-portal .progress-state > i {
  font-size: 2rem;
  color: var(--bs-secondary-color);
  box-shadow: none;
}
.md-customer-portal .progress-state p {
  max-width: 480px;
  color: var(--bs-secondary-color);
}
.md-customer-portal .progress-empty {
  padding: 16px 0;
  text-align: center;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
@media (max-width: 600px) {
  .md-customer-portal .md-portal-shell {
    width: calc(100% - 24px);
    padding-top: 16px;
  }
  .md-customer-portal .md-portal-header {
    flex-wrap: wrap;
    gap: 12px;
  }
  .md-customer-portal .md-portal-header .md-portal-logo {
    width: 112px;
  }
  .md-customer-portal .md-portal-header > div {
    flex-basis: calc(100% - 64px);
    order: 2;
  }
  .md-customer-portal .md-portal-header .md-portal-theme {
    margin-left: auto;
  }
  .md-customer-portal .kiosk-header.md-portal-header {
    flex-wrap: nowrap;
  }
  .md-customer-portal .kiosk-header.md-portal-header > .kiosk-header-identity {
    flex: 1 1 auto;
    order: 0;
  }
  .md-customer-portal .kiosk-panel, .md-customer-portal .md-portal-surface, .md-customer-portal .md-kiosk-workspace {
    padding: 16px;
  }
  .md-customer-portal .md-kiosk-header, .md-customer-portal .md-kiosk-header-brand {
    min-height: 64px;
  }
  .md-customer-portal .md-kiosk-header .md-kiosk-header-brand .md-tenant-logo {
    height: 64px;
    max-height: 64px;
  }
  .md-customer-portal .md-kiosk-section-header > .btn {
    grid-column: 2/-1;
    justify-self: start;
  }
  .md-customer-portal .kiosk-choice-grid.md-action-group, .md-customer-portal .kiosk-intake-section-grid, .md-customer-portal .kiosk-returning-search-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-customer-portal :is(.kiosk-actions, .approval-actions) .btn {
    flex: 1 1 170px;
  }
  .md-customer-portal .kiosk-returning-customer-row.btn {
    grid-template-columns: 32px minmax(0, 1fr) 12px;
    gap: 12px;
    padding: 14px 12px;
  }
  .md-customer-portal .kiosk-returning-customer-avatar {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
  }
  .md-customer-portal .kiosk-returning-state > .btn {
    grid-column: 1/-1;
    width: 100%;
  }
  .md-customer-portal .kiosk-returning-new-customer > .btn {
    flex: 1 1 100%;
  }
  .md-customer-portal .kiosk-selected-customer-details {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .md-customer-portal .kiosk-saved-device-details {
    grid-template-columns: minmax(0, 1fr);
  }
  .md-customer-portal .kiosk-saved-device-new-action > .btn {
    flex: 1 1 100%;
  }
  .md-customer-portal .progress-event {
    gap: 12px;
  }
  .md-customer-portal .progress-event-heading {
    flex-direction: column;
  }
}
@media (prefers-reduced-motion: reduce) {
  .md-customer-portal .loader, .md-customer-portal .loader::before, .md-customer-portal .loader::after {
    animation: none;
  }
  .md-customer-portal .widget-page-loading-overlay {
    transition: none;
  }
}

.md-ui .md-signature-terms-pad.is-locked {
  border-style: dashed;
  background: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
  box-shadow: none;
  cursor: not-allowed;
}

.md-ui .md-signature-terms-pad.is-locked > canvas {
  opacity: 0.25;
}

.md-ui .md-signature-terms-pad.is-locked > :is(button, i, hr, .md-subscription-signature-line) {
  visibility: hidden;
}

.md-ui .md-signature-terms-prompt {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 20px;
  color: var(--bs-secondary-color);
  text-align: center;
  text-shadow: none;
  pointer-events: none;
}

.md-ui .md-signature-terms-prompt[hidden] {
  display: none;
}

.md-ui .md-signature-terms-prompt > i {
  font-size: 1.5rem;
}

.md-ui .md-signature-terms-prompt > p {
  margin: 0;
  font-size: 0.875rem;
}

.md-utility-page {
  min-height: 100dvh;
  margin: 0;
  padding: 24px;
  display: grid;
  place-items: center;
}

.md-ui .md-utility-card {
  width: min(100%, 520px);
  padding: 28px;
}
.md-ui .md-utility-card h1 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
}
.md-ui .md-utility-card p {
  margin: 0;
  max-width: 48ch;
  line-height: 1.6;
}
.md-ui .md-utility-card .btn {
  margin-top: 12px;
}
.md-ui .md-utility-card .md-utility-status {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
.md-ui .md-utility-card .md-utility-status:empty {
  display: none;
}

.md-ui .md-error-card {
  margin: 24px auto;
}

.md-utility-page .md-utility-card .md-utility-status {
  min-height: 3.2em;
}

.md-utility-page .md-utility-card .md-utility-status:empty {
  display: block;
}

.md-offline-screen {
  box-sizing: border-box;
  width: min(100%, 488px);
  max-height: 100%;
  padding: 24px;
  overflow-y: auto;
}

.md-ui .md-utility-card.md-offline-card {
  box-sizing: border-box;
  width: min(100%, 440px);
}
.md-ui .md-utility-card.md-offline-card .md-list-state {
  gap: 12px;
}
.md-ui .md-utility-card.md-offline-card .md-offline-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
}
.md-ui .md-utility-card.md-offline-card .md-offline-actions .btn {
  flex: 1 1 160px;
  margin: 0;
}
.md-ui .md-utility-card.md-offline-card .md-utility-status {
  min-height: 3.2em;
}
.md-ui .md-utility-card.md-offline-card .md-utility-status:empty {
  display: block;
}

@media (max-width: 480px) {
  .md-utility-page {
    padding: 16px;
  }
  .md-offline-screen {
    padding: 16px;
  }
  .md-offline-screen .md-offline-actions .btn {
    flex: 1 1 100%;
  }
  .md-ui .md-utility-card {
    padding: 24px 20px;
  }
}
:is(.md-standalone-admin, .md-support-popup).md-ui {
  min-height: 100dvh;
  margin: 0;
  overflow-y: auto;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-shell {
  width: min(920px, 100% - 48px);
  margin: 24px auto;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-shell {
  width: min(1200px, 100% - 48px);
  margin: 24px auto;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-header, .operator-header) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-header-actions, .operator-header-actions, .operator-item-actions) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-brand {
  display: flex;
  align-items: center;
  min-width: 0;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-brand img {
  display: block;
  height: 38px;
  max-width: 100%;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .md-standalone-theme {
  flex: 0 0 44px;
  width: 44px;
  padding: 0;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-form, .operator-workspace) {
  display: grid;
  gap: 20px;
  margin-top: 20px;
  padding: 24px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-section h2, .operator-login-title) {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1rem;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-section h2, .operator-title) > i {
  color: var(--minidesk-status-progress-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-introduction h1 {
  margin: 0;
  font-size: 1.6rem;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-intro {
  margin: 8px 0 0;
  color: var(--bs-secondary-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 12px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-grid label, .operator-login label, .operator-filter-row label) {
  display: grid;
  gap: 6px;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-offers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-offer {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  cursor: pointer;
  min-width: 0;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-offer:has(input:disabled) {
  cursor: default;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-offer-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-offer-copy strong {
  font-size: 0.9375rem;
  color: var(--bs-emphasis-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-offer-copy > span {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-bot-challenge:empty {
  display: none;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-bot-challenge {
  display: flex;
  justify-content: center;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-message, .operator-message):empty {
  display: none;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-message, .operator-message) {
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
:is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-message, .operator-message).is-error {
  color: var(--minidesk-status-urgent-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-message.is-success {
  color: var(--minidesk-status-ready-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .signup-submit {
  width: 100%;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-title h1 {
  margin: 0;
  font-size: 1.25rem;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-login {
  margin: 0 auto;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-login-title h2 {
  margin: 0;
  font-size: 1.125rem;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-tabs .md-settings-tab {
  gap: 8px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
  gap: 24px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid > div {
  min-width: 0;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-thread-list, :is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-messages, :is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-form {
  display: grid;
  gap: 12px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-thread {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  justify-items: start;
  gap: 6px;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-thread small, :is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-message-heading time {
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-attention {
  color: var(--minidesk-status-progress-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-subject {
  font-size: 1.125rem;
  overflow-wrap: anywhere;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-message-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-message-body {
  margin: 12px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-message--operator {
  border-inline-start: 3px solid var(--minidesk-status-progress-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-form {
  margin-top: 20px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-form label {
  display: grid;
  gap: 6px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-form .btn {
  justify-self: start;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .support-grid .support-new-form {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--bs-border-color);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-filter-row label {
  width: min(320px, 100%);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-list {
  display: grid;
  gap: 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-list-item {
  display: grid;
  gap: 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-list-header strong {
  min-width: 0;
  overflow-wrap: anywhere;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-list-header .md-record-state {
  white-space: nowrap;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-list-details {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 16px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-detail {
  min-width: 0;
  overflow-wrap: anywhere;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-detail span {
  display: block;
  color: var(--bs-secondary-color);
  font-size: 0.8125rem;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-detail strong {
  display: block;
  font-size: 0.9375rem;
  font-weight: 500;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-item-actions {
  justify-content: flex-end;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100dvh - 32px);
  padding: 0;
  margin: auto;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog:not([open]) {
  display: none;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog::backdrop {
  background: rgba(0, 0, 0, 0.4);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog form {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 34px);
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog .md-popup-header {
  flex: 0 0 auto;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog .md-popup-title {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog .md-popup-close {
  position: static;
  flex-shrink: 0;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog .md-dialog-body {
  gap: 6px;
}
:is(.md-standalone-admin, .md-support-popup).md-ui .operator-dialog .form-label {
  margin: 0;
}
@media (max-width: 680px) {
  :is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-shell, .operator-shell) {
    width: calc(100% - 24px);
    margin-top: 12px;
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-header, .operator-header, .signup-form, .operator-workspace) {
    padding: 16px;
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui .signup-header {
    gap: 8px;
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui .signup-brand img {
    height: auto;
    width: min(160px, 100%);
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui .signup-header-actions {
    flex-shrink: 0;
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui .operator-header {
    align-items: flex-start;
    flex-direction: column;
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui :is(.signup-grid, .signup-offers) {
    grid-template-columns: 1fr;
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui .support-grid {
    grid-template-columns: 1fr;
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui .operator-list-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(.md-standalone-admin, .md-support-popup).md-ui .operator-list-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

.md-ui .md-page-control-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  padding: 12px 16px;
  border: 1px solid var(--minidesk-widget-edge);
  border-radius: var(--bs-border-radius-lg);
  background: var(--bs-body-bg);
  box-shadow: var(--minidesk-card-shadow);
}

.md-ui :is(.md-control-context, .md-control-actions) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.md-ui .md-control-context {
  gap: 12px;
}

.md-ui .md-control-context > i {
  color: var(--minidesk-status-progress-color);
}

.md-ui .md-page-control-bar h1 {
  font-size: 1rem;
  margin: 0;
}

.md-standalone-admin .md-page-control-bar h1 {
  font-size: 1rem;
}

.md-ui .md-page-control-bar .btn {
  min-height: 40px;
  font-size: 0.875rem;
}

.md-standalone-admin.md-ui:has(#operator-login-panel:not([hidden])) {
  display: grid;
  align-content: center;
  padding: 24px 12px;
}

.md-standalone-admin:has(#operator-login-panel:not([hidden])) .operator-shell {
  width: min(440px, 100%);
  margin: 0 auto;
}

.md-ui .account-security-shell {
  width: min(720px, 100% - 32px);
  margin: 24px auto;
  display: grid;
  gap: 20px;
}

.md-ui .account-security-panel {
  padding: 24px;
}

.md-ui .account-security-panel h2 {
  margin: 0 0 8px;
  font-size: 1.125rem;
}

.md-ui #security-form, .md-ui #security-setup, .md-ui #security-code-field {
  display: grid;
  gap: 12px;
}

.md-ui .account-security-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.md-ui #security-secret, .md-ui #security-recovery-codes {
  font-family: var(--bs-font-monospace);
  overflow-wrap: anywhere;
}

.md-ui #security-recovery-codes {
  white-space: pre-wrap;
  padding: 16px;
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
}

.md-ui .md-support-popup {
  display: flex;
  flex-direction: column;
  width: min(1080px, 100vw - 32px);
  height: min(760px, 100dvh - 32px);
  max-height: calc(100dvh - 32px);
  min-height: 0;
  overflow: hidden;
  padding: 0;
  margin: auto;
}

.md-ui .md-support-popup:not([open]) {
  display: none;
}

.md-ui .md-support-popup::backdrop {
  background: var(--minidesk-popup-backdrop-bg);
  backdrop-filter: blur(var(--minidesk-popup-backdrop-blur));
}

.md-support-popup .md-popup-header {
  flex-shrink: 0;
}

.md-support-popup .md-popup-title {
  flex: 1;
  min-width: 0;
}

.md-support-popup .md-popup-close {
  position: static;
}

.md-support-popup .support-inbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  min-height: 0;
  padding: 0;
}

@media (max-width: 680px) {
  .md-ui .account-security-shell {
    width: calc(100% - 24px);
    margin: 12px auto;
  }
  .md-ui .account-security-panel {
    padding: 16px;
  }
  .md-ui .md-page-control-bar {
    gap: 12px;
    padding: 12px;
  }
  .md-ui .md-support-popup {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
  }
}
.md-ui .md-support-chat {
  --chat-sidebar-width: 280px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
}
.md-ui .md-support-chat [hidden] {
  display: none !important;
}
.md-ui .md-support-chat .md-support-layout {
  display: flex;
  flex-direction: row;
  min-height: 0;
  margin: 12px;
  gap: 12px;
}
.md-ui .md-support-chat .md-support-sidebar {
  gap: 12px;
}
.md-ui .md-support-chat .md-support-sidebar-heading {
  display: grid;
  gap: 12px;
  padding: 8px 5px 0;
}
.md-ui .md-support-chat .md-support-sidebar-heading h3 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
}
.md-ui .md-support-chat .md-support-filter {
  display: grid;
  gap: 6px;
  margin: 0 5px;
  font-size: 0.8125rem;
  color: var(--md-chat-muted);
}
.md-ui .md-support-chat .option-selected {
  font-size: 0.875rem;
}
.md-ui .md-support-chat .option-selected-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.md-ui .md-support-chat .support-thread-list {
  display: block;
}
.md-ui .md-support-chat .support-thread-list > .operator-message {
  padding: 16px 5px;
  font-size: 0.875rem;
}
.md-ui .md-support-chat .support-thread {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 10px;
}
.md-ui .md-support-chat .support-thread .widget-room-label {
  gap: 4px;
}
.md-ui .md-support-chat .support-thread .widget-room-title {
  font-size: 0.875rem;
  line-height: 1.4;
}
.md-ui .md-support-chat .md-support-thread-meta, .md-ui .md-support-chat .support-attention, .md-ui .md-support-chat .support-thread small {
  font-size: 0.75rem;
  line-height: 1.4;
}
.md-ui .md-support-chat .support-thread small {
  color: var(--md-chat-muted);
}
.md-ui .md-support-chat .support-attention {
  color: var(--minidesk-status-progress-color);
}
.md-ui .md-support-chat .md-support-thread-meta {
  color: var(--md-chat-muted);
}
.md-ui .md-support-chat .md-support-team-note {
  margin: 0;
  color: var(--md-chat-muted);
  font-size: 0.75rem;
  line-height: 1.45;
}
.md-ui .md-support-chat .md-support-sidebar > .md-support-team-note {
  padding: 0 5px 4px;
}
.md-ui .md-support-chat .md-support-room {
  min-width: 0;
}
.md-ui .md-support-chat .md-support-welcome {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 28px;
  text-align: center;
}
.md-ui .md-support-chat .md-support-welcome h3 {
  margin: 4px 0 0;
  font-size: 1.125rem;
}
.md-ui .md-support-chat .md-support-welcome p {
  max-width: 36ch;
  margin: 0;
  color: var(--md-chat-muted);
  font-size: 0.875rem;
}
.md-ui .md-support-chat .md-support-conversation, .md-ui .md-support-chat .md-support-new-room {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  margin: 0;
  gap: 0;
  overflow: hidden;
}
.md-ui .md-support-chat .md-conversation-header {
  position: relative;
  min-height: 56px;
  flex-wrap: nowrap;
  border: 0;
  background: var(--md-chat-inset);
  box-shadow: none;
}
.md-ui .md-support-chat .md-support-room-title {
  min-width: 0;
}
.md-ui .md-support-chat .support-subject {
  margin: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.md-ui .md-support-chat .widget-room-header-status {
  white-space: normal;
  overflow-wrap: anywhere;
}
.md-ui .md-support-chat .md-support-history {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 4px;
  border-radius: 8px 8px 0 0;
  background: var(--md-chat-feed-bg);
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.28);
}
.md-ui .md-support-chat .support-messages {
  display: block;
}
.md-ui .md-support-chat .support-message--operator {
  border-inline-start: 0;
}
.md-ui .md-support-chat .support-message-heading {
  justify-content: flex-start;
}
.md-ui .md-support-chat .support-message-heading strong {
  font-size: 0.875rem;
}
.md-ui .md-support-chat .widget-message-body {
  min-width: 0;
}
.md-ui .md-support-chat .support-message-body {
  margin: 0;
  overflow-wrap: anywhere;
}
.md-ui .md-support-chat .md-support-older {
  display: block;
  margin: 0 auto 12px;
  font-size: 0.8125rem;
}
.md-ui .md-support-chat .md-support-composer {
  margin: 0;
  gap: 8px;
}
.md-ui .md-support-chat .md-support-compose-row {
  grid-template-columns: minmax(0, 1fr) 44px;
  padding-left: 12px;
}
.md-ui .md-support-chat .md-support-compose-row textarea {
  max-height: 160px;
  overflow-y: auto;
}
.md-ui .md-support-chat .md-support-new-fields {
  flex: 1 1 auto;
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 0;
  padding: 4px 16px 16px;
  overflow-y: auto;
}
.md-ui .md-support-chat .md-support-new-fields .signup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
.md-ui .md-support-chat .md-support-new-fields textarea {
  resize: vertical;
  min-height: 120px;
}
.md-ui .md-support-chat .md-support-new-cancel {
  margin-left: auto;
}
.md-ui .md-support-chat .md-support-new-actions {
  align-items: flex-end;
}
.md-ui .md-support-chat .md-support-notice {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 16px 12px;
  font-size: 0.8125rem;
}
.md-ui .md-support-chat .md-support-notice:empty {
  display: none;
}
.md-ui .md-support-chat .md-support-notice.is-error {
  color: var(--minidesk-status-urgent-color);
}
.md-ui .md-support-chat .md-support-back {
  display: none;
}

.md-standalone-admin #support-content {
  height: min(700px, 100dvh - 180px);
  min-height: 360px;
}

:root[data-bs-theme=light] .md-support-history {
  box-shadow: inset 0 6px 10px -8px rgba(0, 0, 0, 0.17);
}

@media (max-width: 735px) {
  .md-ui .md-support-chat .md-support-layout {
    margin: 8px;
  }
  .md-ui .md-support-chat .md-support-sidebar {
    flex: 1 1 auto;
    transform: none;
    will-change: auto;
  }
  .md-ui .md-support-chat .md-support-room {
    display: none;
    transform: none;
    will-change: auto;
  }
  .md-ui .md-support-chat.md-support-room-open .md-support-sidebar {
    display: none;
  }
  .md-ui .md-support-chat.md-support-room-open .md-support-room {
    display: flex;
  }
  .md-ui .md-support-chat .md-support-back {
    display: inline-flex;
    align-self: flex-start;
    flex-shrink: 0;
    gap: 8px;
    margin: 10px 12px 0;
    font-size: 0.8125rem;
  }
  .md-ui .md-support-chat .md-support-new-fields .signup-grid {
    grid-template-columns: 1fr;
  }
  .md-support-popup .md-popup-header {
    gap: 8px;
    padding: 12px;
  }
  .md-support-popup .md-popup-title {
    font-size: 1rem;
  }
  .md-support-popup .md-popup-header > .md-icon-tile {
    display: none;
  }
}
@media (max-width: 760px), (max-width: 1024px) and (max-height: 500px) and (pointer: coarse) {
  .md-ui:is(.widget-overlay-portal, .widget-message-portal),
  :is(.widget-overlay-portal, .widget-message-portal):has(> .md-dialog-portal.md-ui),
  .md-ui.md-dialog-portal,
  .md-ui.md-chat-dialog-backdrop {
    position: fixed;
    top: var(--md-popup-viewport-top, 0px);
    bottom: auto;
    height: var(--md-popup-viewport-height, 100dvh);
  }
  .md-ui:is(.widget-overlay-portal, .widget-message-portal):has(:is(.md-commerce-overlay, .md-media-preview-dialog, .ai-new-ticket-form:not(.ai-new-ticket-embedded))) {
    padding: 0;
  }
  .md-ui .md-dialog[data-popup-mobile=compact], .md-confirmation-portal > .md-dialog {
    max-height: calc(var(--md-popup-viewport-height, 100dvh) - 32px);
  }
  .md-ui.md-dialog-portal .form-control {
    font-size: 16px;
  }
  .md-ui.md-dialog-portal:has(> .md-dialog:not([data-popup-mobile=compact])):not(.md-confirmation-portal),
  .md-ui.md-chat-dialog-backdrop {
    padding: 0;
    overflow: hidden;
  }
  :is(.widget-overlay-portal, .widget-message-portal):has(> .md-dialog-portal.md-ui) {
    z-index: 1040;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .widget-message-portal:has(> .md-dialog-portal.md-ui) {
    z-index: 1060;
  }
  .md-ui .overlay-container:has(> :is(.md-commerce-overlay, .ai-new-ticket-form)),
  .md-ui .widget-media-preview-display {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]), .md-ui .md-commerce-overlay, .md-ui .md-chat-dialog, .md-ui .md-media-preview-dialog, .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded), .md-ui.md-photo-capture[open], .md-ui.md-support-popup[open] {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--bs-body-bg);
    box-shadow: none;
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]) > :is(.md-popup-header, .md-commerce-header, .ai-new-ticket-header), .md-ui .md-commerce-overlay > :is(.md-popup-header, .md-commerce-header, .ai-new-ticket-header), .md-ui .md-chat-dialog > :is(.md-popup-header, .md-commerce-header, .ai-new-ticket-header), .md-ui .md-media-preview-dialog > :is(.md-popup-header, .md-commerce-header, .ai-new-ticket-header), .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded) > :is(.md-popup-header, .md-commerce-header, .ai-new-ticket-header), .md-ui.md-photo-capture[open] > :is(.md-popup-header, .md-commerce-header, .ai-new-ticket-header), .md-ui.md-support-popup[open] > :is(.md-popup-header, .md-commerce-header, .ai-new-ticket-header) {
    flex: 0 0 auto;
    gap: 10px;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]) > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body), .md-ui .md-commerce-overlay > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body), .md-ui .md-chat-dialog > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body), .md-ui .md-media-preview-dialog > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body), .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded) > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body), .md-ui.md-photo-capture[open] > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body), .md-ui.md-support-popup[open] > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body) {
    flex: 1 1 auto;
    align-content: start;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]) > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body).md-popup-body-busy, .md-ui .md-commerce-overlay > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body).md-popup-body-busy, .md-ui .md-chat-dialog > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body).md-popup-body-busy, .md-ui .md-media-preview-dialog > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body).md-popup-body-busy, .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded) > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body).md-popup-body-busy, .md-ui.md-photo-capture[open] > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body).md-popup-body-busy, .md-ui.md-support-popup[open] > :is(.md-popup-body, .md-commerce-body, .ai-new-ticket-body).md-popup-body-busy {
    overflow: hidden;
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]) > :is(.md-popup-footer, .md-commerce-footer), .md-ui .md-commerce-overlay > :is(.md-popup-footer, .md-commerce-footer), .md-ui .md-chat-dialog > :is(.md-popup-footer, .md-commerce-footer), .md-ui .md-media-preview-dialog > :is(.md-popup-footer, .md-commerce-footer), .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded) > :is(.md-popup-footer, .md-commerce-footer), .md-ui.md-photo-capture[open] > :is(.md-popup-footer, .md-commerce-footer), .md-ui.md-support-popup[open] > :is(.md-popup-footer, .md-commerce-footer) {
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]) :is(.md-popup-close, .widget-overlay-close), .md-ui .md-commerce-overlay :is(.md-popup-close, .widget-overlay-close), .md-ui .md-chat-dialog :is(.md-popup-close, .widget-overlay-close), .md-ui .md-media-preview-dialog :is(.md-popup-close, .widget-overlay-close), .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded) :is(.md-popup-close, .widget-overlay-close), .md-ui.md-photo-capture[open] :is(.md-popup-close, .widget-overlay-close), .md-ui.md-support-popup[open] :is(.md-popup-close, .widget-overlay-close) {
    --md-close-size: 44px;
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]) .md-popup-footer .btn, .md-ui .md-commerce-overlay .md-popup-footer .btn, .md-ui .md-chat-dialog .md-popup-footer .btn, .md-ui .md-media-preview-dialog .md-popup-footer .btn, .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded) .md-popup-footer .btn, .md-ui.md-photo-capture[open] .md-popup-footer .btn, .md-ui.md-support-popup[open] .md-popup-footer .btn {
    min-height: 44px;
  }
  .md-ui.md-dialog-portal:not(.md-confirmation-portal) > .md-dialog:not([data-popup-mobile=compact]) :is(input, select, textarea, [contenteditable=true]):not([type=checkbox]):not([type=radio]), .md-ui .md-commerce-overlay :is(input, select, textarea, [contenteditable=true]):not([type=checkbox]):not([type=radio]), .md-ui .md-chat-dialog :is(input, select, textarea, [contenteditable=true]):not([type=checkbox]):not([type=radio]), .md-ui .md-media-preview-dialog :is(input, select, textarea, [contenteditable=true]):not([type=checkbox]):not([type=radio]), .md-ui .ai-new-ticket-form:not(.ai-new-ticket-embedded) :is(input, select, textarea, [contenteditable=true]):not([type=checkbox]):not([type=radio]), .md-ui.md-photo-capture[open] :is(input, select, textarea, [contenteditable=true]):not([type=checkbox]):not([type=radio]), .md-ui.md-support-popup[open] :is(input, select, textarea, [contenteditable=true]):not([type=checkbox]):not([type=radio]) {
    font-size: 16px;
  }
  .md-ui.md-photo-capture[open], .md-ui.md-support-popup[open] {
    position: fixed;
    top: var(--md-popup-viewport-top, 0px);
    left: 0;
    width: var(--md-popup-viewport-width, 100vw);
    height: var(--md-popup-viewport-height, 100dvh);
  }
  .md-chat .chat-personal-note-editor-layer {
    position: absolute;
    inset: 0;
    z-index: 8;
  }
  .md-chat.md-ui .chat-personal-note-editor-panel.md-popup-surface {
    background: var(--bs-body-bg);
    border: 0;
    border-radius: 0;
  }
}