/* Shared migration layer for operational workspaces.
   It maps legacy markup to the OpenVault design tokens while pages are moved
   to first-class toolkit components. Keep selectors scoped by body class. */

.accounts-workspace .site-shell,
.binom-workspace .site-shell,
.proxy-provider-workspace .site-shell,
.facebook-workspace .site-shell { max-width:1540px; }

.accounts-workspace h1,.binom-workspace h1,.proxy-provider-workspace h1,.facebook-workspace h1 {
  color:var(--ov-accent);font-size:clamp(30px,4vw,46px);font-weight:500;letter-spacing:-.045em;
}
.accounts-workspace h2,.accounts-workspace h3,.binom-workspace h2,.binom-workspace h3,
.proxy-provider-workspace h2,.proxy-provider-workspace h3,.facebook-workspace h2,.facebook-workspace h3 {
  color:var(--ov-text);font-weight:500;
}
.accounts-workspace .muted,.binom-workspace .binom-muted,.proxy-provider-workspace .muted,.facebook-workspace .fb-muted {
  color:var(--ov-muted)!important;font-size:11px!important;line-height:1.5;
}

/* Shared workspace tabs */
.binom-workspace .binom-tabs-wrap,.proxy-provider-workspace .ps-container,
.proxy-provider-workspace .p6-container,.facebook-workspace .fb-container { width:100%;max-width:none;margin-inline:0; }
.binom-workspace .binom-tabs-wrap { padding:0 0 var(--ov-space-4); }
.binom-workspace .binom-tabs,.proxy-provider-workspace .tabs,.facebook-workspace .fb-tabs {
  display:flex;gap:4px;width:max-content;max-width:100%;overflow-x:auto;margin:0 0 var(--ov-space-4);padding:5px;
  border:1px solid var(--ov-border);border-radius:11px;background:var(--ov-surface);
}
.binom-workspace .binom-tabs a,.proxy-provider-workspace .tabs a,.facebook-workspace .fb-tabs a {
  min-height:35px;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:var(--ov-muted);
  font-size:10.5px;font-weight:500;text-decoration:none;white-space:nowrap;
}
.binom-workspace .binom-tabs a:hover,.proxy-provider-workspace .tabs a:hover,.facebook-workspace .fb-tabs a:hover {
  background:var(--ov-active);color:var(--ov-accent);
}
.binom-workspace .binom-tabs a.active,.proxy-provider-workspace .tabs a.tab-active,.facebook-workspace .fb-tabs a.is-active {
  background:var(--ov-accent);color:var(--ov-accent-text);
}

/* Panels and cards */
.accounts-workspace .panel,.accounts-workspace .form-card,.accounts-workspace .subscription-card,
.binom-workspace .binom-panel,.binom-workspace .schedule-card,
.proxy-provider-workspace .card,.facebook-workspace .fb-card {
  border:1px solid var(--ov-border)!important;border-radius:var(--ov-radius-lg)!important;
  background:var(--ov-surface)!important;color:var(--ov-text)!important;box-shadow:none!important;
}
.accounts-workspace .panel,.accounts-workspace .form-card,.accounts-workspace .subscription-card,
.binom-workspace .binom-panel,.binom-workspace .schedule-card,
.proxy-provider-workspace .card,.facebook-workspace .fb-card { padding:var(--ov-panel-padding)!important; }
.accounts-workspace .form-section,.accounts-workspace .expense-card,.accounts-workspace .expense-breakdown-row,
.proxy-provider-workspace .detail-item,.proxy-provider-workspace .copy-line {
  border:1px solid var(--ov-border)!important;border-radius:var(--ov-radius-md)!important;background:var(--ov-surface-raised)!important;color:var(--ov-text)!important;
}
.proxy-provider-workspace .metric-link:hover { transform:none;box-shadow:none;background:var(--ov-active)!important; }

/* Buttons and actions */
.accounts-workspace :is(.back-link,.small-link,.primary-btn,.secondary-link,.danger-btn,.notification-button),
.binom-workspace :is(.binom-btn,.schedule-btn),
.proxy-provider-workspace .site-shell :is(.btn,button),.facebook-workspace .site-shell :is(.fb-btn,.fb-card button) {
  display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:8px 13px;
  border:1px solid var(--ov-border-strong)!important;border-radius:10px!important;background:var(--ov-surface-raised)!important;
  color:var(--ov-text)!important;font:inherit;font-size:11px!important;font-weight:500!important;line-height:1;text-decoration:none;cursor:pointer;
}
.accounts-workspace :is(.back-link,.small-link,.secondary-link),.binom-workspace :is(.binom-btn.secondary,.schedule-btn),
.proxy-provider-workspace .btn-secondary,.facebook-workspace .fb-btn.secondary { border-color:#686868!important;background:transparent!important; }
.accounts-workspace :is(.primary-btn,.notification-button.is-primary),.binom-workspace :is(.binom-btn:not(.secondary):not(.danger),.schedule-btn.primary),
.proxy-provider-workspace .site-shell :is(button:not(.actions-button),.btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning)),
.facebook-workspace :is(.fb-btn:not(.secondary),.fb-card button) {
  border-color:var(--ov-accent)!important;background:var(--ov-accent)!important;color:var(--ov-accent-text)!important;
}
.accounts-workspace .danger-btn,.binom-workspace :is(.binom-btn.danger,.schedule-btn.danger),
.proxy-provider-workspace :is(.btn-danger,.row-danger button),.facebook-workspace .fb-error button {
  border-color:#673535!important;background:#190c0c!important;color:#ffaaaa!important;
}
.accounts-workspace .site-shell button:hover,.accounts-workspace .site-shell a[class]:hover,.binom-workspace .site-shell button:hover,.binom-workspace .site-shell a[class]:hover,
.proxy-provider-workspace .site-shell button:hover,.proxy-provider-workspace .site-shell a.btn:hover,.facebook-workspace .site-shell button:hover,.facebook-workspace .site-shell a.fb-btn:hover {
  border-color:#777!important;filter:none;
}

/* Form controls */
.accounts-workspace .site-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.binom-workspace .site-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.proxy-provider-workspace .site-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.facebook-workspace .site-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ov-border-strong)!important;
  border-radius:var(--ov-radius-sm)!important;background:var(--ov-surface-raised)!important;color:var(--ov-text)!important;font:inherit;font-size:11.5px;outline:0;
}
.accounts-workspace .site-shell :is(input,select,textarea):focus,.binom-workspace .site-shell :is(input,select,textarea):focus,
.proxy-provider-workspace .site-shell :is(input,select,textarea):focus,.facebook-workspace .site-shell :is(input,select,textarea):focus {
  border-color:#777!important;box-shadow:0 0 0 3px rgba(243,243,243,.07);outline:0;
}
.accounts-workspace .site-shell label,.binom-workspace .site-shell label,.proxy-provider-workspace .site-shell label,.facebook-workspace .site-shell label {
  color:var(--ov-text)!important;font-size:10.5px!important;font-weight:500!important;
}
.accounts-workspace :is(.helptext,.ov-field-block__help),.proxy-provider-workspace .helptext,.facebook-workspace .helptext {
  color:#858585!important;font-size:9.5px!important;
}
.accounts-workspace .site-shell input[type=checkbox],.binom-workspace .site-shell input[type=checkbox],
.proxy-provider-workspace .site-shell input[type=checkbox],.facebook-workspace .site-shell input[type=checkbox] { accent-color:var(--ov-accent); }

/* Tables */
.accounts-workspace .table-wrap,.binom-workspace :is(.binom-table-wrap,.schedule-card),
.proxy-provider-workspace .card:has(>table),.facebook-workspace .fb-table-wrap {
  overflow-x:auto;border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);background:var(--ov-surface);
}
.accounts-workspace table,.binom-workspace :is(.binom-table,.schedule-table),
.proxy-provider-workspace table,.facebook-workspace .fb-table {
  width:100%;min-width:920px;border-collapse:collapse;background:var(--ov-surface)!important;color:var(--ov-text)!important;
}
.accounts-workspace th,.accounts-workspace td,.binom-workspace :is(.binom-table,.schedule-table) :is(th,td),
.proxy-provider-workspace :is(th,td),.facebook-workspace .fb-table :is(th,td) {
  padding:13px 15px;border-bottom:1px solid var(--ov-border)!important;background:transparent!important;
  color:var(--ov-text)!important;font-size:10.5px;text-align:left;vertical-align:middle;
}
.accounts-workspace th,.binom-workspace :is(.binom-table,.schedule-table) th,
.proxy-provider-workspace th,.facebook-workspace .fb-table th {
  background:var(--ov-surface-raised)!important;color:var(--ov-muted)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;
}
.accounts-workspace tbody tr:hover,.binom-workspace tbody tr:hover,
.proxy-provider-workspace tbody tr:hover,.facebook-workspace tbody tr:hover { background:var(--ov-active)!important; }
.proxy-provider-workspace tr.row-warning td { background:var(--ov-warning-surface)!important;color:var(--ov-warning-text)!important; }
.proxy-provider-workspace tr.row-danger td { background:var(--ov-danger-surface)!important;color:var(--ov-text)!important; }

/* Statuses, tags, metrics */
.accounts-workspace :is(.status-pill,.purchase-tab),.binom-workspace :is(.binom-badge,.badge),
.proxy-provider-workspace .tag-pill,.facebook-workspace :is(.fb-pill) {
  display:inline-flex;min-height:27px;align-items:center;padding:5px 9px;border:1px solid var(--ov-border-strong)!important;
  border-radius:999px;background:var(--ov-active)!important;color:var(--ov-muted)!important;font-size:9.5px!important;font-weight:500!important;
}
.accounts-workspace .status-pill:not(.is-archived),.binom-workspace :is(.badge.done),.facebook-workspace .fb-ok {
  border-color:var(--ov-success-border)!important;background:var(--ov-success-bg)!important;color:var(--ov-success-text)!important;
}
.accounts-workspace .status-pill.is-archived,.binom-workspace :is(.badge.failed,.binom-badge.danger),.facebook-workspace .fb-error {
  border-color:#673535!important;background:#190c0c!important;color:#ffaaaa!important;
}
.accounts-workspace .expense-dashboard,.proxy-provider-workspace .grid,.facebook-workspace .fb-grid { gap:var(--ov-space-3)!important; }
.accounts-workspace .expense-card .value,.proxy-provider-workspace .metric,.facebook-workspace .fb-stat {
  color:var(--ov-accent)!important;font-size:clamp(22px,3vw,30px)!important;font-weight:500!important;letter-spacing:-.035em;
}

/* Menus and copy controls */
.proxy-provider-workspace .actions-button {
  width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-color:var(--ov-border-strong)!important;
  border-radius:10px!important;background:var(--ov-surface-raised)!important;color:var(--ov-text)!important;
}
.proxy-provider-workspace .actions-menu {
  border:1px solid var(--ov-border-strong)!important;border-radius:var(--ov-radius-md)!important;background:var(--ov-surface-raised)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.55)!important;
}
.proxy-provider-workspace .actions-menu :is(button,a) { color:var(--ov-text)!important; }
.proxy-provider-workspace .actions-menu :is(button,a):hover { background:var(--ov-active)!important;color:var(--ov-accent)!important; }
.proxy-provider-workspace :is(.proxy-link,.sortable-link) { color:var(--ov-text)!important; }
.proxy-provider-workspace .sortable-link:hover,.proxy-provider-workspace .sortable-link.is-active {
  background:var(--ov-active)!important;color:var(--ov-accent)!important;box-shadow:none!important;
}

/* Remaining legacy fragments inside migrated workspaces. */
.binom-workspace :is(.summary-card,.pagination),
.proxy-provider-workspace :is(.tag-filter-shell,.tag-picker-shell,.copy-group),
.facebook-workspace :is(.fb-toolbar,.fb-table-wrap) {
  border-color:var(--ov-border)!important;background:var(--ov-surface-raised)!important;color:var(--ov-text)!important;box-shadow:none!important;
}
.binom-workspace .summary-card { padding:15px;border:1px solid var(--ov-border);border-radius:var(--ov-radius-md); }
.binom-workspace :is(.sort-link,.pagination a) { color:var(--ov-muted)!important;text-decoration:none; }
.binom-workspace :is(.sort-link,.pagination a):hover,.binom-workspace .sort-link.is-active { color:var(--ov-accent)!important; }
.binom-workspace :is(.badge.ok,.badge.done) { border-color:var(--ov-success-border)!important;background:var(--ov-success-bg)!important;color:var(--ov-success-text)!important; }
.binom-workspace :is(.badge.error,.badge.failed) { border-color:#673535!important;background:#190c0c!important;color:#ffaaaa!important; }
.binom-workspace :is(.badge.queued,.badge.skip) { border-color:#6b5932!important;background:#1b160b!important;color:#e1c47d!important; }
.proxy-provider-workspace :is(.tag-filter-menu,.tag-menu) {
  border-color:var(--ov-border-strong)!important;background:var(--ov-surface-raised)!important;color:var(--ov-text)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.55)!important;
}
.proxy-provider-workspace :is(.tag-option,.tag-menu-option):hover { background:var(--ov-active)!important;color:var(--ov-accent)!important; }
.proxy-provider-workspace .tag-pill { border-color:var(--ov-border-strong)!important;background:var(--ov-active)!important;color:var(--ov-muted)!important; }

/* Grouped data tables: parent object followed by its managed rows. */
.binom-workspace .binom-table { min-width:1180px;table-layout:fixed; }
.binom-workspace .binom-table th:nth-child(1){width:7%}
.binom-workspace .binom-table th:nth-child(2){width:27%}
.binom-workspace .binom-table th:nth-child(3){width:35%}
.binom-workspace .binom-table th:nth-child(4){width:7%}
.binom-workspace .binom-table th:nth-child(5){width:9%}
.binom-workspace .binom-table th:nth-child(6){width:8%}
.binom-workspace .binom-table th:nth-child(7){width:7%}
.binom-workspace .multi-group-row td {
  padding:17px 18px!important;border-top:1px solid #4b4b4b!important;border-bottom:1px solid var(--ov-border)!important;background:#121212!important;
}
.binom-workspace .multi-group-title { gap:5px; }
.binom-workspace .multi-group-title strong { color:var(--ov-accent);font-size:14px;font-weight:550; }
.binom-workspace .multi-group-title span { color:var(--ov-muted);font-size:10px; }
.binom-workspace .multi-child-row td:first-child { padding-left:29px!important;color:var(--ov-muted)!important; }
.binom-workspace .action-toggle {
  display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--ov-border-strong)!important;border-radius:10px!important;
  background:var(--ov-surface-raised)!important;color:var(--ov-text)!important;
}
.binom-workspace .action-toggle:hover { border-color:#777!important;background:var(--ov-active)!important;color:var(--ov-accent)!important; }
.binom-workspace .action-toggle .ov-icon { width:15px;height:15px; }
.binom-workspace .action-dropdown {
  border:1px solid var(--ov-border-strong)!important;border-radius:var(--ov-radius-md)!important;background:var(--ov-surface-raised)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.55)!important;
}
.binom-workspace .action-dropdown :is(a,button) { color:var(--ov-text)!important; }
.binom-workspace .action-dropdown :is(a,button):hover { background:var(--ov-active)!important;color:var(--ov-accent)!important; }
.binom-workspace .action-dropdown .danger { color:#ffaaaa!important; }

/* Account pages */
.sub-users-workspace .sub-users-wrap { width:100%;max-width:none;gap:var(--ov-section-gap); }
.sub-users-workspace .page-head { padding:7px 0 20px;border-bottom:1px solid var(--ov-border); }
.sub-users-workspace .purchase-tabs { gap:4px;padding:5px;border:1px solid var(--ov-border);border-radius:11px;background:#080808;width:max-content;max-width:100%;overflow-x:auto; }
.sub-users-workspace .purchase-tab { border-color:transparent!important;background:transparent!important;white-space:nowrap; }
.sub-users-workspace .purchase-tab.is-active { border-color:var(--ov-accent)!important;background:var(--ov-accent)!important;color:var(--ov-accent-text)!important; }
.sub-users-workspace .primary-btn { width:auto;margin-top:0; }
.notifications-workspace .notification-empty {
  background:var(--ov-surface)!important;color:var(--ov-text)!important;
}

@media(max-width:900px){
  .accounts-workspace .page-head,.binom-workspace :is(.binom-header,.schedule-head),
  .proxy-provider-workspace .toolbar,.facebook-workspace .fb-toolbar { align-items:stretch;flex-direction:column; }
  .accounts-workspace .filter-bar,.proxy-provider-workspace .filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px){
  .accounts-workspace .filter-bar,.proxy-provider-workspace .filters,.accounts-workspace .form-sections { grid-template-columns:1fr; }
  .accounts-workspace :is(.back-link,.small-link,.primary-btn,.secondary-link),
  .binom-workspace :is(.binom-btn,.schedule-btn),.proxy-provider-workspace .site-shell :is(.btn,button),
  .facebook-workspace .site-shell :is(.fb-btn,.fb-card button) { width:100%; }
}