/* Load after workspace-v1. Keep its structure, colour themes and permissions. */
html[data-workspace-design]{
 --work-text-size:16px;--work-meta-size:14px;--work-text-leading:1.6;
 font-synthesis-weight:none;
}
html[data-workspace-design] body{font-size:var(--work-text-size);font-weight:400;line-height:var(--work-text-leading);letter-spacing:normal}
html[data-workspace-design] [hidden]{display:none!important}
html[data-workspace-design=cabinet] main :is(div,span,p,label,button,a,summary,small,td,th):is([style*="font-size:11"],[style*="font-size: 11"],[style*="font-size:12"],[style*="font-size: 12"]){font-size:14px!important;line-height:1.6}
html[data-workspace-design=cabinet] main :is(div,span,p,label,button,a,summary,small,td,th):is([style*="font-size:13"],[style*="font-size: 13"],[style*="font-size:14"],[style*="font-size: 14"]){font-size:15px!important;line-height:1.6}
html[data-workspace-design=cabinet] main :is(div,span,p,label,button,a,summary,small,td,th):is([style*="font-weight:600"],[style*="font-weight: 600"],[style*="font-weight:700"],[style*="font-weight: 700"]){font-weight:500!important}
html[data-workspace-design=cabinet] #connectedMetrics>div{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important;gap:20px!important}
html[data-workspace-design=cabinet] #connectedMetrics>div>div{padding:20px!important;gap:12px!important;min-width:0}
html[data-workspace-design=cabinet] #connectedMetrics>div>div>div:last-child{flex-wrap:wrap;gap:10px!important}
html[data-workspace-design=cabinet] #connectedMetrics>div>div>div:last-child>button[style*="flex:1"]{flex:1 1 110px!important;min-width:0}
html[data-workspace-design] :is(h1,h2,h3,h4,b,strong){font-weight:500!important}
html[data-workspace-design] :is(h1,h2,h3,h4){letter-spacing:-.012em;line-height:1.35}
html[data-workspace-design] :is(.btn,.abtn,.act){font-size:15px;line-height:1.4;font-weight:500!important;min-height:44px;padding:10px 15px}
/* Toggle buttons can carry both ghost and primary classes. Keep their active colours together. */
html[data-workspace-design=cabinet] .btn-primary:not(.tpl-tab):hover{background:var(--work-accent)!important;border-color:var(--work-accent)!important;color:var(--work-accent-ink)!important}
html[data-workspace-design] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){font-size:16px!important;font-weight:400;line-height:1.5;min-height:46px;padding:10px 13px}
html[data-workspace-design] textarea{line-height:1.65}
html[data-workspace-design] :is(.note,.mini,.muted,.field-hint){font-size:14px;line-height:1.6;font-weight:400}
html[data-workspace-design] :is(.badge,.chip,.pill){font-size:13px;line-height:1.5;font-weight:400}
html[data-workspace-design] :is(table,td){font-size:15px;line-height:1.6}
html[data-workspace-design] th{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:normal}
html[data-workspace-design] :is(.section-title,.record-section-title){font-size:18px;font-weight:500!important;line-height:1.4}
html[data-workspace-design] :is(.empty,.desk-empty){font-size:15px;line-height:1.65}

/* Shared navigation has room for text without adding another navigation row. */
html[data-workspace-nav=top] .work-navigation-row{min-height:76px;gap:24px}
html[data-workspace-nav=top] .work-module{font-size:15px;font-weight:400;line-height:1.4}
html[data-workspace-nav=top] .work-module.is-active{font-weight:500}
html[data-workspace-nav=top] :is(.work-context-link,.work-cabinet-menu){font-size:14px;line-height:1.5}
html[data-workspace-nav=top] .work-context{min-height:48px}
html[data-workspace-nav=top] .work-context-link{min-height:48px}
html[data-workspace-nav=top] .work-directory-link{font-size:16px;line-height:1.5;min-height:48px}
html[data-workspace-nav=top] :is(.work-route-description,.work-directory-section h3,.work-directory-close){font-size:14px;line-height:1.55}
html[data-workspace-nav=top] .work-directory-module{padding-block:20px;font-weight:500}
html[data-workspace-nav=top] .work-directory-link[aria-current]{font-weight:500}

/* General cabinet hierarchy. Detailed module geometry stays in its own CSS. */
html[data-workspace-design=cabinet] .view>.page-head,
html[data-workspace-design=cabinet] #view-dashboard>.page-head{gap:24px;padding-bottom:28px;margin-bottom:30px}
html[data-workspace-design=cabinet] .page-head h1,
html[data-workspace-design=cabinet] .record-content h1{font-size:30px;line-height:1.3;letter-spacing:-.015em}
html[data-workspace-design=cabinet] .page-head .sub{font-size:16px;line-height:1.6;margin-top:10px;max-width:72ch}
html[data-workspace-design=cabinet] .page-head .btn{font-size:15px;min-height:44px;padding:10px 16px}
html[data-workspace-design=cabinet] :is(.inc-title,.svc-name,.task-card-title,.kb-article-link){font-size:16px;line-height:1.5;font-weight:500}
html[data-workspace-design=cabinet] :is(.inc-sub,.svc-meta,.svc-name .url,.task-number){font-size:14px;line-height:1.6;font-weight:400}
html[data-workspace-design=cabinet] .dash-section-link{font-weight:500}
html[data-workspace-design=cabinet] #dashStats :is(.lbl,.hint){font-size:14px;line-height:1.55}
html[data-workspace-design=cabinet] #dashStats .val{font-size:30px;line-height:1.25;font-weight:400}
html[data-workspace-design=cabinet] #dashLog .log-row,
html[data-workspace-design=cabinet] #dashMetrics .log-row{font-size:15px;line-height:1.65;padding-block:18px}
html[data-workspace-design=cabinet] #dashLog .t,
html[data-workspace-design=cabinet] #dashMetrics .log-row>span:first-child>span,
html[data-workspace-design=cabinet] #dashServices .sright{font-size:13px;line-height:1.6}
html[data-workspace-design=cabinet] #dashServices .ov-svc{font-size:15px;padding-block:18px}
html[data-workspace-design=cabinet] #tkList .tk-row-title{font-size:16px;line-height:1.5;font-weight:500}
html[data-workspace-design=cabinet] #tkList :is(.tk-preview,.tk-row-meta,.tk-row-counts){font-size:14px;line-height:1.6}
html[data-workspace-design=cabinet] #tkList .work-ticket-tags .tk-label{font-size:12px;padding:3px 7px;line-height:1.5}
html[data-workspace-design=cabinet] :is(#tkPager,.task-table td,.kb-category-desktop button){font-size:15px;line-height:1.6}
html[data-workspace-design=cabinet] .task-table td{padding:18px 16px}
html[data-workspace-design=cabinet] .task-open{font-size:16px;font-weight:500;line-height:1.55}
html[data-workspace-design=cabinet] .tpl-tab.btn-primary{background:transparent!important;color:var(--work-ink)!important;border-bottom-color:var(--work-accent)!important}
html[data-workspace-design=cabinet] .subscription-module{flex-wrap:wrap;row-gap:10px!important;padding-block:12px!important}
html[data-workspace-design=cabinet] .subscription-module-description{flex:1 1 230px;min-width:0}
html[data-workspace-design=cabinet] .team-director .team-person-info{min-width:0;overflow-wrap:anywhere}
html[data-workspace-design=cabinet] .team-director>.btn{flex-shrink:0}
html[data-workspace-design=cabinet] #modalBox .rule-edit .f-row{flex-wrap:wrap;gap:16px}
html[data-workspace-design=cabinet] #modalBox .rule-edit .f-group{min-width:0;max-width:100%}
html[data-workspace-design=cabinet] #modalBox .rule-edit :is(input:not([type=checkbox]),select){width:100%;min-width:0}
@media(min-width:481px){
 html[data-workspace-design=cabinet] #modalBox .rule-edit .f-row>.f-group{flex:1 1 190px!important}
 html[data-workspace-design=cabinet] #modalBox .rule-edit .f-row>.f-group:has(>button){flex:0 0 auto!important}
}

/* Admin tables and controls keep the existing actual nodes and mobile stack. */
html[data-workspace-design=admin] .work-admin-main{padding:40px 36px 64px}
html[data-workspace-design=admin] .work-admin-heading{margin-bottom:28px}
html[data-workspace-design=admin] .work-admin-heading h1{font-size:30px;line-height:1.3}
html[data-workspace-design=admin] body>.wrap>.top{min-height:76px}
html[data-workspace-design=admin] .work-admin-area{font-size:15px;font-weight:400;line-height:1.5}
html[data-workspace-design=admin] .work-admin-area[aria-current=page]{font-weight:500}
html[data-workspace-design=admin][data-pulsar-surface=admin] body .tabs .tab{font-size:15px;line-height:1.5;min-height:44px;padding:10px 15px;font-weight:400}
html[data-workspace-design=admin][data-pulsar-surface=admin] body .tabs .tab.on{font-weight:500}
html[data-workspace-design=admin] body .wrap .tabs{padding-block:9px!important}
html[data-workspace-design=admin] .pane>.ccard{margin-bottom:24px}
html[data-workspace-design=admin] .pane>.ccard:has(>#q),
html[data-workspace-design=admin] .pane>.ccard:has(>#reqSearch),
html[data-workspace-design=admin] .pane>.ccard:has(>#logQ){gap:12px!important;margin-bottom:22px}
html[data-workspace-design=admin] #cabResults{font-size:14px;margin-bottom:16px!important}
html[data-workspace-design=admin] .work-admin-main table{font-size:15px;line-height:1.6}
html[data-workspace-design=admin] .work-admin-main :is(h2,h3){font-size:21px;line-height:1.4;margin-bottom:18px}
html[data-workspace-design=admin] .work-admin-main :is(.cast-lbl,label,.stat .l,.work-admin-overview>summary){font-size:14px;line-height:1.6;font-weight:400}
html[data-workspace-design=admin] #journeyFilters label{font-size:14px;line-height:1.6;gap:10px}
html[data-workspace-design=admin] .work-admin-main :is([style*="font-size:11"],[style*="font-size: 11"],[style*="font-size:12"],[style*="font-size: 12"],[style*="font-size:13"],[style*="font-size: 13"]){font-size:14px!important;line-height:1.6}
html[data-workspace-design=admin] .work-admin-main :is([style*="font-weight:600"],[style*="font-weight: 600"],[style*="font-weight:700"],[style*="font-weight: 700"]){font-weight:500!important}
html[data-workspace-design=admin] #p-cfg>.ccard{padding:24px!important;margin-bottom:24px}
html[data-workspace-design=admin] #reqList .req-card{padding:20px}
html[data-workspace-design=admin] #reqPane{padding:24px!important}
html[data-workspace-design=admin] .work-admin-main th{font-size:14px!important;padding:15px 18px!important;font-weight:500}
html[data-workspace-design=admin] .work-admin-main td{font-size:15px;padding:18px!important;line-height:1.6}
html[data-workspace-design=admin] :is(.mini,.admin-scene-note,.cab-login){font-size:14px;line-height:1.6}
html[data-workspace-design=admin] .cab-login{margin-block:8px;gap:9px}
html[data-workspace-design=admin] .pill{font-size:13px;font-weight:400;padding:3px 8px}
html[data-workspace-design=admin] #tblCabs .rowactions{min-width:132px}
html[data-workspace-design=admin] #tblCabs .rowactions>.act{font-size:14px;min-height:42px;padding:9px 12px}
html[data-workspace-design=admin] .cab-login .act{font-size:13px;min-height:34px;padding:5px 9px}
html[data-workspace-design=admin] .work-admin-actions>summary{font-size:14px;min-height:42px;padding:9px 12px;line-height:1.5}
html[data-workspace-design=admin] #tblCabs .work-admin-action-list .act{font-size:14px;min-height:44px;padding:10px 12px}
html[data-workspace-design=admin] .top .who{font-size:13px;line-height:1.5}
html[data-workspace-design=admin][data-pulsar-surface=admin] body .top .abtn{font-size:14px;line-height:1.4;min-height:42px;padding:9px 12px}
html[data-workspace-design=admin] .work-admin-picker{font-size:16px;font-weight:400;min-height:46px}
html[data-workspace-design=admin] .work-admin-account>summary{font-size:14px;min-height:44px}
html[data-workspace-design=admin] .work-admin-area-dialog{padding:26px}
html[data-workspace-design=admin] .work-admin-dialog-heading{margin-bottom:22px}
html[data-workspace-design=admin] .work-admin-dialog-heading h2{font-size:22px;line-height:1.4}
html[data-workspace-design=admin] .work-admin-area-dialog .work-admin-area{padding:20px 12px;font-size:17px}
html[data-workspace-design=admin] .work-admin-area-dialog .work-admin-area small{font-size:14px;line-height:1.6;margin-top:8px}

@media(min-width:1181px) and (max-width:1300px){
 html[data-workspace-nav=top] .work-navigation-row{gap:16px}
 html[data-workspace-nav=top] .work-module{font-size:14px}
}
@media(max-width:1180px){
 html[data-workspace-nav=top] .work-navigation-row{min-height:70px}
 html[data-workspace-design=admin] .work-admin-main{padding:32px 24px 52px}
}
@media(max-width:760px){
 html[data-workspace-design=cabinet] .task-table tr{padding:20px 16px;gap:12px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 html[data-workspace-design=cabinet] .task-table td{padding:0;font-size:15px;font-weight:400;overflow-wrap:break-word}
 html[data-workspace-design=cabinet] .task-table td:nth-child(2){font-size:16px;line-height:1.55;margin-block:2px 6px}
 html[data-workspace-design=cabinet] .task-table td:is(:nth-child(3),:nth-child(4),:nth-child(6)){grid-column:1 / -1;text-align:left}
 html[data-workspace-design=cabinet] .task-table td:is(:nth-child(3),:nth-child(4),:nth-child(6))::before{font-size:14px}
 html[data-workspace-nav=top] .work-navigation-row{min-height:64px;gap:13px}
 html[data-workspace-nav=top] .work-context-link{font-size:14px;min-height:46px}
 html[data-workspace-design=cabinet] .page-head h1,
 html[data-workspace-design=cabinet] .record-content h1,
 html[data-workspace-design=admin] .work-admin-heading h1{font-size:27px;line-height:1.3}
 html[data-workspace-design=cabinet] .view>.page-head,
 html[data-workspace-design=cabinet] #view-dashboard>.page-head{padding-bottom:24px;margin-bottom:26px;gap:18px}
 html[data-workspace-design=cabinet] .page-head .sub{font-size:15px;line-height:1.6}
 html[data-workspace-design=admin] .work-admin-main{padding:28px 16px 48px}
 html[data-workspace-design=admin] .work-admin-heading{margin-bottom:26px}
 html[data-workspace-design=admin][data-pulsar-surface=admin] body>.wrap>.top{padding:12px 16px!important;gap:12px}
 html[data-workspace-design=admin] body .wrap .tabs{padding:8px!important;gap:0}
 html[data-workspace-design=admin][data-pulsar-surface=admin] body .tabs .tab{font-size:14px;padding:9px 10px;min-height:44px}
 html[data-workspace-design=admin] .work-admin-main td{padding:16px!important}
 html[data-workspace-design=admin] #tblCabs .rowactions{min-width:0}
 html[data-workspace-design=admin] .work-admin-area-dialog{padding:24px 18px}
 html[data-workspace-design=admin] .work-admin-account-panel{right:16px}
}