/* Shared density rules load last. Type scale changes text, never the whole page or touch targets. */
#personal-desk .exp-example{display:grid;gap:4px;text-align:left}
#personal-desk .exp-example strong{font-size:calc(16px * var(--cike-font-scale,1))}
#personal-desk .exp-example p{font-size:calc(14px * var(--cike-font-scale,1))}
#personal-desk .exp-settings{margin-bottom:16px}
#personal-desk :is(.pd-field,.biz-grid,.pd-grid,.workspace-tabs,.pd-filterbar)>*{min-width:0}
#personal-desk[data-text-size=large] :is(.u13-order-next,.u13-order-delivery,.pd-actions,.exp-choices){flex-wrap:wrap}
#personal-desk[data-text-size=large] :is(.u12-customer-identity strong,.u13-order-name strong,.library-file-label strong){white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset}

#personal-desk[data-density=compact]{line-height:1.45;--ux-radius:12px}
#personal-desk[data-density=compact] main{padding:16px 20px}
#personal-desk[data-density=compact] :is(.pd-heading,.u12-page-title,.home-welcome,.m3-welcome,.m3-page-head){margin:4px 0 10px;gap:8px}
#personal-desk[data-density=compact] :is(.pd-heading,.u12-page-title,.home-welcome,.m3-welcome,.m3-page-head) h1{font-size:calc(24px * var(--cike-font-scale,1));margin:0;line-height:1.25}
#personal-desk[data-density=compact] :is(.pd-section-title,.m3-section-head,.catalog-section-title){margin:10px 0 6px;gap:8px}
#personal-desk[data-density=compact] :is(.pd-grid,.biz-grid,.biz-cards,.u13-catalog-items,.catalog-directories,.m3-project-list,.exp-home-layout,.ux-home-body){gap:10px}
#personal-desk[data-density=compact] :is(.pd-row,.pd-tile,.u12-detail-block,.workspace-next,.ux-hero,.exp-next,.exp-work-section,.m3-record,.exp-settings){padding:12px;margin-bottom:10px;border-radius:12px}
#personal-desk[data-density=compact] .pd-row{margin-bottom:0}
#personal-desk[data-density=compact] :is(.pd-field,.pd-fold,.workspace-tabs,.u12-customer-toolbar,.m3-segment,.catalog-search,.m3-search,.exp-favorites,.m3-section,.m3-inbox-strip,.ux-library-controls){margin-bottom:10px}
#personal-desk[data-density=compact] .pd-field{gap:4px}
#personal-desk[data-density=compact] .pd-field :is(input,select,textarea){padding:8px 10px;min-height:44px;line-height:1.45}
#personal-desk[data-density=compact] .pd-actions{gap:6px}
#personal-desk[data-density=compact] :is(.u12-customer-row,.u13-order-row){padding:10px 12px;min-height:64px;gap:6px 10px}
#personal-desk[data-density=compact] :is(.pd-filterbar,.u12-filters,.catalog-toolbar){gap:6px;margin-bottom:8px}
#personal-desk[data-density=compact] .pd-filterbar{align-items:end}
#personal-desk[data-density=compact] .pd-filterbar .pd-field{margin:0}
#personal-desk[data-density=compact] :is(.workspace-tabs,.m3-segment){padding:2px;gap:2px}
#personal-desk[data-density=compact] :is(.u13-pagination,.m3-paging,.exec-pagination){margin:8px 0;gap:8px}
#personal-desk[data-density=compact] .pd-detail{margin:8px 0}
#personal-desk[data-density=compact] :is(.ux-metrics,.biz-metrics){gap:12px;margin-top:10px;padding-top:10px}
#personal-desk[data-density=compact] :is(.exp-home-search,.exp-home-links,.exp-projects){margin:10px 0}
#personal-desk[data-density=compact] .exp-next h2{margin:8px 0 12px}
#personal-desk[data-density=compact] .exp-home .launch-tile{min-height:64px;gap:4px}
#personal-desk[data-density=compact] .catalog-folder{min-height:70px;padding:10px}
#personal-desk[data-density=compact] .catalog-readiness{margin:6px 0;gap:4px}
#personal-desk[data-density=compact] .catalog-readiness>span{padding:3px 5px}
#personal-desk[data-density=compact] .catalog-product :is(p,small){margin-top:4px;margin-bottom:4px}
#personal-desk[data-density=compact] :is(.pd-empty,.u12-empty,.m3-empty-inline){padding:18px 10px}
#personal-desk[data-density=compact] .u12-detail-block h3{margin-bottom:8px}
#personal-desk[data-density=compact] :is(.pd-fold summary,.workspace-storage summary){padding-top:10px;padding-bottom:10px}
#personal-desk[data-density=compact] .pd-sidebar nav button{min-height:40px;margin-bottom:2px}
#personal-desk[data-density=compact] .exp-settings fieldset{margin:10px 0}
#personal-desk[data-density=compact] .exp-settings .exp-example{margin:10px 0;padding:10px}
#personal-desk[data-density=compact] :is(.exec-section,.wf-dossier,.wf-review-section,.wf-review-stats,.review-environment){padding:12px;margin:12px 0;gap:10px}
#personal-desk[data-density=compact] :is(.exec-home-grid section,.exec-storage>div){padding:10px}
#personal-desk[data-density=compact] :is(.agenda-filters,.review-filters,.wf-search-bar,.exec-home-grid,.exec-storage,.exec-import-mapping){gap:8px;margin-top:10px;margin-bottom:10px}
#personal-desk[data-density=compact] :is(.agenda-row,.exec-checkpoint,.exec-shipment,.file-reference){padding:8px 0;gap:8px}
#personal-desk[data-density=compact] .agenda-date{margin:12px 0 6px}
#personal-desk[data-density=compact] .agenda-row strong{margin-top:4px}
#personal-desk[data-density=compact] .ux-writing-form{padding:12px}
#personal-desk[data-density=compact] :is(.workspace-menu,.launch-grid,.pd-more-menu){gap:8px}
#personal-desk[data-density=compact] :is(.workspace-menu>button,.pd-more-menu>button){padding:10px;min-height:54px}
#personal-desk[data-density=compact] :is(.biz-table,.pd-table,.document-table) :is(th,td){padding:7px 9px}
#personal-desk[data-density=compact] :is(.m3-nav-preview,.m3-nav-choices){margin-bottom:12px;gap:6px}
#personal-desk[data-density=compact] .m3-nav-preview>button{min-height:66px}

@media(min-width:701px){
 #personal-desk[data-density=compact] .pd-main>header{min-height:56px;padding:6px 20px}
 #personal-desk .m3-search input{min-height:40px;padding:8px 12px;border:1px solid var(--pd-line);border-radius:10px;background:var(--pd-panel);color:var(--pd-ink)}
 #personal-desk .m3-project-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
 #personal-desk .m4-project-card{padding:12px;border:1px solid var(--pd-line);border-radius:12px;background:var(--pd-panel);min-width:0}
 #personal-desk .m4-project-card .m3-project{border:0;padding:0;margin:0;border-radius:0;background:none}
 #personal-desk .m4-project-card>footer{display:flex;justify-content:flex-end;margin-top:6px}
 #personal-desk .m4-quick-action{background:var(--pd-soft);border:0;color:var(--pd-accent)}
 #personal-desk .m3-blocker{margin-top:8px;color:#97612f;display:flex;gap:6px;align-items:center}
}

@media(max-width:700px){
 /* Inputs stay readable and avoid automatic focus zoom in mobile Safari. */
 #personal-desk :is(input,textarea,select){font-size:max(16px,calc(16px * var(--cike-font-scale,1)))!important}
 #personal-desk[data-density=compact] main{padding:8px 12px 16px}
 #personal-desk[data-density=compact] .pd-main>header{min-height:52px;padding:4px 12px}
 #personal-desk[data-density=compact] .pd-main{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 #personal-desk[data-density=compact] .pd-window .pd-bottom{padding:4px 8px max(4px,env(safe-area-inset-bottom))!important}
 #personal-desk[data-density=compact] .pd-bottom button{min-height:48px;gap:2px}
 #personal-desk[data-density=compact] :is(button,summary){min-height:44px}
 #personal-desk[data-density=compact] .m3-trade-nav{margin-bottom:8px;gap:22px}
 #personal-desk[data-density=compact] .m3-trade-nav button{padding:6px 0}
 #personal-desk[data-density=compact] :is(.m3-search,.u12-search){min-height:44px;padding:0 10px}
 #personal-desk[data-density=compact] .u12-search input{min-height:44px}
 #personal-desk[data-density=compact] .u12-sort select{height:auto;min-height:44px;max-width:116px;padding:6px}
 #personal-desk[data-density=compact] .u12-page-title p{margin-top:3px}
 #personal-desk[data-density=compact] .u12-filters{padding-bottom:0;margin-bottom:6px}
 #personal-desk[data-density=compact] .m3-launch-grid{padding:10px 6px;gap:8px 4px;border-radius:12px}
 #personal-desk[data-density=compact] .m3-launch-grid>button{min-height:56px;gap:3px}
 #personal-desk[data-density=compact] .m3-launch-grid>button>span{width:32px;height:32px;border-radius:10px}
 #personal-desk[data-density=compact] .m3-launch-grid>button>span svg{width:19px;height:19px}
 #personal-desk[data-density=compact] .m3-action-list{padding:0 10px;border-radius:12px}
 #personal-desk[data-density=compact] .m3-action-row{min-height:56px;gap:6px}
 #personal-desk[data-density=compact] .m3-action-row>button{padding:8px 0}
 #personal-desk[data-density=compact] .m3-action-row small{margin-top:2px}
 #personal-desk[data-density=compact] .m3-action-type{width:30px;height:30px}
 #personal-desk[data-density=compact] .m3-project.exp-project{padding:10px;margin:0}
 #personal-desk[data-density=compact] .m3-project-top{margin-bottom:6px}
 #personal-desk[data-density=compact] .m3-project-top .m3-project-icon{width:26px;height:26px}
 #personal-desk[data-density=compact] .m3-project>p{margin-bottom:6px;line-height:1.45}
 #personal-desk[data-density=compact] .m3-project>small{display:block}
 #personal-desk[data-density=compact] .m4-project-card{margin-bottom:8px;border-radius:12px}
 #personal-desk[data-density=compact] .m4-project-card>footer{padding:0 10px 6px}
 #personal-desk[data-density=compact] .m3-blocker{margin-top:6px;padding:6px 8px}
 #personal-desk[data-density=compact] .exp-progress{margin:7px 0}
 #personal-desk[data-density=compact] .m4-customer-entry{padding-bottom:4px}
 #personal-desk[data-density=compact] .m4-customer-entry .u12-customer-row{padding:8px 10px 0;min-height:64px}
 #personal-desk[data-density=compact] .m4-customer-log{margin-right:8px;padding:6px 10px}
 #personal-desk[data-density=compact] .u12-avatar{width:30px;height:30px}
 #personal-desk[data-density=compact] .u12-customer-row{grid-template-columns:30px minmax(0,1fr) auto;gap:3px 8px}
 #personal-desk[data-density=compact] .u12-customer-identity small{margin-top:2px}
 #personal-desk[data-density=compact] .m3-record-title{padding-bottom:6px;line-height:1.45}
 #personal-desk[data-density=compact] .m3-record>p{margin-bottom:6px}
 #personal-desk[data-density=compact] .m3-record footer{padding:4px 0}
 #personal-desk[data-density=compact] #pd-editor{padding:0 12px calc(16px + env(safe-area-inset-bottom))}
 #personal-desk[data-density=compact] #pd-editor .pd-form-top{min-height:56px;margin:0 -12px 10px;padding:6px 12px}
 #personal-desk[data-density=compact] .workspace-tabs{top:56px;margin-bottom:10px}
 #personal-desk[data-density=compact] .ux-hero h2{font-size:calc(21px * var(--cike-font-scale,1))}
 #personal-desk[data-density=compact] .u12-preview-stage{margin-bottom:10px}
 #personal-desk[data-density=compact] .catalog-folder{min-height:66px}
 #personal-desk[data-text-size=large] .m3-segment{overflow-x:auto}
 #personal-desk[data-text-size=large] .m3-segment button{flex-shrink:0;min-width:max-content}
}