#appShell.ui-workspace :is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) {color:var(--ui-ink);min-width:0}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-card {margin:20px 0;padding:24px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface)}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-heading,:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-actions {justify-content:flex-start;margin:18px 0}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) h2 {font-size:19px;margin:0}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-card>label:not(.po-beta-check) {display:block;margin:16px 0;font-size:14px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-card>label>input[type=password] {display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-surface-muted);color:var(--ui-ink)}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) p,:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) li {font-size:14px;line-height:1.7;color:var(--ui-ink-secondary)}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) #poBetaState {padding:7px 12px;background:var(--ui-blue-soft);color:var(--ui-blue);border-radius:9px;font-size:13px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-check {display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:14px;line-height:1.6}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-check input {flex:none;width:18px;height:18px;margin-top:3px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) #poBetaCredentials {margin-top:18px;padding:18px;border:1px solid var(--ui-line);border-radius:12px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) #poBetaCredentials label {display:block;margin:12px 0;font-size:13px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) #poBetaCredentials input {display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-surface-muted);color:var(--ui-ink)}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-table {overflow:auto;max-width:100%;margin-top:20px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) table {border-collapse:collapse;width:100%;min-width:790px;font-size:13px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) th,:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) td {text-align:left;padding:14px 12px;border-bottom:1px solid var(--ui-line)}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) th {color:var(--ui-ink-secondary);font-size:12px}
#appShell.ui-workspace :is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) tbody tr,#appShell.ui-workspace :is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) tbody td {background:var(--ui-surface);color:var(--ui-ink)}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) td small {display:block;color:var(--ui-ink-secondary);margin-top:4px}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) button {cursor:pointer}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) button:disabled {cursor:not-allowed;opacity:.5}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) [hidden] {display:none!important}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) #poBetaDetail {position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 40px);box-sizing:border-box;border:1px solid var(--ui-line);border-radius:16px;padding:0;background:var(--ui-surface-solid,#fff);color:var(--ui-ink);overflow:auto;box-shadow:0 20px 70px rgb(15 23 42 / 20%)}
:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) #poBetaDetail::backdrop {background:rgb(15 23 42 / 40%)}
#appShell[data-ui-theme="dark"] #poBetaDetail {background:#1f2938}
#poBetaDetail header {display:flex;align-items:flex-start;justify-content:space-between;gap:17px;padding:26px;border-bottom:1px solid var(--ui-line)}
#poBetaDetail header small {display:block;margin-bottom:8px;font-size:11px;color:var(--ui-ink-secondary)}
#poBetaDetail header>div {min-width:0}
#panePoBeta #poBetaDetail h2 {font-size:21px;line-height:1.5;overflow-wrap:anywhere}
#poBetaDetail .po-beta-detail-body {padding:26px}
#poBetaDetail .ui-dismiss-icon {flex:none;width:36px;height:36px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-surface-muted);color:var(--ui-ink);font-size:24px;cursor:pointer}
#poBetaDetail section {padding:12px 0;border-bottom:1px solid var(--ui-line)}
#poBetaDetail h3 {font-size:16px}
#poBetaDetail dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;font-size:13px}
#poBetaDetail dt {color:var(--ui-ink-secondary);font-size:11px;margin-bottom:7px}
#poBetaDetail dd {margin:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}
#poBetaDetail details {padding:20px 0;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:650px){:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .po-beta-card {padding:16px}:is(#panePoBeta,#connectionsWebhooks,#connectionsNotificationPoBeta) .workspace-page-head {flex-wrap:wrap}}
#connectionsNotificationPoBeta {margin:0;padding:0;border:0;background:transparent;color:var(--ui-ink)}
#connectionsNotificationPoBeta>label:not(.po-beta-check) {display:block;margin:16px 0;font-size:14px}
#connectionsNotificationPoBeta>label>input[type=password] {display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-surface-solid);color:var(--ui-ink)}
#connectionsWebhooks {padding:0 24px}
#panePoBeta .pos-alert-toolbar {display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0}
#panePoBeta .pos-alert-toolbar .po-beta-provider {display:flex;align-items:center;gap:10px;margin:0;min-width:0}
#panePoBeta .pos-alert-toolbar select {width:210px;max-width:100%;margin:0}
#panePoBeta .pos-alert-toolbar .workspace-mode-switch {margin:0;flex:none}
#panePoBeta #poBetaOrderToggle {display:flex;align-items:center;gap:8px;margin:0}
#panePoBeta #poBetaOrderToggle[hidden] {display:none}
#skyboxDiagnostics {padding:20px 22px;margin:20px 0;min-width:0;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface)}
#skyboxDiagnostics>summary {cursor:pointer;color:var(--ui-ink-secondary);font-size:13px}
#paneConnections [hidden] {display:none!important}
#panePoBeta #poBetaDetail .po-beta-amount-hero {padding:22px;background:var(--ui-blue-soft);border:1px solid var(--ui-line);border-radius:12px}
#poBetaDetail .po-beta-amount-hero small {display:block;font-size:11px;color:var(--ui-ink-secondary);line-height:1.6}
#poBetaDetail .po-beta-amount-hero strong {display:block;font-size:22px;margin:12px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#appShell #panePoBeta .po-beta-records {padding:0;border:1px solid var(--ui-line);border-radius:12px;overflow:hidden;box-shadow:none}
#panePoBeta .po-beta-records>.po-beta-heading {padding:20px 22px}
#panePoBeta .po-beta-records>.po-beta-heading h2 {font-size:14px}
#panePoBeta .po-beta-records>p {padding:0 22px 18px;margin:0;font-size:11px}
#panePoBeta .po-beta-records .po-beta-table {margin:0}
#appShell #panePoBeta .po-beta-records table {margin:0;border:0;border-spacing:0;border-radius:0;box-shadow:none}
#appShell #panePoBeta .po-beta-records th {padding:11px 15px;border-block:1px solid var(--ui-line);color:var(--ui-ink-secondary);font-size:9px;font-weight:550;white-space:nowrap;position:static;box-shadow:none}
#appShell #panePoBeta .po-beta-records td {padding:19px 15px;border:0;border-bottom:1px solid var(--ui-line);font-size:11px;background:transparent!important;font-variant-numeric:tabular-nums;box-shadow:none}
#appShell #panePoBeta .po-beta-records tbody tr:hover>td {background:var(--ui-surface-muted)!important}
#appShell #panePoBeta .po-beta-records tr:last-child td {border-bottom:0}
#appShell #panePoBeta .po-beta-records :is(th,td):first-child {padding-left:22px}
#appShell #panePoBeta .po-beta-records td.po-beta-amount {text-align:right;font-size:12px;font-weight:600}
#panePoBeta .po-beta-delivery {display:inline-block;padding:4px 6px;border-radius:5px;background:var(--ui-surface-muted);color:var(--ui-ink-secondary);font-size:9px}
#panePoBeta .po-beta-record-link {border:0;background:transparent;box-shadow:none;padding:6px 0;color:var(--ui-blue);font-size:11px;white-space:nowrap}
#panePoBeta .skybox-review-form {display:grid;gap:14px;margin-top:20px}
#panePoBeta .skybox-review-form label {display:block;font-size:13px;line-height:1.6}
#panePoBeta .skybox-review-form textarea {display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-ink);font:inherit;resize:vertical}
#panePoBeta .skybox-review-form button {justify-self:start}
#appShell.ui-workspace.workspace-refined #panePoBeta #skyboxReviewQueue td:nth-child(2) {min-width:250px;max-width:390px;white-space:normal;overflow-wrap:anywhere}
#appShell.ui-workspace.workspace-refined #panePoBeta #skyboxReviewQueue :is(th,td):nth-child(7) {text-align:left;white-space:normal}
#skyboxReviewCount {font-size:12px;color:var(--ui-ink-secondary)}
.skybox-earlier-context {display:block;margin-top:5px;color:var(--ui-ink-secondary);font-size:12px;white-space:normal}
@media(max-width:600px){#poBetaDetail dl {grid-template-columns:minmax(0,1fr)}#poBetaDetail header,#poBetaDetail .po-beta-detail-body {padding:20px}}

/* Use the shared workspace pop-out shell and Missing Charges table rhythm. */
#appShell.ui-workspace.workspace-refined #panePoBeta .po-beta-records th {text-transform:none;letter-spacing:normal}
#appShell.ui-workspace.workspace-refined #panePoBeta .po-beta-records :is(th,td) {vertical-align:middle}
#appShell.ui-workspace.workspace-refined #panePoBeta .po-beta-records :is(th,td).po-beta-amount {text-align:right;font-variant-numeric:tabular-nums}
#appShell.ui-workspace.workspace-refined #panePoBeta .po-beta-records td:nth-child(1) {font-weight:600;min-width:160px;overflow-wrap:anywhere}
#appShell.ui-workspace.workspace-refined #panePoBeta .po-beta-records td:nth-child(3),
#appShell.ui-workspace.workspace-refined #panePoBeta .po-beta-records td:nth-child(4) {min-width:150px;max-width:250px;overflow-wrap:anywhere}
#appShell.ui-workspace.workspace-refined #panePoBeta .po-beta-records td:nth-child(7) {white-space:nowrap}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaRows td:nth-child(7) {white-space:normal;min-width:170px;max-width:260px}
#appShell.ui-workspace #panePoBeta .po-invoice-status {padding:6px 10px;border-radius:8px;background:var(--ui-surface-muted);color:var(--ui-ink-secondary);font-weight:600}
#appShell.ui-workspace #panePoBeta .po-invoice-status[data-state="canceled"] {color:var(--ui-green);background:var(--ui-green-soft)}
#appShell.ui-workspace #panePoBeta .po-invoice-status[data-state="not_canceled"] {color:var(--ui-red);background:var(--ui-red-soft)}
#appShell.ui-workspace #panePoBeta .po-invoice-status[data-state="mixed"] {color:var(--ui-amber);background:var(--ui-amber-soft)}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail section {padding:0 0 20px;margin:0 0 20px}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail h3 {margin:0 0 16px;font-size:13px;font-weight:650;line-height:1.5;letter-spacing:normal}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail dl {margin:0;gap:16px 18px;font-size:12px}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail dt {font-size:11px;font-weight:400;letter-spacing:normal;text-transform:none}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail .po-beta-amount-hero {padding:16px;margin-bottom:22px;border-radius:10px;background:var(--ui-surface-muted)}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail .po-beta-amount-hero strong {font-size:22px;font-weight:650;letter-spacing:-.4px;margin:10px 0}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail details {font-size:12px;padding:0;line-height:1.6}
#appShell.ui-workspace.workspace-refined #panePoBeta #poBetaDetail summary {cursor:pointer;color:var(--ui-ink-secondary)}
#appShell.ui-workspace #panePoBeta .pos-status[data-tone="success"] {color:#18734a;font-weight:650}
#appShell.ui-workspace #panePoBeta .pos-status[data-tone="danger"] {color:#b42f45;font-weight:650}
#appShell.ui-workspace[data-ui-theme="dark"] #panePoBeta .pos-status[data-tone="success"] {color:#82ddb0}
#appShell.ui-workspace[data-ui-theme="dark"] #panePoBeta .pos-status[data-tone="danger"] {color:#ff9baa}
#panePoBeta .pos-history-footer {display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0;font-size:12px;color:var(--ui-ink-secondary)}