/* Quiet command surfaces: real controls are clear, content stays easy to scan. */
#personal-desk[data-controls=keys]{
 --pd-bg:#f5f6f4;--pd-panel:#fff;--pd-ink:#26332e;--pd-muted:#66736c;
 --pd-line:#e3e8e2;--pd-soft:#edf2ed;--pd-accent:#305a47;--pd-on:#fff;--exp-hero:#263e32;
 --key-edge:#e0e6df;--key-face:#fff;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
 -webkit-font-smoothing:antialiased;
}
#personal-desk[data-controls=keys][data-density] :is(
 .pd-actions>button,.pd-actions>a,.pd-edit-footer>button,.pd-form-top>button,
 .pd-section-title button,.m3-section-head button,.m3-section-tools button,
 .pd-sidebar nav button,.pd-bottom button,.workspace-tabs>button,.workspace-trade-tabs>button,
 .m3-trade-nav>button,.m3-segment>button,.ux-segment>button,.u12-filters>button,
 .pd-filterbar>button,.pd-folderbar>button,.exp-choices>button,.m3-nav-choices>button,
 .m3-launch-grid>button,.exp-home .home-launchers button,.launch-grid>.launch-tile,
 .workspace-menu>button,.pd-more-menu>button,.m3-create-options>button,
 .m3-inbox-strip>button,.exp-home-links>button,.home-capture,.ux-quick-create>button,
 .m4-customer-log,.m4-quick-action,.m3-record>footer button,.m3-record-meta>button,
 .m3-file-toolbar>button,.ux-library-controls button,.catalog-search>button,
 .u13-pagination>button,.m3-paging>button,.exec-pagination>button,
 .exp-image-nav>button,.u12-image-controls>button,.exp-next-footer>button,
 .exp-settings>button,.m3-settings-actions>button,.pd-attachment-tools>button,
 .u12-file-options>summary,.ux-more-actions>summary
 ){
 background:var(--key-face);border:1px solid var(--key-edge);border-radius:10px;
 box-shadow:none;color:var(--pd-ink);text-decoration:none;touch-action:manipulation;
 transition:background-color .15s,border-color .15s,opacity .15s;
}
#personal-desk[data-controls=keys][data-density] :is(.m3-segment,.ux-segment,.workspace-tabs,.workspace-trade-tabs,.m3-trade-nav){
 gap:3px;padding:3px;background:#e9ede8;border:0;border-radius:11px;
}
#personal-desk[data-controls=keys][data-density] :is(.workspace-trade-tabs,.m3-trade-nav){margin:0 0 12px;overflow-x:auto}
#personal-desk[data-controls=keys][data-density] :is(.workspace-trade-tabs,.m3-trade-nav)>button{flex:1;white-space:nowrap;margin:0;min-width:max-content;padding:6px 10px}
#personal-desk[data-controls=keys][data-density] .pd-window :is(.m3-segment,.ux-segment,.workspace-tabs,.workspace-trade-tabs,.m3-trade-nav)>button{
 background:transparent;border-color:transparent;color:var(--pd-muted);border-radius:8px;
}
#personal-desk[data-controls=keys][data-density] .pd-window :is(.m3-segment,.ux-segment,.workspace-tabs,.workspace-trade-tabs,.m3-trade-nav)>button:is([aria-pressed=true],[aria-selected=true],.active){
 background:#fff;color:#254b38;box-shadow:0 1px 3px #2436290b;font-weight:600;
}
#personal-desk[data-controls=keys][data-density] .u12-filters{gap:6px;padding-bottom:2px}
#personal-desk[data-controls=keys][data-density] .pd-window :is(.u12-filters,.pd-folderbar,.exp-choices,.m3-nav-choices)>button[aria-pressed=true]{
 background:#eaf2eb;border-color:#c4d7c7;color:#285239;font-weight:600;
}
/* Section headings and shell navigation stay quieter than working actions. */
#personal-desk[data-controls=keys][data-density] .pd-window :is(.pd-section-title button,.m3-section-head button,.m3-section-tools button,.pd-main>header .pd-actions>button,.pd-form-top>button){
 border-color:transparent;background:transparent;padding:6px 8px;color:var(--pd-muted);
}
#personal-desk[data-controls=keys][data-density] .pd-main>header{background:var(--pd-bg);border-bottom:0}
#personal-desk[data-controls=keys][data-density] .pd-main>header .pd-actions{gap:2px}
#personal-desk[data-controls=keys][data-density] .pd-window .workspace-account{background:#e6ece5;color:#455d4e;border-radius:50%}
#personal-desk[data-controls=keys][data-density] .pd-sidebar{background:#fafbf9;border-right:1px solid var(--pd-line)}
#personal-desk[data-controls=keys][data-density] .pd-sidebar nav button{border:0;background:transparent;border-radius:8px;margin:0 0 3px;min-height:40px;color:var(--pd-muted)}
#personal-desk[data-controls=keys][data-density] .pd-sidebar nav button.active{background:#e9f0e7;color:#284936;font-weight:600}
#personal-desk[data-controls=keys][data-density] .pd-mark{background:#2d4937;border-radius:9px}
/* Crisp key groups with breathing room inside each key, not a frame around a frame. */
#personal-desk[data-controls=keys][data-density] :is(.m3-launch-grid,.exp-home .home-launchers){gap:7px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#personal-desk[data-controls=keys][data-density] :is(.m3-launch-grid>button,.exp-home .home-launchers button){min-height:64px;padding:8px 3px;gap:5px;border-radius:12px;background:#fff}
#personal-desk[data-controls=keys][data-density] :is(.m3-launch-grid>button>span,.exp-home .launch-icon){width:24px;height:24px;border:0;border-radius:0;background:transparent;color:#466950}
#personal-desk[data-controls=keys] :is(.m3-launch-grid>button>span,.exp-home .launch-icon) svg{width:21px;height:21px;stroke-width:1.65}
#personal-desk[data-controls=keys][data-density] :is(.m3-launch-grid strong,.launch-tile>span:last-child){font-weight:500}
#personal-desk[data-controls=keys][data-density] :is(.m3-launch-grid>button[data-tone="1"]>span,.launch-tile[data-tone="1"] .launch-icon){color:#5d6986}
#personal-desk[data-controls=keys][data-density] :is(.m3-launch-grid>button[data-tone="2"]>span,.launch-tile[data-tone="2"] .launch-icon){color:#8a7050}
#personal-desk[data-controls=keys][data-density] .ux-home-console{margin:0 0 14px}
#personal-desk[data-controls=keys][data-density] .ux-home-console>.m3-section{margin:8px 0 0}
#personal-desk[data-controls=keys][data-density] .ux-global-search{display:flex;width:100%;min-height:44px;gap:10px;padding:8px 12px;border:1px solid var(--key-edge);border-radius:12px;background:#fff;color:var(--pd-muted);margin:0 0 8px;text-align:left;font-size:max(11px,calc(13px * var(--cike-font-scale,1)))}
#personal-desk[data-controls=keys] .ux-global-search>span{flex:1}
#personal-desk[data-controls=keys] .ux-global-search>svg:last-child{width:15px;opacity:.6}
#personal-desk[data-controls=keys][data-density] .ux-quick-create{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#personal-desk[data-controls=keys][data-density] .ux-quick-create>button{min-height:44px;padding:8px 6px;gap:6px;font-size:max(11px,calc(13px * var(--cike-font-scale,1)));font-weight:500}
#personal-desk[data-controls=keys][data-density] :is(.m3-action-list,.m3-record-list,.m3-project-list,.u12-customer-list,.pd-list){border-color:var(--pd-line);border-radius:12px;box-shadow:none}
#personal-desk[data-controls=keys][data-density] :is(.m3-action-type,.exec-file-thumb){background:#f1f4ef;color:#73816f}
#personal-desk[data-controls=keys][data-density] .m3-action-row{border-color:#edf0eb}
#personal-desk[data-controls=keys][data-density] .m3-action-row small{color:#68756a}
#personal-desk[data-controls=keys][data-density] :is(.m4-customer-log,.m4-quick-action){background:#f1f5ef;border-color:transparent;color:#52684f;font-size:max(11px,calc(12px * var(--cike-font-scale,1)))}
#personal-desk[data-controls=keys][data-density] :is(.m3-record-meta>button,.u13-pagination>button,.m3-paging>button){border-color:transparent;background:transparent;color:var(--pd-muted)}
#personal-desk[data-controls=keys][data-density] :is(.m3-inbox-strip>button,.exp-home-links>button){background:transparent;border:0;padding:6px 2px;color:var(--pd-muted)}
#personal-desk[data-controls=keys][data-density] .m3-inbox-strip{border-bottom:1px solid var(--pd-line);margin:4px 0 14px;gap:16px}
#personal-desk[data-controls=keys][data-density] :is(.u12-search,.m3-search,.catalog-search input,.pd-field input,.pd-field select,.pd-field textarea){background:#fff;border:1px solid var(--key-edge);border-radius:10px;color:var(--pd-ink)}
#personal-desk[data-controls=keys][data-density] :is(.u12-search,.m3-search) input{background:transparent;border:0;outline-offset:-2px}
#personal-desk[data-controls=keys][data-density] .u12-customer-due.is-due{background:#f7f0e5;color:#8b6534;border-radius:5px}
#personal-desk[data-controls=keys][data-density] :is(.m3-section-head h2,.pd-section-title h2){font-weight:600;letter-spacing:0;color:var(--pd-ink)}
#personal-desk[data-controls=keys][data-density] .pd-window .pd-main>header .pd-actions>.workspace-account{background:#e8ede6;color:#52624d;border:0;border-radius:50%}
/* Primary and destructive actions have distinct meaning, not decorative depth. */
#personal-desk[data-controls=keys][data-density] .pd-window :is(button.pd-primary,button.layout-page-action){background:#31553f;border:1px solid #31553f;color:#fff;box-shadow:none;border-radius:10px}
#personal-desk[data-controls=keys][data-density] :is(.pd-window .pd-main>header .pd-actions,.pd-window .pd-form-top)>button:is(.pd-primary,.layout-page-action){background:#31553f;border:1px solid #31553f;color:#fff;border-radius:10px;box-shadow:none}
#personal-desk[data-controls=keys][data-density] .pd-window button.danger{background:#fff7f5;border:1px solid #efdad4;color:#a34233;box-shadow:none}
#personal-desk[data-controls=keys][data-density] :is(button,a,summary):focus-visible{outline:2px solid #567e5a;outline-offset:3px}
#personal-desk[data-controls=keys][data-density] .pd-window button:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}
#personal-desk[data-controls=keys][data-density] :is(button,a,summary):active:not(:disabled){opacity:.78;translate:none;transform:none;box-shadow:none}
@media(hover:hover){
 #personal-desk[data-controls=keys][data-density] .pd-window :is(.m3-launch-grid>button,.launch-tile,.pd-sidebar nav button,.exp-choices>button,.ux-quick-create>button):hover:not(:disabled){border-color:#b4c4b2;background:#edf2e9;color:#2f503a}
}
@media(min-width:701px){
 #personal-desk[data-controls=keys][data-density] .exp-home .home-welcome{margin-bottom:14px}
 #personal-desk[data-controls=keys][data-density] .exp-home .home-welcome h1{font-size:max(11px,calc(28px * var(--cike-font-scale,1)));font-weight:600}
 #personal-desk[data-controls=keys][data-density] .exp-home-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.2fr);gap:22px}
 #personal-desk[data-controls=keys][data-density] .exp-home-primary{display:flex;flex-direction:column}
 #personal-desk[data-controls=keys][data-density] .exp-launchers{order:-2;margin-bottom:18px}
 #personal-desk[data-controls=keys][data-density] .exp-next{padding:18px;border-radius:14px;margin-bottom:14px;background:#e7eee3;color:#2b422d}
 #personal-desk[data-controls=keys][data-density] .exp-next :is(.exp-next-label,.exp-next-label small,.exp-next-footer p){color:#62735c}
 #personal-desk[data-controls=keys][data-density] .exp-next h2{font-size:max(11px,calc(20px * var(--cike-font-scale,1)));margin:10px 0 12px;font-weight:600}
 #personal-desk[data-controls=keys][data-density] .exp-home-search{min-height:44px;margin:0 0 14px;border:1px solid var(--key-edge);border-radius:10px}
 #personal-desk[data-controls=keys][data-density] .exp-home .launch-tile{min-height:76px}
}
@media(min-width:701px) and (max-width:1000px){
 #personal-desk[data-controls=keys][data-density] .exp-home-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 #personal-desk[data-controls=keys][data-density] main{padding-left:16px;padding-right:16px}
 #personal-desk[data-controls=keys][data-density] .pd-main>header{padding:6px 16px}
 #personal-desk[data-controls=keys][data-density] #pd-current{font-size:max(11px,calc(19px * var(--cike-font-scale,1)));font-weight:600;letter-spacing:-.3px}
 #personal-desk[data-controls=keys][data-density] .m3-welcome{margin:0 0 12px}
 #personal-desk[data-controls=keys][data-density] .m3-welcome p{font-size:max(11px,calc(12px * var(--cike-font-scale,1)));color:var(--pd-muted)}
 #personal-desk[data-controls=keys][data-density] .m3-section-head{margin:0 0 7px;min-height:36px}
 #personal-desk[data-controls=keys][data-density] .m3-section-head h2{font-size:max(11px,calc(15px * var(--cike-font-scale,1)))}
 #personal-desk[data-controls=keys][data-density] .m3-section-tools{gap:2px}
 #personal-desk[data-controls=keys][data-density] .m3-section-head button{min-height:44px;padding:6px;line-height:1.2}
 #personal-desk[data-controls=keys][data-density] .m3-segment>button{padding:6px 3px;gap:4px;min-height:44px}
 #personal-desk[data-controls=keys][data-density] .m3-agenda .m3-segment{margin-bottom:8px}
 #personal-desk[data-controls=keys][data-density] .m3-action-row{min-height:60px;gap:8px}
 #personal-desk[data-controls=keys][data-density] .m3-action-row strong{font-size:max(11px,calc(14px * var(--cike-font-scale,1)));font-weight:550}
 #personal-desk[data-controls=keys][data-density] .m3-action-row small{font-size:max(11px,calc(11px * var(--cike-font-scale,1)));margin-top:3px}
 #personal-desk[data-controls=keys][data-density] .m3-action-row>.pd-check{width:20px;height:20px;margin:8px 4px}
 #personal-desk[data-controls=keys][data-density] .m4-customer-log{padding:6px 3px}
 #personal-desk[data-controls=keys][data-density] .m3-record-meta>button{align-self:start;width:44px;height:44px;padding:6px}
 #personal-desk[data-controls=keys][data-density] .u13-library .ux-segment{padding:0;gap:2px}
 #personal-desk[data-controls=keys][data-density] .u13-library .ux-library-controls{padding-bottom:1px}
 #personal-desk[data-controls=keys][data-density] .pd-window .pd-bottom{left:12px;right:12px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;border:1px solid #e1e7df;border-radius:18px;background:#fffffff5;padding:5px!important;gap:4px;box-shadow:0 5px 22px #2034260a;backdrop-filter:blur(16px)}
 #personal-desk[data-controls=keys][data-density] .pd-window .pd-bottom button{margin:0;min-height:48px;padding:3px 1px;gap:3px;border:0;border-radius:12px;box-shadow:none;background:transparent;color:#67745f;min-width:0}
 #personal-desk[data-controls=keys][data-density] .pd-window .pd-bottom button.active{background:#eaf1e5;color:#315333;font-weight:600}
 #personal-desk[data-controls=keys][data-density] .pd-bottom button svg{width:20px;height:20px;stroke-width:1.7;background:transparent;padding:0;margin:0}
 #personal-desk[data-controls=keys][data-density] .pd-main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 #personal-desk[data-controls=keys][data-density] .pd-toast:not(:empty){bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){
 #personal-desk[data-controls=keys][data-density] main{padding-left:12px;padding-right:12px}
 #personal-desk[data-controls=keys][data-density] .pd-main>header{padding-left:12px;padding-right:12px}
 #personal-desk[data-controls=keys][data-density] .m3-launch-grid{gap:5px}
 #personal-desk[data-controls=keys][data-density] .ux-quick-create>button{gap:4px;padding:8px 4px}
}
@media(prefers-reduced-motion:reduce){
 #personal-desk[data-controls=keys] :is(button,a,summary){transition:none!important;translate:none!important}
}