/* Card workspace, scoped to authenticated portal pages. */
body[data-experience][data-card-workspace] {
  --bg:#edf1f0; --card:#fff; --ink:#243633; --muted:#5d6f6a; --blue:#176e60;
  --cyan:#176e60; --line:#d8e2de; --pale:#e7f3ee; --navy:#202f32; --teal:#176e60;
  --shadow:0 2px 4px #203c3210;
  background:var(--bg); font-family:"Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif;
}
[data-card-workspace] [hidden] { display:none!important }
[data-card-workspace] :is(button,.button) { border-radius:7px; min-height:44px; padding:10px 16px }
[data-card-workspace] :is(button,.button):hover { background:#105447 }
[data-card-workspace] :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #267d70; outline-offset:3px }
[data-card-workspace] a:hover { color:#105447 }
[data-card-workspace] .card { border-radius:12px; padding:20px; box-shadow:0 1px 3px #203c3206 }
[data-card-workspace] .page-heading h2 { font-size:28px; letter-spacing:-.04em }
[data-card-workspace] .page-heading { margin-bottom:24px }
[data-card-workspace] .page-heading p { font-size:14px }
[data-card-workspace] .panel-heading { padding-bottom:14px; margin-bottom:18px }
[data-card-workspace] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { border-color:#b4c7bf; border-radius:7px; min-height:44px }
body[data-experience][data-card-workspace] .sidebar { background:#202f32; width:220px; padding:28px 14px }
[data-card-workspace] .sidebar .brand small { color:#b7cbc3; letter-spacing:.06em }
[data-card-workspace] .sidebar .nav-link { color:#cedbd5; border-radius:7px; min-height:46px }
[data-card-workspace] .sidebar .nav-link:hover { background:#304742 }
[data-card-workspace] .sidebar .nav-link.active { background:#d9eee4; color:#174a3d; box-shadow:inset 3px 0 #66b99a }
[data-card-workspace] .sidebar :is(.nav-group,.nav-section>summary) { color:#9fb5ac }
[data-card-workspace] .sidebar .sidebar-support { background:#2c403c; border:1px solid #40564e; border-radius:9px }
[data-card-workspace] .sidebar :is(.sidebar-support small,.environment) { color:#c1d1ca }
body[data-experience][data-card-workspace] .workspace { margin-left:220px; padding-inline:30px }
body[data-experience][data-card-workspace] :is(main,.topbar) { max-width:1520px }
body[data-experience][data-card-workspace] .topbar { height:72px; min-height:72px; margin-bottom:24px; border-color:#d2ded8 }
[data-card-workspace] .topbar .avatar { background:#d8eae2; color:#245e4d; border-radius:8px }
[data-card-workspace] .mode-pill { background:#e0ebe5; color:#36594b; border-color:#c7d9ce }
[data-card-workspace] .notice { background:#f7f9f8; border-color:var(--line); color:#5c6e65; padding:10px 14px; margin-bottom:22px }
[data-card-workspace] .status { font-weight:600; border-radius:5px; background:#e7f3ec; color:#286245 }
[data-card-workspace] .status.warning { background:#fff2d8; color:#865600 }
[data-card-workspace] .status.neutral { background:#eef1f0; color:#5d6b65 }
[data-card-workspace] .section-tabs { background:#e2e9e5; border-radius:8px; padding:4px }
[data-card-workspace] .section-tabs a { border-radius:5px; color:#51645b }
[data-card-workspace] .section-tabs a.selected { color:#176348; background:#fff }
[data-card-workspace] .stat { border-radius:14px; border:1px solid var(--line) }
[data-card-workspace] .stat-icon { border-radius:8px; background:#e8f1ec; color:#34755b }
[data-card-workspace] :is(th,.conversation-heading) { background:#eef3f0; color:#51665a }
[data-card-workspace] tbody tr:hover { background:#f5f8f6 }
[data-card-workspace] :is(.ops-queue,.service-spotlight,.identity-banner) { background:#e5eee8; border-color:#c9dbcf; border-radius:12px }
[data-card-workspace] :is(.priority-item,.renew-choice,.device-card,.content-card) { border-radius:10px }
[data-card-workspace] .priority-work { margin-bottom:24px }
[data-card-workspace] .dashboard-service-strip { border-radius:12px; background:#fff; border:1px solid var(--line) }
/* The member floor: a computer silhouette and status rail per account. */
[data-card-workspace] .member-board { padding:16px; border:1px solid #d4dfd8; border-radius:12px; background:#e9eeeb }
[data-card-workspace] .board-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px }
[data-card-workspace] .board-toolbar .section-tabs { margin:0; background:#d8e3dc }
[data-card-workspace] .board-total { color:#52665a; font-size:13px }
[data-card-workspace] .board-total strong { color:#243d2e; font-size:18px; margin-inline:4px }
[data-card-workspace] .board-page-size { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 }
[data-card-workspace] .board-page-size label { margin:0; font-size:13px; white-space:nowrap }
[data-card-workspace] .board-page-size select { width:100px; min-width:100px; min-height:44px; padding:8px 12px; font-size:14px }
[data-card-workspace] .board-search { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,210px) auto auto; margin:0; padding:18px; border:1px solid #d2ded6; border-radius:9px; background:#f8faf9; align-items:end }
[data-card-workspace] .board-search label { display:grid; gap:6px; margin:0; min-width:0; font-size:12px; font-weight:600 }
[data-card-workspace] .board-search .board-search-field { flex:1 1 240px }
[data-card-workspace] .board-search input { width:100%; min-width:0 }
[data-card-workspace] .board-search select { min-width:180px; max-width:100% }
[data-card-workspace] .board-statusbar { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:center; margin:18px 0 }
[data-card-workspace] .board-filters { display:flex; flex-wrap:wrap; align-items:center; gap:6px }
[data-card-workspace] .board-filters>span { font-size:12px; color:#53695b; margin-right:8px }
[data-card-workspace] .board-filters button { display:inline-flex; align-items:center; padding:8px 10px; gap:6px; font-size:12px; background:transparent; border:1px solid transparent; color:#4f6658; min-height:44px; font-weight:400 }
[data-card-workspace] .board-filters button[aria-pressed=true] { background:#fff; border-color:#afc7b8; color:#214e36; box-shadow:0 1px 2px #234e3110 }
[data-card-workspace] .board-filters button:hover { background:#f5f9f6; color:#214e36 }
[data-card-workspace] .board-filters b { font-size:12px; font-weight:600; margin-left:3px }
[data-card-workspace] .board-filters a { display:inline-flex; align-items:center; min-height:44px; padding:8px 10px; gap:6px; font-size:12px; color:#4f6658; border:1px solid transparent; border-radius:7px; text-decoration:none }
[data-card-workspace] .board-filters a[aria-current=page] { background:#fff; border-color:#afc7b8; color:#214e36; font-weight:600 }
[data-card-workspace] .board-filters a:hover { background:#f5f9f6; color:#214e36 }
[data-card-workspace] .board-result { font-size:12px; color:#53695b }
[data-card-workspace] .station-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr)); align-items:stretch; gap:12px; margin-top:16px }
[data-card-workspace] .station-card { --signal:#687b74; --signal-bg:#eff3f1; position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid #d3dfd7; border-radius:10px; overflow:hidden; box-shadow:0 1px 3px #1b452a05; min-width:0; transition:border-color .16s,box-shadow .16s }
[data-card-workspace] .station-card:hover { border-color:#8aaf98; box-shadow:0 5px 16px #24493410 }
[data-card-workspace] .station-card:focus-within { outline:3px solid #267d70; outline-offset:3px }
[data-card-workspace] .station-open::after { content:""; position:absolute; inset:0; z-index:1; border-radius:10px }
[data-card-workspace] .station-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0 }
[data-card-workspace] .station-card[data-connection=online] { --signal:#207957; --signal-bg:#e7f4ec }
[data-card-workspace] .station-card[data-connection=unknown] { --signal:#956010; --signal-bg:#fcf4e6 }
[data-card-workspace] .station-card[data-connection=empty] { --signal:#75857e; --signal-bg:#f2f4f3 }
[data-card-workspace] .station-top { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 16px; background:var(--signal-bg); border-bottom:1px solid #e0e8e3; font-size:12px }
[data-card-workspace] .station-number { color:#536559; font-weight:600; font-variant-numeric:tabular-nums }
[data-card-workspace] .connection-label { display:flex; align-items:center; gap:6px; color:var(--signal); font-weight:600 }
[data-card-workspace] .signal-dot { display:inline-block; width:7px; height:7px; border-radius:50%; flex-shrink:0; background:var(--signal,#718379) }
[data-card-workspace] .signal-dot.online { background:#207957 }
[data-card-workspace] .signal-dot.unknown { background:#956010 }
[data-card-workspace] .signal-dot.offline { background:#687b74 }
[data-card-workspace] .signal-dot.vacant { background:#fff; border:1px solid #75857e }
[data-card-workspace] .station-identity { display:flex; align-items:center; gap:10px; padding:14px; min-height:72px }
[data-card-workspace] .station-identity>div:last-child { min-width:0 }
[data-card-workspace] .station-identity h3 { margin:0 0 3px; font-size:15px; font-weight:700 }
[data-card-workspace] .station-identity h3 a { color:#273e30; text-decoration:none }
[data-card-workspace] .station-identity h3 a:hover { text-decoration:underline }
[data-card-workspace] .station-identity p { margin:0; font-size:12px; color:#67796c; line-height:1.6 }
[data-card-workspace] .station-monitor { flex:0 0 34px; color:var(--signal); padding:6px 4px; border-radius:7px; background:var(--signal-bg) }
[data-card-workspace] .station-monitor svg { display:block; width:26px; height:24px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
[data-card-workspace] .station-monitor .monitor-signal { fill:none }
[data-card-workspace] .station-service { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 16px; font-size:13px; font-weight:600 }
[data-card-workspace] .station-plan { padding:8px 16px 14px; font-size:13px; color:#5e7063; min-height:43px }
[data-card-workspace] .station-plan small { display:block; font-size:12px; margin-top:4px }
[data-card-workspace] .station-devices { margin:0 14px 12px; padding:10px 0 0; border:0; border-top:1px solid #e4ece7; border-radius:0; background:transparent; min-height:0; flex:0 0 auto }
[data-card-workspace] .station-devices-heading { display:flex; align-items:center; justify-content:space-between; gap:12px }
[data-card-workspace] .station-devices-heading>span { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:#53685c }
[data-card-workspace] .station-devices-heading .icon { width:16px; height:16px }
[data-card-workspace] .station-devices-heading>strong { display:inline-flex; align-items:baseline; gap:4px; padding:2px 7px; border-radius:5px; background:var(--signal-bg); font-size:15px; line-height:1.4; color:var(--signal); font-weight:700 }
[data-card-workspace] .station-devices-heading>strong small { font-size:12px; font-weight:500 }
[data-card-workspace] .station-device-list { display:flex; flex-direction:column; gap:0; margin:6px 0 0; padding:0; list-style:none }
[data-card-workspace] .station-device-list li { display:flex; align-items:center; gap:8px; width:100%; padding:7px 0; background:transparent; border:0; border-radius:0; color:#365540; min-width:0 }
[data-card-workspace] .station-device-list li+li { border-top:1px solid #edf1ee }
[data-card-workspace] .station-device-list li>span { overflow-wrap:anywhere; min-width:0 }
[data-card-workspace] .station-device-icon { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; background:#f1f5f2; border:1px solid #e1eae5; border-radius:7px; color:#567666 }
[data-card-workspace] .station-device-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
[data-card-workspace] .station-device-copy { flex:1 }
[data-card-workspace] .station-device-copy strong { display:block; color:#2a4034; font-size:13px; font-weight:600; line-height:1.5 }
[data-card-workspace] .station-device-list small { display:block; font-size:12px; color:#758378; line-height:1.6; margin-top:1px }
[data-card-workspace] .station-device-status { display:inline-flex; align-items:center; justify-content:flex-end; gap:5px; flex:0 0 auto; font-size:12px; color:#37805c; white-space:nowrap }
[data-card-workspace] .station-devices-empty { margin:8px 0 0; font-size:12px; color:#677a6c }
[data-card-workspace] .station-device-pending { margin:8px 0 0; font-size:12px; color:#896019 }
[data-card-workspace] .station-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px 0 0; margin:0 14px; border-top:1px solid #e5ebe6 }
[data-card-workspace] .station-facts dt { font-size:12px; color:#687a6c; font-weight:400 }
[data-card-workspace] .station-card>.station-facts { margin-top:auto }
[data-card-workspace] .station-facts dd { margin:0; font-size:18px; font-weight:600; color:#2b4332; letter-spacing:-.025em }
[data-card-workspace] .station-card .station-facts>div+div { text-align:right }
[data-card-workspace] .station-progress { display:block; width:calc(100% - 28px); height:4px; margin:10px 14px 12px; border:0; border-radius:4px; appearance:none }
[data-card-workspace] progress { accent-color:#318366 }
[data-card-workspace] progress::-webkit-progress-bar { background:#e6eee8; border-radius:4px }
[data-card-workspace] progress::-webkit-progress-value { background:#318366; border-radius:4px }
[data-card-workspace] progress::-moz-progress-bar { background:#318366; border-radius:4px }
[data-card-workspace] .station-meter-note { font-size:12px; margin:7px 14px 10px; color:#6b7a70; min-height:16px }
[data-card-workspace] .station-expiry { display:flex; align-items:center; gap:6px; padding:0 14px 14px; color:#5f7265; font-size:12px }
[data-card-workspace] .station-expiry .icon { width:16px; height:16px }
[data-card-workspace] .station-expiry strong { font-weight:500; color:#3c5543; margin-left:5px }
[data-card-workspace] .station-details { border:0; border-top:1px solid #e7ece8; border-radius:0; padding:0; margin:0; background:#fff }
[data-card-workspace] .station-details>summary { font-size:12px; padding:12px 16px; color:#516a58 }
[data-card-workspace] .pending-count { float:right; color:#8a601f; font-size:12px }
[data-card-workspace] .station-details-content { padding:4px 16px 16px; font-size:13px; background:#fafcfb }
[data-card-workspace] .station-details-content p { margin:8px 0; line-height:1.8 }
[data-card-workspace] .station-details .client-connections ul { list-style:none; padding:0 }
[data-card-workspace] .station-details .client-connections li { padding:12px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere }
[data-card-workspace] .station-details .client-connections small { display:block; font-size:12px }
[data-card-workspace] .station-actions { display:grid; grid-template-columns:1.3fr 1fr 1fr; margin-top:auto; border-top:1px solid #dce7df; background:#f6f9f7 }
[data-card-workspace] .station-actions a { text-align:center; padding:12px 6px; font-size:13px; min-height:44px; color:#40694d; text-decoration:none }
[data-card-workspace] .station-actions a+a { border-left:1px solid #e0e9e2 }
[data-card-workspace] .station-actions a:first-child { font-weight:600; color:#205f3b }
[data-card-workspace] .station-actions a:hover { background:#e7f0e9; text-decoration:underline }
[data-card-workspace] .member-dialog { width:min(680px,calc(100vw - 32px)); max-height:85dvh; margin:auto; padding:0; color:var(--ink); background:#fff; border:1px solid #b9cfc1; border-radius:16px; box-shadow:0 24px 80px #132d3b38; overflow:auto }
[data-card-workspace] .member-dialog::backdrop { background:#142b32a6 }
[data-card-workspace] .member-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:2; background:#fff }
[data-card-workspace] .member-dialog-heading h2 { margin:0; font-size:22px }
[data-card-workspace] .member-dialog-heading p { margin:6px 0 0; font-size:13px; color:var(--muted) }
[data-card-workspace] .member-dialog-heading button { flex-shrink:0 }
[data-card-workspace] .member-dialog-content { padding:20px 24px 24px }
[data-card-workspace] .member-dialog .station-top { background:#edf4f0; border:0; border-radius:7px; margin-bottom:20px }
[data-card-workspace] .member-dialog :is(.station-service,.station-plan) { padding-left:0; padding-right:0 }
[data-card-workspace] .member-dialog .station-facts { margin:0 0 20px; padding-top:16px }
[data-card-workspace] .member-dialog .station-facts dd { font-size:20px; margin-top:6px }
[data-card-workspace] .member-dialog .station-details-content { padding:16px; border-radius:8px }
[data-card-workspace] .member-dialog .station-actions { margin-top:20px; border:1px solid var(--line); border-radius:8px; overflow:hidden }
[data-card-workspace] .board-empty { grid-column:1/-1; padding:48px 20px; text-align:center; background:#f9fbfa; border:1px dashed #b5cbbb; border-radius:10px; color:#5c7162 }
[data-card-workspace] .board-empty>.icon { width:36px; height:36px; margin:auto }
[data-card-workspace] .board-caption { margin:18px 0 8px }
[data-card-workspace] .board-notes { background:transparent; border:0; font-size:13px }
[data-card-workspace] .board-livebar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; font-size:12px; color:var(--muted) }
[data-card-workspace] .board-livebar>[data-board-live] { color:#236343; font-weight:600 }
[data-card-workspace] .board-livebar[data-stale] >[data-board-live] { color:#896019 }
[data-card-workspace] .board-livebar button { margin-left:auto; min-height:44px; padding:8px 12px }
[data-card-workspace] .member-pagination { display:flex; flex-wrap:wrap; gap:16px; align-items:center }
[data-card-workspace] .page-jump { display:flex; align-items:center; gap:8px; margin:0 }
[data-card-workspace] .page-jump label { margin:0; white-space:nowrap }
[data-card-workspace] .page-jump input[type=number] { width:90px; min-width:0; padding:8px }
/* Personal workspace: service pass, usage panel and direct task cards. */
[data-card-workspace] .member-plan-card { border:1px solid #b8d1c1; padding:0; overflow:hidden }
[data-card-workspace] .member-plan-card .service-columns { display:grid; grid-template-columns:1.25fr 1fr; gap:0 }
[data-card-workspace] .member-plan-card .service-columns>div { padding:30px; min-width:0 }
[data-card-workspace] .member-plan-card .service-columns>div:first-child { background:#f7faf8 }
[data-card-workspace] .member-plan-card .service-columns>div+div { border:0; border-left:1px solid #d8e7dc; background:#eaf4ed; display:flex; flex-direction:column; justify-content:center }
[data-card-workspace] .member-plan-card h2 { margin:16px 0 10px; font-size:28px; font-weight:700 }
[data-card-workspace] .member-plan-card .usage-line { margin:16px 0 }
[data-card-workspace] .member-plan-card .usage-line strong { font-size:42px; color:#236343; letter-spacing:-.04em }
[data-card-workspace] .member-plan-card .service-meta { padding:14px 24px; margin:0; background:#fff; border-top:1px solid #d8e7dc }
[data-card-workspace] .member-plan-card .actions { margin-top:24px }
[data-card-workspace] .member-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 24px }
[data-card-workspace] .member-shortcut { display:flex; align-items:center; gap:14px; padding:20px; background:#fff; border:1px solid var(--line); border-radius:10px; color:var(--ink); text-decoration:none; min-width:0 }
[data-card-workspace] .member-shortcut>.icon { padding:10px; width:44px; height:44px; color:#347655; background:#eaf2ec; border-radius:9px; flex-shrink:0 }
[data-card-workspace] .member-shortcut strong { display:block; font-size:14px; margin-bottom:4px }
[data-card-workspace] .member-shortcut small { display:block; font-size:12px; color:#65796c }
[data-card-workspace] .member-shortcut:hover { border-color:#88b298; background:#f9fcfa }
[data-card-workspace] .member-secondary-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; margin-bottom:24px }
[data-card-workspace] .member-secondary-grid>.card { margin:0; height:100% }
[data-card-workspace] .member-secondary-grid>.card:only-child { grid-column:1/-1 }
[data-card-workspace] .setup-strip { background:#f0f5f1; border-radius:8px }
[data-card-workspace] .member-secondary-grid .setup-strip { display:grid; grid-template-columns:1fr; gap:0; padding:0; background:transparent }
[data-card-workspace] .member-secondary-grid .setup-strip>div { padding:12px 0; border-bottom:1px solid var(--line) }
[data-card-workspace] .member-secondary-grid .setup-strip>div:last-child { border:0 }
[data-card-workspace] .member-secondary-grid .setup-strip p { margin:4px 0 0 }
[data-card-workspace] .ops-floor-entry { display:flex; align-items:center; gap:24px; padding:24px 28px; margin-bottom:24px; background:#f8fbf9; border:1px solid #bdd3c3; border-radius:12px; border-left:5px solid #347653 }
[data-card-workspace] .ops-floor-entry>svg { width:64px; height:64px; padding:12px; border:1px solid #ccded1; border-radius:12px; background:#e9f3ec; color:#347653; flex-shrink:0 }
[data-card-workspace] .ops-floor-entry h3 { font-size:20px; margin:0 0 6px }
[data-card-workspace] .ops-floor-entry p { font-size:13px; color:#617766; margin:0 }
[data-card-workspace] .ops-floor-entry .button { margin-left:auto; white-space:nowrap }
[data-card-workspace] .device-card .device-platform { background:#e8f2ec; color:#2c7150; border-radius:8px }
/* Shared treatment across orders, plans, devices, support and account tools. */
[data-card-workspace] :is(.priority-item,.device-card,.order-record,.renew-choice,.welcome-plan,.support-stat,.content-card,.node-resource,.release-choice) { border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 2px 4px #203c3208 }
[data-card-workspace] :is(.access-summary,.knowledge-hero,.support-banner,.renew-selected,.checkout-progress,.onboarding-selection) { background:#eaf3ed; border-color:#cadccf; color:var(--ink); border-radius:12px }
[data-card-workspace] :is(.access-summary,.knowledge-hero,.support-banner) :is(h1,h2,h3,strong) { color:var(--ink) }
[data-card-workspace] :is(.large-icon,.step-number,.dashboard-service-icon,.support-row-icon,.security-actions .icon) { color:#347655; background:#e8f2ec; border-radius:9px }
[data-card-workspace] :is(.order-record header,.order-record footer,.period-records article,.profile-row,.node-resource,.guide-step,.release-choice) { border-color:var(--line) }
[data-card-workspace] .order-record footer { background:#f6f9f7; padding:16px; border-radius:8px; margin-top:16px }
[data-card-workspace] :is(.renew-price,.renew-choice>b,.record-facts strong,.welcome-price) { color:#236343 }
[data-card-workspace] .renew-choice.is-selected { border-color:#387b59; background:#edf6f0 }
[data-card-workspace] :is(.definition-grid,.record-facts) { gap:20px }
[data-card-workspace] .definition-grid>div { padding:12px 0; border-bottom:1px solid #e5ece7 }
[data-card-workspace] :is(.support-stat span,.support-preview,.support-row-meta,.support-bottom-note,.field>small,.ticket-facts dt,.ticket-facts dd) { color:var(--muted); font-size:13px }
[data-card-workspace] :is(.support-stat strong,.support-row-title h3,.support-writing-guide li strong) { color:var(--ink) }
[data-card-workspace] .support-ticket-row { border-color:var(--line); padding:20px; background:#fff }
[data-card-workspace] .support-ticket-row:hover { background:#f2f7f3 }
[data-card-workspace] :is(.support-inbox,.support-new-form,.support-writing-guide,.ticket-facts) { border:1px solid var(--line); border-radius:14px; background:#fff }
[data-card-workspace] .support-composer { background:#f4f8f5; border-color:var(--line) }
[data-card-workspace] .message-bubble { border-color:var(--line); background:#f0f5f2; color:var(--ink) }
[data-card-workspace] .support-message.is-own .message-bubble { background:#e3f0e8; border-color:#bfd7c8 }
[data-card-workspace] :is(.ticket-state,.priority-tag,.unread-tag,.support-row-meta,.message-content header,.message-content header time,.composer-hint) { font-size:12px }
[data-card-workspace] .field :is(input,textarea,select) { font-size:16px!important }
[data-card-workspace] .composer-actions button { font-size:14px!important; min-height:44px!important; padding:10px 14px!important }
[data-card-workspace] .process-strip { background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; gap:20px }
[data-card-workspace] .process-strip>div>span { color:#347655; background:#eaf3ed }
[data-card-workspace] .table-wrap table th { background:#eef3f0; color:#51665a }
[data-card-workspace] :is(.order-filter,.operations-table .filter-bar,.order-live-bar,[data-assignment-summary]) { background:#f1f6f2; border-color:var(--line); border-radius:9px }
[data-card-workspace] .copy-reference { color:#176e60!important }
[data-card-workspace] :is(.unread-tag,.state-waiting_user) { color:#28654c; background:#e6f2eb }
[data-card-workspace] .support-message.own .message-bubble { background:#e3f0e8; border-color:#bfd7c8; color:var(--ink) }
[data-card-workspace] .member-dialog { overscroll-behavior:contain }
body[data-card-workspace]:has(.member-dialog[open]) { overflow:hidden }
/* Account entry pages share the palette without changing the public homepage. */
body[data-experience].public-shell:has(.auth-layout) { --bg:#edf1f0; --ink:#243633; --muted:#5d6f6a; --blue:#176e60; --cyan:#176e60; --navy:#202f32; --line:#d8e2de; --pale:#e7f3ee; background:var(--bg) }
[data-experience].public-shell .auth-layout { border-radius:14px; border-color:#cad9d0 }
[data-experience].public-shell .auth-art { background:#202f32 }
[data-experience].public-shell .auth-card { background:#fff }
/* Compact white panels and horizontal records shared across both workspaces. */
[data-card-workspace] :is(.ops-queue,.service-spotlight,.identity-banner,.access-summary,.knowledge-hero,.support-banner,.ops-floor-entry,.dashboard-service-strip) { background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px 20px; gap:16px; box-shadow:none }
[data-card-workspace] :is(.ops-queue,.service-spotlight,.identity-banner,.ops-floor-entry) :is(h2,h3) { margin-top:0 }
[data-card-workspace] :is(.ops-floor-entry>svg,.identity-avatar) { width:44px; height:44px; border-radius:9px; padding:8px; font-size:22px; background:#f0f5f2; color:#416c54; border:1px solid #e0e9e3 }
[data-card-workspace] :is(.stat,.priority-item,.support-stat) { border-radius:10px; padding:18px; box-shadow:none }
[data-card-workspace] :is(.stat strong,.priority-item strong,.support-stat strong) { font-size:28px }
[data-card-workspace] :is(.stat-icon,.dashboard-service-icon,.large-icon) { width:36px; height:36px; border-radius:8px; background:#f0f5f2; color:#567666 }
[data-card-workspace] .member-plan-card .service-columns>div { padding:24px }
[data-card-workspace] .member-plan-card .service-columns>div:first-child { background:#fff }
[data-card-workspace] .member-plan-card .service-columns>div+div { background:#f8fbf9 }
[data-card-workspace] .member-plan-card h2 { font-size:24px; margin:12px 0 8px }
[data-card-workspace] .member-plan-card .usage-line strong { font-size:34px }
[data-card-workspace] .member-plan-card .actions { margin-top:18px }
[data-card-workspace] .member-shortcuts { gap:0; border:1px solid var(--line); border-radius:12px; background:#fff; overflow:hidden }
[data-card-workspace] .member-shortcut { padding:16px; border:0; border-radius:0; gap:10px }
[data-card-workspace] .member-shortcut+.member-shortcut { border-left:1px solid var(--line) }
[data-card-workspace] .member-shortcut>.icon { width:34px; height:34px; padding:7px; border-radius:8px; background:#f0f5f2 }
[data-card-workspace] .member-shortcut>span { min-width:0 }
[data-card-workspace] .security-actions>a { display:flex; align-items:center; gap:14px; padding:16px 0; border-color:var(--line); color:var(--ink) }
[data-card-workspace] .security-actions>a>.icon { width:36px; height:36px; padding:8px; border:1px solid #e1eae5; border-radius:8px; background:#f1f5f2 }
[data-card-workspace] .security-actions>a>div { flex:1; min-width:0 }
[data-card-workspace] .security-actions strong { font-size:14px }
[data-card-workspace] .security-actions small { font-size:12px; color:var(--muted) }
[data-card-workspace] .compact-record-list { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden }
[data-card-workspace] .compact-record-list>.order-record { border:0; border-bottom:1px solid var(--line); border-radius:0; padding:20px; margin:0; box-shadow:none }
[data-card-workspace] .compact-record-list>.order-record:last-child { border-bottom:0 }
[data-card-workspace] .order-record header { padding:0; margin-bottom:16px; gap:12px }
[data-card-workspace] .order-record h3 { font-size:16px; margin:0 }
[data-card-workspace] .order-record footer { margin-top:14px; padding:12px 0 0; background:transparent; border-radius:0; border-top:1px solid #edf1ee }
[data-card-workspace] .record-facts { gap:12px }
[data-card-workspace] .record-facts small { font-size:12px; color:var(--muted) }
[data-card-workspace] .record-facts strong { font-size:14px; font-weight:600; color:var(--ink) }
[data-card-workspace] .period-records article { padding:16px 0; gap:14px }
[data-card-workspace] .plan-picker .renew-choice { padding:16px; border-radius:9px; box-shadow:none; background:#fff }
[data-card-workspace] .plan-picker .renew-choice.is-selected { padding:15px; background:#f8fbf9; border-color:#387b59 }
[data-card-workspace] .renew-selected { background:#fafcfb; border:1px solid var(--line); border-radius:9px; padding:18px }
[data-card-workspace] .card.support-inbox { padding:0; border-radius:12px; overflow:hidden }
[data-card-workspace] .support-inbox-heading { padding:18px 20px; gap:12px }
[data-card-workspace] .support-filters { padding:0 20px 16px; gap:10px }
[data-card-workspace] .support-ticket-row { padding:16px 20px; gap:12px }
[data-card-workspace] .support-row-icon { width:34px; height:34px; border-radius:8px; border-color:#e1eae5; background:#f1f5f2 }
[data-card-workspace] .support-row-title h3 { font-size:14px }
[data-card-workspace] .support-preview { font-size:13px!important; color:var(--muted) }
[data-card-workspace] .support-filters :is(input,select,button) { font-size:14px!important; min-height:44px!important }
[data-card-workspace] .support-inbox .pagination { padding:16px 20px; margin:0 }
[data-card-workspace] .card.support-conversation { padding:0; border-radius:12px }
[data-card-workspace] :is(.conversation-heading,.support-composer) { background:#fafcfb; padding:18px 20px }
[data-card-workspace] .table-wrap { border-radius:9px }
[data-card-workspace] .table-wrap table th { background:#f7faf8 }
[data-card-workspace] .table-wrap table :is(th,td) { padding:12px 14px }
[data-card-workspace] :is(.inline-guidance,.checkout-progress,.order-live-bar) { background:#fafcfb; border:1px solid var(--line); border-radius:9px; padding:14px 16px }
[data-card-workspace] .release-choice { border-radius:9px; padding:16px; box-shadow:none }
/* The member's own device list keeps authorization distinct from online status. */
[data-card-workspace] .device-access-strip { display:flex; align-items:center; gap:16px; padding:18px 20px; background:#fff; border:1px solid var(--line); border-radius:12px; margin-bottom:20px }
[data-card-workspace] .device-access-icon,[data-card-workspace] .device-row-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border:1px solid #e0e9e3; border-radius:9px; background:#f1f5f2; color:#567666 }
[data-card-workspace] .device-access-icon .icon,[data-card-workspace] .device-row-icon .icon { width:22px; height:22px; stroke-linecap:round; stroke-linejoin:round }
[data-card-workspace] .device-access-strip>div { flex:1; min-width:0 }
[data-card-workspace] .device-access-strip strong { font-size:24px; color:#2c5f44 }
[data-card-workspace] .device-access-strip strong small { font-size:14px; font-weight:500; margin-left:4px }
[data-card-workspace] .device-access-strip p { margin:4px 0 0; color:var(--muted); font-size:13px }
[data-card-workspace] .device-access-strip>a { min-height:44px; display:flex; align-items:center; font-size:13px; white-space:nowrap }
[data-card-workspace] .device-ledger .panel-heading { margin-bottom:0 }
[data-card-workspace] .member-device-row { display:grid; grid-template-columns:minmax(190px,1fr) minmax(220px,1.15fr) auto; align-items:center; gap:24px; padding:20px 0; border-bottom:1px solid var(--line) }
[data-card-workspace] .member-device-row:last-child { border-bottom:0; padding-bottom:0 }
[data-card-workspace] .device-row-identity { display:flex; align-items:center; gap:12px; min-width:0 }
[data-card-workspace] .device-row-identity>div { min-width:0 }
[data-card-workspace] .device-row-identity h3 { font-size:16px; margin:0 0 4px }
[data-card-workspace] .device-row-identity p { margin:0; font-size:12px; color:var(--muted) }
[data-card-workspace] .device-row-id { display:inline-block; padding-left:8px; margin-left:8px; border-left:1px solid var(--line) }
[data-card-workspace] .device-row-facts { margin:0; display:grid; gap:6px }
[data-card-workspace] .device-row-facts>div { display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px; align-items:baseline }
[data-card-workspace] .device-row-facts dt { font-size:12px; color:var(--muted); font-weight:400 }
[data-card-workspace] .device-row-facts dd { font-size:13px; color:var(--ink); margin:0 }
[data-card-workspace] .device-row-controls { display:flex; flex-direction:column; gap:10px; align-items:flex-end }
[data-card-workspace] .device-row-controls form { margin:0 }
[data-card-workspace] .device-row-controls .footnote { margin:0; max-width:180px }
[data-card-workspace] .member-device-row.is-revoked .device-row-icon { background:#f5f6f5; color:#79857e }
@media(min-width:1700px) { [data-card-workspace] .station-grid { grid-template-columns:repeat(5,minmax(0,1fr)) } }
@media(max-width:1200px) {
  [data-card-workspace] .member-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)) }
  [data-card-workspace] .member-shortcut:nth-child(odd) { border-left:0 }
  [data-card-workspace] .member-shortcut:nth-child(n+3) { border-top:1px solid var(--line) }
  [data-card-workspace] .member-device-row { grid-template-columns:minmax(0,1fr) auto; gap:14px 20px }
  [data-card-workspace] .device-row-facts { grid-column:1; grid-row:2 }
  [data-card-workspace] .device-row-controls { grid-column:2; grid-row:1 / span 2 }
}
@media(max-width:900px) {
  body[data-experience][data-card-workspace] .workspace { margin-left:0; padding-inline:24px }
  body[data-experience][data-card-workspace] .sidebar { width:260px }
  [data-card-workspace] .member-plan-card .service-columns>div { padding:24px }
}
@media(max-width:600px) {
  body[data-experience][data-card-workspace] .workspace { padding-inline:16px }
  body[data-experience][data-card-workspace] .topbar { height:64px; min-height:64px; margin-bottom:18px }
  [data-card-workspace] .page-heading h2 { font-size:25px }
  [data-card-workspace] .member-board { padding:12px; border-radius:12px }
  [data-card-workspace] .board-toolbar { gap:10px }
  [data-card-workspace] .board-toolbar .section-tabs { width:100% }
  [data-card-workspace] .board-search { grid-template-columns:1fr 1fr; padding:14px; gap:12px }
  [data-card-workspace] .board-search .board-search-field { flex-basis:100% }
  [data-card-workspace] .board-search label { grid-column:1/-1; flex:1 1 100% }
  [data-card-workspace] .board-search select { min-width:0; width:100% }
  [data-card-workspace] .board-search :is(button,.button) { margin:0; width:100%; min-width:0; text-align:center; justify-content:center }
  [data-card-workspace] .board-filters { gap:4px }
  [data-card-workspace] .board-filters>span { flex:1 1 100%; margin-bottom:4px }
  [data-card-workspace] .board-filters button { padding-inline:8px }
  [data-card-workspace] .station-grid { grid-template-columns:minmax(0,1fr); gap:14px }
  [data-card-workspace] .member-plan-card { padding:0 }
  [data-card-workspace] .member-plan-card .service-columns { grid-template-columns:minmax(0,1fr) }
  [data-card-workspace] .member-plan-card .service-columns>div { padding:24px 20px }
  [data-card-workspace] .member-plan-card .service-columns>div+div { border-left:0; border-top:1px solid #d8e7dc }
  [data-card-workspace] .member-plan-card .service-meta { padding:16px 20px }
  [data-card-workspace] .member-plan-card .usage-line strong { font-size:36px }
  [data-card-workspace] .member-shortcuts { gap:0; margin-bottom:20px }
  [data-card-workspace] .member-shortcut { padding:14px 12px; flex-direction:row; align-items:center; gap:8px }
  [data-card-workspace] .member-secondary-grid { grid-template-columns:minmax(0,1fr); gap:16px }
  [data-card-workspace] .ops-floor-entry { flex-wrap:wrap; padding:20px; gap:16px }
  [data-card-workspace] .ops-floor-entry>div { flex:1; min-width:160px }
  [data-card-workspace] .ops-floor-entry .button { margin:0; width:100%; justify-content:center }
  [data-card-workspace] .device-access-strip { display:grid; grid-template-columns:40px minmax(0,1fr) auto; padding:16px; gap:8px 12px; align-items:center }
  [data-card-workspace] .device-access-strip>div { display:contents }
  [data-card-workspace] .device-access-strip>div>strong { grid-column:2; grid-row:1; font-size:22px }
  [data-card-workspace] .device-access-strip>div>p { grid-column:2 / -1; grid-row:2; margin:0 }
  [data-card-workspace] .device-access-strip>a { grid-column:3; grid-row:1; margin:0; font-size:12px }
  [data-card-workspace] .member-device-row { grid-template-columns:minmax(0,1fr); gap:14px; padding:18px 0 }
  [data-card-workspace] .device-row-facts { grid-column:auto; grid-row:auto }
  [data-card-workspace] .device-row-controls { grid-column:auto; grid-row:auto; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap }
  [data-card-workspace] .device-row-controls button { font-size:12px; padding:10px 12px }
  [data-card-workspace] .device-row-controls .footnote { max-width:none }
  [data-card-workspace] .compact-record-list>.order-record { padding:18px }
  [data-card-workspace] .table-wrap.mobile-records table :is(th,td) { padding:10px 0 }
}