/* Trustplug VTU workspace: final presentation layer. Functional/permission styles stay intact. */
:root {
  color-scheme: light;
  --vtu-primary: #4338ca;
  --vtu-primary-hover: #3730a3;
  --vtu-primary-soft: #eeecff;
  --vtu-page: #f5f6fa;
  --vtu-surface: #ffffff;
  --vtu-heading: #1e293b;
  --vtu-text: #475569;
  --vtu-muted: #64748b;
  --vtu-border: #e2e6ef;
  --vtu-success: #18734b;
  --vtu-danger: #b42336;
  --vtu-warning: #956018;
  --vtu-radius: 12px;
  --vtu-shadow: 0 4px 20px rgb(37 41 91 / 4%);
}
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) {
  --primary-color: var(--vtu-primary);
  --secondary-color: var(--vtu-primary-hover);
  --base-color: var(--vtu-primary);
  --tp-accent: var(--vtu-primary);
  --tp-ink: var(--vtu-heading);
  --tp-muted: var(--vtu-muted);
  --tp-border: var(--vtu-border);
  --tp-surface: var(--vtu-page);
  --vtu-ink: var(--vtu-heading);
  --vtu-line: var(--vtu-border);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  background-color: var(--vtu-page) !important;
  color: var(--vtu-text) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) *,
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) *::before,
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) *::after { box-sizing: border-box; }
body ::selection { background: #dedaff !important; color: #302783 !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(button,input,select,textarea) { font-family: inherit !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(h1,h2,h3,h4,h5,h6) { color: var(--vtu-heading); line-height: 1.35; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) a { text-underline-offset: 3px; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid #aaa1f3 !important; outline-offset: 3px; }
body:is(.tp-workspace,.tp-admin) :is(.main-wrapper,.main-body-wrapper,.body-wrapper,.page-wrapper) { background: var(--vtu-page) !important; min-width: 0; }
body:is(.tp-workspace,.tp-admin) .body-wrapper { padding: 28px 30px !important; max-width: 1700px; margin-inline: auto !important; }
body:is(.tp-workspace,.tp-admin) .body-wrapper > .row { min-width: 0; }
body:is(.tp-workspace,.tp-admin) :is(.tp-dashboard-heading,.tp-page-intro) { margin-bottom: 24px !important; gap: 14px; }
body:is(.tp-workspace,.tp-admin) :is(.tp-dashboard-heading h1,.tp-page-intro h1) { font-size: clamp(23px,2.1vw,30px) !important; letter-spacing: -.035em !important; color: var(--vtu-heading) !important; font-weight: 700 !important; }
body:is(.tp-workspace,.tp-admin) :is(.tp-eyebrow,.text--base,.text-primary,.dashboard-path .active-path) { color: var(--vtu-primary) !important; }
body:is(.tp-workspace,.tp-admin) :is(.tp-page-intro p,.text-muted,.vtu-muted,.tp-dashboard-date) { color: var(--vtu-muted) !important; }

/* Identical navigation language for admin, owner, staff and reseller workspaces. */
body:is(.tp-workspace,.tp-admin) .sidebar {
  background: #3730a3 !important;
  background-image: none !important;
  border-inline-end: 1px solid #ffffff12 !important;
  box-shadow: none !important;
  scrollbar-width: thin;
  scrollbar-color: #8176d6 #3730a3;
}
body:is(.tp-workspace,.tp-admin) :is(.sidebar-inner,.sidebar-inner-wrapper,.sidebar-menu-wrapper) { background: transparent !important; }
body:is(.tp-workspace,.tp-admin) .sidebar-logo { min-height: 76px !important; padding: 20px 22px !important; border-bottom: 1px solid #ffffff20 !important; }
body:is(.tp-workspace,.tp-admin) .sidebar-menu { padding: 10px 14px !important; }
body:is(.tp-workspace,.tp-admin) .sidebar-menu-item > a,
body:is(.tp-workspace,.tp-admin) .sidebar-menu-item form > button {
  display: flex !important; align-items: center !important; gap: 12px !important;
  min-height: 46px !important; padding: 11px 13px !important; border-radius: 8px !important;
  margin: 3px 0 !important; background: transparent !important; color: #e2dffe !important;
  border: 1px solid transparent !important; box-shadow: none !important; font-size: 13px !important;
  font-weight: 500 !important; text-decoration: none !important;
}
body:is(.tp-workspace,.tp-admin) .sidebar-menu-item > a:hover,
body:is(.tp-workspace,.tp-admin) .sidebar-menu-item form > button:hover { background: #ffffff12 !important; color: #ffffff !important; }
body:is(.tp-workspace,.tp-admin) .sidebar-menu-item.active > a,
body:is(.tp-workspace,.tp-admin) .sidebar-menu-item > a.tp-current,
body:is(.tp-workspace,.tp-admin) .sidebar-menu-item > a[aria-current="page"] {
  background: #ffffff1c !important; color: #ffffff !important; border-color: #ffffff24 !important;
  box-shadow: inset 3px 0 #bcb5ff !important;
}
body:is(.tp-workspace,.tp-admin) .sidebar :is(.menu-title,.menu-icon) { color: inherit !important; }
body:is(.tp-workspace,.tp-admin) .sidebar :is(.menu-title,.menu-icon,.sub-title) { line-height: 1.5 !important; }
body:is(.tp-workspace,.tp-admin) .sidebar-submenu { background: transparent !important; border-color: #ffffff25 !important; }
body:is(.tp-workspace,.tp-admin) .sidebar-submenu a { color: #dedbff !important; }
body:is(.tp-workspace,.tp-admin) :is(.tp-nav-label,.sidebar-menu-title) { color: #c5bffa !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .1em !important; }
body:is(.tp-workspace,.tp-admin) :is(.sidebar-user-area,.sidebar-doc-box) { background: #ffffff08 !important; border-color: #ffffff20 !important; }
body:is(.tp-workspace,.tp-admin) .sidebar :is(.sidebar-doc-content p,.sidebar-user-content .title,.sidebar-user-content .sub-title) { color: #e5e1ff !important; }
body:is(.tp-workspace,.tp-admin) .sidebar .tp-menu-toggle { color: #ffffff !important; }
body:is(.tp-workspace,.tp-admin) .navbar-wrapper { background: #ffffff !important; border-bottom: 1px solid var(--vtu-border) !important; box-shadow: none !important; padding: 16px 28px !important; }
body:is(.tp-workspace,.tp-admin) .dashboard-title-part { display: flex !important; align-items: center !important; justify-content: space-between; gap: 16px !important; min-width: 0; }
body:is(.tp-workspace,.tp-admin) .dashboard-title-part > :is(.left,.right) { display: flex; align-items: center; gap: 12px; min-width: 0; }
body:is(.tp-workspace,.tp-admin) .tp-menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; border: 1px solid var(--vtu-border) !important; border-radius: 9px !important; background: #ffffff !important; color: var(--vtu-primary) !important; padding: 9px !important; }
body:is(.tp-workspace,.tp-admin) .tp-menu-toggle svg { width: 21px; height: 21px; }
body:is(.tp-workspace,.tp-admin) :is(.tp-account-name,.vtu-admin-account > a) { color: var(--vtu-heading) !important; font-size: 13px !important; font-weight: 600; }
body:is(.tp-workspace,.tp-admin) :is(.tp-account-name small,.vtu-admin-account small,.dashboard-path) { color: var(--vtu-muted) !important; }
body:is(.tp-workspace,.tp-admin) .notification-icon,
body.tp-admin .vtu-admin-tools .header-btn > button { background: #ffffff !important; color: var(--vtu-primary) !important; border: 1px solid var(--vtu-border) !important; border-radius: 9px !important; min-width: 38px !important; min-height: 38px !important; box-shadow: none !important; }
body:is(.tp-workspace,.tp-admin) :is(.notification-wrapper,.dropdown-menu,.settings-sidebar-area) { background: #ffffff !important; color: var(--vtu-text) !important; border-color: var(--vtu-border) !important; border-radius: 12px !important; box-shadow: 0 12px 35px #37305c12 !important; }
body:is(.tp-workspace,.tp-admin) :is(.dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active) { background: var(--vtu-primary-soft) !important; color: var(--vtu-primary) !important; }

body:is(.tp-workspace,.tp-admin) .sidebar { overflow-y: auto !important; overflow-x: hidden !important; }
body:is(.tp-workspace,.tp-admin) .sidebar .tp-menu-toggle { background: #ffffff14 !important; color: #ffffff !important; border-color: #ffffff30 !important; }
body.tp-admin .sidebar-mini { background: #3730a3 !important; }
body:is(.tp-workspace,.tp-admin) .btn :is(i,svg) { color: inherit !important; }

/* Panels, financial summaries and forms: light surfaces, clear semantic feedback. */
body:is(.tp-workspace,.tp-admin,.tp-standalone) :is(.card,.custom-card,.vtu-panel,.vtu-stat,.vtu-group-card,.tp-summary-card,.dashboard-item,.dashbord-item,.table-area) { background: #ffffff !important; color: var(--vtu-text) !important; border: 1px solid var(--vtu-border) !important; border-radius: var(--vtu-radius) !important; box-shadow: var(--vtu-shadow) !important; min-width: 0; }
body:is(.tp-workspace,.tp-admin) :is(.card-header,.card-footer) { background: #fafbfe !important; border-color: var(--vtu-border) !important; color: var(--vtu-heading) !important; }
body:is(.tp-workspace,.tp-admin) :is(.card-title,.custom-card .title,.vtu-section-heading h2) { color: var(--vtu-heading) !important; font-size: 17px !important; font-weight: 650 !important; }
body:is(.tp-workspace,.tp-admin) :is(.wallet-item,.dashboard-wallet .wallet-item) { background: #f0edff !important; border: 1px solid #dcd5fb !important; border-radius: 14px !important; box-shadow: none !important; color: var(--vtu-heading) !important; }
body:is(.tp-workspace,.tp-admin) .wallet-item :is(.title,h2,h3,h4,strong,span,p,a) { color: var(--vtu-heading) !important; }
body:is(.tp-workspace,.tp-admin) :is(.tp-summary-card,.vtu-stat) > strong { color: var(--vtu-heading) !important; font-size: clamp(23px,2.2vw,29px) !important; }
body:is(.tp-workspace,.tp-admin) :is(.tp-stat-icon,.tp-summary-card > i,.vtu-action-link > i) { color: var(--vtu-primary) !important; background: var(--vtu-primary-soft) !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) .btn { border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; padding: 10px 15px; min-height: 40px; box-shadow: none !important; transition: background-color .15s, border-color .15s; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(.btn--base,.btn-primary,.tp-group-save,.bp-add) { background: var(--vtu-primary) !important; background-image: none !important; color: #ffffff !important; border: 1px solid var(--vtu-primary) !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(.btn--base,.btn-primary,.tp-group-save,.bp-add):hover { background: var(--vtu-primary-hover) !important; border-color: var(--vtu-primary-hover) !important; color: #ffffff !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(.btn-dark,.btn--dark,.btn-secondary,.btn--secondary,.btn-outline-primary,.btn-outline-dark) { background: #f2f0ff !important; background-image: none !important; border: 1px solid #ddd7fb !important; color: var(--vtu-primary-hover) !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(.btn-dark,.btn--dark,.btn-secondary,.btn--secondary,.btn-outline-primary,.btn-outline-dark):hover { background: #e6e1ff !important; border-color: #c9c0f4 !important; color: var(--vtu-primary-hover) !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(.btn--base,.btn-primary,.btn-dark,.btn--dark)::before,
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) :is(.btn--base,.btn-primary,.btn-dark,.btn--dark)::after { display: none !important; }
body:is(.tp-workspace,.tp-admin) :is(.btn-success,.btn--success) { background: #eaf7ef !important; color: var(--vtu-success) !important; border: 1px solid #cae7d6 !important; }
body:is(.tp-workspace,.tp-admin) :is(.btn-danger,.btn--danger,.btn-outline-danger) { background: #fff1f2 !important; color: var(--vtu-danger) !important; border: 1px solid #f2cbd1 !important; }
body:is(.tp-workspace,.tp-admin) :is(.btn-warning,.btn--warning) { background: #fff7e8 !important; color: var(--vtu-warning) !important; border: 1px solid #efddb5 !important; }
body:is(.tp-workspace,.tp-admin) .btn:disabled,
body:is(.tp-workspace,.tp-admin) .btn.disabled { opacity: .55 !important; cursor: not-allowed; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-admin-auth) :is(.form-control,.form--control,.form-select,.nice-select,.select2-selection) { background-color: #ffffff !important; border: 1px solid #dbe0eb !important; border-radius: 8px !important; color: var(--vtu-heading) !important; font-size: 14px !important; min-height: 44px; box-shadow: none !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-admin-auth) :is(.form-control,.form--control,.form-select):focus { border-color: #9184e8 !important; box-shadow: 0 0 0 3px #4338ca12 !important; background-color: #ffffff !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-admin-auth) :is(.form-control,.form--control,.form-select):is(:disabled,[readonly]) { background-color: #f4f5f9 !important; color: #64748b !important; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-admin-auth) :is(input,textarea)::placeholder { color: #8992a5 !important; opacity: 1; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-admin-auth) label { color: #536078; }
body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-admin-auth) :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--vtu-primary); }
body:is(.tp-workspace,.tp-admin) .input-group-text { background: #f5f4fc !important; border-color: #dbe0eb !important; color: #64748b !important; }
body:is(.tp-workspace,.tp-admin) .input-group { flex-wrap: wrap; min-width: 0; }
body:is(.tp-workspace,.tp-admin) .select2-container { max-width: 100%; }
body:is(.tp-workspace,.tp-admin) .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--vtu-primary-soft) !important; color: var(--vtu-primary-hover) !important; }
body:is(.tp-workspace,.tp-admin) :is(.nav-tabs .nav-link.active,.vtu-tabs a[aria-current="page"],.vtu-choice-options input:checked + span) { background: var(--vtu-primary-soft) !important; border-color: #d5cdf9 !important; color: var(--vtu-primary-hover) !important; box-shadow: none !important; }
body:is(.tp-workspace,.tp-admin) .nav-tabs .nav-link:hover { background: #f3f0ff !important; color: var(--vtu-primary) !important; }
body:is(.tp-workspace,.tp-admin) :is(.badge--success,.badge-success,.badge.bg-success,.alert-success) { background: #eaf7ef !important; color: var(--vtu-success) !important; border-color: #cae7d6 !important; }
body:is(.tp-workspace,.tp-admin) :is(.badge--danger,.badge-danger,.badge.bg-danger,.alert-danger) { background: #fff0f2 !important; color: var(--vtu-danger) !important; border-color: #efc9d1 !important; }
body:is(.tp-workspace,.tp-admin) :is(.badge--warning,.badge-warning,.badge.bg-warning,.alert-warning) { background: #fff7e8 !important; color: var(--vtu-warning) !important; border-color: #efddb5 !important; }
body:is(.tp-workspace,.tp-admin) :is(.badge--info,.badge-info,.badge.bg-info,.alert-info,.alert-primary) { background: #efedff !important; color: #51439b !important; border-color: #dcd5fa !important; }
body:is(.tp-workspace,.tp-admin) .badge { padding: 5px 9px; border-radius: 6px; font-size: 11px; line-height: 1.4; }
body:is(.tp-workspace,.tp-admin) .alert { border-radius: 10px !important; border-width: 1px !important; font-size: 13px !important; }

/* Data tables retain real table semantics and every action on small screens. */
body:is(.tp-workspace,.tp-admin) .table-responsive { width: 100%; max-width: 100%; overflow-x: auto !important; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #c9c4e1 #f7f8fc; }
body:is(.tp-workspace,.tp-admin) .table { --bs-table-color: var(--vtu-text); --bs-table-bg: #ffffff; font-size: 13px !important; color: var(--vtu-text) !important; border-color: var(--vtu-border) !important; }
body:is(.tp-workspace,.tp-admin) .table :is(thead,.thead-dark) th { background: #f3f4f8 !important; color: #536078 !important; border-color: var(--vtu-border) !important; font-size: 12px !important; letter-spacing: 0 !important; text-transform: none !important; font-weight: 650 !important; padding: 14px !important; line-height: 1.5 !important; }
body:is(.tp-workspace,.tp-admin) .table td { border-color: var(--vtu-border) !important; vertical-align: middle !important; padding: 14px !important; font-size: 13px; }
body:is(.tp-workspace,.tp-admin) .table :is(.btn,.action-btn) { min-height: 34px; font-size: 12px !important; }
body:is(.tp-workspace,.tp-admin) .table-hover tbody tr:hover { background-color: #f6f4ff !important; --bs-table-accent-bg: #f6f4ff; }
body:is(.tp-workspace,.tp-admin) .table :is(tr.table-active,tr.selected,tr.is-selected) { background-color: #eeebff !important; --bs-table-accent-bg: #eeebff; color: var(--vtu-heading) !important; }
body:is(.tp-workspace,.tp-admin) :is(.page-link,.pagination .page-item .page-link) { background: #ffffff !important; color: var(--vtu-primary) !important; border: 1px solid var(--vtu-border) !important; border-radius: 6px !important; min-width: 34px; min-height: 34px; margin: 2px; box-shadow: none !important; }
body:is(.tp-workspace,.tp-admin) .pagination .page-item.active .page-link { background: var(--vtu-primary) !important; color: #ffffff !important; border-color: var(--vtu-primary) !important; }
body:is(.tp-workspace,.tp-admin) .pagination .page-item.disabled .page-link { color: #8a92a2 !important; background: #f4f5f9 !important; }
body:is(.tp-workspace,.tp-admin) :is(.modal-content,.auto-load-panel,.delete-group-dialog) { background: #ffffff !important; color: var(--vtu-text) !important; border: 1px solid var(--vtu-border) !important; border-radius: 14px !important; box-shadow: 0 22px 70px #37305c20 !important; }
body:is(.tp-workspace,.tp-admin) :is(.modal-header,.modal-footer) { border-color: var(--vtu-border) !important; }
body:is(.tp-workspace,.tp-admin) .modal-title { color: var(--vtu-heading) !important; font-size: 18px !important; }
body:is(.tp-workspace,.tp-admin) .modal-dialog { max-width: min(760px,calc(100vw - 28px)); }

/* Manage SIMs: reference-style table rather than the retired oversized card grid. */
body.tp-workspace .tp-groups-page .custom-card { padding: 24px !important; }
body.tp-workspace .tp-group-grid { display: table !important; width: 100% !important; min-width: 680px; table-layout: auto !important; border-collapse: collapse !important; margin: 0 !important; }
body.tp-workspace .tp-group-grid thead { display: table-header-group !important; }
body.tp-workspace .tp-group-grid tbody { display: table-row-group !important; }
body.tp-workspace .tp-group-grid :is(thead,tbody) tr { display: table-row !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; transform: none !important; box-shadow: none !important; background: #ffffff !important; }
body.tp-workspace .tp-group-grid :is(th,td) { display: table-cell !important; width: auto !important; padding: 16px !important; text-align: start !important; border-bottom: 1px solid var(--vtu-border) !important; }
body.tp-workspace .tp-group-grid td::before { display: none !important; }
body.tp-workspace .tp-group-grid td:first-child { min-width: 170px; white-space: nowrap; }
body.tp-workspace .tp-group-grid td:last-child { min-width: 320px; }
body.tp-workspace .tp-group-grid td:last-child form { display: inline-block !important; margin: 3px !important; }
body.tp-workspace .tp-group-grid td:last-child :is(.btn,.badge) { margin: 3px !important; vertical-align: middle; }
body.tp-workspace .tp-group-grid td > svg.tp-group-icon { display: inline-block !important; width: 22px !important; height: 22px !important; margin: 0 10px 0 0 !important; padding: 0 !important; vertical-align: middle; color: var(--vtu-primary) !important; background: transparent !important; border-radius: 0 !important; }
body.tp-workspace .tp-group-name { display: inline !important; color: var(--vtu-primary-hover) !important; font-size: 14px !important; font-weight: 650 !important; }
body.tp-workspace .group-section-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; margin-top: 18px; border-bottom: 1px solid var(--vtu-border); }
body.tp-workspace .group-section-header h5 { font-size: 15px !important; color: var(--vtu-heading) !important; }
body.tp-workspace .group-visibility-toggle { background: #f1eeff !important; color: var(--vtu-primary) !important; border: 1px solid #e2dcfb !important; border-radius: 7px !important; padding: 7px 12px !important; min-height: 36px; }
body.tp-workspace .tp-group-records { --group-purple: var(--vtu-primary); background: transparent !important; padding: 0 !important; }
body.tp-workspace .tp-group-records .tp-record-heading { background: #f0f1f6 !important; border: 1px solid var(--vtu-border); border-radius: 10px 10px 0 0; padding: 22px !important; margin-top: 24px; }
body.tp-workspace .tp-group-records .tp-record-heading h1 { font-size: 23px !important; font-weight: 700 !important; }
body.tp-workspace .tp-record-actions > :is(a,button) { background: #e8e5ff !important; color: #3f368b !important; border: 1px solid #ded8ff !important; border-radius: 6px !important; min-height: 42px; font-size: 13px !important; }
body.tp-workspace .tp-group-priorities { background: #fff9ef !important; border-color: #eee5d6 !important; padding: 15px 18px !important; border-radius: 10px !important; }
body.tp-workspace .tp-priority-chip { color: var(--vtu-primary) !important; background: #f0edff !important; border-color: #e1dafb !important; font-size: 12px; }
body.tp-workspace .tp-group-records .tp-group-summary { color: #526075 !important; gap: 12px; font-size: 13px; }
body.tp-workspace .tp-group-records .tp-group-summary strong { color: var(--vtu-heading) !important; }
body.tp-workspace .tp-group-records #filterForm { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.tp-workspace .tp-group-records .filter-label { color: #667187 !important; font-size: 12px !important; margin-bottom: 7px; font-weight: 600; }
body.tp-workspace .tp-group-records .tp-sim-bulk-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; background: #ffffff; padding: 18px !important; border: 1px solid var(--vtu-border); border-radius: 9px; margin: 12px 0 18px !important; }
body.tp-workspace .tp-group-records .tp-sim-bulk-bar > select { flex: 1 1 220px; max-width: 360px; width: auto !important; }
body.tp-workspace .tp-group-records .tp-sim-bulk-bar > :is(input,div) { min-width: 0; }
body.tp-workspace .tp-group-records .sim-summary-table { min-width: 1120px; background: #ffffff !important; border-collapse: collapse; }
body.tp-workspace .tp-group-records .sim-summary-table thead th { background: #f1f2f6 !important; color: #4e596f !important; padding: 16px 13px !important; font-size: 13px !important; }
body.tp-workspace .tp-group-records .sim-summary-table :is(.sim-main-row:nth-of-type(4n+1),.sim-main-row:nth-of-type(4n+3),.sim-main-row) { background: #ffffff !important; --bs-table-accent-bg: transparent; }
body.tp-workspace .tp-group-records .sim-summary-table .sim-main-row:hover { background: #f8f6ff !important; }
body.tp-workspace .tp-group-records .sim-summary-table td { padding: 15px 13px !important; font-size: 13px !important; color: #536078; }
body.tp-workspace .tp-group-records .sim-response-row { background: #f8f9fc !important; }
body.tp-workspace .tp-group-records .sim-response-row td { white-space: normal !important; line-height: 1.65 !important; font-size: 12px !important; color: #778196 !important; }
body.tp-workspace .tp-extra-load-stats { margin: 16px 0; }
body.tp-workspace .tp-extra-load-stats > summary { cursor: pointer; color: var(--vtu-primary); padding: 10px 0; font-weight: 600; }
body.tp-workspace .tp-group-panel { border: 1px solid var(--vtu-border) !important; border-radius: 12px; overflow: hidden; box-shadow: var(--vtu-shadow); margin-top: 20px; }
body.tp-workspace .tp-group-panel .tp-group-back { margin: 20px 28px; color: var(--vtu-primary) !important; }
body.tp-workspace .tp-group-panel-header { background: #f2f3f7 !important; border-bottom: 1px solid var(--vtu-border); }
body.tp-workspace .tp-group-panel-header h2 { color: var(--vtu-heading) !important; font-size: 22px !important; }
body.tp-workspace .tp-group-panel .tp-group-icon { background: #e8e5fb !important; color: #7061d7 !important; }
body.tp-workspace .tp-group-page label { color: #5e687d !important; letter-spacing: .025em; }
body.tp-workspace .tp-group-page :is(.form-control,.form-select) { border-radius: 6px !important; background: #ffffff !important; color: var(--vtu-heading) !important; }
body.tp-workspace .tp-group-page input[readonly] { background: #f1f2f7 !important; }
body.tp-workspace .tp-group-hint { background: #eef2ff !important; color: #5b6580 !important; font-size: 12px !important; border-radius: 0 0 5px 5px; }
body.tp-workspace .tp-group-hint.warning { background: #fff3df !important; color: #8e692e !important; }
body.tp-workspace .tp-group-save { border-radius: 7px !important; font-size: 14px !important; }

/* Fully undo grid-only header/cell geometry, including old high-specificity rules. */
body.tp-workspace .tp-group-grid thead { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip-path: none !important; white-space: normal !important; }
body.tp-workspace .tp-group-grid td:first-child,
body.tp-workspace .tp-group-grid td:last-child:not(:first-child),
body.tp-workspace .tp-group-grid td[colspan] { display: table-cell !important; padding: 16px !important; margin: 0 !important; border-top: 0 !important; }
body.tp-workspace .tp-group-grid td[data-label] { margin: 0 !important; padding: 16px !important; border-inline-start: 0 !important; }
body.tp-workspace .tp-group-grid td[data-label]::before { display: none !important; }
body.tp-workspace .tp-group-grid td[data-label] .badge { font-size: 13px !important; font-weight: 650 !important; background: #eeecff !important; color: #51439b !important; padding: 5px 9px !important; }
body.tp-workspace .tp-group-grid td:last-child .btn { font-size: 12px !important; padding: 8px 10px !important; min-height: 36px; border-radius: 6px !important; }
body.tp-workspace .tp-group-records .tp-sim-bulk-bar > .form-check { padding: 0 !important; margin: 0 !important; }
body.tp-workspace .buy-data-hero { background: #eeebff !important; color: var(--vtu-heading) !important; border: 1px solid #ded6fb; border-radius: 14px; }
body.tp-workspace .buy-data-hero h1 { color: var(--vtu-heading) !important; font-size: clamp(24px,3vw,30px) !important; }
body.tp-workspace .buy-data-hero p { color: #71678d !important; }
body.tp-workspace .buy-eyebrow { color: #6d5cb2 !important; }
body:is(.tp-workspace,.tp-admin) :is(.bg-dark,.bg--dark,.badge--dark,.badge-dark,.bg-primary,.bg--base) { background: #efecff !important; color: #51439b !important; }
body:is(.tp-workspace,.tp-admin) :is(.bg-dark,.bg--dark,.bg-primary,.bg--base) :is(h2,h3,h4,.title,.text-white) { color: #51439b !important; }
body:is(.tp-workspace,.tp-admin) .bg--success { background: #eaf7ef !important; color: var(--vtu-success) !important; }
body:is(.tp-workspace,.tp-admin) .bg--danger { background: #fff0f2 !important; color: var(--vtu-danger) !important; }
body:is(.tp-workspace,.tp-admin) .bg--warning { background: #fff7e8 !important; color: var(--vtu-warning) !important; }

body.tp-workspace .tp-group-records .sim-summary-table tr.sim-main-row:is(.selected,.is-selected,.row-selected,.table-active) { background: #eeebff !important; --bs-table-accent-bg: #eeebff; }

/* Public, authentication, gateway and developer sections use the same brand palette. */
body.tp-public :is(.header-section,.header-bottom-area,.header-top-area) { background: #ffffff !important; border-color: var(--vtu-border) !important; }
body.tp-public :is(.main-menu .nav-link,.main-menu .nav-item a) { color: #526078 !important; }
body.tp-public :is(.main-menu .nav-link:hover,.main-menu .nav-link.active) { color: var(--vtu-primary) !important; }
body.tp-public :is(.tp-auth-aside,.tp-auth-story),
body.tp-admin-auth .tp-auth-aside { background: #4338a9 !important; color: #ffffff !important; }
body.tp-public :is(.tp-auth-aside,.tp-auth-story) :is(h1,h2,h3,h4,p,span) { color: #f1efff !important; }
body.tp-public .tp-auth-story .tp-story-body p { color: #ded8ff !important; }
body.tp-public :is(.tp-auth-card,.account-area),body.tp-admin-auth .account-area.tp-auth-card { border-color: var(--vtu-border) !important; box-shadow: 0 16px 60px #43385f0a !important; }
body.tp-public .tp-home-hero { background: #f5f4ff !important; }
body.tp-public .tp-hero-board { background: #ffffff !important; color: var(--vtu-heading) !important; border: 1px solid #e1dcf8 !important; box-shadow: 0 20px 60px #4338ca0a !important; }
body.tp-public .tp-hero-board :is(h2,h3,h4,strong) { color: var(--vtu-heading) !important; }
body.tp-public :is(.footer-section,.footer-area,.footer-bottom-area,.footer-widget-wrapper) { background: #eeecfa !important; border-color: #ded9f0 !important; }
body.tp-public :is(.footer-section,.footer-area) :is(p,a,span,h2,h3,h4,.title) { color: #625c7c !important; }
body.tp-public :is(.footer-section,.footer-area) a:hover { color: var(--vtu-primary) !important; }
body.tp-public :is(.subscribe-area,.subscribe-section) { background: #eeebff !important; border-color: #dcd5f5 !important; }
body.tp-developer .developer-bar { background: #3730a3 !important; border-color: #ffffff20 !important; }
body.tp-developer .developer-bar :is(a,.title) { color: #ece8ff !important; }
body.tp-developer .developer-bar :is(.active > a,a:hover) { background: #ffffff1c !important; color: #ffffff !important; }
body.tp-developer :is(.developer-content,.developer-content-wrapper,.developer-box) { border-color: var(--vtu-border) !important; }
body.tp-developer :is(pre,.hljs) { background: #f4f5fb !important; color: #536078 !important; border-color: var(--vtu-border) !important; }

/* Responsive shell: no hidden admin actions and no clipped tables/forms. */
@media (min-width: 992px) {
  body.tp-workspace { --tp-sidebar: 264px; }
  body.tp-workspace .sidebar { width: var(--tp-sidebar) !important; }
  body.tp-workspace .sidebar .tp-menu-toggle { display: none !important; }
}
@media (max-width: 1199px) {
  body:is(.tp-workspace,.tp-admin) .body-wrapper { padding: 24px !important; }
  body:is(.tp-workspace,.tp-admin) :is(.vtu-stat-grid,.tp-summary-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991px) {
  body.tp-workspace .sidebar { width: min(286px,86vw) !important; transform: translateX(-100%); }
  body.tp-workspace.rtl .sidebar,body.tp-workspace[dir="rtl"] .sidebar { transform: translateX(100%); }
  body.tp-workspace.tp-nav-open .sidebar { transform: translateX(0) !important; }
  body.tp-workspace.tp-nav-open { overflow: hidden; }
  body.tp-workspace .main-wrapper { width: 100% !important; margin-inline-start: 0 !important; }
  body.tp-workspace #body-overlay { position: fixed !important; inset: 0 !important; z-index: 1040 !important; border: 0; border-radius: 0; background: #342d685c !important; backdrop-filter: blur(2px); }
  body.tp-workspace #body-overlay[hidden] { display: none !important; }
  body.tp-workspace.tp-nav-open #body-overlay:not([hidden]) { display: block !important; opacity: 1 !important; visibility: visible !important; }
  body:is(.tp-workspace,.tp-admin) .navbar-wrapper { padding: 12px 18px !important; }
  body:is(.tp-workspace,.tp-admin) .dashboard-title-part { gap: 12px !important; }
  body:is(.tp-workspace,.tp-admin) .tp-top-breadcrumb { padding-inline-start: 10px; overflow-wrap: anywhere; }
  body.tp-admin .vtu-admin-tools :is(.header-version-area,.header-fullscreen-area,.header-support-area,.header-user-area,.header-power-area,.header-search-area) { display: block !important; }
  body.tp-admin .vtu-admin-tools :is(.header-top,.header-bottom) { flex-wrap: wrap; gap: 6px !important; }
  body.tp-admin .vtu-admin-tools { flex-wrap: wrap; }
}
@media (max-width: 767px) {
  body:is(.tp-workspace,.tp-admin) .body-wrapper { padding: 20px 14px !important; }
  body:is(.tp-workspace,.tp-admin) .custom-card { padding: 18px !important; }
  body:is(.tp-workspace,.tp-admin) :is(.tp-page-intro,.tp-dashboard-heading,.vtu-section-heading) { flex-wrap: wrap; align-items: flex-start; }
  body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-admin-auth) :is(.form-control,.form--control,.form-select,.nice-select,.select2-selection) { font-size: 16px !important; min-height: 46px; }
  body:is(.tp-workspace,.tp-admin) .btn { min-height: 44px; }
  body:is(.tp-workspace,.tp-admin) .table .btn { min-height: 38px; }
  body:is(.tp-workspace,.tp-admin) :is(.card-form,.vtu-panel) { padding: 20px !important; }
  body:is(.tp-workspace,.tp-admin) .tp-account-name { display: block !important; font-size: 12px !important; max-width: 115px; overflow-wrap: anywhere; }
  body:is(.tp-workspace,.tp-admin) .tp-account-name small { display: none; }
  body.tp-admin .dashboard-title-part { flex-wrap: wrap; }
  body.tp-admin .dashboard-title-part > .right { margin-inline-start: auto; flex-wrap: wrap; justify-content: flex-end; }
  body.tp-admin .vtu-admin-tools .header-btn > button { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; }
  body.tp-admin .vtu-admin-tools :is(.header-search-wrapper,.notification-wrapper,.header-support-wrapper,.header-user-wrapper) { position: fixed !important; top: 78px !important; right: 12px !important; left: 12px !important; width: auto !important; max-width: none !important; max-height: 72vh; overflow-y: auto; }
  body.tp-workspace .tp-groups-page .custom-card { padding: 16px !important; }
  body.tp-workspace .tp-group-grid :is(th,td) { padding: 14px !important; }
  body.tp-workspace .tp-group-records .tp-record-heading { padding: 18px !important; }
  body.tp-workspace .tp-group-records .tp-record-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; }
  body.tp-workspace .tp-group-records .tp-record-actions > :is(a,button) { min-height: 44px; }
  body.tp-workspace .tp-group-records .tp-sim-bulk-bar { padding: 14px !important; }
  body.tp-workspace .tp-group-records .tp-sim-bulk-bar > select { max-width: 100%; flex-basis: 100%; }
  body.tp-workspace .tp-group-records .tp-sim-bulk-bar > div[style] { width: 100% !important; }
  body.tp-workspace .tp-group-records .tp-group-summary > span { flex: 1 1 45%; font-size: 12px; }
  body.tp-workspace .tp-group-records .filter-row > div { flex: 0 0 50%; width: 50%; }
  body.tp-workspace .tp-group-records .tp-record-search { flex-direction: column; }
  body.tp-workspace .tp-group-records .tp-record-search button { width: 100%; }
  body.tp-workspace .tp-group-panel-body { padding: 26px 20px !important; }
  body.tp-workspace .tp-group-panel-header { padding: 22px 20px !important; gap: 16px !important; }
  body.tp-workspace .tp-group-panel-header h2 { font-size: 19px !important; }
  body.tp-workspace .tp-group-panel .tp-group-back { margin: 18px 20px; }
  body.tp-workspace .tp-group-page .tp-group-rule-row { gap: 10px; }
  body.tp-workspace .tp-group-page .tp-group-rule-row label { line-height: 1.6; font-size: 12px; }
  body.tp-workspace .tp-group-page .tp-rule-input { flex-basis: 125px; }
  body.tp-workspace .tp-group-page .tp-rule-input input { width: 78px; }
  body.tp-workspace .tp-group-page .tp-group-save { min-height: 46px; }
  body:is(.tp-workspace,.tp-admin) .pagination { flex-wrap: wrap; gap: 2px; }
  body.tp-public .tp-auth-grid > .tp-auth-main { padding: 30px 22px !important; }
}
@media (max-width: 767px) {
  body.tp-workspace .tp-top-breadcrumb { min-width: 0; max-width: 34vw; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
  body.tp-workspace .tp-top-breadcrumb .dashboard-path { white-space: nowrap; }
  body.tp-workspace .header-notification-wrapper .notification-wrapper { position: fixed !important; top: 78px !important; right: 12px !important; left: 12px !important; width: auto !important; max-width: none !important; max-height: 72vh; overflow-y: auto; z-index: 2000; }
  body.tp-workspace .buy-data-hero { padding: 22px !important; border-radius: 12px; flex-wrap: wrap; }
  body.tp-workspace .tp-group-grid td:last-child .btn { min-height: 40px; }
}
@media (max-width: 479px) {
  body:is(.tp-workspace,.tp-admin) .navbar-wrapper { padding: 12px !important; }
  body:is(.tp-workspace,.tp-admin) .dashboard-title-part > :is(.left,.right) { gap: 8px; }
  body:is(.tp-workspace,.tp-admin) .tp-account-name { max-width: 90px; }
  body.tp-workspace .tp-summary-card { padding: 16px 12px !important; }
  body.tp-workspace .tp-summary-card .tp-stat-icon { width: 26px !important; height: 26px !important; }
  body.tp-workspace .tp-group-records .filter-row > div { padding-inline: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) *,
  body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) *::before,
  body:is(.tp-workspace,.tp-admin,.tp-public,.tp-standalone,.tp-developer,.tp-admin-auth) *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
@media print {
  body.tp-workspace :is(.sidebar,.navbar-wrapper,#body-overlay) { display: none !important; }
  body.tp-workspace .main-wrapper { margin: 0 !important; width: 100% !important; }
  body.tp-workspace .body-wrapper { padding: 0 !important; }
}

/* Group operations and clear, semantic merchant statuses. */
body:is(.tp-workspace,.tp-admin) .market-status[data-status]{font-weight:600;border-radius:7px;white-space:normal;line-height:1.5}
body:is(.tp-workspace,.tp-admin) .market-status:is([data-status="success"],[data-status="successful"],[data-status="approved"],[data-status="completed"],[data-status="paid"],[data-status="resolved"]){background:#e9f7ef!important;border-color:#c6e7d3!important;color:#26734a!important}
body:is(.tp-workspace,.tp-admin) .market-status:is([data-status="failed"],[data-status="rejected"],[data-status="cancelled"],[data-status="suspended"]){background:#fff0f1!important;border-color:#efccd3!important;color:#b3475e!important}
body:is(.tp-workspace,.tp-admin) .market-status:is([data-status="pending"],[data-status="processing"],[data-status="reserved"],[data-status="dispatching"],[data-status="unknown"]){background:#fff7e5!important;border-color:#f0dfaf!important;color:#927025!important}
body.tp-workspace .tp-group-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0 18px}
body.tp-workspace .tp-group-toolbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal;min-height:42px;margin:0}
body.tp-workspace .tp-inline-group-form{border:1px solid #e9e3f3;border-radius:12px;padding:14px 16px;margin-bottom:18px;background:#fdfcff}
body.tp-workspace .tp-inline-group-form summary{cursor:pointer;font-size:13px;font-weight:600;color:#8c6bb6}
body.tp-workspace .tp-inline-group-form label{display:block;margin-top:15px;font-size:12px}
body.tp-workspace .tp-inline-group-form .form-control{max-width:340px;min-width:0;flex:1}
body.tp-workspace .tp-plan-summary{display:block!important;white-space:normal!important;max-width:100%;margin:12px 0;font-size:12px;line-height:1.6}
body.tp-workspace .tp-plan-summary>strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#a092b1;margin-bottom:7px}
body.tp-workspace .tp-plan-chips{display:flex;flex-wrap:wrap;gap:7px}
body.tp-workspace .tp-plan-summary .tp-priority-chip{display:flex!important;flex-direction:column;gap:2px;white-space:normal;overflow-wrap:anywhere;padding:7px 10px;border-radius:8px;border:1px solid #e7def6;background:#f7f2ff;color:#8a6bad;font-size:11px;line-height:1.6}
body.tp-workspace .tp-plan-summary .tp-priority-chip small{font-size:10px;color:#a18ab7}
body.tp-workspace .tp-group-grid .tp-plan-summary{max-width:340px;text-align:left}
body.tp-workspace .tp-vending-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.tp-workspace .tp-vending-group{min-width:0;background:#fff;border:1px solid #e8e2f1;border-radius:15px;padding:23px}
body.tp-workspace .tp-vending-group>header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}
body.tp-workspace .tp-vending-group h2{font-size:18px;overflow-wrap:anywhere;margin-bottom:8px}
body.tp-workspace .tp-vending-group>header>a{font-size:12px;flex-shrink:0}
body.tp-workspace .tp-board-autoload{padding:15px 0;border-top:1px solid #eee8f4;margin-top:18px;font-size:12px}
body.tp-workspace .tp-board-autoload .badge{margin-left:8px}
body.tp-workspace .tp-board-autoload p{font-size:11px;color:#a191b1;margin-top:10px;line-height:1.8;overflow-wrap:anywhere}
body.tp-workspace .tp-merchant-application{max-width:920px;min-width:0;margin:0 auto}
body.tp-workspace .tp-merchant-application .vtu-panel{max-width:100%;min-width:0;box-sizing:border-box}
body.tp-workspace .tp-merchant-application .vtu-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tp-workspace .tp-merchant-application .vtu-field-grid[hidden]{display:none!important}
body.tp-workspace .tp-merchant-application .vtu-form :is(input,textarea){max-width:100%;min-width:0;box-sizing:border-box}
body.tp-workspace .tp-application-title{font-size:19px;line-height:1.5;margin-bottom:8px}
body.tp-workspace .tp-merchant-application .vtu-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7}
body.tp-workspace .tp-merchant-application .vtu-check input{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin-top:2px}
body:is(.tp-workspace,.tp-admin,.tp-public) :is(.sidebar-logo,.site-logo,.navbar-brand) img{object-fit:contain;height:auto;max-width:100%}
@media(max-width:767px){body.tp-workspace .tp-vending-board{grid-template-columns:minmax(0,1fr)}body.tp-workspace .tp-vending-group{padding:18px}body.tp-workspace .tp-group-toolbar .btn{flex:1 1 130px}body.tp-workspace .tp-plan-summary .tp-priority-chip{max-width:100%}}
@media(max-width:600px){body.tp-workspace .tp-merchant-application .vtu-field-grid{grid-template-columns:minmax(0,1fr)!important;gap:0}body.tp-workspace .tp-merchant-application .vtu-panel{padding:20px 16px!important}body.tp-workspace .tp-merchant-application .form-control{font-size:16px!important}body.tp-workspace .tp-merchant-application .p2p-account-heading{display:flex;flex-wrap:wrap;gap:12px}body.tp-workspace .tp-merchant-application .p2p-account-heading>.market-status{margin:0 0 0 60px}body.tp-workspace .tp-merchant-application .p2p-account-details{grid-template-columns:minmax(0,1fr)}body.tp-workspace .tp-merchant-application .vtu-button-row .btn{width:100%;min-height:46px}}
@media(max-width:767px){body.tp-admin .tp-review-table,body.tp-admin .tp-review-table tbody,body.tp-admin .tp-review-table tr,body.tp-admin .tp-review-table td{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;white-space:normal!important;box-sizing:border-box}body.tp-admin .tp-review-table thead{display:none}body.tp-admin .tp-review-table tr{padding:14px;border:1px solid #ebe4f1;border-radius:12px;margin-bottom:12px}body.tp-admin .tp-review-table td{padding:8px 0!important;border:0!important;overflow-wrap:anywhere}body.tp-admin .tp-review-table td[data-label]::before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;color:#a797b6;letter-spacing:.7px;margin-bottom:5px}body.tp-admin .tp-review-table .market-small-form{display:flex;flex-direction:column;align-items:stretch;gap:9px}body.tp-admin .tp-review-table .market-small-form>*{width:100%;min-width:0!important;min-height:44px;max-width:100%}body.tp-admin .tp-review-table .form-control{font-size:16px!important}}

body.tp-workspace .tp-board-plan{padding:14px 0;border-top:1px solid #eee8f4;font-size:13px;line-height:1.7}body.tp-workspace .tp-board-plan .tp-plan-chips{margin-top:8px}body.tp-workspace .tp-board-plan .tp-priority-chip{display:inline-flex;white-space:normal;padding:6px 10px;border-radius:8px;background:#f6f1ff;color:#9171b7;font-size:11px;border:1px solid #e9dff7}

/* Keep separate purchase products recognizable in Priority and Policy. */
body.tp-workspace .tp-plan-category{margin:18px 0;padding:14px 16px;border:1px solid #e7e0f2;border-radius:12px;background:#fdfcff}
body.tp-workspace .tp-plan-category>summary{cursor:pointer;font-size:13px;font-weight:600;color:#9171b5;line-height:1.6}
body.tp-workspace .tp-plan-category[open]>summary{margin-bottom:12px}
body.tp-workspace .tp-policy-section-title{font-size:13px;line-height:1.6;margin:20px 0 8px;color:#8c77a3}
body.tp-workspace .tp-policy-selection-help{padding:13px 16px;background:#f7f3ff;border:1px solid #e9dff7;border-radius:10px;font-size:12px;line-height:1.7;margin:18px 0}
body.tp-workspace .tp-policy-selection-help p{font-size:12px;color:#a28eb6;margin:7px 0 0}
body.tp-workspace .tp-selected-policy-row{border-left:3px solid #b394df;padding-left:12px!important}
body.tp-workspace .tp-plan-summary .tp-priority-chip>span>small{display:block;font-size:10px;color:#a18ab7}
@media(max-width:575px){body.tp-workspace .tp-plan-category{padding:12px}body.tp-workspace .tp-group-rule-row{gap:10px;flex-wrap:wrap}body.tp-workspace .tp-group-rule-row>label{min-width:0;overflow-wrap:anywhere}body.tp-workspace .tp-rule-input span{white-space:normal;font-size:10px}}

/* Flush desktop header and centered SIM connection form. */
@media(min-width:992px){body.tp-workspace:not(.tp-nav-collapsed) .main-wrapper{margin-inline-start:var(--tp-sidebar)!important;width:calc(100% - var(--tp-sidebar))!important;padding:0!important}body.tp-workspace .main-body-wrapper{margin:0!important;padding:0!important;width:100%!important}body.tp-workspace .navbar-wrapper{width:100%!important;margin:0!important;inset:auto!important;box-sizing:border-box!important}body.tp-workspace .dashboard-title-part>.left>.icon{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;padding:0!important;margin:0!important;flex:0 0 42px;background:transparent!important;border:0!important;box-shadow:none!important}body.tp-workspace .dashboard-title-part>.left>.icon>.tp-menu-toggle{margin:0!important;line-height:1!important;box-sizing:border-box!important}}
body.tp-workspace .tp-mtn-connect-page{max-width:760px;width:100%;margin-inline:auto!important}
body.tp-workspace .tp-mtn-connect-page>.col-12{padding-inline:0}
body.tp-workspace .tp-mtn-connect-page #addGroupForm{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch!important}
body.tp-workspace .tp-mtn-connect-page #addGroupForm .form-control{flex:1 1 180px;min-width:0;margin:0!important}
body.tp-workspace .tp-mtn-connect-page #addGroupForm button{flex:0 0 auto;min-height:44px}
body.tp-workspace .buy-network-symbol{width:54px!important;height:44px!important;background:#fff!important;border-radius:9px!important;padding:5px!important;display:flex;align-items:center;justify-content:center}
body.tp-workspace .buy-network-symbol img{width:100%;height:100%;object-fit:contain;display:block}
body:is(.tp-workspace,.tp-admin) .tp-document-links{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
body:is(.tp-workspace,.tp-admin) .tp-document-links .btn{font-size:11px;min-height:38px}
body.tp-workspace #p2p-individual-documents input[type=file]{height:auto!important;padding:10px!important;font-size:12px!important;white-space:normal}
body.tp-workspace #p2p-individual-documents small{display:block;font-size:11px;line-height:1.6;margin-top:7px}
@media(max-width:575px){body.tp-workspace .tp-mtn-connect-page #addGroupForm>*{flex:1 1 100%!important}body.tp-workspace .buy-network-symbol{width:46px!important;height:38px!important}}