/* DESIGN_SYSTEM_V2_GLOBAL_COMPONENTS
   Stable UI primitives. This file is loaded after module-layouts.css so visual
   rules stay consistent while module CSS keeps only scoped layout behavior. */

:root{
  --ui-panel-bg:var(--color-surface,#fff);
  --ui-panel-border:var(--color-border,#d5dee9);
  --ui-panel-radius:1rem;
  --ui-panel-shadow:0 6px 20px rgb(15 23 42/.065);
  --ui-panel-shadow-hover:0 12px 28px rgb(15 23 42/.1);
  --ui-heading:#0b1e3d;
  --ui-copy:#526078;
  --ui-primary:var(--color-primary,#075ea8);
  --ui-primary-hover:var(--color-primary-hover,#064c86);
  --ui-soft:#f5f8fc;
  --ui-line:#dbe3ed;
  --ui-control-height:2.8rem;
  --ui-gap:.9rem;
  --motion-fast:150ms;
  --motion-normal:200ms;
  --motion-slow:280ms;
  --motion-ease:cubic-bezier(.2,.8,.2,1);
}

/* Page header ------------------------------------------------------------- */
.page-header,
.orders-modern__hero,
.customers-modern__hero,
.customer-detail-modern__hero,
.catalog-modern__hero,
.management-hero,
.production-modern__hero,
.cash-shift-hero,
.hosting-hero,
.qr-page__header,
.order-hero,
.order-create-header,
.wa-hero,
.wa-template-hero,
.dp-hero,
.delivery-hero,
.deployment-hero,
.system-tests-header,
.system-update-header,
.dashboard-header,
.audit-hero,
.commercial-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.25rem;
  width:100%;
  min-width:0;
  margin:0;
  padding:.2rem 0 .35rem;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--ui-copy);
}
.page-header>div:first-child,
.orders-modern__hero>div:first-child,
.customers-modern__hero>div:first-child,
.customer-detail-modern__hero>div:first-child,
.catalog-modern__hero>div:first-child,
.management-hero>div:first-child,
.production-modern__hero>div:first-child,
.hosting-hero>div:first-child,
.qr-page__header>div:first-child,
.order-hero>div:first-child,
.order-create-header>div:first-child,
.wa-hero>div:first-child,
.wa-template-hero>div:first-child,
.dp-hero>div:first-child,
.delivery-hero>div:first-child,
.deployment-hero>div:first-child,
.system-tests-header>div:first-child,
.system-update-header>div:first-child,
.dashboard-header>div:first-child,
.audit-hero>div:first-child,
.commercial-hero>div:first-child{min-width:0;max-width:58rem}
.page-header h1,
.orders-modern__hero h1,
.customers-modern__hero h1,
.customer-detail-modern__hero h1,
.catalog-modern__hero h1,
.management-hero h1,
.production-modern__hero h1,
.cash-shift-hero h1,
.hosting-hero h1,
.qr-page__header h1,
.order-hero h1,
.order-create-header h1,
.wa-hero h1,
.wa-template-hero h1,
.dp-hero h1,
.delivery-hero h1,
.deployment-hero h1,
.system-tests-header h1,
.system-update-header h1,
.dashboard-header h1,
.audit-hero h1,
.commercial-hero h1{
  margin:0;
  color:var(--ui-heading);
  font-size:clamp(1.75rem,3vw,2.35rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.page-header p:last-child,
.orders-modern__hero p:last-child,
.customers-modern__hero p:last-child,
.customer-detail-modern__hero p:last-child,
.catalog-modern__hero p:last-child,
.management-hero p:last-child,
.production-modern__hero p:last-child,
.cash-shift-hero p:last-child,
.hosting-hero p:last-child,
.qr-page__header p:last-child,
.order-hero p:last-child,
.order-create-header p:last-child,
.wa-hero p:last-child,
.wa-template-hero p:last-child,
.dp-hero p:last-child,
.delivery-hero p:last-child,
.deployment-hero p:last-child,
.system-tests-header p:last-child,
.system-update-header p:last-child,
.dashboard-header p:last-child,
.audit-hero p:last-child,
.commercial-hero p:last-child{
  margin:.55rem 0 0;
  color:var(--ui-copy);
  font-size:.93rem;
  line-height:1.62;
}
.page-header__actions,
.orders-modern__hero-actions,
.management-hero__actions,
.customer-detail-modern__actions,
.order-hero__actions,
.wa-actions,
.dp-actions,
.delivery-actions,
.system-tests-header__actions,
.dashboard-header__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:.65rem;
}
.eyebrow,
.page-header__eyebrow,
.orders-modern__eyebrow,
.customers-modern__eyebrow,
.catalog-modern__eyebrow,
.management-eyebrow,
.production-modern__eyebrow,
.cash-panel__eyebrow,
.order-create-header__badge,
.quick-customer-dialog__eyebrow{
  margin:0 0 .45rem;
  color:var(--ui-primary);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}

/* Buttons ---------------------------------------------------------------- */
.action-button,
.orders-modern__hero-actions a,
.orders-modern__filter-actions button,
.orders-modern__filter-actions a,
.customers-modern__primary-action,
.customers-modern__secondary-action,
.customers-modern__detail-action,
.catalog-modern__primary-action,
.management-btn,
.production-primary-action,
.production-modern__secondary-action,
.cash-shift-actions a,
.cash-shift-actions button,
.hosting-btn,
.wa-btn,
.dp-btn,
.delivery-action,
.delivery-action__buttons a,
.delivery-action__buttons button,
.system-tests-primary-action,
.system-tests-secondary-action,
.system-update-action,
.order-primary-action,
.order-submit-action,
.order-wa-card__button,
.order-tracking-card__actions a,
.order-tracking-card__actions button,
.quick-customer-dialog__cancel,
.quick-customer-dialog__submit{
  min-height:var(--ui-control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.7rem 1rem;
  border:1px solid var(--ui-line);
  border-radius:.72rem;
  background:var(--ui-panel-bg);
  color:#29405f;
  font:inherit;
  font-size:.84rem;
  font-weight:800;
  line-height:1.1;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 3px 10px rgb(15 31 61/.05);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.action-button:hover,
.orders-modern__hero-actions a:hover,
.orders-modern__filter-actions button:hover,
.orders-modern__filter-actions a:hover,
.customers-modern__primary-action:hover,
.customers-modern__secondary-action:hover,
.customers-modern__detail-action:hover,
.catalog-modern__primary-action:hover,
.management-btn:hover,
.production-primary-action:hover,
.production-modern__secondary-action:hover,
.hosting-btn:hover,
.wa-btn:hover,
.dp-btn:hover,
.delivery-action:hover,
.system-tests-primary-action:hover,
.system-tests-secondary-action:hover,
.system-update-action:hover,
.order-primary-action:hover,
.order-submit-action:hover,
.order-wa-card__button:hover{
  transform:translateY(-1px);
  border-color:#111827;
  background:#111827;
  color:#fff;
  box-shadow:0 9px 20px rgb(15 23 42/.14);
}
.action-button--primary,
.orders-modern__primary-action,
.customers-modern__primary-action,
.catalog-modern__primary-action,
.management-btn--primary,
.production-primary-action,
.hosting-btn:not(.hosting-btn--secondary),
.wa-btn:not(.wa-btn--soft):not(.wa-btn--danger),
.dp-btn:not(.dp-btn--soft):not(.dp-btn--danger),
.system-tests-primary-action,
.order-primary-action,
.order-submit-action,
.quick-customer-dialog__submit{
  border-color:var(--ui-primary);
  background:linear-gradient(135deg,var(--ui-primary),#0b71e6);
  color:#fff;
  box-shadow:0 8px 18px rgb(7 94 200/.2);
}
.action-button--danger,
.management-btn--danger,
.wa-btn--danger,
.dp-btn--danger,
.order-wa-card__button--danger{
  border-color:#efb5bb;
  background:#fff4f5;
  color:#b7283c;
}

/* Metric cards ----------------------------------------------------------- */
.metric-grid,
.orders-modern__summary,
.customers-modern__summary,
.customer-detail-modern__metrics,
.management-kpi-grid,
.audit-kpi-grid,
.production-modern__metrics,
.cash-metric-grid,
.hosting-grid,
.qr-metrics,
.system-update-metrics,
.system-tests-metrics,
.dashboard-kpi-grid,
.dp-stats,
.commercial-stats,
.rack-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));
  gap:var(--ui-gap);
  width:100%;
  min-width:0;
}
.metric-card,
.orders-modern__summary article,
.customers-modern__summary article,
.customer-detail-modern__metrics article,
.management-kpi,
.audit-kpi,
.production-modern__metric,
.cash-metric,
.hosting-card,
.qr-metrics article,
.system-update-metrics article,
.system-tests-metric,
.dashboard-kpi,
.dp-stat,
.commercial-stat,
.rack-summary article{
  position:relative;
  min-width:0;
  min-height:7.7rem;
  padding:1rem;
  border:1px solid var(--ui-panel-border);
  border-radius:.9rem;
  background:var(--ui-panel-bg);
  box-shadow:0 3px 10px rgb(15 31 61/.055);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.metric-card:hover,
.orders-modern__summary article:hover,
.customers-modern__summary article:hover,
.customer-detail-modern__metrics article:hover,
.management-kpi:hover,
.audit-kpi:hover,
.production-modern__metric:hover,
.cash-metric:hover,
.hosting-card:hover,
.qr-metrics article:hover,
.system-update-metrics article:hover,
.system-tests-metric:hover,
.dashboard-kpi:hover,
.dp-stat:hover,
.commercial-stat:hover,
.rack-summary article:hover{
  transform:translateY(-2px);
  border-color:#c8d5e5;
  box-shadow:var(--ui-panel-shadow-hover);
}
.metric-card__label,
.metric-card small,
.orders-modern__summary span,
.orders-modern__summary small,
.customers-modern__summary span,
.customers-modern__summary small,
.customer-detail-modern__metrics span,
.customer-detail-modern__metrics small,
.management-kpi small,
.audit-kpi small,
.production-modern__metric span,
.cash-metric small,
.hosting-card small,
.qr-metrics small,
.system-update-metrics span,
.system-update-metrics small,
.system-tests-metric>span,
.system-tests-metric>small,
.dashboard-kpi__label,
.dp-stat small,
.commercial-stat small,
.rack-summary small{
  display:block;
  color:#64748b;
  font-size:.75rem;
  font-weight:800;
  line-height:1.45;
}
.metric-card__value,
.metric-card strong,
.orders-modern__summary strong,
.customers-modern__summary strong,
.customer-detail-modern__metrics strong,
.management-kpi strong,
.audit-kpi strong,
.production-modern__metric strong,
.cash-metric strong,
.hosting-card strong,
.qr-metrics strong,
.system-update-metrics strong,
.system-tests-metric>strong,
.dashboard-kpi__value,
.dp-stat strong,
.commercial-stat strong,
.rack-summary strong{
  display:block;
  margin:.32rem 0 0;
  color:var(--ui-heading);
  font-size:clamp(1.3rem,2.2vw,1.8rem);
  font-weight:850;
  line-height:1.12;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}

/* Filter panels ---------------------------------------------------------- */
.filter-panel,
.orders-modern__filter-panel,
.management-filter,
.audit-filter,
.production-modern__filters,
.delivery-toolbar,
.customers-modern__search,
.catalog-modern__create{
  width:100%;
  min-width:0;
  padding:1rem;
  border:1px solid var(--ui-panel-border);
  border-radius:.9rem;
  background:var(--ui-panel-bg);
  box-shadow:0 3px 10px rgb(15 31 61/.05);
}
.filter-panel>summary,
.orders-modern__filter-panel>summary{
  min-height:var(--ui-control-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  cursor:pointer;
  list-style:none;
}
.filter-panel>summary::-webkit-details-marker,
.orders-modern__filter-panel>summary::-webkit-details-marker{display:none}
.filter-panel__grid,
.orders-modern__filters,
.management-filter,
.audit-filter,
.production-modern__filters,
.delivery-toolbar{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));
  gap:.8rem;
  align-items:end;
}
.filter-panel__actions,
.orders-modern__filter-actions,
.management-filter__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
}
.filter-panel label,
.orders-modern__filters label,
.management-filter label,
.audit-filter label,
.delivery-toolbar label{
  display:grid;
  gap:.4rem;
  color:#263955;
  font-size:.78rem;
  font-weight:800;
}
.filter-panel input,
.filter-panel select,
.orders-modern__filters input,
.orders-modern__filters select,
.management-filter input,
.management-filter select,
.audit-filter input,
.audit-filter select,
.delivery-toolbar input,
.delivery-toolbar select{
  width:100%;
  min-width:0;
  min-height:var(--ui-control-height);
  padding:.7rem .8rem;
  border:1px solid #cfd9e7;
  border-radius:.72rem;
  background:#fff;
  color:#10213d;
  font:inherit;
  font-size:.84rem;
}

/* Panels ----------------------------------------------------------------- */
.ui-panel,
.management-panel,
.audit-panel,
.catalog-modern__panel,
.customer-detail-modern__panel,
.hosting-panel,
.qr-panel,
.wa-panel,
.wa-template-card,
.dp-panel,
.commercial-panel,
.deployment-panel,
.system-tests-panel,
.cash-panel,
.order-panel{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--ui-panel-border);
  border-radius:var(--ui-panel-radius);
  background:var(--ui-panel-bg);
  box-shadow:var(--ui-panel-shadow);
}
.ui-panel__header,
.management-panel__header,
.audit-panel__header,
.catalog-modern__panel-header,
.customer-detail-modern__panel>header,
.hosting-panel__head,
.qr-panel__head,
.wa-panel__head,
.dp-panel__head,
.commercial-panel__head,
.system-tests-panel__header,
.cash-panel__header,
.order-panel__header{
  min-height:3.6rem;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  border-bottom:1px solid #e8edf3;
}
.ui-panel__header h2,
.management-panel__header h2,
.audit-panel__header h2,
.catalog-modern__panel-header h2,
.customer-detail-modern__panel>header h2,
.hosting-panel__head h2,
.qr-panel__head h2,
.wa-panel__head h2,
.dp-panel__head h2,
.commercial-panel__head h2,
.system-tests-panel__header h2,
.cash-panel__header h2,
.order-panel__header h2{
  margin:0;
  color:#13233f;
  font-size:.96rem;
  font-weight:850;
}

/* Data tables ------------------------------------------------------------ */
.data-table,
.data-table__scroller,
.orders-modern__table-wrap,
.customers-modern__table-shell,
.management-table-wrap,
.hosting-table-wrap,
.dp-table-wrap,
.commercial-table-wrap,
.cash-table-wrap,
.table-wrap{
  width:100%;
  min-width:0;
  overflow:auto;
  border:1px solid var(--ui-panel-border);
  border-radius:.9rem;
  background:var(--ui-panel-bg);
  box-shadow:0 4px 14px rgb(15 31 61/.045);
}
.data-table table,
.orders-modern__table,
.customers-modern__table,
.management-table,
.hosting-table,
.dp-table,
.commercial-table,
.cash-table,
.qr-panel table{
  width:100%;
  border-collapse:collapse;
  color:#30425e;
}
.data-table th,.data-table td,
.orders-modern__table th,.orders-modern__table td,
.customers-modern__table th,.customers-modern__table td,
.management-table th,.management-table td,
.hosting-table th,.hosting-table td,
.dp-table th,.dp-table td,
.commercial-table th,.commercial-table td,
.cash-table th,.cash-table td,
.qr-panel th,.qr-panel td{
  padding:.82rem .9rem;
  border-bottom:1px solid #edf1f5;
  background:#fff;
  color:#30425e;
  font-size:.76rem;
  text-align:left;
  vertical-align:middle;
  overflow-wrap:anywhere;
}
.data-table th,
.orders-modern__table thead th,
.customers-modern__table thead th,
.management-table th,
.hosting-table th,
.dp-table th,
.commercial-table th,
.cash-table th,
.qr-panel th{
  background:#f5f8fc;
  color:#5a6a82;
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.data-table tbody tr:hover td,
.orders-modern__table tbody tr:hover td,
.customers-modern__table tbody tr:hover td,
.management-table tbody tr:hover td,
.hosting-table tbody tr:hover td,
.dp-table tbody tr:hover td,
.commercial-table tbody tr:hover td,
.cash-table tbody tr:hover td,
.qr-panel tbody tr:hover td{background:#f9fbfd}

/* Responsive card list --------------------------------------------------- */
.responsive-card-list,
.orders-modern__mobile-list,
.customers-modern__cards{display:none;gap:.8rem}
.responsive-card,
.orders-modern__mobile-card,
.customer-card,
.user-card,
.delivery-card,
.rack-card{
  min-width:0;
  padding:1rem;
  border:1px solid var(--ui-panel-border);
  border-radius:.9rem;
  background:var(--ui-panel-bg);
  box-shadow:0 3px 10px rgb(15 31 61/.055);
}

/* Modal ------------------------------------------------------------------ */
.modal,
dialog.quick-customer-dialog{
  width:min(38rem,calc(100% - 2rem));
  max-height:min(90vh,48rem);
  padding:0;
  border:0;
  border-radius:1rem;
  background:#fff;
  color:var(--ui-heading);
  box-shadow:0 22px 60px rgb(15 23 42/.28);
  overflow:auto;
}
.modal::backdrop,
dialog.quick-customer-dialog::backdrop{background:rgb(15 23 42/.66);backdrop-filter:blur(2px)}
.modal__header,
.quick-customer-dialog__header{padding:1.15rem 1.25rem;border-bottom:1px solid var(--ui-line)}
.modal__body,.quick-customer-dialog__surface form{padding:1.15rem 1.25rem}
.modal__actions,
.quick-customer-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem;padding:1rem 1.25rem;background:var(--ui-soft);border-top:1px solid var(--ui-line)}

/* Status badge ----------------------------------------------------------- */
.status-badge,
.badge,
.orders-modern__status,
.customers-modern__badge,
.catalog-modern__badge,
.management-badge,
.hosting-badge,
.wa-badge,
.dp-badge,
.dp-status,
.delivery-badge,
.commercial-badge,
.commercial-status,
.order-speed-badge,
.order-digital-badge,
.order-wa-badge,
.check-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-height:1.75rem;
  max-width:100%;
  padding:.2rem .62rem;
  border:1px solid transparent;
  border-radius:999px;
  background:#eef2f6;
  color:#40536a;
  font-size:.74rem;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.01em;
  white-space:normal;
  overflow-wrap:anywhere;
}
.status-badge--success,
.badge--success,
.management-badge--success,
.hosting-badge--PASS,
.dp-status--ok,
.commercial-status--on{background:#e2f5e9;color:#12633b;border-color:#c2e8d0}
.status-badge--warning,
.badge--warning,
.management-badge--warning,
.hosting-badge--WARNING,
.dp-status--warn{background:#fff1cc;color:#784b00;border-color:#efd998}
.status-badge--danger,
.badge--danger,
.management-badge--danger,
.hosting-badge--CRITICAL,
.dp-status--danger{background:#fde8eb;color:#a11b2b;border-color:#f3c1c9}
.status-badge--info,
.badge--info,
.management-badge--info{background:#e4f2fa;color:#185a82;border-color:#c3dfef}

/* Empty state ------------------------------------------------------------ */
.empty-state,
.orders-modern__empty,
.customers-modern__empty,
.catalog-modern__empty,
.management-empty,
.audit-empty,
.audit-no-result,
.production-modern__empty,
.production-modern__filtered-empty,
.cash-empty,
.system-update-empty,
.system-tests-empty,
.wa-empty,
.delivery-empty,
.order-empty-state{
  width:100%;
  padding:2.5rem 1.25rem;
  text-align:center;
  border:1px dashed #bdc9d7;
  border-radius:1rem;
  background:#fbfdff;
  color:var(--ui-copy);
}
.empty-state h2,
.empty-state h3,
.orders-modern__empty h2,
.customers-modern__empty h2,
.catalog-modern__empty strong,
.management-empty strong,
.audit-empty strong,
.audit-no-result strong,
.production-modern__empty h2,
.system-tests-empty strong{
  margin:0 0 .45rem;
  color:var(--ui-heading);
  font-size:1rem;
  font-weight:850;
}
.empty-state p,
.orders-modern__empty p,
.customers-modern__empty p,
.catalog-modern__empty p,
.management-empty p,
.audit-empty p,
.audit-no-result p,
.production-modern__empty p,
.system-tests-empty p{max-width:36rem;margin:.35rem auto 0;line-height:1.6}

/* Action menu ------------------------------------------------------------ */
.action-menu,
.order-action-menu,
.dashboard-kpi__menu{position:relative;display:inline-block}
.action-menu>summary,
.order-action-menu>summary,
.dashboard-kpi__menu>summary{
  min-width:2.75rem;
  min-height:2.75rem;
  display:grid;
  place-items:center;
  padding:.45rem;
  border:1px solid var(--ui-line);
  border-radius:.7rem;
  background:#fff;
  color:#29405f;
  cursor:pointer;
  list-style:none;
}
.action-menu>summary::-webkit-details-marker,
.order-action-menu>summary::-webkit-details-marker,
.dashboard-kpi__menu>summary::-webkit-details-marker{display:none}
.action-menu__panel,
.order-action-menu__panel,
.dashboard-kpi__menu>div{
  position:absolute;
  z-index:35;
  top:calc(100% + .4rem);
  right:0;
  width:min(18rem,calc(100vw - 2rem));
  display:grid;
  gap:.35rem;
  padding:.55rem;
  border:1px solid var(--ui-line);
  border-radius:.8rem;
  background:#fff;
  box-shadow:0 16px 36px rgb(15 23 42/.18);
}
.action-menu__panel a,.action-menu__panel button,
.order-action-menu__panel a,.order-action-menu__panel button,
.dashboard-kpi__menu>div a,.dashboard-kpi__menu>div button{
  width:100%;
  min-height:2.5rem;
  justify-content:flex-start;
  padding:.6rem .7rem;
  border:0;
  border-radius:.55rem;
  background:transparent;
  color:#253756;
  box-shadow:none;
  text-align:left;
}
.action-menu__panel a:hover,.action-menu__panel button:hover,
.order-action-menu__panel a:hover,.order-action-menu__panel button:hover,
.dashboard-kpi__menu>div a:hover,.dashboard-kpi__menu>div button:hover{background:#f1f5f9;color:#0b1e3d;transform:none}

/* Global shell refinements previously inline ----------------------------- */
.page-shell main>section{padding:1.5rem;border:1px solid #d7e0ec;border-radius:1rem;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 4px 18px rgb(15 23 42/.06)}
.page-header,.page-shell main>section>.card__header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e0e7f0}
.list-filters{gap:.75rem;box-shadow:0 8px 20px rgb(15 23 42/.06)}
.table-wrap{box-shadow:0 5px 18px rgb(15 23 42/.05)}
th,td{padding:1rem .75rem}th{background:#f4f7fb}.badge{letter-spacing:.02em}

@media(max-width:64rem){
  .page-header,
  .orders-modern__hero,.customers-modern__hero,.customer-detail-modern__hero,.catalog-modern__hero,
  .management-hero,.production-modern__hero,.cash-shift-hero,.hosting-hero,.qr-page__header,
  .order-hero,.order-create-header,.wa-hero,.wa-template-hero,.dp-hero,.delivery-hero,
  .deployment-hero,.system-tests-header,.system-update-header,.dashboard-header,.audit-hero,.commercial-hero{flex-direction:column}
  .page-header__actions,.orders-modern__hero-actions,.management-hero__actions,.customer-detail-modern__actions,
  .order-hero__actions,.wa-actions,.dp-actions,.delivery-actions,.system-tests-header__actions,.dashboard-header__actions{width:100%;justify-content:flex-start}
}
@media(max-width:47.99rem){
  .page-shell main>section{padding:1rem;border-radius:.75rem}
  .responsive-card-list,.orders-modern__mobile-list,.customers-modern__cards{display:grid}
  .data-table--responsive,.orders-modern__table-wrap,.customers-modern__table-shell{display:none}
  .metric-grid,.orders-modern__summary,.customers-modern__summary,.customer-detail-modern__metrics,
  .management-kpi-grid,.audit-kpi-grid,.production-modern__metrics,.cash-metric-grid,.hosting-grid,
  .qr-metrics,.system-update-metrics,.system-tests-metrics,.dashboard-kpi-grid,.dp-stats,.commercial-stats,.rack-summary{grid-template-columns:1fr}
  .filter-panel__actions,.orders-modern__filter-actions,.management-filter__actions{justify-content:stretch}
  .filter-panel__actions>*,.orders-modern__filter-actions>*,.management-filter__actions>*{flex:1 1 100%}
  .modal__actions,.quick-customer-dialog__actions{flex-direction:column-reverse}
  .modal__actions>*,.quick-customer-dialog__actions>*{width:100%}
}

/* Public digital payment ------------------------------------------------- */
.payment-public{width:min(100% - 2rem,36rem);margin:5vh auto;padding:1rem}.payment-public__card{overflow:hidden}.payment-public__body{padding:1.4rem}.payment-public h1{margin:.8rem 0 .25rem}.payment-public__amount{display:block;margin:1rem 0;color:var(--ui-heading);font-size:clamp(1.8rem,5vw,2.35rem);letter-spacing:-.04em}.payment-public__meta{display:grid;gap:.55rem;margin:0;padding:1rem;border-radius:.85rem;background:var(--ui-soft)}.payment-public__meta div{display:flex;justify-content:space-between;gap:1rem}.payment-public__meta dt{color:var(--ui-copy)}.payment-public__meta dd{margin:0;font-weight:800;text-align:right}.payment-public__action{width:100%;margin-top:1rem}.payment-public__note{margin:1rem 0 0;color:var(--ui-copy);font-size:.88rem;line-height:1.6}.responsive-card-list--demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.status-badge.is-success{background:#e2f5e9;color:#12633b;border-color:#c2e8d0}.status-badge.is-warning{background:#fff1cc;color:#784b00;border-color:#efd998}.status-badge.is-danger{background:#fde8eb;color:#a11b2b;border-color:#f3c1c9}.status-badge.is-info{background:#e4f2fa;color:#185a82;border-color:#c3dfef}.status-badge.is-neutral{background:#eef2f6;color:#40536a;border-color:#d7e0e9}

/* LMS operational polish: shared presentation layer only.  These rules do not
   alter markup, form hooks, route targets, or server-provided state. */
.app-toast{display:flex;align-items:flex-start;gap:.65rem;width:min(calc(100% - 2rem),34rem);margin:.8rem auto 0;padding:.78rem .9rem;border:1px solid #c5dbef;border-radius:.82rem;background:#f7fbff;color:#164e76;box-shadow:0 8px 22px rgb(15 35 61/.10);animation:ui-toast-enter var(--motion-normal) var(--motion-ease) both}
.app-toast__icon{display:grid;place-items:center;flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:999px;background:#dbeefe;color:inherit;font-size:.76rem;font-weight:900;line-height:1}.app-toast__message{padding-top:.05rem;font-size:.84rem;font-weight:650;line-height:1.45}.app-toast.is-leaving{opacity:0;transform:translateY(-4px);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}
.app-toast--success{border-color:#bfe3cf;background:#f5fcf8;color:#12633b}.app-toast--success .app-toast__icon{background:#dff4e7}.app-toast--warning{border-color:#efd99d;background:#fffaf0;color:#784b00}.app-toast--warning .app-toast__icon{background:#fff0cf}.app-toast--error{border-color:#efc3ca;background:#fff7f8;color:#a11b2b}.app-toast--error .app-toast__icon{background:#fde6e9}
.page-shell main{animation:ui-page-enter var(--motion-normal) var(--motion-ease) both}
.btn,.action-button,.management-btn,.deployment-btn,
.orders-modern__hero-actions a,.customers-modern__primary-action,
.production-primary-action,.order-primary-action{
  transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease);
}
.btn:not([disabled]):active,.action-button:not([disabled]):active,.management-btn:not([disabled]):active,.deployment-btn:not([disabled]):active,
.orders-modern__hero-actions a:active,.customers-modern__primary-action:active,.production-primary-action:active,.order-primary-action:active{transform:scale(.98)}
.card,.responsive-card,.orders-modern__mobile-card,.customer-card,.user-card,.delivery-card,.rack-card,
.dashboard-panel,.dashboard-reference-card,.management-card,.production-modern__card{
  transition:transform var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease);
}
@media (hover:hover){
  .card:hover,.responsive-card:hover,.orders-modern__mobile-card:hover,.customer-card:hover,.user-card:hover,.delivery-card:hover,.rack-card:hover,
  .dashboard-panel:hover,.dashboard-reference-card:hover,.management-card:hover,.production-modern__card:hover{transform:translateY(-1px);box-shadow:var(--ui-panel-shadow-hover)}
}
.status-badge,.badge,.orders-modern__status,.customers-modern__badge,.catalog-modern__badge,.management-badge,.hosting-badge,.wa-badge,.dp-badge,.dp-status,.delivery-badge,.commercial-badge,.commercial-status,.order-speed-badge,.order-digital-badge{
  gap:.35rem;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease);
}
.table-wrap,.data-table,.orders-modern__table-wrap,.customers-modern__table-wrap,.management-table-wrap{scrollbar-color:#b7c6d7 transparent;scrollbar-width:thin}
input,select,textarea{transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}
input:focus,select:focus,textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 .22rem rgb(7 94 168/.12);outline:0}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.is-invalid{border-color:#c43a4b;background:#fffafb;box-shadow:0 0 0 .18rem rgb(196 58 75/.10)}
input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background:#f3f6f9;color:#748399}
.btn[aria-busy=true],button[aria-busy=true],input[type=submit][aria-busy=true]{cursor:wait;pointer-events:none;opacity:.78}
.btn[aria-busy=true]::before,button[aria-busy=true]::before{content:"";width:.82rem;height:.82rem;border:.12rem solid currentColor;border-right-color:transparent;border-radius:999px;animation:ui-button-spin .65s linear infinite}
.status-badge::before,.orders-modern__status::before,.customers-modern__badge::before,.catalog-modern__badge::before,.management-badge::before,.hosting-badge::before,.wa-badge::before,.dp-badge::before,.dp-status::before,.delivery-badge::before,.commercial-badge::before,.commercial-status::before{content:"";width:.42rem;height:.42rem;flex:0 0 auto;border-radius:999px;background:currentColor;opacity:.78}
.ui-panel,.management-panel,.audit-panel,.catalog-modern__panel,.customer-detail-modern__panel,.hosting-panel,.qr-panel,.wa-panel,.dp-panel,.commercial-panel,.deployment-panel,.system-tests-panel,.cash-panel,.order-panel{transition:border-color var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}
.ui-panel:focus-within,.management-panel:focus-within,.audit-panel:focus-within,.catalog-modern__panel:focus-within,.customer-detail-modern__panel:focus-within,.hosting-panel:focus-within,.qr-panel:focus-within,.wa-panel:focus-within,.dp-panel:focus-within,.commercial-panel:focus-within,.deployment-panel:focus-within,.system-tests-panel:focus-within,.cash-panel:focus-within,.order-panel:focus-within{border-color:#b8d2e8;box-shadow:0 0 0 .18rem rgb(7 94 168/.07),var(--ui-panel-shadow)}
.data-table,.data-table__scroller,.orders-modern__table-wrap,.customers-modern__table-shell,.management-table-wrap,.hosting-table-wrap,.dp-table-wrap,.commercial-table-wrap,.cash-table-wrap,.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.data-table tbody tr td,.orders-modern__table tbody tr td,.customers-modern__table tbody tr td,.management-table tbody tr td,.hosting-table tbody tr td,.dp-table tbody tr td,.commercial-table tbody tr td,.cash-table tbody tr td,.qr-panel tbody tr td{transition:background-color var(--motion-fast) var(--motion-ease)}
details:not(.mobile-drawer)>summary{transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}
details:not(.mobile-drawer)>summary:hover{color:var(--ui-primary)}
.app-topbar__context{display:grid;min-width:0;gap:.05rem;padding-right:.2rem;border-right:1px solid #e0e8f0}.app-topbar__context small{overflow:hidden;color:#72839a;font-size:.61rem;font-weight:750;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.app-topbar__context strong{overflow:hidden;color:var(--ui-heading);font-size:.78rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
@keyframes ui-page-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes ui-button-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .page-shell main{animation:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Mobile is a dedicated operating surface, not a scaled sidebar. */
@media (max-width:47.99rem){
  .app-topbar__context{display:none}
  .page-shell main{padding-bottom:6.9rem}
  .mobile-nav{align-items:stretch;min-height:4.8rem;padding-top:.35rem;background:rgb(255 255 255/.97);box-shadow:0 -8px 24px rgb(15 35 61/.10)}
  .mobile-nav>a,.mobile-drawer>summary{display:grid;grid-template-rows:1.45rem auto;align-content:center;justify-items:center;gap:.12rem;min-width:3.1rem;min-height:3.85rem;padding:.28rem .35rem;border-radius:.78rem;font-size:.62rem;font-weight:800;line-height:1.15;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}
  .mobile-nav__icon{display:grid;place-items:center;width:1.35rem;height:1.35rem}
  .mobile-nav__icon svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav__label{max-width:4.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-nav>a[aria-current=page],.mobile-drawer[open]>summary{background:#e8f3ff;color:var(--ui-primary)}
  .mobile-nav__action{position:relative;align-self:start;min-width:3.65rem!important;min-height:3.65rem!important;margin-top:-1rem;border:4px solid var(--color-canvas,#f6f8fb);border-radius:999px!important;box-shadow:0 8px 18px rgb(7 94 168/.25)}
  .mobile-nav__action .mobile-nav__icon{width:1.45rem;height:1.45rem}
  .mobile-nav__action .mobile-nav__label{font-size:.58rem}
  .mobile-drawer__panel{border-radius:1rem 1rem .85rem .85rem;box-shadow:0 -12px 36px rgb(15 23 42/.22)}
  .mobile-drawer__panel::before{content:"";display:block;width:2.5rem;height:.28rem;margin:0 auto .8rem;border-radius:999px;background:#cbd6e2}
}
@media (max-width:72rem){.app-topbar__context{display:none}}

/* Deployment strategy follows the same open headers, panels and controls as Platform pages. */
.deployment{gap:1.15rem}.deployment-hero{padding:.2rem 0 .35rem;border:0;border-radius:0;background:transparent;box-shadow:none}.deployment-hero h1{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.035em;color:var(--ui-heading)}.deployment-kicker{padding:0;background:transparent;color:#5b6f86;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.deployment-hero p{max-width:58rem;color:var(--ui-copy);font-size:.93rem;line-height:1.62}.deployment-lock{align-self:flex-start;padding:.55rem .75rem;border:1px solid #d7e0e9;border-radius:.72rem;background:var(--ui-soft);color:#40536a;font-size:.8rem}.deployment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.deployment-stat{padding:1rem;border:1px solid var(--ui-panel-border);border-radius:var(--ui-panel-radius);box-shadow:var(--ui-panel-shadow)}.deployment-stat small{font-size:.76rem;color:var(--ui-copy)}.deployment-stat strong{color:var(--ui-heading);font-size:1rem}.deployment-panel{padding:1rem;border-radius:var(--ui-panel-radius);box-shadow:var(--ui-panel-shadow)}.deployment-panel h2{font-size:.96rem;color:#13233f}.deployment-panel .lead{font-size:.88rem;color:var(--ui-copy)}.deployment-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.7rem .95rem;border:1px solid var(--ui-primary);border-radius:.72rem;background:var(--ui-primary);color:#fff;font-size:.84rem;font-weight:800;line-height:1.2}.deployment-btn:hover{background:var(--ui-primary-hover)}.deployment-btn:disabled{border-color:#cfd9e7;background:#e9eef4;color:#8492a2}.check{padding:.7rem;border-color:#e3e9f0;background:#fff}.check-badge{min-width:4.2rem;height:1.65rem;font-size:.68rem}.check p{font-size:.82rem}.readiness-score{padding:.4rem .6rem;border:1px solid #d7e0e9;background:var(--ui-soft);font-size:.75rem}.deployment-note{background:var(--ui-soft);font-size:.84rem}.history-wrap{border-color:#e3e9f0}.history th{background:var(--ui-soft);font-size:.72rem}@media(max-width:980px){.deployment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.deployment-summary{grid-template-columns:1fr}.deployment-hero{display:flex}.deployment-lock{width:100%}}
.platform-deployment-strategy-page .cb-content{max-width:78rem;margin-inline:auto;padding-bottom:2.5rem}.platform-deployment-strategy-page .deployment{gap:1.35rem}.platform-deployment-strategy-page .deployment-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.25rem;padding:1.35rem 1.5rem;border:1px solid #d9e3f0;border-radius:1.1rem;background:linear-gradient(135deg,#fff 0%,#f5f8ff 70%,#eef4ff 100%);box-shadow:0 12px 30px rgb(25 47 91/.07)}.platform-deployment-strategy-page .deployment-hero h1{margin:.2rem 0 0;font-size:clamp(1.45rem,2.5vw,2rem)}.platform-deployment-strategy-page .deployment-hero p{margin:.45rem 0 0;font-size:.8rem;max-width:52rem}.platform-deployment-strategy-page .deployment-kicker{color:#3152ec;font-weight:900;font-size:.62rem}.platform-deployment-strategy-page .deployment-lock{font-weight:800;color:#3152ec;background:#eef3ff;border-color:#cbd8f4}.platform-deployment-strategy-page .deployment-summary{gap:.7rem}.platform-deployment-strategy-page .deployment-stat{display:grid;gap:.3rem;min-height:5.4rem;padding:.85rem;background:#fff}.platform-deployment-strategy-page .deployment-stat strong{font-size:1.15rem}.platform-deployment-strategy-page .deployment-grid{gap:1rem}.platform-deployment-strategy-page .deployment-panel{border-radius:1rem;border-color:#dfe7f1}.platform-deployment-strategy-page .deployment-panel h2{margin-top:0;font-size:1rem}.platform-deployment-strategy-page .deployment-panel h3{margin-top:1.35rem;color:#3152ec;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.platform-deployment-strategy-page .mode-list{gap:.6rem}.platform-deployment-strategy-page .mode-card{padding:.8rem;border-radius:.75rem;border-color:#dfe7f1}.platform-deployment-strategy-page .check-list{gap:.5rem}.platform-deployment-strategy-page .check{border-radius:.7rem;padding:.65rem}.platform-deployment-strategy-page .check em{font-size:.58rem;color:#7b8aa0}.platform-deployment-strategy-page pre{max-height:14rem;overflow:auto;border:1px solid #dfe7f1;border-radius:.7rem;background:#f7f9fd;font-size:.7rem}@media(max-width:700px){.platform-deployment-strategy-page .deployment-hero{grid-template-columns:1fr;padding:1rem}.platform-deployment-strategy-page .deployment-lock{width:max-content}.platform-deployment-strategy-page .deployment-panel{padding:.85rem}}
.platform-deployment-strategy-page .deployment-panel{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}.platform-deployment-strategy-page .deployment-panel h2{font-size:1.08rem;letter-spacing:-.02em}.platform-deployment-strategy-page .deployment-panel h3{display:flex;align-items:center;gap:.55rem;padding-top:.35rem}.platform-deployment-strategy-page .deployment-panel h3:before{display:grid;flex:0 0 1.8rem;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:#e7efff;color:#3152ec;font-size:.75rem;content:"•"}.platform-deployment-strategy-page #saas-activation h3{counter-increment:activation-step}.platform-deployment-strategy-page #saas-activation h3:before{content:counter(activation-step)}.platform-deployment-strategy-page #saas-activation{counter-reset:activation-step}.platform-deployment-strategy-page .deployment-form>label,.platform-deployment-strategy-page .deployment-check{font-size:.72rem;font-weight:800;color:#294367}.platform-deployment-strategy-page textarea,.platform-deployment-strategy-page input,.platform-deployment-strategy-page select{border-color:#d6e3f4;border-radius:.55rem;background:#fff}.platform-deployment-strategy-page .cluster{gap:.55rem}.platform-deployment-strategy-page .deployment-btn{box-shadow:0 6px 14px rgb(49 82 236/.16)}
.platform-deployment-strategy-page .deployment-guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.6rem .9rem;border:1px solid #cbd8f5;border-radius:.65rem;background:#fff;color:#3152ec;font-size:.72rem;font-weight:850;text-decoration:none}.platform-deployment-strategy-page .deployment-guide-link:hover{background:#f4f7ff}.platform-deployment-strategy-page .deployment-stat{display:flex;align-items:center;gap:.7rem}.platform-deployment-strategy-page .deployment-stat__icon{display:grid;flex:0 0 auto;width:2.15rem;height:2.15rem;place-items:center;border-radius:.65rem;background:#ebf1ff;color:#3152ec;font-weight:900}.platform-deployment-strategy-page .deployment-stat__icon--success{background:#e8faef;color:#159451}.platform-deployment-strategy-page .deployment-steps{display:flex;gap:.5rem;padding:.45rem;border:1px solid #dfe7f3;border-radius:.8rem;background:#fff}.platform-deployment-strategy-page .deployment-steps a{display:flex;flex:1;align-items:center;justify-content:center;gap:.45rem;min-height:2.4rem;border-radius:.55rem;color:#52657f;font-size:.68rem;font-weight:800;text-decoration:none}.platform-deployment-strategy-page .deployment-steps a:hover{background:#f1f5ff;color:#3152ec}.platform-deployment-strategy-page .deployment-steps b{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:50%;background:#eaf0ff;color:#3152ec}.deployment-step-heading{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.65rem}.deployment-step-heading>span{display:grid;flex:0 0 auto;width:2.35rem;height:2.35rem;place-items:center;border-radius:50%;background:linear-gradient(135deg,#edf3ff,#d9e6ff);color:#3152ec;font-size:.92rem;font-weight:900}.deployment-step-heading h2{margin:.1rem 0}.deployment-step-heading .lead{margin:.15rem 0 0}.platform-deployment-strategy-page .deployment-context{margin:0 0 .85rem;color:#718198;font-size:.72rem}.platform-deployment-strategy-page .deployment-form--pilot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.platform-deployment-strategy-page .deployment-form--pilot button,.platform-deployment-strategy-page .deployment-form--pilot small{grid-column:1/-1}@media(max-width:700px){.platform-deployment-strategy-page .deployment-steps{overflow:auto}.platform-deployment-strategy-page .deployment-steps a{min-width:10rem}.platform-deployment-strategy-page .deployment-form--pilot{grid-template-columns:1fr}.platform-deployment-strategy-page .deployment-guide-link{width:100%}}
.platform-deployment-strategy-page .deployment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
@media(max-width:980px){.platform-deployment-strategy-page .deployment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.platform-deployment-strategy-page .deployment-summary{grid-template-columns:1fr}}
/* Layout guard: the legacy deployment stylesheet does not declare grid display. */
.platform-deployment-strategy-page .deployment-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.7rem!important}.platform-deployment-strategy-page .deployment-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:start;gap:1rem!important}.platform-deployment-strategy-page .mode-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem!important}.platform-deployment-strategy-page .mode-card{display:flex!important;min-height:9rem;align-items:flex-start;gap:.65rem;background:#fff}.platform-deployment-strategy-page .mode-card:has(input:checked){border:2px solid #3152ec;background:linear-gradient(145deg,#f8faff,#fff)}.platform-deployment-strategy-page .check-list{display:grid!important;gap:.55rem}.platform-deployment-strategy-page .check{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.6rem}.platform-deployment-strategy-page .deployment-form{display:grid;gap:.7rem}.platform-deployment-strategy-page .deployment-form--pilot{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.platform-deployment-strategy-page .deployment-form--pilot label{min-width:0}.platform-deployment-strategy-page .deployment-form--pilot input,.platform-deployment-strategy-page .deployment-form--pilot select{width:100%;box-sizing:border-box}.platform-deployment-strategy-page .deployment-form--pilot button,.platform-deployment-strategy-page .deployment-form--pilot small{grid-column:1/-1}@media(max-width:980px){.platform-deployment-strategy-page .deployment-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.platform-deployment-strategy-page .deployment-grid{grid-template-columns:1fr}}@media(max-width:700px){.platform-deployment-strategy-page .mode-list{grid-template-columns:1fr}.platform-deployment-strategy-page .deployment-form--pilot{grid-template-columns:1fr!important}}@media(max-width:620px){.platform-deployment-strategy-page .deployment-summary{grid-template-columns:1fr!important}}