/* Panflow lightweight workspace; uses the existing system font and theme. */
.platform-open .page-heading,.platform-open #uploadArea,.platform-open .queue-section,.platform-open .workspace-footer{display:none!important}#platformView{min-width:0}.pf-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:8px 0 25px}.pf-heading h1{font-size:32px;letter-spacing:-.04em;margin:6px 0 10px}.pf-heading p{font-size:13px;color:var(--muted);max-width:650px}.pf-cloud-tag{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;background:#e1f3ee;border:1px solid #c7e3d8;border-radius:8px;font-size:11px;color:#12665f;white-space:nowrap}.pf-cloud-tag i{width:6px;height:6px;background:#22877c;border-radius:50%}.pf-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:20px;min-width:0}.pf-card h2{font-size:17px;margin:0 0 8px}.pf-card p,.pf-muted{font-size:12px;color:var(--muted);line-height:1.8}.pf-card .pf-hint{padding:12px 15px;border-left:3px solid #65a89d;background:#f3f9f7;margin:16px 0}.pf-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.pf-toolbar label,.pf-form label{display:grid;gap:6px;font-size:12px;color:#506f73;min-width:0}.pf-toolbar label{flex:1;min-width:120px}.pf-toolbar input,.pf-toolbar select,.pf-form input,.pf-form select,.pf-form textarea{min-width:0;width:100%;border:1px solid #d4e2e1;border-radius:8px;background:white;color:var(--ink);padding:9px 11px;font:inherit}.pf-toolbar input:focus,.pf-form input:focus,.pf-form select:focus,.pf-form textarea:focus{outline:2px solid #80b6ac;outline-offset:2px}.pf-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.pf-form .pf-wide{grid-column:1/-1}.pf-form .pf-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8}.pf-check input{width:16px;height:16px;margin-top:4px;flex:0 0 16px;accent-color:var(--tide)}.pf-form button[type=submit]{justify-self:start}.pf-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pf-actions .button{font-size:11px;padding:7px 11px;min-height:35px}.pf-actions .text-button{font-size:11px}.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pf-list{display:grid;gap:12px}.pf-file{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;border:1px solid #e0e9e9;border-radius:12px;padding:16px;align-items:start}.pf-file-icon{background:#edf4f2;color:#458477;border-radius:8px;padding:9px 0;text-align:center;font:10px ui-monospace,monospace}.pf-file strong{display:block;font-size:14px;overflow-wrap:anywhere}.pf-file .pf-file-meta{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:11px;color:#72908e;margin-top:7px}.pf-file code{font:10px ui-monospace,monospace;color:#899d9d;overflow-wrap:anywhere;display:block;margin-top:8px}.pf-file .pf-actions{max-width:230px;justify-content:flex-end}.pf-tag{display:inline-block;background:#eef5f3;padding:2px 6px;border-radius:5px;color:#51736c;font-size:10px;margin:5px 5px 0 0}.pf-status{font-size:10px;background:#edf5f2;color:#267364;padding:3px 7px;border-radius:5px;display:inline-block}.pf-status.bad{background:#fff1e8;color:#96623e}.pf-tabs{display:flex;border-bottom:1px solid var(--line);gap:6px;margin:0 0 22px;overflow-x:auto}.pf-tabs button{border:0;background:transparent;padding:12px 18px;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent}.pf-tabs button.active{color:var(--tide);border-bottom-color:var(--tide);font-weight:600}.pf-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 0}.pf-meta dt{font-size:10px;color:#839a9e;margin-bottom:6px}.pf-meta dd{font-size:13px;margin:0;overflow-wrap:anywhere}.pf-empty{text-align:center;padding:30px 15px;color:#78918f;font-size:13px;border:1px dashed #d4e3df;border-radius:12px}.pf-row{padding:16px 0;border-bottom:1px solid #e7eeed;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.pf-row:last-child{border:0}.pf-row>div{min-width:0}.pf-row strong{font-size:13px;display:block;overflow-wrap:anywhere}.pf-row code{font-size:11px;display:block;overflow-wrap:anywhere;color:#698380;margin-top:5px}.pf-row small{font-size:11px;color:#879b9c;display:block;margin-top:7px}.pf-row p{margin:6px 0 0}.pf-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}.pf-stat{padding:17px;background:white;border:1px solid var(--line);border-radius:12px}.pf-stat span{font-size:11px;color:var(--muted)}.pf-stat b{display:block;font-size:23px;font-weight:600;letter-spacing:-.03em;margin:8px 0}.pf-stat small{font-size:10px;color:#89a09e}.pf-progress{height:6px;background:#e3ece9;border-radius:8px;overflow:hidden;margin:15px 0 8px}.pf-progress i{display:block;height:100%;background:var(--tide);max-width:100%}.pf-report{font:11px/1.85 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f8f7;padding:15px;border-radius:10px;max-height:350px;overflow:auto}.pf-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px;color:var(--muted)}.pf-error{font-size:12px;color:var(--danger);line-height:1.8;margin:12px 0;white-space:pre-wrap}.pf-dialog{width:min(660px,calc(100vw - 24px));border:1px solid var(--line);border-radius:18px;color:var(--ink);padding:24px;max-height:90vh}.pf-dialog::backdrop{background:#173e4659;backdrop-filter:blur(3px)}.pf-dialog h2{font-size:21px;margin:0}.pf-dialog header{display:flex;justify-content:space-between;gap:12px;align-items:center}.pf-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto;font-size:12px;background:#f5f9f8;padding:16px}.pf-dialog img{max-width:100%;max-height:55vh;display:block;margin:16px auto}.pf-download-state{position:fixed;right:24px;bottom:24px;width:min(350px,calc(100vw - 32px));z-index:90;background:white;border:1px solid #c2dbd4;border-radius:14px;padding:16px;box-shadow:0 10px 40px #173e461c}.pf-download-state p{font-size:12px;margin:0 0 10px;overflow-wrap:anywhere}.pf-download-state .pf-actions{justify-content:space-between}.pf-foot{font-size:11px;color:#809795;line-height:1.9;margin:16px 0 25px}.pf-details summary{cursor:pointer;font-size:13px;font-weight:600;list-style-position:inside;padding:4px 0}.pf-hidden-note{color:#9c7139;background:#fff8e9;border:1px solid #eedab5;padding:14px;border-radius:10px;font-size:12px}.pf-secret{width:100%;padding:13px;margin:18px 0;background:#edf5f2;border:1px solid #c9dfd6;border-radius:9px;font:12px ui-monospace,monospace;color:#17564a}.pf-chiprow{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.pf-scope-boundary{font-size:11px;color:#507d72;margin-top:7px}.public-shell{max-width:680px;margin:7vh auto;padding:20px}.public-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px;font-size:19px;font-weight:600}.public-shell h1{font-size:30px;letter-spacing:-.04em;margin:10px 0}.public-shell .pf-card{padding:28px}.public-shell input[type=file]{font-size:13px;max-width:100%}#platformView :focus-visible{outline:3px solid #78b4a7;outline-offset:3px}
@media(max-width:1150px){.pf-file{grid-template-columns:32px minmax(0,1fr)}.pf-file>.pf-actions{grid-column:2;max-width:none;justify-content:flex-start}.pf-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-grid{grid-template-columns:1fr}.pf-meta{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.sidebar{flex-wrap:wrap;gap:8px}.sidebar .brand{flex:1}.sidebar nav{order:3;flex:0 0 100%;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;gap:4px}.sidebar nav .nav-button{flex:0 0 auto;white-space:nowrap;min-height:40px}.sidebar-footer{margin:0}.sidebar .nav-button>span{display:none}.topbar{height:48px}.pf-heading{gap:10px}.pf-heading h1{font-size:28px}.pf-heading .pf-cloud-tag{font-size:10px}.pf-tabs button{padding:10px 13px}.pf-card{padding:18px}.pf-toolbar label{min-width:120px}.pf-file{padding:14px;gap:11px}.pf-row{flex-wrap:wrap}.pf-row .pf-actions{width:100%;justify-content:flex-start}.pf-form{grid-template-columns:1fr}.pf-meta{grid-template-columns:1fr}.pf-form .pf-wide{grid-column:auto}}
@media(max-width:430px){.pf-heading{display:block}.pf-cloud-tag{margin-top:7px}.pf-stat-grid{gap:10px}.pf-stat{padding:14px}.pf-stat b{font-size:21px}.pf-toolbar label{flex:1 1 100%}.pf-file strong{font-size:13px}.pf-file-icon{font-size:8px}.pf-actions .button{padding:8px 10px;min-height:37px}.public-shell{margin-top:3vh;padding:14px}.public-shell .pf-card{padding:20px}.pf-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){#platformView *{transition:none!important;animation:none!important}}
.app-layout,.workspace,.page-body,.sidebar{min-width:0}.pf-scope-boundary{display:grid;gap:7px;margin-bottom:16px}.pf-scope-boundary select{display:block;width:100%;min-width:0;max-width:100%;height:40px;border:1px solid #cedddb;border-radius:8px;background:#fff;padding:0 10px;font-size:12px;color:var(--ink)}
@media(max-width:850px){.sidebar nav .nav-button{width:auto;flex:0 0 auto}.sidebar nav{width:100%;min-width:0;overflow-x:auto}.app-layout{grid-template-columns:minmax(0,1fr)}}
.pf-toolbar input,.pf-toolbar select{height:40px}.pf-toolbar label{margin:0;align-self:stretch;justify-content:end}.pf-toolbar>button{min-height:40px;margin:0}.pf-card .pf-chiprow{margin:16px 0}.pf-card .pf-details{margin-top:14px}

/* Operation-first workbench. The only accent is the selected action. */
#appView .page-heading,#appView .pf-heading,#appView .integration-heading{margin-bottom:22px;padding-top:0;gap:16px}
#appView .page-heading h1,#appView .pf-heading h1,#appView .integration-heading h1{font-size:27px;line-height:1.35;letter-spacing:0;margin:0}
#pfSubtitle:empty{display:none}#pfError:empty,#integrationPageError:empty{display:none}
#appView .page-body{padding-top:30px}#appView .nav-button{font-size:14px;min-height:46px}#appView .button{font-size:14px;min-height:40px}
#appView .text-button{font-size:13px;min-height:36px}#appView .workspace-footer{font-size:11px;margin-top:24px}
#appView .drop-zone{min-height:170px;padding:24px}#appView .drop-symbol{transform:scale(.7);height:60px;margin-bottom:8px}#appView .drop-zone h2{font-size:21px}
.ops-workbench{display:grid;grid-template-columns:164px minmax(0,1fr);gap:22px;align-items:start;min-width:0}
.ops-section-nav{display:flex;flex-direction:column;gap:4px;padding:8px 0}
.ops-section-nav .ops-nav-label{font-size:11px;letter-spacing:1px;color:#7b8c91;padding:13px 14px 7px}
.ops-section-nav button{font:inherit;font-size:14px;line-height:1.5;text-align:left;color:#4f656b;background:transparent;border:1px solid transparent;border-radius:7px;padding:11px 14px;cursor:pointer}
.ops-section-nav button:hover{background:#e9f0f1;color:#183e45}
.ops-section-nav button[aria-current=page]{color:#086e6a;background:#e3f1ee;border-color:#d1e6e0;font-weight:650;box-shadow:inset 3px 0 #087c78}
.ops-record-body,.ops-record-panel{min-width:0}.ops-record-panel{background:#fff;border:1px solid #dce7e9;border-radius:10px;overflow:hidden;min-height:260px;margin-bottom:18px}
.ops-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid #e4ecee}
.ops-toolbar h2{font-size:17px;margin:0;color:#203b42;font-weight:650;line-height:1.4}
.ops-toolbar-actions,.ops-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ops-inline-actions{padding:16px 22px}
.ops-records{padding:0 22px;min-height:130px}.ops-records .pf-row{padding:20px 0;margin:0;border:0;border-bottom:1px solid #e9eff0;background:transparent;border-radius:0;gap:20px;min-width:0}
.ops-records .pf-row:last-child{border-bottom:0}.ops-records .pf-row strong{font-size:15px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.ops-records .pf-row small{font-size:12px;line-height:1.7;margin-top:6px;color:#6a7d83}.ops-records .pf-row code{font-size:12px;overflow-wrap:anywhere}
.ops-records .pf-row>div:first-child{flex:1;min-width:0}.ops-subheading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 8px;font-size:13px;color:#6a7d83}.ops-subheading h3{font-size:15px;color:#203b42;margin:0}
.ops-empty{text-align:center;max-width:500px;margin:auto;padding:44px 16px 50px;color:#62777d}.ops-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:31px;border:1px solid #dce7e9;border-radius:12px;color:#729399;background:#f5f9fa}.ops-empty h3{font-size:17px;color:#314d54;margin:0 0 8px;font-weight:600}.ops-empty p{font-size:13px;line-height:1.8;margin:0 0 20px}.ops-empty .button{min-width:124px}
.ops-mobile-section{display:none}.ops-top-tabs{display:flex;gap:6px;border-bottom:1px solid #dce7e9;margin-bottom:18px;overflow-x:auto}
.ops-top-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:13px 18px;white-space:nowrap;color:#60767c;cursor:pointer;font-size:14px}
.ops-top-tabs button[aria-current=page]{border-bottom-color:#087c78;color:#086e6a;font-weight:650}
#opsKeysPanel .credential-list{display:block;margin:0;padding:0 22px}#opsKeysPanel .credential-row{padding:21px 0;border:0;border-bottom:1px solid #e4ecee;border-radius:0;gap:12px;background:transparent}#opsKeysPanel .credential-row:last-child{border-bottom:0}#opsKeysPanel .credential-meta dt{font-size:11px}#opsKeysPanel .credential-meta dd{font-size:12px}#opsKeysPanel .credential-row-name b{font-size:15px}
#opsActivityPanel .integration-activity{padding:0 22px}#opsGuidePanel{padding-bottom:24px}#opsGuidePanel>p,#opsGuidePanel>ol,#opsGuidePanel>.button,#opsGuidePanel>details{margin:16px 24px}#opsGuidePanel .integration-connect{margin:18px 24px;flex-wrap:wrap;gap:14px}#opsGuidePanel p,#opsGuidePanel li{font-size:14px;line-height:1.9}#opsGuidePanel .integration-tools p{font-size:12px}
.ops-help-badge{display:inline-block;font-size:11px;letter-spacing:.4px;color:#6a7d83;border:1px solid #dce7e9;border-radius:4px;padding:3px 7px;background:#f6f8fa}.ops-help-surface{background:#f8fafb!important}.ops-guide-steps{padding-left:26px}
.ops-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:26px;border:1px solid #dce7e9;border-radius:13px;color:#233d44;box-shadow:0 20px 80px #193b4b33;background:#fff}
.ops-dialog::backdrop{background:#172f3c70;backdrop-filter:blur(2px)}.ops-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.ops-dialog h2{font-size:23px;line-height:1.4;margin:8px 0 0}.ops-dialog .close-button{font-size:26px;min-width:38px;min-height:38px;background:#f1f5f6;border-radius:7px}.ops-dialog p{font-size:13px;line-height:1.8}
.ops-dialog .pf-form,.ops-dialog .credential-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px;margin:20px 0 0;padding:0;border:0;background:transparent}
.ops-dialog label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#344f57;min-width:0}.ops-dialog input,.ops-dialog select,.ops-dialog textarea{font:inherit;font-size:15px;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfdde1;border-radius:7px;background:#fff;box-sizing:border-box;color:#263f46}
.ops-dialog input:focus,.ops-dialog select:focus{outline:2px solid #087c7833;outline-offset:1px;border-color:#087c78}.ops-dialog .pf-check{display:flex;flex-direction:row;align-items:flex-start;line-height:1.7}.ops-dialog input[type=checkbox]{min-width:17px;min-height:17px;width:17px;height:17px;margin-top:4px;padding:0}
.ops-dialog .pf-wide,.ops-dialog .pf-scope-boundary,.ops-dialog .credential-fields,.ops-dialog .credential-scopes,.ops-dialog .credential-create-bottom,.ops-dialog #credentialError{grid-column:1/-1}
.ops-dialog .credential-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-dialog .credential-scopes{display:flex;gap:12px;flex-wrap:wrap;border:0;padding:0}.ops-dialog .credential-scopes>label{display:flex;flex-direction:row;align-items:flex-start;font-size:13px;flex:1;min-width:125px}.ops-dialog .credential-scopes legend{margin-bottom:10px}.ops-dialog .credential-scopes small{font-size:11px;display:block;margin-top:4px}.ops-dialog .credential-create-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.ops-dialog .button{min-height:42px;font-size:14px}.ops-dialog form>.button[type=submit]{justify-self:start;align-self:end;margin-top:2px}.ops-form-cancel{align-self:end;justify-self:end}.ops-field-note{color:#75878d;font-size:12px;line-height:1.7}.ops-dialog .error-text{margin:0}.ops-dialog .pf-error:empty{display:none}
#pfModal{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px}#pfModal .ops-file-title{font-size:19px;overflow-wrap:anywhere;margin:18px 0 4px}#pfModal .ops-inline-actions{padding:16px 0}#pfModal .ops-subheading{padding:22px 0 10px;border-top:1px solid #e4ecee;margin-top:18px}#pfModal .pf-meta dt{font-size:12px}#pfModal .pf-meta dd{font-size:14px}#pfModal .button{font-size:13px;min-height:40px}#pfModal input,#pfModal select{font-size:14px;min-height:42px}#pfModal .ops-inline-form{background:#f5f9fa;padding:18px;border:1px solid #dce7e9;border-radius:8px;margin:14px 0}#pfModal .ops-inline-form[hidden]{display:none!important}.ops-technical{margin-top:26px!important}.ops-danger-zone{display:flex;align-items:center;gap:14px;border-top:1px solid #e4ecee;margin-top:22px;padding-top:14px}.ops-danger-zone small{font-size:12px;color:#7b8c91}.ops-success{color:#086e6a;background:#e3f1ee;padding:14px;border-radius:7px}
#pfFilesPanel .pf-file strong{font-size:15px}#pfFilesPanel .pf-file-meta{font-size:12px}#pfFilesPanel .pf-card{padding:20px;border-radius:10px}#pfFilesPanel .pf-toolbar label{font-size:12px}#pfFilesPanel .pf-toolbar input,#pfFilesPanel .pf-toolbar select{font-size:14px;min-height:40px}
#pfResourcesPanel .pf-card h2{font-size:17px}#pfResourcesPanel .pf-card>p{font-size:13px}#pfResourcesPanel .pf-stat span{font-size:13px}#pfResourcesPanel .pf-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
[hidden]{display:none!important}button:focus-visible,summary:focus-visible{outline:2px solid #087c78;outline-offset:3px}
@media(max-width:1050px){.ops-workbench{grid-template-columns:142px minmax(0,1fr);gap:14px}.ops-toolbar{padding:18px 16px}.ops-records{padding:0 16px}.ops-toolbar-actions{gap:7px}.ops-toolbar .button{padding:9px 12px}}
@media(max-width:760px){.ops-workbench{display:block}.ops-section-nav{display:none}.ops-mobile-section{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#60767c;margin-bottom:16px}.ops-mobile-section select{width:100%;font:inherit;font-size:15px;min-height:44px;border:1px solid #cfdde1;border-radius:7px;padding:8px 12px;background:#fff;color:#203b42}.ops-toolbar{align-items:flex-start;padding:16px}.ops-toolbar h2{font-size:17px}.ops-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.ops-toolbar .text-button{font-size:12px}.ops-toolbar .button{min-height:38px;font-size:13px;padding:8px 12px}.ops-records{padding:0 16px}.ops-records .pf-row{flex-wrap:wrap;gap:12px}.ops-records .pf-row small{font-size:12px}.ops-empty{padding:36px 12px}.ops-record-panel{margin-bottom:14px}.ops-dialog{width:calc(100vw - 24px);padding:20px;max-height:calc(100dvh - 24px)}.ops-dialog .pf-form,.ops-dialog .credential-form,.ops-dialog .credential-fields{grid-template-columns:1fr;gap:16px}.ops-dialog .ops-form-cancel{grid-column:1;justify-self:stretch}.ops-dialog .ops-form-cancel .button{width:100%}.ops-dialog form>.button[type=submit]{width:100%}.ops-dialog .credential-create-bottom{flex-direction:column;align-items:stretch}.ops-dialog .credential-scopes{flex-direction:column}.ops-dialog input,.ops-dialog select,.ops-dialog textarea{font-size:16px}#appView .page-body{padding-top:20px}#appView .page-heading h1,#appView .pf-heading h1,#appView .integration-heading h1{font-size:24px}#appView .pf-heading{align-items:center;gap:10px}#pfResourcesPanel .pf-stat-grid{grid-template-columns:1fr}#opsKeysPanel .credential-list{padding:0 16px}#opsKeysPanel .credential-row{grid-template-columns:1fr}#opsKeysPanel .credential-row-actions{grid-row:auto;grid-column:1;justify-content:flex-start}#opsGuidePanel>p,#opsGuidePanel>ol,#opsGuidePanel>.button,#opsGuidePanel>details{margin-left:16px;margin-right:16px}#opsGuidePanel .integration-connect{margin:16px}#opsGuidePanel code{word-break:break-all}#pfModal{padding:18px}#pfModal .pf-meta{grid-template-columns:1fr}#pfModal .pf-form{grid-template-columns:1fr}.ops-danger-zone{align-items:flex-start;flex-direction:column}.ops-toolbar-actions{max-width:62%}}
@media(prefers-reduced-motion:reduce){.ops-dialog,.ops-record-panel{animation:none;transition:none}}

/* MOBILE-FIRST v1: a touch workspace, not the desktop sidebar stacked on top.
   Existing teal identity; system UI font; 22px titles / 16px fields / 14px copy.
   One signature: four compact bottom destinations, all records above them. */
.m-only{display:none!important}.m-search-row,#mFileFilters,.m-form-actions{display:contents}.m-sheet{border:1px solid var(--line);color:var(--ink);border-radius:18px;padding:18px;width:min(500px,calc(100vw - 24px));max-height:90dvh}.m-sheet::backdrop{background:#173e4670}.m-sheet header{display:flex;justify-content:space-between;align-items:center}.m-sheet h2{font-size:21px;margin:0}.m-sheet>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;min-height:48px;font-size:16px;text-align:left;border-bottom:1px solid var(--line)}.m-sheet>button[aria-current=page]{color:var(--tide);background:var(--soft);font-weight:600}
@media(max-width:760px){
 :root{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{scroll-padding-top:72px;scroll-padding-bottom:90px}body{background:#f3f7f8}body.m-dialog-open{overflow:hidden;overscroll-behavior:none}
 .m-only{display:flex!important}#appView{display:block;min-height:100dvh}#appView[hidden]{display:none!important}#appView>.sidebar{display:none!important}#appView .workspace{min-width:0;width:100%}#appView .topbar{position:sticky;top:0;z-index:25;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0;background:#fff;border-bottom:1px solid #e6edef;gap:12px}#appView .breadcrumb{display:none}.m-brand{align-items:center;gap:8px;font-size:18px;letter-spacing:.2px}.m-brand .brand-mark{width:30px;height:30px;border-radius:9px;font-size:25px}#appView .connection{font-size:12px;min-height:44px;border:0;padding:6px 0 6px 10px;background:transparent;gap:7px}#appView .connection b{font-size:18px;margin:0}
 #appView .page-body{padding:16px 14px calc(90px + env(safe-area-inset-bottom,0px));max-width:100%;margin:0}#appView .page-heading,#appView .pf-heading,#appView .integration-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;padding:0;gap:12px}#appView .page-heading h1,#appView .pf-heading h1,#appView .integration-heading h1{font-size:22px;font-weight:650;line-height:1.35;margin:0;letter-spacing:0}#appView .page-heading p:last-child{font-size:13px;line-height:1.65;margin:6px 0 0;max-width:220px}#appView .page-heading>.button{margin:0;font-size:14px;min-height:44px;padding:10px 13px}#appView .pf-heading .button{padding:10px 12px}#appView .workspace-footer{display:none}
 #mBottomNav{position:fixed;inset:auto 0 0;z-index:35;background:#fff;box-shadow:0 -1px 0 #dfe9e9;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));height:calc(66px + env(safe-area-inset-bottom,0px));justify-content:space-around;gap:4px}#mBottomNav button{flex:1;max-width:120px;min-width:44px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#677d84;font-size:12px;line-height:1.4;border-radius:10px;touch-action:manipulation}#mBottomNav button[aria-current=page]{color:#087f78;font-weight:650;background:#edf7f3}#mBottomNav svg{flex:none}body.m-keyboard #mBottomNav{display:none!important}body.m-keyboard #appView .page-body{padding-bottom:18px}#mAccountName{font-size:14px;overflow-wrap:anywhere;color:var(--muted)}#mLogout{color:var(--danger);margin-top:16px}
 #appView .button,#appView .text-button,.ops-dialog .button,#pfModal .button,#pfModal .text-button,.cloud-dialog .button,.close-button{font-size:14px;min-height:44px;min-width:44px;touch-action:manipulation}#appView .button{padding:10px 14px;gap:8px}#appView .text-button{padding:9px 10px}.close-button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px}button{touch-action:manipulation}#appView input,#appView select,#appView textarea,.ops-dialog input,.ops-dialog select,#pfModal input,#pfModal select,.cloud-dialog input{font-size:16px;min-height:44px}
 /* The file list begins within the first screen: search now, filter on demand. */
 #pfFilesPanel .pf-card{padding:0;background:transparent;border:0}#pfSearchForm{display:block;margin:0 0 14px}#pfSearchForm .m-search-row{display:flex;gap:8px;align-items:center}#pfSearchForm .m-search-row>label{display:block;flex:1;min-width:0;font-size:0;margin:0}#pfSearchForm .m-search-row input{margin:0;height:46px;background:#fff;font-size:16px}#pfSearchForm .m-search-row>button{flex:none;min-width:48px;padding:10px;min-height:46px}#mFileFilters{display:none;margin:12px 0 0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}#mFileFilters.is-open{display:grid;grid-template-columns:1fr;gap:12px}#mFileFilters label{display:grid;min-width:0;gap:5px;font-size:13px;margin:0}#mFileFilters select,#mFileFilters input{height:44px;margin:0}#mFiltersButton[aria-expanded=true]{background:#cce9df}
 #pfFilesPanel .pf-list{gap:10px}#pfFilesPanel .pf-file{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px;background:#fff;border-radius:12px}#pfFilesPanel .pf-file strong{font-size:15px;line-height:1.6}#pfFilesPanel .pf-file-meta{font-size:12px;line-height:1.6;margin-top:5px;gap:4px 10px}#pfFilesPanel .pf-file>.pf-actions{grid-column:1/-1;justify-content:flex-end;max-width:none;width:100%;padding-top:4px;gap:8px}#pfFilesPanel .pf-file>.pf-actions button{min-width:64px}.pf-status{font-size:12px;padding:3px 7px}.pf-tag{font-size:12px;padding:3px 7px}.pf-pagination{font-size:13px;margin-top:12px}.pf-foot{font-size:12px;line-height:1.65;margin:14px 0}
 /* Transfer starts with a phone file picker, with saved location on one line. */
 #appView .settings-bar{padding:10px 12px;gap:8px;border-radius:12px 12px 0 0}#appView .folder-control{font-size:13px;gap:8px}#appView .folder-control input{height:44px;font-size:16px;width:100%}#appView .parallel-control{font-size:13px}#appView .parallel-control select{min-height:44px;font-size:16px;padding:5px 8px}#appView .drop-zone{min-height:140px;padding:16px 12px}#appView .drop-symbol{display:none}#appView .drop-zone h2{font-size:18px;margin:0 0 5px}#appView .drop-zone p{font-size:13px;margin:3px 0 8px}.drop-details{font-size:12px;line-height:1.65;gap:2px}#appView .drop-details>span{display:none}#appView .queue-section{margin-top:18px}.section-head{margin-bottom:8px}.section-head>div{display:block}.section-head h2{font-size:17px}.section-head span{font-size:12px}.list-toolbar{flex-wrap:wrap;gap:8px}.filter-tabs{width:100%;justify-content:space-between;gap:4px}.filter-tabs button{font-size:13px;min-height:44px;padding:9px 4px}.filter-tabs button span{font-size:11px;margin-left:3px}.search{width:100%;margin:0 0 8px}.search input{font-size:16px;width:100%;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px}.job-row{padding:14px 12px;gap:10px}.job-name{font-size:14px;white-space:normal;overflow-wrap:anywhere;line-height:1.55}.state-label{font-size:12px}.job-meta,.job-meta code{font-size:12px;line-height:1.6}.rail-labels{font-size:11px}.job-bottom{font-size:12px}.job-actions{grid-column:1/-1;gap:8px;justify-content:flex-end}.job-actions button{font-size:14px;min-height:44px;padding:9px 12px}.empty-state{padding:24px 12px}.empty-state h3{font-size:15px}.empty-state p{font-size:13px}
 /* Category picker instead of a long desktop navigation strip. */
 #appView[data-mobile-view=navAutomation] .pf-heading{display:none}#appView .ops-workbench{display:block}.ops-mobile-section,.ops-section-nav{display:none!important}#mCategoryButton{align-items:center;justify-content:space-between;width:100%;min-height:48px;font-size:22px;font-weight:650;text-align:left;padding:0 2px 12px;margin:0 0 4px}#mCategoryButton>span:last-child{width:44px;text-align:center;font-size:25px;color:var(--tide)}.ops-record-panel{min-height:0;margin:0 0 14px;border-radius:12px}.ops-toolbar{padding:12px 14px;align-items:center;gap:8px}.ops-toolbar h2{font-size:17px}#pfAutomationPanel .ops-toolbar h2{display:none}.ops-toolbar-actions{max-width:none;width:100%;justify-content:space-between;gap:8px}.ops-toolbar .text-button{font-size:14px}.ops-records{min-height:0;padding:0 14px}.ops-records .pf-row{padding:14px 0;gap:10px;align-items:center}.ops-records .pf-row strong{font-size:15px;line-height:1.55}.ops-records .pf-row small{font-size:13px;line-height:1.65;margin-top:4px}.ops-records .pf-row>.button{font-size:14px;min-width:84px}.ops-records .pf-row>.pf-actions{margin-top:0}.ops-empty{padding:28px 12px}.ops-empty>span{height:40px;width:40px;font-size:24px;margin-bottom:12px}.ops-empty h3{font-size:16px}.ops-empty p{font-size:14px;margin-bottom:16px;line-height:1.65}.ops-subheading{padding:16px 14px 8px}.ops-top-tabs{margin-bottom:12px;gap:4px}.ops-top-tabs button{flex:1;min-height:44px;padding:9px 8px;font-size:14px}.ops-inline-actions{padding:14px;gap:8px}
 /* Mobile form screen: title above a scroll area, submit/cancel attached to bottom. */
 #opsComposer[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 auto;top:calc(var(--m-vtop,0px) + 8px);margin:0;width:100%;max-width:100%;height:calc(var(--m-vh,100dvh) - 8px);max-height:calc(var(--m-vh,100dvh) - 8px);padding:16px 16px 0;border:0;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:none}#opsComposer>header{flex:none;margin:0 0 6px;align-items:center}#opsComposer>header .ops-help-badge{display:none}#opsComposer h2{font-size:21px;margin:0}#opsComposerHint{flex:none;margin:4px 0 10px;font-size:13px;line-height:1.6}#opsComposerError{flex:none;margin:0 0 8px;max-height:80px;overflow:auto}#opsComposerBody{min-height:0;overflow:auto;flex:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:96px}#opsComposerBody form{display:flex;flex-direction:column;gap:14px;min-height:100%;margin:0;padding:6px 0 0;border:0;background:transparent}#opsComposerBody form label{margin:0;gap:6px;font-size:14px;line-height:1.5;font-weight:500}#opsComposerBody input,#opsComposerBody select{margin:0;padding:10px 12px;min-height:48px;font-size:16px;border-radius:9px}#opsComposerBody input[type=checkbox]{width:22px;height:22px;min-height:22px;min-width:22px;margin:3px 0}#opsComposerBody .pf-check{padding:8px 0;gap:10px}#opsComposerBody .credential-fields{display:flex;flex-direction:column;gap:14px}#opsComposerBody .credential-scopes{padding:0;margin:0;gap:12px}#opsComposerBody .credential-scopes>label{padding:10px;border:1px solid var(--line);border-radius:9px}#opsComposerBody .credential-scopes small{font-size:12px}#opsComposerBody .credential-create-bottom{margin:0}#opsComposerBody .credential-create-bottom small{font-size:12px}#opsComposerBody #credentialError:empty{display:none}
 #opsComposerBody .m-form-actions{display:flex;align-items:center;gap:12px;position:sticky;bottom:0;z-index:3;margin-top:auto;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -1px 0 #e1eaea;flex:none}#opsComposerBody .m-form-actions>.button[type=submit]{flex:1;width:auto;min-height:48px;font-size:16px;margin:0}#opsComposerBody .ops-form-cancel{flex:0 0 88px;align-self:auto}#opsComposerBody .ops-form-cancel>.button{width:100%;min-height:48px;font-size:16px}
 #pfModal[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 auto;top:calc(var(--m-vtop,0px) + 8px);width:100%;max-width:100%;margin:0;height:calc(var(--m-vh,100dvh) - 8px);max-height:calc(var(--m-vh,100dvh) - 8px);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border:0;border-radius:18px 18px 0 0;overflow:hidden}#pfModal>header{flex:none;padding-bottom:10px}#pfModalContent{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;scroll-padding:10px 0 90px}#pfModalError{flex:none;max-height:90px;overflow:auto;font-size:14px;margin:0 0 8px}#pfModalError:empty{display:none}#pfModal h2{font-size:21px}#pfModal .pf-meta{grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}#pfModal .pf-meta dt{font-size:12px;margin-bottom:4px}#pfModal .pf-meta dd{font-size:14px}#pfModal .ops-inline-actions{padding:10px 0}#pfModal .ops-file-title{font-size:17px;line-height:1.55;margin:0 0 8px}#pfModal .ops-subheading{padding:14px 0 8px;margin-top:14px;align-items:center}#pfModal .ops-subheading h3{font-size:16px}#pfModal .ops-inline-form{padding:12px;margin:10px 0}#pfModal .ops-inline-form label{margin:0;font-size:14px}#pfModal .pf-form{gap:12px}#pfModal input,#pfModal select{font-size:16px;min-height:48px;margin:0}#pfModal .pf-muted{font-size:13px}
 .m-sheet[open],#opsHelp[open]{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:calc(var(--m-vh,100dvh) - 16px);padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));border:0;border-radius:18px 18px 0 0;overflow:auto;overscroll-behavior:contain}#mCategorySheet>button{min-height:50px;padding:12px;font-size:16px;border-radius:7px;border:0}#opsHelp h2{font-size:21px}#opsHelp p{font-size:15px;line-height:1.85}.cloud-dialog{max-height:calc(var(--m-vh,100dvh) - 24px);padding:20px;overflow:auto}.cloud-dialog label{font-size:14px}.credential-dialog .credential-dialog-actions{flex-direction:column}.cloud-dialog .muted{font-size:14px}.cloud-dialog h2{font-size:21px}
 .toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));font-size:14px;line-height:1.6;padding:10px 16px;max-width:calc(100vw - 32px)}.pf-download-state{right:12px;left:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:auto;padding:14px}.pf-download-state p{font-size:14px}.pf-download-state small{font-size:13px}.pf-download-state .text-button{min-height:44px}body.m-dialog-open .toast{display:none!important}body.m-keyboard .toast{bottom:12px}
 #pfResourcesPanel .pf-stat-grid{grid-template-columns:1fr 1fr;gap:10px}#pfResourcesPanel .pf-stat:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}#pfResourcesPanel .pf-stat:last-child small{display:none}.pf-stat{padding:12px}.pf-stat b{font-size:20px;margin:6px 0}.pf-stat span{font-size:13px}.pf-stat small{font-size:12px}#pfResourcesPanel .pf-card{padding:16px;margin-bottom:12px;border-radius:12px}#pfResourcesPanel .pf-card p{font-size:14px}.pf-details summary{min-height:44px;font-size:14px;display:flex;align-items:center;gap:6px}.pf-details summary:before{content:'▸';font-size:13px}.pf-details[open]>summary:before{content:'▾'}
 #opsKeysPanel .credential-list{padding:0 14px}#opsKeysPanel .credential-row{padding:16px 0;gap:10px}#opsKeysPanel .credential-meta{grid-template-columns:1fr 1fr}#opsKeysPanel .credential-meta dd{font-size:13px}#opsKeysPanel .credential-meta dt{font-size:12px}.credential-row-actions{gap:12px}.credential-row-scopes span{font-size:12px}.integration-activity article{padding:14px 0;font-size:13px}.integration-activity time{font-size:12px}
 /* Login is a phone login, not a landing-page pitch before the form. */
 .auth-layout{min-height:100dvh;display:block;background:#fff}.auth-story{min-height:0;padding:calc(20px + env(safe-area-inset-top,0px)) 24px 12px;background:#fff}.auth-story:after,.auth-story .story-body,.auth-story footer{display:none}.auth-story .brand{font-size:22px}.auth-story .brand-mark{width:36px;height:36px;border-radius:11px;font-size:28px}.auth-panel{padding:12px 24px calc(24px + env(safe-area-inset-bottom,0px));align-items:flex-start}.welcome-label{display:none}.auth-form-shell h2{font-size:24px;line-height:1.4;margin:8px 0}.auth-form-shell>.muted{font-size:14px}.tabs{margin:20px 0;gap:8px}.tabs button{min-height:46px;font-size:16px}.auth-form-shell form label{font-size:14px;margin:0 0 16px}.auth-form-shell input{font-size:16px;min-height:48px}.auth-form-shell .button{font-size:16px;min-height:48px}.account-switch{font-size:14px}.account-switch button{min-height:44px}.auth-note{font-size:12px;margin-top:18px;padding-top:16px}.public-shell{margin:0;padding:calc(20px + env(safe-area-inset-top,0px)) 14px 24px}.public-brand{margin-bottom:18px}.public-shell h1{font-size:24px}.public-shell .pf-card{padding:18px}.public-shell .button{min-height:48px;font-size:16px}.public-shell input{font-size:16px;min-height:48px}
}

/* Desktop 收发与整理: one navigation rail, one working surface. */
@media (min-width:761px){
 .platform-open .page-body:has(#pfAutomationPanel:not([hidden])){max-width:1440px;padding-left:34px;padding-right:34px}
 .platform-open .page-body:has(#pfAutomationPanel:not([hidden])) .pf-heading{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #dfe9e9}
 .platform-open .page-body:has(#pfAutomationPanel:not([hidden])) .pf-heading h1{font-size:29px}
 .platform-open .page-body:has(#pfAutomationPanel:not([hidden])) #pfSubtitle{max-width:720px;font-size:13px;line-height:1.7}
 #pfAutomationPanel.ops-workbench{grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
 #pfAutomationPanel .ops-section-nav{position:sticky;top:104px;padding:10px;background:#f7faf9;border:1px solid #dce7e9;border-radius:12px;max-height:calc(100vh - 128px);overflow:auto}
 #pfAutomationPanel .ops-section-nav .ops-nav-label{padding:14px 12px 7px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#819397}
 #pfAutomationPanel .ops-section-nav button{min-height:42px;padding:9px 12px;border-radius:8px;font-size:14px;color:#526b71}
 #pfAutomationPanel .ops-section-nav button[aria-current=page]{background:#e5f2ee;border-color:#cfe3dd;box-shadow:none;color:#086e6a}
 #pfAutomationPanel .ops-record-body{min-width:0}
 #pfAutomationPanel .ops-record-panel{min-height:440px;margin:0;background:#fff;border-color:#d9e5e7;border-radius:12px;box-shadow:0 8px 28px rgba(23,62,70,.045)}
 #pfAutomationPanel .ops-toolbar{min-height:72px;padding:16px 22px;background:#fbfdfd}
 #pfAutomationPanel .ops-toolbar h2{font-size:19px}
 #pfAutomationPanel .ops-toolbar-actions{justify-content:flex-end;gap:8px}
 #pfAutomationPanel .ops-toolbar-actions .text-button{order:2;color:#71878c}
 #pfAutomationPanel .ops-toolbar-actions .button.primary{order:1}
 #pfAutomationPanel .ops-records{padding:4px 22px 18px}
 #pfAutomationPanel .ops-records .pf-row{padding:18px 2px;align-items:center}
 #pfAutomationPanel .ops-records .pf-row>div:first-child{flex:1;min-width:240px}
 #pfAutomationPanel .ops-records .pf-row strong{font-size:14px;line-height:1.5}
 #pfAutomationPanel .ops-records .pf-row small{font-size:12px;line-height:1.65;margin-top:5px}
 #pfAutomationPanel .ops-records .pf-row>.pf-actions{flex:0 0 auto;max-width:360px;justify-content:flex-end}
 #pfAutomationPanel .ops-inline-actions{padding:14px 22px;border-bottom:1px solid #edf2f2;background:#fbfdfd}
 #pfAutomationPanel .ops-subheading{padding:18px 22px 8px}
 #pfAutomationPanel .ops-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px 24px}
 #pfAutomationPanel .w-toolbar{gap:8px}
 #pfAutomationPanel>.w-toolbar{grid-column:2;margin:0 0 -12px;justify-content:flex-end}
 #pfResourcesPanel>.w-toolbar{justify-content:flex-end;margin:0 0 14px}
}
@media (min-width:1200px){
 #pfAutomationPanel.ops-workbench{grid-template-columns:232px minmax(0,1fr);gap:28px}
 #pfAutomationPanel .ops-toolbar{padding-left:26px;padding-right:26px}
 #pfAutomationPanel .ops-records{padding-left:26px;padding-right:26px}
}

/* Desktop information-density pass: the top breadcrumb is the page title.
   Keep mobile headings because the mobile topbar intentionally hides breadcrumbs. */
@media (min-width:761px){
  #appView .page-body{padding-top:22px}
  #appView:not(.platform-open) .page-heading{display:none}
  #platformView>.pf-heading>div{display:none}
  #platformView>.pf-heading{justify-content:flex-end;margin:0 0 14px;padding:0;border:0}
  #platformView>.pf-heading:not(:has(#opsFilesUpload:not([hidden]))){display:none}
  #integrationsView>.integration-heading{display:none}
  #appView .breadcrumb{font-size:12px}
  #appView .breadcrumb b{font-size:14px;font-weight:650;color:var(--ink)}
  #appView .breadcrumb i{margin:0 10px}
}