/*
  UA Design Components V2
  Shared component contract for migrated pages.
  Scope is intentionally limited to body.ua-design-v2.
*/

body.ua-design-v2{
  --ua-c-page-gap:var(--ua-ds-gap-4);
  --ua-c-toolbar-h:calc(var(--ua-ds-control-h) + 12px);
  --ua-c-icon-btn:var(--ua-ds-control-h);
  --ua-c-action-gap:8px;
}

body.ua-design-v2.ua-spacing-tight{
  --ua-c-page-gap:var(--ua-ds-gap-3);
  --ua-c-action-gap:6px;
}

body.ua-design-v2.ua-spacing-roomy{
  --ua-c-page-gap:var(--ua-ds-gap-5);
  --ua-c-action-gap:10px;
}

/* Page shell ------------------------------------------------------------- */
body.ua-design-v2 :where(.ua-page-v2,.ua-page,.ua-extracted-page,.ua-manual-page){
  color:var(--ua-ds-text);
}

body.ua-design-v2 .ua-page-v2{
  display:grid;
  gap:var(--ua-c-page-gap);
  width:100%;
  max-width:var(--ua-ds-page-max-width);
  margin-inline:auto;
}

body.ua-design-v2 .ua-page-head{
  min-height:var(--ua-c-toolbar-h);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ua-ds-gap-4);
  padding:var(--ua-ds-panel-pad);
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft));
  -webkit-backdrop-filter:var(--ua-ds-blur);
  backdrop-filter:var(--ua-ds-blur);
}

body.ua-design-v2 .ua-page-title{
  display:grid;
  gap:4px;
  min-width:0;
}

body.ua-design-v2 .ua-page-title :where(h1,h2,h3){
  margin:0 !important;
  color:var(--ua-ds-title) !important;
  font-size:clamp(18px,1.25rem,24px);
  line-height:1.25;
  font-weight:950 !important;
}

body.ua-design-v2 .ua-page-title :where(p,.ua-page-subtitle){
  margin:0 !important;
  color:var(--ua-ds-muted) !important;
  font-size:.86rem;
  line-height:1.45;
  font-weight:750;
}

/* Page action placement contract ---------------------------------------- */
body.ua-design-v2 :where(.ua-page-actions,.ua-actions,.ua-toolbar-actions,.card-tools){
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--ua-c-action-gap);
  flex-wrap:wrap;
  margin-inline-start:auto;
}

body.ua-design-v2 .ua-page-toolbar{
  min-height:var(--ua-c-toolbar-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ua-ds-gap-3);
  padding:10px var(--ua-ds-panel-pad);
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .86);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
}

body.ua-design-v2 .ua-page-filters,
body.ua-design-v2 .ua-filterbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ua-ds-gap-3);
  flex-wrap:wrap;
}

body.ua-design-v2 .ua-filter-group{
  display:flex;
  align-items:center;
  gap:var(--ua-ds-gap-2);
  flex-wrap:wrap;
}

body.ua-design-v2 .ua-search-control{
  position:relative;
  flex:1 1 260px;
  min-width:min(100%,220px);
}

body.ua-design-v2 .ua-search-control :where(input,.form-control){
  width:100%;
  padding-inline-start:42px !important;
}

body.ua-design-v2 .ua-search-control :where(i,.fa,svg){
  position:absolute;
  inset-inline-start:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--ua-accent);
  pointer-events:none;
}

/* Panels / cards --------------------------------------------------------- */
body.ua-design-v2 :where(.ua-panel-v2,.ua-card-v2){
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft));
  color:var(--ua-ds-text);
  overflow:hidden;
  -webkit-backdrop-filter:var(--ua-ds-blur);
  backdrop-filter:var(--ua-ds-blur);
}

body.ua-design-v2 :where(.ua-panel-head,.ua-card-head){
  min-height:calc(var(--ua-ds-control-h) + 10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ua-ds-gap-3);
  padding:10px var(--ua-ds-panel-pad);
  border-bottom:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018));
}

body.ua-design-v2 :where(.ua-panel-body,.ua-card-body){
  padding:var(--ua-ds-panel-pad);
}

/* Form contract ---------------------------------------------------------- */
body.ua-design-v2 :where(.ua-form-grid,.ua-fields-grid){
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--ua-ds-gap-3);
  align-items:start;
}

body.ua-design-v2 .ua-field{
  grid-column:span 4;
  display:grid;
  gap:var(--ua-ds-field-gap);
  min-width:0;
}

body.ua-design-v2 .ua-field.ua-span-2{grid-column:span 2}
body.ua-design-v2 .ua-field.ua-span-3{grid-column:span 3}
body.ua-design-v2 .ua-field.ua-span-4{grid-column:span 4}
body.ua-design-v2 .ua-field.ua-span-6{grid-column:span 6}
body.ua-design-v2 .ua-field.ua-span-8{grid-column:span 8}
body.ua-design-v2 .ua-field.ua-span-12,
body.ua-design-v2 .ua-field.ua-full{grid-column:1/-1}

body.ua-design-v2 .ua-payment-form-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

body.ua-design-v2 .ua-payment-field{
  display:grid;
  grid-column:auto;
  grid-template-columns:minmax(0,1fr);
  gap:var(--ua-ds-field-gap);
  min-width:0;
}

body.ua-design-v2 .ua-payment-field-wide{
  grid-column:span 2;
}

body.ua-design-v2 .ua-payment-field :where(input,select,textarea,.form-control){
  width:100%;
  min-width:0;
}

body.ua-design-v2 .ua-field label{
  margin:0;
  color:var(--ua-ds-muted) !important;
  font-size:.82rem;
  font-weight:850 !important;
}

body.ua-design-v2 .ua-field-hint{
  color:var(--ua-ds-muted);
  font-size:.76rem;
  line-height:1.45;
  font-weight:700;
}

body.ua-design-v2 textarea.form-control,
body.ua-design-v2 textarea.form-select{
  min-height:calc(var(--ua-ds-control-h) * 2.2) !important;
  resize:vertical;
}

body.ua-design-v2 :where(input[readonly],.form-control[readonly]){
  opacity:.84;
  background:color-mix(in srgb,var(--ua-ds-input) 76%,black 12%) !important;
}

body.ua-design-v2 .ua-switch-line{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:var(--ua-ds-control-h);
  padding:8px 10px;
  border:1px solid var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .68);
  background:rgba(255,255,255,.045);
  color:var(--ua-ds-title) !important;
  font-weight:900 !important;
}

body.ua-design-v2 .ua-switch-line input{
  width:18px;
  height:18px;
  accent-color:var(--ua-accent);
}

/* Buttons ---------------------------------------------------------------- */
body.ua-design-v2 :where(.ua-btn,.btn){
  white-space:nowrap;
}

body.ua-design-v2 .ua-icon-btn,
body.ua-design-v2 :where(.btn-icon,.ua-modal-icon-btn){
  width:var(--ua-c-icon-btn) !important;
  min-width:var(--ua-c-icon-btn) !important;
  height:var(--ua-c-icon-btn) !important;
  min-height:var(--ua-c-icon-btn) !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.ua-design-v2 .ua-action-primary{
  border-color:color-mix(in srgb,var(--ua-accent) 64%,white 10%) !important;
  background:linear-gradient(180deg,var(--ua-accent-2),var(--ua-accent)) !important;
  color:#06111d !important;
}

body.ua-design-v2 .ua-action-danger,
body.ua-design-v2 :where(.btn-danger){
  border-color:rgba(248,113,113,.42) !important;
  background:linear-gradient(180deg,rgba(239,68,68,.88),rgba(153,27,27,.86)) !important;
  color:#fff !important;
}

body.ua-design-v2 .ua-row-actions{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:nowrap;
  white-space:nowrap;
}

/* Tables ----------------------------------------------------------------- */
body.ua-design-v2 .ua-table-wrap{
  overflow:auto;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft));
}

body.ua-design-v2 .ua-table{
  width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0;
  color:var(--ua-ds-text);
}

body.ua-design-v2 .ua-table :where(th,td){
  height:var(--ua-ds-table-row-h);
  padding:8px 10px;
  border-bottom:1px solid var(--ua-ds-line);
  vertical-align:middle;
}

body.ua-design-v2 .ua-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--ua-ds-table-head);
  color:var(--ua-ds-title);
  font-weight:950;
  text-align:center;
}

body.ua-design-v2 .ua-table tbody tr:hover > td{
  background:color-mix(in srgb,var(--ua-accent) 14%,var(--ua-ds-table-row)) !important;
}

/* Dropdowns / tabs / alerts / modals ------------------------------------ */
body.ua-design-v2 .ua-menu-list{
  display:grid;
  gap:6px;
  min-width:190px;
  padding:8px;
}

body.ua-design-v2 .ua-menu-item{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:8px 10px;
  border-radius:calc(var(--ua-radius) * .58);
  color:var(--ua-ds-text);
  text-decoration:none;
  font-weight:900;
  direction:rtl;
  text-align:right;
}

body.ua-design-v2 .ua-menu-item:hover,
body.ua-design-v2 .ua-menu-item.is-active{
  background:linear-gradient(90deg,rgba(94,234,212,.16),rgba(243,186,47,.07));
  color:#fff;
}

body.ua-design-v2 .ua-tabs-v2{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:8px;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
}

body.ua-design-v2 .ua-tab-v2{
  min-height:var(--ua-ds-control-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  border-radius:calc(var(--ua-radius) * .65);
  color:var(--ua-ds-muted);
  text-decoration:none;
  font-weight:900;
}

body.ua-design-v2 .ua-tab-v2.is-active{
  background:color-mix(in srgb,var(--ua-accent) 18%,transparent);
  color:#fff;
}

body.ua-design-v2 .ua-alert{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .82);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018));
  color:var(--ua-ds-text);
}

body.ua-design-v2 .ua-modal-v2{
  width:min(760px,calc(100vw - 28px));
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
  box-shadow:var(--ua-ds-shadow-strong);
  color:var(--ua-ds-text);
  overflow:hidden;
}

body.ua-design-v2 .ua-modal-foot,
body.ua-design-v2 .ua-form-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--ua-c-action-gap);
  flex-wrap:wrap;
  padding-top:var(--ua-ds-gap-3);
}

/* Simple content pages --------------------------------------------------- */
body.ua-design-v2 .ua-info-list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

body.ua-design-v2 .ua-info-list li{
  min-height:var(--ua-ds-control-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
  border:1px solid var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .68);
  background:rgba(255,255,255,.045);
}

body.ua-design-v2 .ua-info-list b{
  color:var(--ua-ds-muted);
  font-weight:900;
}

body.ua-design-v2 .ua-link-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:var(--ua-ds-gap-3);
}

body.ua-design-v2 .ua-link-card{
  min-height:78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:12px;
  border:1px solid var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .78);
  background:rgba(255,255,255,.045);
  color:var(--ua-ds-text);
  text-decoration:none;
  font-weight:900;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

body.ua-design-v2 .ua-link-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--ua-accent) 44%,var(--ua-ds-line));
  background:color-mix(in srgb,var(--ua-accent) 12%,rgba(255,255,255,.045));
  color:#fff;
}

body.ua-design-v2 .ua-link-card small{
  direction:ltr;
  text-align:left;
  color:var(--ua-ds-muted);
  font-size:.76rem;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.ua-design-v2 .ua-faq-list{
  display:grid;
  gap:var(--ua-ds-gap-2);
}

body.ua-design-v2 .ua-faq-item{
  border:1px solid var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .78);
  background:rgba(255,255,255,.045);
  overflow:hidden;
}

body.ua-design-v2 .ua-faq-item summary{
  min-height:var(--ua-ds-control-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  color:var(--ua-ds-title);
  font-weight:900;
  cursor:pointer;
  list-style:none;
}

body.ua-design-v2 .ua-faq-item summary::-webkit-details-marker{display:none}

body.ua-design-v2 .ua-faq-item summary::after{
  content:"\f107";
  font-family:FontAwesome;
  color:var(--ua-accent);
  transition:transform .16s ease;
}

body.ua-design-v2 .ua-faq-item[open] summary::after{
  transform:rotate(180deg);
}

body.ua-design-v2 .ua-faq-body{
  padding:0 12px 12px;
  color:var(--ua-ds-muted);
  line-height:1.7;
  font-weight:750;
}

/* Subscriber child / modal pages ---------------------------------------- */
body.ua-design-v2 .ua-subscriber-child-page .ua-page-v2{
  max-width:none;
}

body.ua-design-v2 .ua-subscriber-child-page .ua-child-summary{
  display:grid;
  gap:4px;
  min-width:0;
}

body.ua-design-v2 .ua-subscriber-child-page .ua-child-summary strong{
  color:var(--ua-ds-title);
  font-size:1.04rem;
  line-height:1.35;
  font-weight:950;
}

body.ua-design-v2 .ua-subscriber-child-page .ua-child-summary small{
  color:var(--ua-ds-muted);
  font-weight:780;
}

body.ua-design-v2 .ua-child-metric-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:var(--ua-ds-gap-3);
}

body.ua-design-v2 .ua-child-metric{
  display:grid;
  gap:5px;
  min-height:var(--ua-ds-control-h);
  padding:10px 12px;
  border:1px solid var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .68);
  background:rgba(255,255,255,.045);
  color:var(--ua-ds-text);
}

body.ua-design-v2 .ua-child-metric b,
body.ua-design-v2 .ua-child-metric .ua-child-metric-label{
  color:var(--ua-ds-muted);
  font-size:.8rem;
  font-weight:900;
}

body.ua-design-v2 .ua-child-metric code{
  width:max-content;
  max-width:100%;
  padding:.16rem .42rem;
  border-radius:calc(var(--ua-radius) * .45);
  background:color-mix(in srgb,var(--ua-accent) 16%,transparent);
  color:var(--ua-ds-title);
  overflow:hidden;
  text-overflow:ellipsis;
}

body.ua-design-v2 .ua-child-note{
  padding:12px 14px;
  border:1px solid var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .72);
  background:rgba(255,255,255,.045);
  color:var(--ua-ds-muted);
  line-height:1.75;
  font-weight:780;
}

body.ua-design-v2 .ua-child-choice{
  display:grid;
  gap:5px;
  padding:12px;
  border:1px solid var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .78);
  background:rgba(255,255,255,.045);
  color:var(--ua-ds-text);
  cursor:pointer;
}

body.ua-design-v2 .ua-child-choice:hover{
  border-color:color-mix(in srgb,var(--ua-accent) 42%,var(--ua-ds-line));
  background:color-mix(in srgb,var(--ua-accent) 10%,rgba(255,255,255,.045));
}

body.ua-design-v2 .ua-child-choice strong{
  color:var(--ua-ds-title);
}

body.ua-design-v2 .ua-child-choice small{
  color:var(--ua-ds-muted);
  line-height:1.65;
  font-weight:760;
}

/* Subscriber add/edit form compatibility -------------------------------- */
body.ua-design-v2 .ua-sub-child-add .sa-wrap,
body.ua-design-v2 .ua-sub-child-edit .ua-page-v2{
  max-width:none;
}

body.ua-design-v2 .ua-sub-child-add .sa-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);
  gap:var(--ua-ds-gap-3);
  align-items:start;
}

body.ua-design-v2 .ua-sub-child-add .sa-preview{
  display:grid;
  gap:var(--ua-ds-gap-3);
}

body.ua-design-v2 .ua-sub-child-add .sa-card,
body.ua-design-v2 .ua-sub-child-edit .se-edit-card{
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  border-radius:var(--ua-radius) !important;
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2)) !important;
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft)) !important;
  color:var(--ua-ds-text) !important;
  overflow:hidden;
}

body.ua-design-v2 .ua-sub-child-add .sa-card-head,
body.ua-design-v2 .ua-sub-child-edit .se-edit-card-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:var(--ua-ds-gap-3) !important;
  min-height:calc(var(--ua-ds-control-h) + 10px);
  padding:10px var(--ua-ds-panel-pad) !important;
  border-bottom:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018)) !important;
  margin:0 !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-card-head h3,
body.ua-design-v2 .ua-sub-child-edit .se-edit-card-head h5{
  margin:0 !important;
  color:var(--ua-ds-title) !important;
  font-size:1rem !important;
  line-height:1.3 !important;
  font-weight:950 !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-card-head span,
body.ua-design-v2 .ua-sub-child-edit .se-edit-card-head span{
  color:var(--ua-ds-muted) !important;
  font-size:.8rem !important;
  line-height:1.4 !important;
  font-weight:800 !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-card-body{
  padding:var(--ua-ds-panel-pad) !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-form-grid,
body.ua-design-v2 .ua-sub-child-edit .se-form-grid,
body.ua-design-v2 .ua-sub-child-edit .se-form-grid.se-3{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:var(--ua-ds-gap-3) !important;
  align-items:start !important;
  justify-content:stretch !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-field,
body.ua-design-v2 .ua-sub-child-edit .se-field{
  grid-column:span 4 !important;
  display:grid !important;
  gap:var(--ua-ds-field-gap) !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-form-grid.sa-1 .sa-field,
body.ua-design-v2 .ua-sub-child-add .sa-field.ua-full,
body.ua-design-v2 .ua-sub-child-edit .se-field-full{
  grid-column:1/-1 !important;
}

body.ua-design-v2 .ua-sub-child-edit .se-field-wide,
body.ua-design-v2 .ua-sub-child-edit .se-check-field{
  grid-column:span 6 !important;
}

body.ua-design-v2 .ua-sub-child-add :where(.sa-field,.se-field) label,
body.ua-design-v2 .ua-sub-child-edit .se-field label,
body.ua-design-v2 .ua-sub-child-edit .form-check-label{
  margin:0 !important;
  color:var(--ua-ds-muted) !important;
  font-size:.82rem !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-field small,
body.ua-design-v2 .ua-sub-child-edit .se-field small{
  color:var(--ua-ds-muted) !important;
  font-size:.76rem !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

body.ua-design-v2 .ua-sub-child-add :where(.sa-field,.se-field) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select),
body.ua-design-v2 .ua-sub-child-edit .se-field :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select),
body.ua-design-v2 .ua-sub-child-edit :where(#staticIp,#packageName,#speedName,#pppProfile,#pppRate,#editUsername,#pppUsername,#pppPassword){
  width:100% !important;
  max-width:100% !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-kpi,
body.ua-design-v2 .ua-sub-child-add .sa-summary,
body.ua-design-v2 .ua-sub-child-add .sa-inline-note,
body.ua-design-v2 .ua-sub-child-edit .se-check-field{
  border:1px solid var(--ua-ds-line) !important;
  border-radius:calc(var(--ua-radius) * .72) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-kpi-title{
  color:var(--ua-ds-muted) !important;
  font-size:.78rem !important;
  font-weight:850 !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-kpi-value,
body.ua-design-v2 .ua-sub-child-add .sa-summary strong{
  color:var(--ua-ds-title) !important;
  font-weight:950 !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-summary ul{
  margin:0;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-actions,
body.ua-design-v2 .ua-sub-child-edit .se-edit-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:var(--ua-c-action-gap) !important;
  flex-wrap:wrap !important;
  padding-top:var(--ua-ds-gap-3) !important;
  margin-top:var(--ua-ds-gap-3) !important;
  border-top:1px solid var(--ua-ds-line) !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-ip-inline,
body.ua-design-v2 .ua-sub-child-edit .se-static-ip-control{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  max-width:none !important;
}

body.ua-design-v2 .ua-sub-child-add .sa-ip-suggest,
body.ua-design-v2 .ua-sub-child-edit :where(.se-ip-suggest-btn,.se-ip-help-btn){
  width:var(--ua-c-icon-btn) !important;
  min-width:var(--ua-c-icon-btn) !important;
  height:var(--ua-c-icon-btn) !important;
  min-height:var(--ua-c-icon-btn) !important;
  flex:0 0 var(--ua-c-icon-btn) !important;
  border-radius:calc(var(--ua-radius) * .58) !important;
  padding:0 !important;
}

body.ua-design-v2 .ua-sub-child-edit .se-file-link{
  color:var(--ua-accent) !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

/* Subscriber add page: Figma layout port --------------------------------- */
body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .content{
  padding:24px !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-wrap{
  width:100%;
  max-width:none !important;
  padding:0 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add form{
  margin:0;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-grid{
  display:grid !important;
  direction:rtl !important;
  grid-template-columns:minmax(0,1fr) 460px !important;
  gap:24px !important;
  align-items:start !important;
  width:100% !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-input-zone{
  display:grid !important;
  gap:16px !important;
  min-width:0 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-preview{
  display:grid !important;
  gap:16px !important;
  width:460px !important;
  min-width:0 !important;
  position:sticky !important;
  top:0 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-card{
  border:1px solid var(--ua-ds-line) !important;
  border-radius:8px !important;
  background:var(--ua-ds-surface) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-card-head{
  display:block !important;
  min-height:0 !important;
  padding:16px 16px 0 !important;
  border-bottom:0 !important;
  background:transparent !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-card-head h3{
  margin:0 0 12px !important;
  color:var(--ua-ds-title) !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1.5 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-preview .sa-card-head h3{
  padding-bottom:8px !important;
  border-bottom:1px solid var(--ua-ds-line) !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-card-body{
  display:block !important;
  padding:0 16px 16px !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-form-grid{
  display:grid !important;
  gap:12px !important;
  align-items:start !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-personal-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-service-line{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-identity-card .sa-form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-field{
  display:block !important;
  grid-column:auto !important;
  width:100% !important;
  min-width:0 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-field-span-2{
  grid-column:span 2 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-personal-grid .sa-field-span-2{
  grid-column:1 / -1 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-field label{
  display:block !important;
  margin:0 0 4px !important;
  color:var(--ua-ds-muted) !important;
  font-size:.75rem !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-field small{
  display:block !important;
  margin-top:8px !important;
  color:var(--ua-ds-muted) !important;
  font-size:.75rem !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add :where(.sa-field) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea,.form-control,.form-select){
  width:100% !important;
  min-height:34px !important;
  height:34px !important;
  padding:6px 10px !important;
  border:1px solid var(--ua-ds-line) !important;
  border-radius:4px !important;
  background:var(--ua-ds-surface-2) !important;
  color:var(--ua-ds-text) !important;
  box-shadow:none !important;
  font-size:.875rem !important;
  line-height:1.5 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-field textarea.form-control{
  min-height:44px !important;
  height:44px !important;
  resize:none !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-ip-inline{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 34px !important;
  gap:8px !important;
  align-items:center !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-ip-suggest{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border-radius:4px !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-inline-note{
  margin-top:12px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--ua-ds-muted) !important;
  font-size:.75rem !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-file-upload{
  display:grid !important;
  place-items:center !important;
  min-height:76px !important;
  padding:12px !important;
  border:2px dashed var(--ua-ds-line-strong,var(--ua-ds-line)) !important;
  border-radius:4px !important;
  background:transparent !important;
  cursor:pointer !important;
  text-align:center !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-file-upload input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-file-upload span{
  color:var(--ua-ds-muted) !important;
  font-size:.75rem !important;
  line-height:1.3 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-file-upload small{
  margin-top:2px !important;
  color:var(--ua-ds-muted) !important;
  opacity:.75 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-kpi,
body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-summary{
  border:1px solid var(--ua-ds-line) !important;
  border-radius:4px !important;
  background:var(--ua-ds-surface-2) !important;
  padding:12px !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-kpi + .sa-kpi{
  margin-top:12px !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-kpi-title{
  margin-bottom:4px !important;
  color:var(--ua-ds-muted) !important;
  font-size:.75rem !important;
  font-weight:500 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-kpi-value{
  color:var(--ua-ds-title) !important;
  font-size:.875rem !important;
  font-weight:700 !important;
  overflow-wrap:anywhere !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-summary ul{
  display:grid !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  color:var(--ua-ds-muted) !important;
  font-size:.75rem !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-summary li{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-summary li:nth-child(5),
body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-summary li:nth-child(7),
body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-summary li:nth-child(10){
  padding-top:10px !important;
  border-top:1px solid var(--ua-ds-line) !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-summary strong{
  color:var(--ua-ds-text) !important;
  font-weight:700 !important;
  text-align:left !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-actions{
  display:flex !important;
  flex-direction:row-reverse !important;
  justify-content:flex-start !important;
  gap:16px !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  border-top:0 !important;
}

body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-actions .btn{
  min-width:126px !important;
  min-height:46px !important;
  padding:8px 20px !important;
  border-radius:4px !important;
  font-size:.875rem !important;
  font-weight:700 !important;
}

@media (max-width: 1200px){
  body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-grid{
    grid-template-columns:1fr !important;
  }
  body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-preview{
    width:100% !important;
    position:static !important;
    order:2;
  }
}

@media (max-width: 820px){
  body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-personal-grid,
  body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-service-line,
  body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-identity-card .sa-form-grid{
    grid-template-columns:1fr !important;
  }
  body.ua-design-v2.ua-p-subscribers-add .ua-sub-child-add .sa-field-span-2{
    grid-column:1 / -1 !important;
  }
}

/* Main subscribers page compatibility ------------------------------------ */
body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .ua-page-v2{
  max-width:none;
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subsx-head.ua-page-head{
  color:var(--ua-ds-text);
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subsx-title.ua-page-title{
  min-width:0;
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subsx-topline.ua-page-toolbar{
  min-width:0;
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subsx-actions.ua-page-actions{
  gap:var(--ua-c-action-gap) !important;
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subsx-search-line.ua-search-control{
  min-width:min(100%,220px);
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subsx-table-card.ua-table-wrap{
  max-height:calc(100vh - 330px);
  min-height:min(460px,calc(100vh - 330px));
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subsx-table.ua-table{
  table-layout:fixed;
  min-width:1120px;
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subs-row-actions.ua-row-actions{
  gap:6px;
}

body.ua-design-v2.ua-p-subscribers .ua-sub-main-page .subs-row-actions.ua-row-actions :where(.btn,.btn-sm){
  flex:0 0 auto;
}

/* Finance V2 compatibility ---------------------------------------------- */
body.ua-design-v2:where(.ua-p-finance-reports,.ua-p-finance-cashbox,.ua-p-finance-day-report,.ua-p-finance-month-close,.ua-p-finance-month-report,.ua-p-finance-payments,.ua-p-finance-expenses) .container-fluid{
  width:100%;
  max-width:none;
  padding-inline:0;
}

body.ua-design-v2:where(.ua-p-finance-reports,.ua-p-finance-cashbox,.ua-p-finance-day-report,.ua-p-finance-month-close,.ua-p-finance-month-report) .form-inline{
  display:flex;
  align-items:end;
  gap:var(--ua-ds-gap-3);
  flex-wrap:wrap;
  margin:0;
}

body.ua-design-v2:where(.ua-p-finance-reports,.ua-p-finance-cashbox,.ua-p-finance-day-report,.ua-p-finance-month-close,.ua-p-finance-month-report) .row{
  row-gap:var(--ua-ds-gap-3);
}

body.ua-design-v2:where(.ua-p-finance-reports,.ua-p-finance-cashbox,.ua-p-finance-day-report,.ua-p-finance-month-close,.ua-p-finance-month-report) hr{
  border-color:var(--ua-ds-line);
  opacity:1;
}

body.ua-design-v2:where(.ua-p-finance-cashbox,.ua-p-finance-month-close) .badge{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid var(--ua-ds-line);
  border-radius:999px;
  color:var(--ua-ds-title);
  background:rgba(255,255,255,.075);
}

body.ua-design-v2 .fin-report-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ua-ds-gap-4);
  flex-wrap:wrap;
  margin-bottom:var(--ua-ds-gap-4);
  padding:var(--ua-ds-panel-pad);
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft));
}

body.ua-design-v2 .fin-report-title{
  margin:0 0 6px !important;
  color:var(--ua-ds-title) !important;
  font-size:clamp(20px,1.4rem,28px) !important;
  line-height:1.25;
  font-weight:950 !important;
}

body.ua-design-v2 .fin-report-sub{
  color:var(--ua-ds-muted) !important;
  font-size:.86rem;
  line-height:1.6;
  font-weight:760;
}

body.ua-design-v2 .fin-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--ua-c-action-gap);
  flex-wrap:wrap;
}

body.ua-design-v2 .fin-btn{
  min-height:var(--ua-ds-control-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:calc(var(--ua-radius) * .68);
  background:rgba(255,255,255,.07);
  color:var(--ua-ds-text);
  text-decoration:none !important;
  font-weight:900;
}

body.ua-design-v2 .fin-btn:hover{
  border-color:color-mix(in srgb,var(--ua-accent) 42%,var(--ua-ds-line));
  color:#fff;
  background:color-mix(in srgb,var(--ua-accent) 12%,rgba(255,255,255,.07));
}

body.ua-design-v2 .fin-btn--primary{
  border-color:color-mix(in srgb,var(--ua-accent) 64%,white 10%);
  background:linear-gradient(180deg,var(--ua-accent-2),var(--ua-accent));
  color:#06111d !important;
}

body.ua-design-v2 .fin-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:var(--ua-ds-gap-3);
  margin-bottom:var(--ua-ds-gap-4);
}

body.ua-design-v2 .fin-kpi{
  min-height:94px;
  display:grid;
  align-content:center;
  gap:7px;
  padding:14px 16px;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line);
  border-radius:var(--ua-radius);
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb,var(--ua-accent) 12%,transparent), transparent 42%),
    linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2));
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft));
}

body.ua-design-v2 .fin-kpi .t{
  color:var(--ua-ds-muted);
  font-size:.8rem;
  font-weight:850;
}

body.ua-design-v2 .fin-kpi .v{
  color:var(--ua-ds-title);
  font-size:clamp(22px,1.8rem,32px);
  line-height:1;
  font-weight:950;
  overflow-wrap:anywhere;
}

body.ua-design-v2 .fin-card{
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  border-radius:var(--ua-radius) !important;
  background:linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2)) !important;
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft)) !important;
  color:var(--ua-ds-text) !important;
  overflow:hidden;
}

body.ua-design-v2 .fin-card .card-header{
  min-height:calc(var(--ua-ds-control-h) + 10px);
  display:flex;
  align-items:center;
  padding:10px var(--ua-ds-panel-pad) !important;
  border-bottom:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018)) !important;
  color:var(--ua-ds-title) !important;
  font-size:1rem;
  font-weight:950;
}

body.ua-design-v2 .fin-empty{
  padding:22px !important;
  color:var(--ua-ds-muted) !important;
  text-align:center;
}

/* Shell QA fixes --------------------------------------------------------- */
body.ua-shell-chrome .ua-page-windowbar__pages{
  min-width:0 !important;
  direction:ltr !important;
  justify-content:flex-start !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

body.ua-shell-chrome .ua-page-windowbar__pages .ua-page-tab{
  direction:rtl !important;
}

body.ua-design-v2.ua-p-security-monitor .secmon-table-wrap{
  direction:ltr;
}

body.ua-design-v2.ua-p-security-monitor .secmon-table{
  direction:rtl;
  min-width:max(100%,980px);
}

/* Final legacy-page compatibility pass ---------------------------------- */
body.ua-design-v2 .content-wrapper:not(.ua-extracted-page):not(.ua-manual-page){
  background:transparent !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2 :where(.content-wrapper,.content,.container,.container-fluid,.row,[class*="col-"]){
  min-width:0;
}

body.ua-design-v2 :where(.container-fluid,.container){
  max-width:100%;
}

body.ua-design-v2 :where(.table-responsive,.ua-table-wrap){
  max-width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

body.ua-design-v2 :where(.card,.box,.panel){
  overflow:hidden;
}

body.ua-design-v2 :where(.card-header,.box-header,.panel-heading){
  min-height:calc(var(--ua-ds-control-h) + 10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ua-ds-gap-3);
  flex-wrap:wrap;
}

body.ua-design-v2 :where(.card-header .nav,.card-header-tabs,.nav-tabs){
  min-width:0;
  gap:6px;
  border-bottom:0 !important;
  flex-wrap:wrap;
}

body.ua-design-v2 :where(.nav-tabs .nav-link,.nav-pills .nav-link){
  border:1px solid var(--ua-ds-line) !important;
  border-radius:calc(var(--ua-radius) * .58) !important;
  color:var(--ua-ds-muted) !important;
  background:rgba(255,255,255,.045) !important;
  font-weight:900;
}

body.ua-design-v2 :where(.nav-tabs .nav-link.active,.nav-pills .nav-link.active){
  border-color:color-mix(in srgb,var(--ua-accent) 48%,var(--ua-ds-line)) !important;
  color:var(--ua-ds-title) !important;
  background:color-mix(in srgb,var(--ua-accent) 16%,rgba(255,255,255,.05)) !important;
}

body.ua-design-v2 :where(.form-group,.input-group,.btn-group){
  min-width:0;
}

body.ua-design-v2 :where(.input-group){
  flex-wrap:nowrap;
}

body.ua-design-v2 :where(.input-group .form-control,.input-group .form-select){
  min-width:0;
}

body.ua-design-v2 :where(.badge,.label){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  border-radius:999px;
  padding:4px 8px;
  font-weight:900;
  line-height:1;
}

/* Dashboard / NOC compatibility ----------------------------------------- */
body.ua-design-v2.ua-page-dashboard{
  --nocx-text:var(--ua-ds-text);
  --nocx-soft:var(--ua-ds-muted);
  --nocx-muted:color-mix(in srgb,var(--ua-ds-muted) 74%,transparent);
  --nocx-line:var(--ua-ds-line);
  --nocx-line-strong:color-mix(in srgb,var(--ua-accent) 32%,var(--ua-ds-line));
  --nocx-panel:var(--ua-ds-surface);
  --nocx-panel-soft:var(--ua-ds-surface-2);
  --nocx-blue:var(--ua-accent);
  --nocx-cyan:var(--ua-accent-2);
}

body.ua-design-v2.ua-page-dashboard .ua-dashboard-v2{
  color:var(--ua-ds-text);
}

body.ua-design-v2.ua-page-dashboard .ua-dashboard-v2 :where(.nocx-dashboard-statsbar,.ua-dashboard-windowbar-host,.nocx-shell){
  border-color:var(--ua-ds-line);
}

body.ua-design-v2.ua-page-dashboard .ua-dashboard-v2 :where(.nocx-panel,.nocx-stat-chip,.nocx-title-search,.nocx-icon-action,.nocx-soft-badge){
  color:var(--ua-ds-text);
}

@media (max-width:980px){
  body.ua-design-v2 .ua-page-head,
  body.ua-design-v2 .ua-page-toolbar{
    display:grid;
  }
  body.ua-design-v2 :where(.ua-page-actions,.ua-actions,.ua-toolbar-actions,.card-tools){
    justify-content:flex-start;
    margin-inline-start:0;
  }
  body.ua-design-v2 .ua-field{grid-column:span 6}
  body.ua-design-v2 .ua-sub-child-add .sa-grid{
    grid-template-columns:1fr;
  }
  body.ua-design-v2 .ua-sub-child-add .sa-field,
  body.ua-design-v2 .ua-sub-child-edit .se-field{
    grid-column:span 6 !important;
  }
}

@media (max-width:640px){
  body.ua-design-v2 .ua-form-grid,
  body.ua-design-v2 .ua-fields-grid{
    grid-template-columns:1fr;
  }
  body.ua-design-v2 .ua-field,
  body.ua-design-v2 .ua-field.ua-span-2,
  body.ua-design-v2 .ua-field.ua-span-3,
  body.ua-design-v2 .ua-field.ua-span-4,
  body.ua-design-v2 .ua-field.ua-span-6,
  body.ua-design-v2 .ua-field.ua-span-8{
    grid-column:1/-1;
  }
  body.ua-design-v2 .ua-payment-form-grid{
    grid-template-columns:1fr;
  }
  body.ua-design-v2 .ua-payment-field,
  body.ua-design-v2 .ua-payment-field-wide{
    grid-column:1/-1;
  }
  body.ua-design-v2 .ua-page-filters,
  body.ua-design-v2 .ua-filterbar{
    display:grid;
  }
  body.ua-design-v2 :where(.ua-page-actions,.ua-actions,.ua-toolbar-actions,.card-tools) > :where(.btn,.ua-btn){
    flex:1 1 auto;
  }
  body.ua-design-v2 .ua-sub-child-add .sa-form-grid,
  body.ua-design-v2 .ua-sub-child-edit .se-form-grid,
  body.ua-design-v2 .ua-sub-child-edit .se-form-grid.se-3{
    grid-template-columns:1fr !important;
  }
  body.ua-design-v2 .ua-sub-child-add .sa-field,
  body.ua-design-v2 .ua-sub-child-edit .se-field,
  body.ua-design-v2 .ua-sub-child-edit .se-field-wide,
  body.ua-design-v2 .ua-sub-child-edit .se-check-field{
    grid-column:1/-1 !important;
  }
}
