/* PC design specification 2026.09. Structural adapters use the existing controls. */
html[data-shell-skin="glass"] .pc-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:12px; color:var(--sg-muted); font:var(--sg-help); }
html[data-shell-skin="glass"] .pc-breadcrumb a { color:inherit; text-decoration:none; }
html[data-shell-skin="glass"] .pc-breadcrumb a:hover { text-decoration:underline; }
html[data-shell-skin="glass"] .pc-breadcrumb svg { width:14px; height:14px; }

/* PC-016—026: one application shell; module navigation and working content. */
html[data-glass-page^="taskninja-"] body.portal-beefur .bf-backend.tn-workspace.tn-workspace--qinglan.tn-reference-workspace {
 --bft-main:transparent !important; --bft-surface:var(--sg-panel) !important; --bft-surface-2:var(--sg-solid) !important;
 --bft-surface-3:var(--sg-shell) !important; --bft-text:var(--sg-ink) !important; --bft-muted:var(--sg-muted) !important;
 --bft-border:var(--sg-line) !important; --bft-accent:var(--sg-primary) !important; --bft-accent-soft:var(--sg-panel) !important;
 --bft-on-accent:var(--sg-on-primary) !important; --bft-shadow:var(--sg-shadow) !important;
 width:100%; max-width:none; margin:0; padding:0; border:0 !important; border-radius:0 !important;
 background:transparent !important; box-shadow:none !important; backdrop-filter:none !important;
}
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace .tn-workspace-content { padding:24px 0 0; }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace .tn-workspace-tabs { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:16px; padding:0; margin:0 0 4px; border-bottom:1px solid var(--sg-line); background:transparent !important; }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace .tn-workspace-tabs a { display:inline-flex; align-items:center; flex:0 0 auto; gap:8px; min-height:48px; padding:12px 16px; color:var(--sg-muted) !important; background:transparent !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; font:var(--sg-control); }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace .tn-workspace-tabs a.is-active { color:var(--sg-ink) !important; border-bottom-color:var(--sg-primary) !important; }
html[data-glass-page^="taskninja-"] .tn-workspace-tabs svg { width:18px; height:18px; stroke-width:1.6; }
html[data-glass-page^="taskninja-"] .tn-workspace-tabs b { font-weight:500; }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace .bfw-page-head { padding:0; margin:0 0 24px; background:transparent !important; border:0; }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace .bfw-page-head > div > span { display:none; }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace .bfw-page-head h2 { font:var(--sg-section) !important; }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace :is(.bfw-card,.bfw-panel,.tn-panel,.tn-card,.tn-ql-panel,.tn-ql-section-card) { border-radius:24px !important; padding:24px; border-color:var(--sg-edge) !important; background:var(--sg-panel) !important; box-shadow:var(--sg-shadow) !important; }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace :is(table,.tn-table) :is(th,td) { padding:16px 24px; min-height:56px; height:64px; border-color:var(--sg-line) !important; font:var(--sg-body); }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace :is(.bfw-task-title,.tn-task-title) { font:var(--sg-control); }
html[data-glass-page^="taskninja-"] body.portal-beefur .tn-reference-workspace :is(.bfw-badge,.tn-badge,.bfw-status) { border-radius:999px !important; font:var(--sg-help); }

/* PC-036: document actions above a full-width work list. All IDs stay intact. */
html[data-glass-page="document-index"] body.portal-beefur .portal-main:has(.doc-wps-shell) { display:block; padding:0 32px 24px; overflow:visible; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-shell { display:flex; flex-direction:column; height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible; gap:24px; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-sidebar { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:16px; width:auto; height:auto; padding:0; border:0 !important; overflow:visible; background:transparent !important; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-actions { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 0 auto; }
html[data-glass-page="document-index"] body.portal-beefur :is(.doc-wps-btn-new,.doc-wps-btn-open) { width:auto; min-width:120px; min-height:44px; padding:10px 18px; border-radius:12px !important; font:var(--sg-control); }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-sidebar-foot { width:100%; padding:0; margin:0; border:0 !important; background:transparent !important; font:var(--sg-meta); }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-open-hint { margin:0; font:var(--sg-help); }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-main { min-height:0; overflow:visible; background:transparent !important; border:0; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-toolbar { padding:16px 24px; border:1px solid var(--sg-edge); border-bottom:0; border-radius:24px 24px 0 0; background:var(--sg-panel) !important; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-toolbar-left { width:100%; flex-wrap:wrap; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-body { padding:0 24px 24px; overflow:visible; background:var(--sg-panel) !important; border:1px solid var(--sg-edge); border-top:0; border-radius:0 0 24px 24px; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-list-panel { border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-row { min-height:76px; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-search-wrap { flex:0 1 280px; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-search-input { min-height:44px; border:1px solid var(--sg-control-line) !important; border-radius:12px; background:var(--sg-solid) !important; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-toolbar-head:empty { display:none; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-toolbar-batch { margin-left:auto; }
html[data-glass-page="document-index"] body.portal-beefur .portal-footer { display:flex !important; }
html[data-glass-page="document-index"] body.portal-beefur :is(.doc-wps-row,.doc-wps-list-head) { grid-template-columns:28px minmax(180px,1fr) 88px 110px 220px; }
html[data-glass-page="document-index"] body.portal-beefur .doc-wps-row { padding-block:16px; border-radius:0 !important; border-bottom:1px solid var(--sg-line); }
html[data-glass-page="document-index"] .doc-wps-row-actions { flex-wrap:nowrap; }
html[data-glass-page="document-index"] .pc-row-more { position:relative; }
html[data-glass-page="document-index"] .pc-row-more > summary { display:grid; place-items:center; min-width:64px; min-height:44px; padding:8px 12px; border:1px solid var(--sg-control-line); border-radius:12px; list-style:none; color:var(--sg-ink); font:var(--sg-control); cursor:pointer; }
html[data-glass-page="document-index"] .pc-row-more > summary::-webkit-details-marker { display:none; }
html[data-glass-page="document-index"] .pc-row-menu { position:absolute; right:0; top:52px; z-index:20; min-width:184px; display:grid; gap:8px; padding:12px; border:1px solid var(--sg-line); border-radius:16px; background:var(--sg-solid); box-shadow:var(--sg-dialog-shadow); }
html[data-glass-page="document-index"] .pc-row-menu .portal-btn { width:100%; justify-content:flex-start; }
html[data-glass-page="document-index"] .doc-wps-row:last-child .pc-row-menu { top:auto; bottom:52px; }
html[data-glass-page="document-index"] .doc-wps-empty-icon svg { width:32px; height:32px; color:var(--sg-muted); }

/* PC-085: three columns and a 24px grid; existing catalogue permissions stay in Razor. */
html[data-glass-page="tools-mytools"] .pc-catalog-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:24px; margin-bottom:48px; }
html[data-glass-page="tools-mytools"] .pc-catalog-tabs { display:flex; gap:16px; }
html[data-glass-page="tools-mytools"] .pc-catalog-tabs button { padding:12px 16px; min-height:44px; color:var(--sg-muted); background:transparent; border:0; border-bottom:2px solid transparent; font:var(--sg-control); cursor:pointer; }
html[data-glass-page="tools-mytools"] .pc-catalog-tabs button[aria-pressed="true"] { color:var(--sg-ink); border-bottom-color:var(--sg-primary); }
html[data-glass-page="tools-mytools"] .pc-catalog-search { display:flex; align-items:center; gap:12px; padding:0 14px; border:1px solid var(--sg-control-line); border-radius:12px; background:var(--sg-solid); }
html[data-glass-page="tools-mytools"] .pc-catalog-search input { min-height:44px; width:200px; max-width:100%; background:transparent; border:0; outline:0; color:var(--sg-ink); font:var(--sg-body); }
html[data-glass-page="tools-mytools"] .pc-catalog-search:focus-within { outline:2px solid var(--sg-ink); outline-offset:3px; }
html[data-glass-page="tools-mytools"] .pc-catalog-search svg { width:18px; height:18px; }
html[data-glass-page="tools-mytools"] .my-tools-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
html[data-glass-page="tools-mytools"] .my-tools-card { min-height:240px; padding:24px; gap:16px; text-align:left; order:20; }
html[data-glass-page="tools-mytools"] .my-tools-card[hidden] { display:none; }
html[data-glass-page="tools-mytools"] .my-tools-card-icon { width:40px; height:40px; border:1px solid var(--sg-line); }
html[data-glass-page="tools-mytools"] .my-tools-card-icon svg { width:20px; height:20px; stroke-width:1.6; }
html[data-glass-page="tools-mytools"] .pc-tool-action { display:inline-flex; align-items:center; gap:12px; margin-top:auto; font:var(--sg-help); }
html[data-glass-page="tools-mytools"] .pc-tool-action svg { width:16px; height:16px; }
html[data-glass-page="tools-mytools"] .pc-catalog-empty { padding:32px; border:1px solid var(--sg-edge); border-radius:24px; background:var(--sg-panel); color:var(--sg-muted); }

/* Professional forms use a working column and a calm supporting column. */
html[data-glass-page^="customercenter-"] .cc-service-bar { padding:0 0 24px; border-bottom:1px solid var(--sg-line); margin-bottom:24px; }
html[data-glass-page^="customercenter-"] .cc-service-tabs { flex-wrap:wrap; gap:8px; border:0; padding:0; background:transparent; }
html[data-glass-page^="customercenter-"] .cc-service-tabs a { padding:10px 16px; border-radius:12px; font:var(--sg-control); }
html[data-glass-page="customercenter-index"] .customer-center-page .pc-balance-card { position:relative; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-start; gap:8px 16px; min-height:264px; padding:32px; margin:0 0 24px; border:1px solid var(--sg-edge); border-radius:24px; background:var(--sg-panel); box-shadow:var(--sg-shadow); }
html[data-glass-page="customercenter-index"] .pc-balance-card .customer-center-balance-label { width:100%; font:var(--sg-help); }
html[data-glass-page="customercenter-index"] .pc-balance-card .customer-center-balance-value { font:600 56px/68px var(--sg-font); font-variant-numeric:tabular-nums; }
html[data-glass-page="customercenter-index"] .pc-balance-card > p { width:100%; font:var(--sg-body); color:var(--sg-muted); margin:12px 0 16px; }
html[data-glass-page="customercenter-index"] .pc-balance-actions { display:flex; flex-wrap:wrap; gap:12px; width:100%; }
html[data-glass-page="customercenter-index"] .pc-balance-art { position:absolute; display:grid; place-items:center; width:152px; height:168px; right:64px; top:56px; border:1px solid var(--sg-edge); border-radius:28px; background:var(--sg-panel); transform:rotate(12deg); }
html[data-glass-page="customercenter-index"] .pc-balance-art svg { width:72px; height:72px; stroke-width:1.2; color:var(--sg-muted); }
html[data-glass-page^="taskflow-"] .tf-pending-tabs { gap:8px; padding-bottom:24px; border-bottom:1px solid var(--sg-line); margin-bottom:24px; }
html[data-glass-page^="taskflow-"] .tf-pending-tabs .btn { background:transparent !important; border-color:transparent !important; color:var(--sg-muted) !important; }
html[data-glass-page^="taskflow-"] .tf-pending-tabs .portal-btn-primary { background:var(--sg-primary) !important; color:var(--sg-on-primary) !important; }
html[data-glass-page="tools-contractgenerator"] .cg-drawer:not(.is-open) { display:none !important; }
html[data-glass-page="tools-contractgenerator"] body .cg-drawer { width:min(360px,100vw); padding:0; border:1px solid var(--sg-edge); background:var(--sg-solid) !important; color:var(--sg-ink); box-shadow:var(--sg-dialog-shadow); }
html[data-glass-page="tools-contractgenerator"] body .cg-drawer-head { padding:24px; background:var(--sg-panel) !important; border-bottom:1px solid var(--sg-line); }
html[data-glass-page="tools-contractgenerator"] body .cg-drawer-body { padding:24px; }
html[data-glass-page="tools-contractgenerator"] .cg-drawer-mask.is-open { background:var(--sg-scrim,rgba(20,20,18,.35)) !important; backdrop-filter:blur(4px); }
html[data-glass-page="tools-contractgenerator"] .pc-form-fields .cg-action-bar { margin:0; padding:0; min-height:44px; }
html[data-shell-skin="glass"] .pc-form-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:24px; align-items:start; }
html[data-shell-skin="glass"] .pc-form-fields { min-width:0; display:grid; gap:24px; }
html[data-shell-skin="glass"] .pc-form-fields > .portal-card { margin:0; }
html[data-shell-skin="glass"] .pc-form-help { position:sticky; top:28px; padding:24px; color:var(--sg-ink); background:var(--sg-panel); border:1px solid var(--sg-edge); border-radius:24px; box-shadow:var(--sg-shadow); }
html[data-shell-skin="glass"] .pc-form-help > small { color:var(--sg-muted); font:var(--sg-help); }
html[data-shell-skin="glass"] .pc-form-help h2 { margin:16px 0; font:var(--sg-section); }
html[data-shell-skin="glass"] .pc-form-help p { color:var(--sg-muted); font:var(--sg-body); margin:0 0 24px; }
html[data-shell-skin="glass"] .pc-form-help ol { margin:0; padding-left:20px; display:grid; gap:16px; color:var(--sg-muted); font:var(--sg-body); }
html[data-glass-page="taskninja-create"] #tnCreateForm { min-width:0; padding:24px; border:1px solid var(--sg-edge); border-radius:24px; background:var(--sg-panel); box-shadow:var(--sg-shadow); }
html[data-glass-page="taskninja-create"] body.portal-beefur .tn-reference-workspace #tnCreateForm .bfw-steps { width:100%; max-width:none; gap:8px; }
html[data-glass-page="taskninja-create"] body.portal-beefur .tn-reference-workspace #tnCreateForm .bfw-choice-grid { gap:16px; }
html[data-glass-page="taskninja-create"] body.portal-beefur .tn-reference-workspace #tnCreateForm .bfw-choice { min-height:104px; padding:16px; border-radius:16px !important; }
html[data-glass-page="taskninja-create"] body.portal-beefur .tn-reference-workspace #tnCreateForm .bfw-choice strong { font:var(--sg-control); }
html[data-glass-page="taskninja-create"] body.portal-beefur .tn-reference-workspace #tnCreateForm .bfw-choice small { font:var(--sg-help); }
html[data-glass-page="taskninja-create"] #tnTemplateGrid button > i svg { width:18px; height:18px; stroke-width:1.6; }
html[data-glass-page="tools-contractgenerator"] .pc-form-fields > .portal-card { padding:24px !important; }
html[data-glass-page="tools-contractgenerator"] .cg-step-head { padding:0 0 20px; }
html[data-glass-page="tools-contractgenerator"] .cg-body { padding:0; }

/* PC-064—076: categories, work list and storage information share one shell. */
html[data-glass-page="clouddrive-index"] body.portal-beefur:has(.cd-portal-embed) .bf-app { height:auto; max-height:none; overflow:visible; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .portal-main:has(.cd-portal-embed) { display:block; overflow:visible; padding:0 32px 24px; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple,
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple #cdSimpleApp { height:auto; min-height:0; overflow:visible; background:transparent !important; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .cd-simple-app-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:24px; padding:0; margin:0 0 48px; background:transparent !important; border:0; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .cd-simple-app-header .global-search { width:280px; max-width:100%; flex:0 1 280px; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .global-search input { min-height:44px; border:1px solid var(--sg-control-line); }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .toolbar-actions { display:flex; flex-wrap:wrap; gap:12px; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .toolbar-actions .btn { min-height:44px; font:var(--sg-control); }
html[data-glass-page="clouddrive-index"] .pc-drive-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0 0 48px; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .pc-drive-categories .sidebar-item { display:flex; justify-content:flex-start; align-items:center; gap:24px; width:100%; height:88px; padding:24px; border:1px solid var(--sg-edge); border-radius:24px !important; background:var(--sg-panel) !important; color:var(--sg-ink) !important; box-shadow:var(--sg-shadow); font:var(--sg-section); }
html[data-glass-page="clouddrive-index"] .pc-drive-categories svg { width:24px; height:24px; flex-shrink:0; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .pc-drive-categories .sidebar-item.active { outline:1px solid var(--sg-control-line); outline-offset:-1px; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .dashboard-shell { display:flex; flex-direction:column; height:auto; overflow:visible; border:1px solid var(--sg-edge); border-radius:24px; background:var(--sg-panel) !important; box-shadow:var(--sg-shadow); }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .storage-main { display:block; width:100%; padding:24px 24px 0; overflow:visible; background:transparent !important; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .storage-toolbar { margin:0 0 24px; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .directory-card { border:0; border-radius:0; min-height:300px; background:transparent !important; box-shadow:none !important; overflow-x:auto; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .storage-table :is(th,td) { padding:16px 20px; font:var(--sg-body); height:64px; border-color:var(--sg-line); }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .storage-table .selection-column { width:48px; padding-inline:8px; }
html[data-glass-page="clouddrive-index"] .cd-node-select { width:18px; height:18px; max-width:none; flex:none; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .sidebar { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; width:100%; flex-basis:auto; padding:16px 24px 24px; border:0; background:transparent !important; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .sidebar-label { display:none; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .sidebar > .sidebar-item { flex:0 0 auto; width:auto; padding:8px 12px; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .quota-card { order:-1; margin:0 auto 0 0; padding:0; width:200px; max-width:100%; border:0; background:transparent !important; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .cd-portal-embed.cd-simple .quota-card .progress-bar { background:var(--sg-primary) !important; }
html[data-glass-page="clouddrive-index"] .spinner-border { color:var(--sg-ink) !important; }
html[data-glass-page="clouddrive-index"] body.portal-beefur .portal-footer { display:flex !important; }

@media (max-width:1100px) { html[data-shell-skin="glass"] .pc-form-layout { grid-template-columns:minmax(0,1fr); } html[data-shell-skin="glass"] .pc-form-help { position:static; } }
@media (max-width:1023px) { html[data-glass-page="document-index"] body.portal-beefur .portal-main:has(.doc-wps-shell) { padding:0 24px 24px; } }
@media (max-width:767px) { html[data-glass-page="tools-mytools"] .my-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } html[data-glass-page="tools-mytools"] .pc-catalog-toolbar { margin-bottom:24px; } html[data-glass-page="clouddrive-index"] .pc-drive-categories { grid-template-columns:1fr; gap:12px; margin-bottom:24px; } html[data-glass-page="customercenter-index"] .pc-balance-art { display:none; } }
@media (max-width:600px) { html[data-glass-page="tools-mytools"] .my-tools-grid { grid-template-columns:1fr; } html[data-glass-page="document-index"] body.portal-beefur .portal-main:has(.doc-wps-shell) { padding:0 16px 24px; } html[data-glass-page="document-index"] body.portal-beefur .doc-wps-actions { margin:0; } html[data-glass-page="document-index"] body.portal-beefur .doc-wps-sidebar-foot { display:block; } }
@media (max-width:899px) { html[data-glass-page="document-index"] body.portal-beefur .doc-wps-row { grid-template-columns:28px minmax(0,1fr) auto; } html[data-glass-page="clouddrive-index"] .pc-drive-categories .sidebar-item span { display:inline !important; } }
@media (max-width:600px) { html[data-glass-page="document-index"] body.portal-beefur .doc-wps-sidebar { flex-direction:column; align-items:stretch; } html[data-glass-page="document-index"] body.portal-beefur .doc-wps-search-wrap { flex:0 0 auto; width:100%; } html[data-glass-page="document-index"] body.portal-beefur .doc-wps-actions { flex:0 0 auto; width:100%; } }
@media (prefers-reduced-motion:reduce) { html[data-shell-skin="glass"] .my-tools-card { transition:none !important; } }