/* Phone design system. Scoped to the phone breakpoint; desktop business layouts stay independent. */
.m3-file-toolbar,.m3-trade-nav{display:none}
#personal-desk .m3-nav-setting-link{width:100%;justify-content:space-between;text-align:left;gap:12px;min-height:52px}
#personal-desk .m3-nav-settings{max-width:620px;margin:auto}
#personal-desk .m3-settings-intro{font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));line-height:1.7;color:var(--pd-muted);margin-bottom:24px}
#personal-desk .m3-nav-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:#fff;border:1px solid var(--pd-line);border-radius:20px;padding:12px 6px;margin-bottom:28px}
#personal-desk .m3-nav-preview>span,#personal-desk .m3-nav-preview>button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:7px;background:none;border:0;border-radius:13px;min-height:88px;padding:6px 2px}
#personal-desk .m3-nav-preview [aria-pressed=true]{background:#e7f0ec;outline:2px solid #34735f;outline-offset:-2px}
#personal-desk .m3-nav-preview strong{font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));font-weight:600;white-space:nowrap}
#personal-desk .m3-nav-preview small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:var(--pd-muted)}
#personal-desk .m3-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;min-height:44px}
#personal-desk .m3-section-head h2,#personal-desk .m3-section-head h3{font-size:max(11px, calc(18px * var(--cike-font-scale, 1)));letter-spacing:-.3px;margin:0}
#personal-desk .m3-section-head>button{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--pd-muted);font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));padding:8px 0;gap:4px}
#personal-desk .m3-section-head svg{width:18px;height:18px}
@media(max-width:700px){
 #personal-desk [data-phone-move],#personal-desk .ux-shortcut-editor button{min-width:44px;min-height:44px;flex-shrink:0}
}
#personal-desk .m3-nav-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}
#personal-desk .m3-nav-choices>button{min-height:54px;background:#fff;justify-content:flex-start;gap:10px;padding:12px;border:1px solid var(--pd-line)}
#personal-desk .m3-nav-choices>button span{flex:1;text-align:left}
#personal-desk .m3-nav-choices [aria-pressed=true]{border-color:#34735f;background:#e7f0ec;color:#255b46}
#personal-desk .m3-nav-choices small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:var(--pd-muted)}
#personal-desk .m3-settings-actions{display:flex;gap:12px;position:sticky;bottom:0;padding:14px 0;background:var(--pd-bg);z-index:2}
#personal-desk .m3-settings-actions>button{min-height:50px}.m3-settings-actions>.pd-primary{flex:1}
#personal-desk dialog.m3-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:580px;max-height:85dvh;overflow-y:auto;border:0;border-radius:26px 26px 0 0;padding:10px 20px max(24px,env(safe-area-inset-bottom));background:#f9fafb;color:#202c35;box-shadow:0 -12px 60px #19252c20;overscroll-behavior:contain}
#personal-desk dialog.m3-sheet::backdrop{background:#18272e66;backdrop-filter:blur(3px)}
#personal-desk .m3-sheet-handle{width:34px;height:4px;border-radius:4px;background:#d1d8dc;margin:0 auto 10px}
#personal-desk .m3-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#personal-desk .m3-sheet-heading h2{font-size:max(11px, calc(21px * var(--cike-font-scale, 1)));margin:0}
#personal-desk .m3-sheet-heading button{min-width:44px;min-height:44px;border:0;background:#edf0f2;border-radius:50%;padding:10px}
#personal-desk .m3-create-options{display:grid;gap:10px}
#personal-desk .m3-create-options>button{display:flex;width:100%;align-items:center;gap:14px;padding:17px 14px;background:white;border:1px solid #e6eaed;border-radius:17px;text-align:left}
#personal-desk .m3-create-options>button>span:first-child{display:grid;place-items:center;background:#e7f0ec;color:#2c6950;border-radius:14px;width:48px;height:48px;flex:none}
#personal-desk .m3-create-options>button:nth-child(2)>span:first-child{background:#edf0fb;color:#4d61a0}
#personal-desk .m3-create-options>button:nth-child(3)>span:first-child{background:#fff0df;color:#946630}
#personal-desk .m3-create-options>button>span:nth-child(2){flex:1;min-width:0}
#personal-desk .m3-create-options strong,#personal-desk .m3-create-options small{display:block}
#personal-desk .m3-create-options strong{font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));margin-bottom:5px}
#personal-desk .m3-create-options small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#68767e}
#personal-desk .m3-create-options>button>svg{width:16px;color:#849198}
#personal-desk .m3-folder-options{display:grid;gap:4px}
#personal-desk .m3-folder-options button{display:flex;gap:13px;border:0;background:transparent;text-align:left;padding:14px 10px;min-height:54px}
#personal-desk .m3-folder-options button>span{flex:1;overflow-wrap:anywhere;min-width:0}
#personal-desk .m3-folder-options button small{color:var(--pd-muted);font-variant-numeric:tabular-nums}
#personal-desk .m3-folder-options [aria-pressed=true]{background:#e5eeea;color:#2b6450}
#personal-desk .m3-sheet-footer{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--pd-line);padding-top:16px;margin-top:12px}
#personal-desk .m3-sheet-footer button{flex:1;min-height:48px;white-space:nowrap}
@media(max-width:700px){
 #personal-desk{--pd-bg:#f5f6f8;--pd-panel:#fff;--pd-ink:#202e37;--pd-muted:#64747f;--pd-line:#e6eaee;--pd-soft:#e8f1ec;--pd-accent:#24664d;--m3-gap:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;line-height:1.55;color:var(--pd-ink)}
 #personal-desk .pd-main{padding-bottom:calc(86px + env(safe-area-inset-bottom));background:var(--pd-bg)}
 #personal-desk .pd-main>header{height:auto;min-height:60px;padding:8px 16px;background:#f5f6f8f2;border-bottom:0;backdrop-filter:blur(18px);gap:6px;z-index:15}
 #personal-desk .pd-crumb{font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));font-weight:650;letter-spacing:0;gap:4px}
 #personal-desk[data-page="今天"] .pd-crumb:before{content:'此';display:grid;place-items:center;background:#285b46;color:#fff;width:28px;height:28px;border-radius:9px;font-size:max(11px, calc(15px * var(--cike-font-scale, 1)));margin-right:7px}
 #personal-desk[data-phone-root=true] .mobile-home{display:none}
 #personal-desk header .pd-actions>button{width:44px;min-width:44px;height:44px;padding:10px;color:#3c4d57}
 #personal-desk header .pd-actions>button svg{width:21px;height:21px;stroke-width:1.8}
 #personal-desk header .workspace-account{background:#e8ecef!important;color:#526471!important;border-radius:50%;font-weight:600}
 #personal-desk #unread:not(:empty){position:absolute;right:1px;top:1px;background:#b85840;color:#fff;min-width:16px;height:16px;border:2px solid var(--pd-bg);border-radius:10px;font-size:max(11px, calc(9px * var(--cike-font-scale, 1)));line-height:12px;text-align:center;padding:0 3px}
 #personal-desk header [data-page=通知]{position:relative}
 #personal-desk main{padding:12px 20px 26px}
 #personal-desk :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
 #personal-desk button{font-weight:500;touch-action:manipulation;transition:background-color .12s,color .12s,transform .12s}
 #personal-desk button:active:not(:disabled){transform:scale(.98)}
 #personal-desk .pd-window .pd-bottom{padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;background:#fffffff5;border-top:1px solid #e6eaee;backdrop-filter:blur(20px);box-shadow:0 -6px 28px #26384205}
 #personal-desk .pd-bottom button{min-height:56px;gap:4px;border:0;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));font-weight:500;color:#7b8790;background:transparent;border-radius:0;padding:2px;min-width:0}
 #personal-desk .pd-bottom button.active{color:#24664d;font-weight:650;background:none}
 #personal-desk .pd-bottom .m3-nav-icon{display:grid;place-items:center;width:48px;height:30px;border-radius:12px}
 #personal-desk .pd-bottom button svg{width:22px;height:22px;background:none;padding:0;margin:0;border-radius:0;box-sizing:border-box;stroke-width:1.75}
 #personal-desk .pd-bottom button.active .m3-nav-icon{background:#e8f1ec}
 #personal-desk .pd-bottom button.active svg{background:none;box-shadow:none;stroke-width:2.1}
 #personal-desk .m3-welcome,#personal-desk .m3-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 20px}
 #personal-desk .m3-welcome h1,#personal-desk .m3-page-head h1{font-size:max(11px, calc(32px * var(--cike-font-scale, 1)));line-height:1.25;font-weight:700;letter-spacing:-.8px;margin:5px 0 0}
 #personal-desk .m3-welcome p,#personal-desk .m3-page-head p{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));letter-spacing:.2px;color:var(--pd-muted);margin:0}
 #personal-desk .m3-capture{gap:6px;color:#fff;background:#24664d;border:0;border-radius:15px;min-height:46px;padding:10px 16px;font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));box-shadow:0 5px 14px #24664d18}
 #personal-desk .m3-icon-primary{width:46px;height:46px;min-width:46px;border:0;border-radius:15px;background:#24664d;color:white;padding:12px}
 #personal-desk .m3-search{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:10px 14px;background:#e9edf1;color:#6b7b85;border:0;border-radius:14px;text-align:left;margin:0 0 20px;font-size:max(11px, calc(14px * var(--cike-font-scale, 1)))}
 #personal-desk .m3-search>svg{width:19px;height:19px;flex:none}
 #personal-desk .m3-search input{background:none;border:0;outline:0;font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));min-width:0;flex:1;width:100%;height:28px;color:var(--pd-ink);padding:0}
 #personal-desk .m3-search:focus-within{outline:2px solid var(--pd-accent);outline-offset:2px}
 #personal-desk .m3-section{margin:0 0 22px}
 #personal-desk .m3-section-head{margin-bottom:8px}
 #personal-desk .m3-section-head h2{font-size:max(11px, calc(18px * var(--cike-font-scale, 1)));font-weight:650}
 #personal-desk .m3-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 5px;background:#fff;border:1px solid #eef0f2;border-radius:20px;padding:17px 8px}
 #personal-desk .m3-launch-grid>button{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;padding:0 1px;min-height:69px;min-width:0}
 #personal-desk .m3-launch-grid>button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf1ed;color:#3c765d}
 #personal-desk .m3-launch-grid>button>span svg{width:22px;height:22px;stroke-width:1.7}
 #personal-desk .m3-launch-grid>button[data-tone="1"]>span{background:#edf0fb;color:#5d70aa}
 #personal-desk .m3-launch-grid>button[data-tone="2"]>span{background:#faf0e4;color:#a17b44}
 #personal-desk .m3-launch-grid strong{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));font-weight:500;white-space:nowrap}
 #personal-desk .m3-segment{display:flex;gap:4px;background:#e9edf0;border:0;border-radius:12px;padding:4px;margin:0 0 16px;width:100%}
 #personal-desk .m3-segment button{flex:1;min-width:0;min-height:42px;border:0;background:none;padding:7px 5px;border-radius:9px;color:#6a7983;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));gap:5px;white-space:nowrap}
 #personal-desk .m3-segment [aria-pressed=true]{background:#fff;color:#233b32;font-weight:600;box-shadow:0 2px 5px #1c303d0b}
 #personal-desk .m3-segment span{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));opacity:.8}
 #personal-desk .m3-action-list{background:#fff;border:1px solid #eef0f2;border-radius:18px;padding:0 15px;overflow:hidden}
 #personal-desk .m3-action-row{display:flex;align-items:center;gap:10px;min-height:78px;border-bottom:1px solid #edf0f3}
 #personal-desk .m3-action-row:last-child{border:0}
 #personal-desk .m3-action-row>input{width:25px;height:25px;flex:none;margin:9px;outline-offset:9px;cursor:pointer}
 #personal-desk .m3-action-row>button{display:block;flex:1;min-width:0;text-align:left;border:0;border-radius:0;background:none;padding:15px 0}
 #personal-desk .m3-action-row strong{display:block;font-size:max(11px, calc(15px * var(--cike-font-scale, 1)));font-weight:550;line-height:1.5;overflow-wrap:anywhere}
 #personal-desk .m3-action-row small{display:block;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#819098;margin-top:5px}
 #personal-desk .m3-action-row>svg{width:15px;height:15px;color:#adb7bd;flex:none}
 #personal-desk .m3-action-type{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f1f4f6;color:#798c96;flex:none}
 #personal-desk .m3-action-type svg{width:19px}
 #personal-desk .m3-show-all{width:100%;min-height:44px;background:none;border:0;color:#667b86;gap:8px;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));padding:12px}
 #personal-desk .m3-empty-inline{padding:27px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}
 #personal-desk .m3-empty-inline>svg{width:30px;height:30px;color:#93aa9e;margin-bottom:12px}
 #personal-desk .m3-empty-inline strong{font-size:max(11px, calc(15px * var(--cike-font-scale, 1)));font-weight:600}
 #personal-desk .m3-empty-inline p{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:var(--pd-muted);margin:6px 0 14px;line-height:1.7}
 #personal-desk .m3-empty-inline button{background:#eaf2ed;border:0;color:var(--pd-accent);font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));min-height:44px;border-radius:12px}
 #personal-desk .m3-focus.exp-next{margin:0 0 20px;border-radius:18px;background:#e7eeea;color:#294c3b;padding:14px 17px}
 #personal-desk .m3-focus-label{display:flex;align-items:center;gap:6px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#6c8879}
 #personal-desk .m3-focus-label svg{width:14px;height:14px}
 #personal-desk .m3-focus>button{display:flex;align-items:center;justify-content:space-between;background:none;border:0;padding:8px 0 0;text-align:left;width:100%;gap:12px;min-height:44px}
 #personal-desk .m3-focus h2{font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));line-height:1.55;font-weight:600;margin:0;flex:1;overflow-wrap:anywhere}
 #personal-desk .m3-focus>button>svg{flex:none;width:20px}
 #personal-desk .m3-inbox-strip{display:flex;gap:12px;margin:6px 0 24px}
 #personal-desk .m3-inbox-strip button{display:flex;align-items:center;gap:7px;min-height:48px;border:0;border-radius:12px;background:#eef1f3;padding:10px 12px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
 #personal-desk .m3-inbox-strip button:first-child{flex:1}
 #personal-desk .m3-inbox-strip button>span{flex:1;text-align:left}
 #personal-desk .m3-inbox-strip svg{width:17px;height:17px;flex:none}
 #personal-desk .m3-project.exp-project{margin:0 0 12px;border:1px solid #eef0f2;border-radius:19px;padding:17px;background:#fff;display:block;width:100%;text-align:left}
 #personal-desk .m3-project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
 #personal-desk .m3-project-top .m3-project-icon{display:grid;place-items:center;background:#f8f0e4;color:#a07a3b;width:34px;height:34px;border-radius:10px}
 #personal-desk .m3-project-icon svg{width:19px;height:19px}
 #personal-desk .m3-status{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));padding:4px 8px;background:#edf3ef;border-radius:6px;color:#598069}
 #personal-desk .m3-project>strong{font-size:max(11px, calc(17px * var(--cike-font-scale, 1)));font-weight:650;display:block;margin-bottom:6px}
 #personal-desk .m3-project>p{font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));color:#667984;line-height:1.7;margin:0 0 14px}
 #personal-desk .m3-project>small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#85939b}
 #personal-desk .m3-blocker{display:flex;gap:7px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));align-items:center;color:#a26535;background:#fbf3e9;border-radius:8px;padding:8px 10px;margin-top:12px}
 #personal-desk .m3-blocker svg{width:16px;flex:none}
 #personal-desk .m3-personalize{display:flex;gap:10px;width:100%;border:0;border-top:1px solid #e4e9ec;border-radius:0;background:none;color:#74868f;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));padding:15px 0;text-align:left;min-height:48px}
 #personal-desk .m3-personalize svg{width:17px;height:17px;flex:none}.m3-personalize svg:last-child{margin-left:auto}
 #personal-desk .m3-home .exp-favorites{margin:24px 0}
 #personal-desk .m3-home .exp-favorites .pd-section-title{margin:0 0 8px}
 #personal-desk .m3-home .exp-favorites h2{font-size:max(11px, calc(18px * var(--cike-font-scale, 1)))}
 #personal-desk .m3-home .exp-favorites .pd-section-title button{border:0;background:none;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px}
 #personal-desk .m3-home .exp-empty{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));margin:0;padding:8px 0;color:#839099}
 #personal-desk .m3-record{padding:12px 16px 0;background:#fff;border:1px solid #edf0f2;border-radius:18px;margin-bottom:14px;overflow:hidden}
 #personal-desk .m3-record-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#84919a;margin-bottom:2px}
 #personal-desk .m3-record-meta button{border:0;background:none;min-width:44px;min-height:44px;padding:10px;color:#84919a;flex:none}
 #personal-desk .m3-record-title{display:block;text-align:left;border:0;background:none;font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));line-height:1.65;padding:0 0 14px;border-radius:0;font-weight:550;overflow-wrap:anywhere;width:100%;min-height:44px;white-space:pre-wrap}
 #personal-desk .m3-record>p{font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));color:#61727d;white-space:pre-wrap;margin:0 0 12px;overflow-wrap:anywhere}
 #personal-desk .m3-record .record-photo-grid{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}
 #personal-desk .m3-record .record-photo-single{grid-template-columns:minmax(0,1fr)}
 #personal-desk .m3-record .record-photo-frame{max-height:220px;aspect-ratio:4/3;border-radius:12px;overflow:hidden}
 #personal-desk .m3-record .record-photo img{width:100%;height:100%;object-fit:cover}
 #personal-desk .m3-record .record-photo-caption{display:none}
 #personal-desk .m3-record .record-attachments>.pd-actions button{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));background:#f4f6f8;border:0;min-height:44px;overflow-wrap:anywhere;max-width:100%;white-space:normal}
 #personal-desk .m3-record footer{display:flex;gap:14px;border-top:1px solid #edf0f2;margin:14px 0 0;padding:5px 0}
 #personal-desk .m3-record footer button{background:none;border:0;color:#798b94;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px;padding:8px 0;gap:5px}
 #personal-desk .m3-record footer svg{width:15px;height:15px}
 #personal-desk .u12-page-title{margin:8px 0 20px;gap:12px}
 #personal-desk .u12-page-title h1{font-size:max(11px, calc(29px * var(--cike-font-scale, 1)));font-weight:700;letter-spacing:-.7px}
 #personal-desk .u12-page-title p{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#7c8c96;margin-top:6px}
 #personal-desk .u12-page-title>button{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px;padding:10px 12px;border:0;border-radius:13px}
 #personal-desk .u12-search{border:0;background:#e9edf1;border-radius:13px;padding:0 13px;min-height:48px}
 #personal-desk .u12-customer-toolbar{gap:8px;flex-wrap:nowrap;align-items:stretch;margin-bottom:14px}
 #personal-desk .u12-sort{min-width:0;flex-shrink:0}
 #personal-desk .u12-sort>span{display:none}
 #personal-desk .u12-sort select{max-width:100px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));height:48px;border:0;background:#e9edf1;border-radius:12px;padding:8px}
 #personal-desk .u12-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px;padding:0 0 8px;margin-bottom:8px}
 #personal-desk .u12-filters>button{white-space:nowrap;flex:none;min-height:44px;padding:8px 11px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));border-radius:10px}
 #personal-desk .u12-customer-list,#personal-desk .u13-order-list{border:1px solid #eef0f2;border-radius:17px;background:#fff;overflow:hidden}
 #personal-desk .u12-customer-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:6px 11px;padding:17px 14px;min-height:100px;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid #edf0f2;margin:0}
 #personal-desk .u12-avatar{grid-column:1;grid-row:1/3;border-radius:13px;background:#eff1fb;color:#63749c;align-self:start}
 #personal-desk .u12-customer-identity{grid-column:2;grid-row:1}
 #personal-desk .u12-customer-identity strong{font-size:max(11px, calc(15px * var(--cike-font-scale, 1)));color:#273b46;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #personal-desk .u12-customer-identity small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#93a0a8;margin-top:4px}
 #personal-desk .u12-customer-next{grid-column:2/4;grid-row:2;padding:0;margin:0}
 #personal-desk .u12-customer-next>span{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#6c7f89}
 #personal-desk .u12-customer-next>small{display:none}
 #personal-desk .u12-customer-due{grid-column:3;grid-row:1;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));max-width:78px;white-space:normal;text-align:right;align-self:start}
 #personal-desk .u12-row-chevron{display:none}
 #personal-desk .u13-order-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:17px 15px;border:0;border-bottom:1px solid #edf0f2;border-radius:0;margin:0;box-shadow:none}
 #personal-desk .u13-order-name{grid-column:1;grid-row:1}
 #personal-desk .u13-order-name strong{font-size:max(11px, calc(15px * var(--cike-font-scale, 1)));white-space:normal}
 #personal-desk .u13-order-stage{grid-column:2;grid-row:1;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));align-self:start;border-radius:6px}
 #personal-desk .u13-order-next{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:8px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
 #personal-desk .u13-order-next small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));white-space:nowrap}
 #personal-desk .u13-order-delivery{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;color:#8d9ba3;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
 #personal-desk .u13-order-row>span:last-child{display:none}
 #personal-desk .workspace-trade-tabs,#personal-desk .m3-trade-nav{display:flex;flex-wrap:nowrap;background:transparent;gap:24px;border:0;border-bottom:1px solid #e0e7eb;border-radius:0;padding:0;margin:0 0 18px;overflow:visible}
 #personal-desk .workspace-trade-tabs button,#personal-desk .m3-trade-nav button{flex:none;background:none;border:0;border-radius:0;padding:8px 0 12px;min-height:44px;font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));color:#87959d}
 #personal-desk .workspace-trade-tabs [aria-pressed=true],#personal-desk .m3-trade-nav button.active{background:none;color:#24664d;font-weight:650;border-bottom:2px solid #24664d;margin-bottom:-1px}
 #personal-desk .m3-file-toolbar{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:12px}
 #personal-desk .m3-file-toolbar>button{border:0;background:transparent;min-height:44px;padding:8px 0;gap:7px;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));min-width:0}
 #personal-desk .m3-file-toolbar>button:first-child{max-width:70%}
 #personal-desk .m3-file-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #personal-desk .m3-file-toolbar svg{width:17px;height:17px;flex:none}
 #personal-desk .u13-file-scope .pd-folderbar{display:none}
 #personal-desk .u13-folder-tools{margin:0 0 10px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
 #personal-desk .u13-folder-tools summary{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px;display:flex;align-items:center;color:#7d8d96}
 #personal-desk .u13-library:not(.m3-filters-open) .u13-file-filters{display:none}
 #personal-desk .u13-file-filters{background:#fff;padding:12px;border-radius:14px;margin:0 0 14px;gap:10px}
 #personal-desk .u13-file-filters label{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));margin:0}
 #personal-desk .u13-file-filters select{font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));padding:10px;min-height:44px;margin-top:5px}
 #personal-desk .ux-library-controls{border-bottom:1px solid #e6ebef;padding-bottom:10px;margin-bottom:10px}
 #personal-desk .ux-library-controls button{min-height:44px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));border:0;background:transparent;padding:9px 10px}
 #personal-desk .ux-library-controls .ux-segment{border:0;padding:3px;background:#e9edf1;border-radius:11px}
 #personal-desk .ux-library-controls [aria-pressed=true]{background:#fff;border-radius:9px;box-shadow:0 1px 4px #2133420a}
 #personal-desk .ux-file-list{border:1px solid #eef0f2;border-radius:17px;overflow:hidden;background:#fff}
 #personal-desk .ux-file-list>.pd-row{border:0;border-bottom:1px solid #edf0f2;border-radius:0;padding:0 13px;box-shadow:none;margin:0;min-height:80px}
 #personal-desk .library-file-open{padding:13px 0;min-height:80px;gap:12px}
 #personal-desk .library-file-label strong{font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));font-weight:550;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #personal-desk .library-file-label small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#8a99a2;margin-top:4px}
 #personal-desk .exec-file-thumb{width:44px;height:50px;border-radius:10px;background:#eef1f5;color:#7990a1}
 #personal-desk .ux-file-grid{gap:12px}
 #personal-desk .ux-file-grid .pd-photo{border-radius:14px 14px 0 0;aspect-ratio:1.1}
 #personal-desk .ux-file-grid .pd-photo-name{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));padding:9px 8px 2px}
 #personal-desk .ux-file-grid .pd-photo-tile{border:1px solid #e9eef1;border-radius:14px;background:#fff;overflow:hidden}
 #personal-desk .ux-file-grid small{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));padding:0 8px 10px;color:#8a99a2}
 #personal-desk .u13-library .exec-pagination{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));justify-content:space-between;color:#82929c}
 #personal-desk .workspace-storage{border:0;margin-top:20px}
 #personal-desk #pd-editor{padding:0 20px calc(24px + env(safe-area-inset-bottom));background:#f5f6f8;scroll-padding-top:86px}
 #personal-desk #pd-editor .pd-form-top{background:#f5f6f8f5;backdrop-filter:blur(16px);margin:0 -20px 20px;padding:10px 16px;min-height:64px;border-bottom:1px solid #e4eaee}
 #personal-desk .pd-form-top h2{font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));font-weight:600;letter-spacing:0}
 #personal-desk .pd-form-top>button:first-child{width:44px;height:44px;min-width:44px;border-radius:12px;background:transparent;display:grid;place-items:center;padding:10px}
 #personal-desk .pd-form-top .mobile-save,#personal-desk .pd-form-top .mobile-camera{min-height:44px;border-radius:12px;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));padding:10px 13px;max-width:40%}
 #personal-desk .pd-form-top .exp-favorite{border:0;background:transparent;min-height:44px;padding:9px}.pd-form-top .exp-favorite span{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
 #personal-desk .workspace-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;padding:3px 0;margin-bottom:18px;border:0;border-radius:12px;background:#e9edf0;position:sticky;top:64px;z-index:4}
 #personal-desk .workspace-tabs button{flex:1;min-width:max-content;min-height:44px;margin:0 3px;padding:8px 10px;border-radius:9px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));white-space:nowrap;background:none}
 #personal-desk .workspace-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #2133420d;color:#265d47}
 #personal-desk .u12-detail-block{padding:17px;border:1px solid #edf0f2;border-radius:17px;margin-bottom:16px}
 #personal-desk .u12-next{border:0;border-radius:16px;background:#e9f0ed;padding:17px}
 #personal-desk .pd-field{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#6d808c;margin-bottom:18px;gap:7px}
 #personal-desk .pd-field :is(input,textarea,select){color:#253944;font-size:max(11px, calc(16px * var(--cike-font-scale, 1)));border:1px solid #e4e9ed;box-shadow:none;border-radius:12px;background:white;min-height:48px;padding:12px}
 #personal-desk .pd-field textarea{line-height:1.75}
 #personal-desk .pd-field :is(input,textarea,select):focus{outline:2px solid #44806a40;border-color:#699984;outline-offset:0}
 #personal-desk .pd-fold{border-top:1px solid #e4eaee;padding:13px 0;margin:0}
 #personal-desk .pd-fold>summary{font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));min-height:44px;line-height:1.7;align-content:center;color:#59707e}
 #personal-desk .ux-writing-form{background:#fff;padding:17px;border:1px solid #edf0f2;border-radius:18px;box-shadow:none}
 #personal-desk .ux-writing-form .draft-status{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#8b9aa3}
 #personal-desk .ux-writing-form .draft-note{margin:0 0 10px;padding:0;border:0;gap:8px}
 #personal-desk .ux-writing-form .draft-note button{min-height:44px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));white-space:nowrap;padding:6px}
 #personal-desk #item-form[data-kind=record] textarea[name=title]{font-size:max(11px, calc(18px * var(--cike-font-scale, 1)));min-height:150px;border:0;padding:7px 0;line-height:1.8}
 #personal-desk .ux-writing-form .pd-attachment-tools{margin:10px 0;gap:6px}
 #personal-desk .ux-writing-form .pd-attachment-tools button{min-height:46px;border:0;border-radius:11px;background:#f0f3f6;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));padding:10px 12px}
 #personal-desk .ux-writing-form .pd-attachments{background:none;border:0;border-top:1px solid #edf0f2;border-radius:0;padding:12px 0;margin:12px 0 0}
 #personal-desk .ux-writing-form .pd-attachments summary{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px;align-content:center;color:#84949d}
 #personal-desk .ux-writing-form .pd-edit-footer{position:sticky;bottom:-1px;padding:12px 0 5px;background:#fff;box-shadow:0 -7px 12px #ffffffd9;margin-top:18px;gap:8px}
 #personal-desk .ux-writing-form .pd-edit-footer button{font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));min-height:48px;border-radius:12px}
 #personal-desk #pd-editor:has(.mobile-save)>form>:is(.pd-primary,button[type=submit]),#personal-desk #pd-editor:has(.mobile-save)>form>.pd-edit-footer>button[type=submit]{display:none}
 #personal-desk .form-error:not(:empty){font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));padding:10px 12px;background:#fff1e9;border-radius:10px;margin:12px 0;color:#a4542f}
 #personal-desk .pd-help{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));line-height:1.8;color:#7d8e97}
 #personal-desk .exp-settings{background:none;padding:0;border:0;border-radius:0}
 #personal-desk .exp-settings>p:first-child{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#7d8e97}
 #personal-desk .exp-settings fieldset{background:white;padding:16px;border-radius:16px;margin:0 0 16px;border:1px solid #edf0f2}
 #personal-desk .exp-settings legend{float:left;width:100%;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));margin-bottom:14px}
 #personal-desk .exp-choices{clear:both}
 #personal-desk .exp-choices button{min-height:46px;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)))}
 #personal-desk .launcher-directory section{padding:16px 9px;background:#fff;border:1px solid #edf0f2;border-radius:18px}
 #personal-desk .launcher-search{position:static;background:#e9edf1;border:0;box-shadow:none}
 #personal-desk .launch-grid{gap:12px 4px}
 #personal-desk .pd-toast:not(:empty){bottom:calc(86px + env(safe-area-inset-bottom));background:#263e39;color:white;border:0;border-radius:14px;left:20px;right:20px;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)))}
 #personal-desk[data-density=compact] .m3-action-row{min-height:66px}
 #personal-desk[data-density=compact] .m3-launch-grid{padding-top:12px;padding-bottom:12px;gap:10px 5px}
 #personal-desk[data-density=compact] .m3-project{padding:14px}
}
@media(max-width:359px){
 #personal-desk main{padding-left:14px;padding-right:14px}
 #personal-desk .m3-welcome h1,#personal-desk .m3-page-head h1{font-size:max(11px, calc(29px * var(--cike-font-scale, 1)))}
 #personal-desk .m3-capture{padding:10px 12px}
 #personal-desk .u12-customer-row{grid-template-columns:32px minmax(0,1fr) auto;gap:6px 8px;padding:14px 11px}
 #personal-desk .u12-avatar{width:32px;height:34px;font-size:max(11px, calc(14px * var(--cike-font-scale, 1)))}
 #personal-desk .u12-customer-due{max-width:64px}
 #personal-desk .m3-nav-choices>button{gap:6px;padding:10px 8px;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)))}
}
@media(prefers-reduced-motion:reduce){#personal-desk button{transition:none!important}#personal-desk button:active{transform:none!important}}

#personal-desk .m3-section-tools{display:flex;align-items:center;gap:14px}#personal-desk .m3-section-tools button{min-height:44px;border:0;background:none;color:var(--pd-muted);font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));padding:8px 0;gap:2px}
#personal-desk .m3-paging{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:var(--pd-muted)}#personal-desk .m3-paging button{min-width:44px;min-height:44px;border:0;background:transparent;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
#personal-desk .m3-contact-list{margin:0}#personal-desk .m3-contact-list>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf0f2}#personal-desk .m3-contact-list>div:last-child{border:0}#personal-desk .m3-contact-list dt{color:var(--pd-muted);font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}#personal-desk .m3-contact-list dd{margin:0;overflow-wrap:anywhere;font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));line-height:1.7}
#personal-desk .m3-document-filters>summary{cursor:pointer;min-height:44px;align-content:center;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));color:var(--pd-muted)}
@media(min-width:701px){#personal-desk .m3-document-filters>summary{display:none}#personal-desk .m3-document-filters>.biz-grid{display:grid}}
@media(max-width:700px){
 #personal-desk #pd-editor:has(.mobile-save)>form>.pd-actions>button[type=submit]{display:none}
 #personal-desk .m3-action-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:24px;height:24px;min-width:24px;border:1.5px solid #b8c7c0;border-radius:50%;margin:10px;cursor:pointer;position:relative}
 #personal-desk .m3-action-row input[type=checkbox]:before{content:'';position:absolute;inset:-10px}
 #personal-desk .m3-action-row input[type=checkbox]:checked{background:#376753;border-color:#376753}
 #personal-desk .m3-action-row input[type=checkbox]:checked:after{content:'✓';display:block;text-align:center;color:white;line-height:21px}
 #personal-desk .customer-documents>.pd-section-title{display:flex;flex-wrap:wrap;gap:8px}
 #personal-desk .customer-documents>.pd-section-title h3{width:100%;font-size:max(11px, calc(15px * var(--cike-font-scale, 1)));margin:0 0 4px}
 #personal-desk .customer-documents .pd-folderbar{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;gap:8px}
 #personal-desk .customer-documents .pd-folderbar button{flex-shrink:0;white-space:nowrap;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px}
 #personal-desk .m3-document-filters{margin:4px 0 16px;border-bottom:1px solid #e4eaee}
 #personal-desk .m3-sheet .m3-create-options button{min-height:68px}
}
#personal-desk .m3-log-customer{font-weight:600;margin:0 0 18px;color:var(--pd-muted)}#personal-desk .m3-log-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:700px){
 #personal-desk .file-drop-hint{display:none}
 #personal-desk #item-form[data-kind=customerlog] textarea[name=text]{min-height:130px}
 #personal-desk .m3-log-meta{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px}
 #personal-desk .m3-log-meta input{min-width:0;width:100%}
 #personal-desk .m3-log-meta .pd-field{margin-bottom:4px}
 #personal-desk .m3-log-follow{margin-bottom:10px}
 #personal-desk #item-form[data-kind=customerlog]>.draft-note{margin-bottom:14px;border:0;padding:0}
 #personal-desk .m3-log-customer{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));margin-bottom:14px}
}
@media(max-width:700px){
 #personal-desk .pd-toast:not(:empty){transform:none;width:auto;max-width:none;left:20px;right:20px}
 #personal-desk .pd-toast [data-action=dismiss-toast]{color:#fff;min-width:44px;min-height:44px}
 #personal-desk .workspace-trade-tabs{display:flex;gap:26px;background:none;border:0;border-bottom:1px solid #e1e7eb;padding:0;margin:0 0 24px;border-radius:0}
 #personal-desk .workspace-trade-tabs>button{flex:none;min-width:0;border:0;border-bottom:2px solid transparent;box-shadow:none;border-radius:0;background:none;min-height:44px;padding:10px 0;margin:0;font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));color:#84939a}
 #personal-desk .workspace-trade-tabs>button[aria-pressed=true]{background:none;color:#376753;border-bottom-color:#376753}
 #personal-desk .catalog-heading h2{font-size:max(11px, calc(28px * var(--cike-font-scale, 1)));font-weight:650;letter-spacing:-1px}
 #personal-desk .catalog-heading p{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#84939d}
 #personal-desk .catalog-heading button{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px;border-radius:12px}
 #personal-desk .catalog-search .pd-field{margin:0;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
 #personal-desk .catalog-search{margin:14px 0 10px;gap:8px;align-items:end}
 #personal-desk .catalog-search>button{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:48px;border:0;background:#e9edf1;border-radius:12px}
 #personal-desk .catalog-toolbar{gap:8px;justify-content:flex-start}
 #personal-desk .catalog-toolbar>button,#personal-desk .catalog-toolbar>details>summary{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px;padding:10px;align-content:center;border-radius:10px;background:#fff;border:1px solid #e4eaee}
 #personal-desk .catalog-breadcrumbs{margin:8px 0;gap:8px}
 #personal-desk .catalog-breadcrumbs button{min-height:44px;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));margin:0}
 #personal-desk .catalog-directories{gap:10px}
 #personal-desk .catalog-folder{min-height:86px;padding:15px;border-radius:14px;border:1px solid #e4eaee;box-shadow:none}
 #personal-desk .catalog-folder strong{font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));font-weight:600}
 #personal-desk .catalog-folder small,#personal-desk .catalog-folder-count{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));color:#84949d}
 #personal-desk .catalog-product{padding:0 0 12px;border:1px solid #e4eaee;border-radius:15px;overflow:hidden}
 #personal-desk .catalog-product>.pd-link,#personal-desk .catalog-product>small,#personal-desk .catalog-product>p{margin-left:12px;margin-right:12px}
 #personal-desk .catalog-product .ops-product-photo{margin:0 0 10px;width:100%;aspect-ratio:1.2;height:auto;object-fit:cover;border-radius:0}
 #personal-desk .catalog-product>.pd-link{font-size:max(11px, calc(14px * var(--cike-font-scale, 1)));line-height:1.6}
 #personal-desk .catalog-product>small,#personal-desk .catalog-path{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));line-height:1.6}
}
@media(max-width:700px){#personal-desk .u13-file-scope{display:none}#personal-desk .m3-sheet-footer{flex-wrap:wrap}#personal-desk .m3-sheet-footer button{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));min-height:44px}}

@media(max-width:700px){#personal-desk .exp-image-nav{gap:6px}#personal-desk .exp-image-nav button{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));white-space:nowrap;min-width:68px;padding:8px}#personal-desk .exp-image-nav small{font-size:max(11px, calc(11px * var(--cike-font-scale, 1)));white-space:nowrap}}
/* Action-first refinement: common work stays within the current list. */
#personal-desk .m4-customer-log{display:none}
@media(max-width:700px){
 #personal-desk .m3-welcome{margin:0 0 22px;align-items:center}
 #personal-desk .m3-welcome h1{font-size:max(11px, calc(29px * var(--cike-font-scale, 1)));line-height:1.2;margin:4px 0 0}
 #personal-desk .m3-welcome p{font-size:max(11px, calc(12px * var(--cike-font-scale, 1)));margin:0}
 #personal-desk .m3-home>.m3-agenda{margin-top:0}
 #personal-desk .m3-home .m3-agenda .m3-section-head{margin-bottom:10px}
 #personal-desk .m3-home .m3-agenda .m3-section-head h2{font-size:max(11px, calc(15px * var(--cike-font-scale, 1)));color:#647580}
 #personal-desk .m3-home .m3-launch-grid{padding:16px 12px}
 #personal-desk .m4-customer-entry{background:white;border-bottom:1px solid #edf0f2;padding-bottom:8px}
 #personal-desk .m4-customer-entry:last-child{border:0}
 #personal-desk .m4-customer-entry .u12-customer-row{border:0;padding-bottom:5px}
 #personal-desk .m4-customer-log{display:flex;margin:0 15px 0 auto}
 #personal-desk .m4-quick-action{min-height:44px;padding:9px 13px;border:0;border-radius:10px;background:#edf3f0;color:#366550;font-size:max(11px, calc(13px * var(--cike-font-scale, 1)));gap:7px}
 #personal-desk .m4-project-card{border:1px solid #eef0f2;border-radius:18px;background:#fff;overflow:hidden;margin:0 0 12px}
 #personal-desk .m4-project-card .m3-project{margin:0;border:0;border-radius:0;padding-bottom:8px}
 #personal-desk .m4-project-card>footer{display:flex;justify-content:flex-end;padding:0 16px 12px}
 #personal-desk #item-form[data-kind=record].ux-writing-form{border:0;border-radius:0;padding:0;background:transparent}
 #personal-desk #item-form[data-kind=record] textarea[name=title]{font-size:max(11px, calc(20px * var(--cike-font-scale, 1)));min-height:180px;background:transparent;line-height:1.7}
 #personal-desk #item-form[data-kind=record]>.pd-field>span{display:none}
 #personal-desk #item-form[data-kind=record] .pd-edit-footer{background:#f5f6f8;box-shadow:0 -8px 14px #f5f6f8}
 #personal-desk #item-form[data-kind=record] .pd-fold{padding:8px 0}
 #personal-desk .library-file-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:max(11px, calc(12px * var(--cike-font-scale, 1)))}
}

/* Searchable record and project directories share their behavior across screen sizes. */
@media(min-width:701px){
#personal-desk .m3-page-head,#personal-desk .m3-segment,#personal-desk .m3-paging{display:flex;align-items:center;gap:12px;margin:16px 0;flex-wrap:wrap}
#personal-desk .m3-page-head{justify-content:space-between}
#personal-desk .m3-search{display:flex;align-items:center;gap:10px;margin:16px 0}
#personal-desk .m3-search input{width:100%;max-width:680px}
#personal-desk .m3-project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
#personal-desk .m3-project,#personal-desk .m3-record{border:1px solid #e0e5e3;border-radius:14px;padding:18px;margin-bottom:12px;min-width:0}
#personal-desk .m3-project{display:block;width:100%;text-align:left;white-space:normal}
#personal-desk .m3-project-top,#personal-desk .m3-record-meta{display:flex;justify-content:space-between;gap:10px}
#personal-desk .m3-record p{white-space:pre-wrap;overflow-wrap:anywhere}
#personal-desk .m3-record-title{font-weight:600;font-size:max(11px, calc(18px * var(--cike-font-scale, 1)));text-align:left}
}
