/* Enhancement of the current live blue/indigo design. Existing office layouts,
   navigation, task rows and protected login/dashboard styles stay in control. */
html[data-office] {
  --office-ink:#203656;
  --office-muted:#6c7d99;
  --office-line:#dbe5f3;
  --office-accent:#3f61d9;
  --office-radius:20px;
}

/* Keep the native merchant heading and action controls; give the page an
   identifiable navy title band without rebuilding the list or its filters. */
html[data-office-channel-role][data-office-route=customers] #app .page-title {
 position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:20px;
 min-height:104px;padding:22px 26px!important;margin:0 0 20px!important;border:1px solid #496689!important;border-radius:17px!important;
 background:radial-gradient(ellipse at 68% -55%,#4b6094 0,transparent 67%),linear-gradient(110deg,#132d49,#24436b)!important;
 box-shadow:0 10px 24px #1c3b5b17,inset 0 1px 0 #c4dcff24!important;overflow:hidden;
}
html[data-office-channel-role][data-office-route=customers] #app .page-title::after {content:'';position:absolute;z-index:-1;pointer-events:none;inset:-70px 24% -70px 42%;transform:rotate(26deg);border-left:1px solid #bdcfff17;border-right:1px solid #bdcfff17;background:linear-gradient(90deg,transparent,#bbd0ff08,transparent)}
html[data-office-channel-role][data-office-route=customers] #app .page-title .title-left {display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:4px 17px;align-items:center;min-width:0}
html[data-office-channel-role][data-office-route=customers] #app .page-title .title-left::before {content:'';grid-column:1;grid-row:1/3;width:34px;height:38px;border:1px solid #c4d6ff88;border-radius:9px;background:linear-gradient(140deg,#96b7f1,#5277bd 52%,#5552a8);box-shadow:-6px 5px 0 #2c518a, -9px 9px 0 #163456,inset 0 1px 2px #f0f7ffa0;transform:perspective(160px) rotateY(-16deg) rotateX(6deg)}
html[data-office-channel-role][data-office-route=customers] #app .page-title .title-left::after {content:'客户档案 · 跟进与进度';grid-column:2;font-size:12px;line-height:1.5;letter-spacing:1px;color:#c0d2e9}
html[data-office-channel-role][data-office-route=customers] #app .page-title-text {grid-column:2;margin:0!important;font-size:28px!important;line-height:1.35!important;font-weight:650!important;letter-spacing:2px!important;color:#f4f8ff!important;text-shadow:0 2px 8px #071b3540}
html[data-office-channel-role][data-office-route=customers] #app .page-title-text>span {font:inherit!important;color:inherit!important}
html[data-office-channel-role][data-office-route=customers] #app .page-title :is(button,.new-btn,.export-btn) {position:relative;z-index:1;box-shadow:0 3px 8px #061c3230!important}
@media(max-width:700px){
 html[data-office-channel-role][data-office-route=customers] #app .page-title {align-items:flex-start;flex-wrap:wrap;padding:20px!important;gap:18px;min-height:0}
 html[data-office-channel-role][data-office-route=customers] #app .page-title-text {font-size:25px!important}
}
html[data-office] .ls-command {
  background:radial-gradient(ellipse at 80% 15%,#354875 0%,transparent 53%),#1c3053 !important;
  border:1px solid #3f5b81 !important;
  box-shadow:0 18px 42px #1c35541a,inset 0 1px #8cadcc38 !important;
}
html[data-office] .ls-command::after {
  content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(112deg,transparent 57%,#b7cdff08 58%,transparent 77%);
}
html[data-office] .ls-command .ls-depth-face {
  background:linear-gradient(120deg,#355ccb,#5650bb 58%,#7545ac) !important;
  border:1px solid #b2baff69 !important;
  box-shadow:0 26px 58px #080e3547,inset 0 1px 0 #d6dfff66,inset 0 -1px #9c83ed44 !important;
}
html[data-office] .ls-command .ls-depth-back {
  background:linear-gradient(130deg,#304bb0,#59439c) !important;
  box-shadow:-10px 16px 34px #0b194044 !important;
}
html[data-office] .ls-command .ls-depth-caption { box-shadow:0 16px 30px #080e3540 !important; border:1px solid #e2eaff; }
html[data-office] .ls-command .ls-depth-face::after {
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,transparent 18%,#edf3ff17 40%,transparent 62%);
  background-size:240% 100%;background-position:100% 0;
}
html[data-office-motion=on] .ls-command .ls-depth-face::after { animation:office-light 9s ease-in-out infinite; }
@keyframes office-light { 0%,35%,100% {background-position:100% 0} 70% {background-position:0 0} }

/* New spatial overviews inherit the accepted round, deep-blue composition. */
html[data-office] .office-overview {
  display:grid;grid-template-columns:minmax(240px,1fr) minmax(250px,1fr);
  min-height:230px;position:relative;isolation:isolate;overflow:hidden;
  margin:0 0 24px;padding:0;border-radius:22px;
  background:radial-gradient(ellipse at 80% 0%,#3c4d7c,transparent 60%),#1c3053;
  border:1px solid #435b82;color:#f6f9ff;
  box-shadow:0 16px 38px #233c5d17,inset 0 1px #c4d2ff22;
}
html[data-office] .office-overview-copy { padding:28px 34px;min-width:0;position:relative;z-index:2;align-self:center; }
html[data-office] .office-kicker { color:#b6ccec !important;font-size:13px;letter-spacing:1px;margin:0 0 12px; }
html[data-office] .office-title { color:#fff !important;font-size:30px !important;line-height:1.3 !important;font-weight:700;margin:0 0 20px;white-space:pre-line; }
html[data-office] .office-metrics { display:flex;gap:32px;align-items:center; }
html[data-office] .office-metric { display:grid;grid-template-columns:auto 18px;gap:6px 12px;min-width:92px;background:transparent !important;color:#fff !important;text-align:left;padding:0 !important;border:0 !important;box-shadow:none !important; }
html[data-office] .office-metric strong { color:#fff !important;font-size:42px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1; }
html[data-office] .office-metric span { grid-column:1/-1;font-size:13px;color:#d2def7 !important; }
html[data-office] .office-metric svg { width:16px;height:16px;grid-row:1;grid-column:2; }
html[data-office] .office-scene { position:relative;min-width:0;height:230px;align-self:center; }
html[data-office] .office-scene canvas { display:block;width:100%;height:100%; }
html[data-office] .office-scene-fallback { position:absolute;inset:35% 16% 18%;display:flex;align-items:flex-end;gap:8px;transform:perspective(600px) rotateX(18deg) rotateY(-12deg); }
html[data-office] .office-scene[data-scene-state=ready] .office-scene-fallback { visibility:hidden; }
html[data-office] .office-fallback-stage { flex:1;height:45%;background:#6b7baf;border-top:3px solid #c2d7ff;border-radius:5px;box-shadow:6px 5px #2a3f70; }
html[data-office] .office-fallback-stage[data-state=current] { height:85%;background:#7376db; }
html[data-office] .office-fallback-stage[data-state=done] { height:65%;background:#6685bb; }
html[data-office] .office-scene-tools { position:absolute;top:16px;right:16px;z-index:3; }
html[data-office] .office-icon-button { display:grid;place-items:center;width:32px;min-height:32px;padding:6px;border:1px solid #9cb3dd66;border-radius:9px;background:#162d5066;color:#deebff; }
html[data-office] .office-icon-button svg {width:16px;height:16px}
html[data-office] .office-icon-button:disabled {opacity:.5}
html[data-office] .office-summary,html[data-office] .office-stage-caption { color:#c7d8f5 !important;font-size:14px;line-height:1.7;margin:0; }
html[data-office-page=analysis] .office-metrics { display:block; }
html[data-office-page=analysis] .office-summary-note { font-size:12px;margin-top:10px; }
html[data-office-page=analysis] .h270-safe-center-hero:has(~.office-overview) {display:none}
html[data-office-page=analysis] [data-office-surface]:has(>.office-overview)>.h270-safe-center-hero {display:none}
html[data-office-page=dossier] .office-overview { min-height:185px; }
html[data-office-page=dossier] .office-scene { height:185px; }
html[data-office-page=dossier] .office-title { font-size:26px !important; }
html[data-office-page=dossier] .ls-dossier-depth .ls-depth-face { box-shadow:0 22px 45px #1c315233,inset 0 1px #d6dfff66 !important; }
html[data-office] .office-section-index {display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;padding:16px;background:#f5f8ff;border:1px solid #d8e4f6;border-radius:14px}
html[data-office] .office-section-index>span,html[data-office] .office-section-index button {display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#426090}
html[data-office] .office-section-index button {background:#fff;border:1px solid #dbe6f5;border-radius:8px}
html[data-office] .office-section-index svg {width:14px;height:14px}
html[data-office] .office-hero-description {font-size:14px;line-height:1.8;color:#bfd4f4}
html[data-office] .office-shortcuts {display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}
html[data-office] .office-shortcuts button {display:flex;align-items:center;gap:14px;padding:8px 0;min-height:44px;border:0;border-bottom:1px solid #90a6cc80;background:transparent;color:#eef5ff}
html[data-office] .office-shortcuts svg {width:16px;height:16px}
html[data-office] .office-queue-composition {align-self:center;perspective:1000px;padding:32px 42px;min-width:0}
html[data-office] .office-queue-card {position:relative;padding:26px;border-radius:20px;border:1px solid #bfc9ff66;background:linear-gradient(120deg,#365ccb,#7145a8);box-shadow:0 24px 50px #0c163c55,inset 0 1px #cbd7ff55;transform:rotateX(var(--office-tilt-x,3deg)) rotateY(var(--office-tilt-y,-7deg));transition:transform 240ms;transform-style:preserve-3d}
html[data-office] .office-queue-card::before {content:'';position:absolute;inset:10px 12px -18px -8px;background:linear-gradient(120deg,#3150b3,#533b93);border:1px solid #a6b6f755;border-radius:20px;transform:translateZ(-24px);z-index:-1}
html[data-office] .office-queue-label {color:#d7e5ff;font-size:13px;margin:0 0 20px}
html[data-office] .office-queue-caption {color:#d7e5ff;font-size:12px;margin:22px 0 0}
html[data-office] .office-queue-note {position:relative;margin:24px -10px 0 18px;padding:14px 16px;border-radius:12px;background:#f5f8ff;color:#455b80;font-size:12px;box-shadow:0 12px 26px #0b1a3b40}
html[data-office-page=tasks] .office-overview {grid-column:1/-1;min-height:320px}
html[data-office-page=tasks] .office-title {font-size:40px !important}

/* Keep mature task rows and forms in the exact live hierarchy. */
html[data-office] .office-overview :is(button,a):focus-visible {outline:3px solid #b8d8ff;outline-offset:4px}
html[data-office] .office-section-index button:focus-visible {outline:3px solid #5b80dd;outline-offset:2px}
html[data-office][data-ls-workspace-route] body[data-ls-workspace=cinematic] #app .product-page>.page-title {position:relative;overflow:hidden;padding:24px 28px !important;border-radius:20px;background:linear-gradient(115deg,#293d72,#4e4a97 58%,#6150a1) !important;box-shadow:0 12px 30px #31487819;min-height:100px}
html[data-office][data-ls-workspace-route] body[data-ls-workspace=cinematic] #app .product-page>.page-title .page-title-text {color:#fff !important;background:none !important;-webkit-text-fill-color:#fff !important}
html[data-office] .product-page>.page-title::before {content:'';position:absolute;width:140px;height:140px;border:16px solid #c6d5ff22;border-radius:30px;right:24%;top:-85px;transform:perspective(400px) rotateX(40deg) rotateZ(35deg);pointer-events:none}
html[data-office] .product-card {transition:box-shadow 200ms,border-color 200ms !important}
html[data-office] .product-card:hover {box-shadow:0 12px 32px #3651811c !important;border-color:#9cb3ee !important}
html[data-office] .h270-safe-module {transition:box-shadow 180ms,border-color 180ms !important}
html[data-office] .h270-safe-module:hover {box-shadow:0 14px 32px #3048741c !important}
html[data-office] :is(.dialog-content,.attachment-dialog,.el-dialog) {box-shadow:0 24px 70px #1c335c30 !important}
html[data-office] :is(.dialog-content,.attachment-dialog) :is(.dialog-header,.attachment-dialog-header) {background:linear-gradient(115deg,#f2f6ff,#f5f1fb) !important}

/* Native list-page titles become the route signpost when the compiled page
   already owns an H1; this avoids a duplicate heading while preserving the
   same visual hierarchy as the injected shell. */
html[data-office][data-office-route-context=people] :is(.user-page,.manage-center) > :is(.page-title,.page-header),
html[data-office][data-office-route-context=feedback] .feedback-page > :is(.page-title,.page-header) {
  position:relative;isolation:isolate;overflow:hidden;margin-bottom:20px !important;padding:24px 28px !important;
  border:1px solid #496589 !important;border-radius:18px !important;color:#f6f9ff !important;
  background:radial-gradient(ellipse at 82% -55%,#5667a5 0,transparent 62%),linear-gradient(115deg,#142e4e,#304b7a 60%,#43508d) !important;
  box-shadow:0 14px 32px #1d38531a,inset 0 1px #d2e0ff26 !important;
}
html[data-office][data-office-route-context=people] :is(.user-page,.manage-center) > :is(.page-title,.page-header)::after,
html[data-office][data-office-route-context=feedback] .feedback-page > :is(.page-title,.page-header)::after {
  content:'';position:absolute;z-index:-1;pointer-events:none;width:230px;height:230px;right:-66px;bottom:-132px;border:1px solid #c9d8ff35;border-radius:50%;box-shadow:0 0 0 17px #b9cbff0b,0 0 0 34px #b9cbff07;
}
html[data-office][data-office-route-context=people] :is(.user-page,.manage-center) > :is(.page-title,.page-header) :is(.page-title-text,.page-title),
html[data-office][data-office-route-context=feedback] .feedback-page > :is(.page-title,.page-header) :is(.page-title-text,.page-title) {position:relative;z-index:1;color:#f6f9ff !important;font-size:26px !important;font-weight:700 !important;letter-spacing:.5px}
html[data-office][data-office-route-context=people] :is(.user-page,.manage-center) > :is(.page-title,.page-header) button,
html[data-office][data-office-route-context=feedback] .feedback-page > :is(.page-title,.page-header) button {position:relative;z-index:1}

/* A uni input is one control: the live cinematic rule must not frame its native child. */
html:is([data-office],[data-office-route])[data-ls-workspace-route] body[data-ls-workspace=cinematic] #app :is(uni-input,uni-textarea) :is(input,textarea,.uni-input-wrapper,.uni-textarea-wrapper,.uni-input-content) {
 border:0 !important;box-shadow:none !important;outline:none !important;border-radius:0 !important;background:transparent !important;
}
html:is([data-office],[data-office-route])[data-ls-workspace-route] body[data-ls-workspace=cinematic] #app :is(.u-input-wrap,.input-wrapper,.input-with-icon,.input-flex) :is(uni-input,uni-textarea) {
 border:0 !important;box-shadow:none !important;outline:none !important;background:transparent !important;
}
html:is([data-office],[data-office-route])[data-ls-workspace-route] body[data-ls-workspace=cinematic] #app :is(.u-input-wrap,.input-wrapper,.input-with-icon,.input-flex,uni-input,uni-textarea):focus-within {
 border-color:#3e72b4 !important;box-shadow:inset 0 0 0 1px #3e72b4 !important;outline:none !important;
}
html:is([data-office],[data-office-route])[data-ls-workspace-route] body[data-ls-workspace=cinematic] #app :is(.u-input-wrap,.input-wrapper,.input-with-icon,.input-flex) :is(uni-input,uni-textarea):focus-within {
 box-shadow:none !important;border:0 !important;
}
/* The left progress rail must not allocate a new grid row when a v-show panel changes. */
@media(min-width:801px) {
 html[data-office-page=dossier][data-ls-workbench=detail] .merchant-detail-page>.tab-bar {grid-column:2 !important;grid-row:2 !important}
 html[data-office-page=dossier][data-ls-workbench=detail] .merchant-detail-page>.tab-content {grid-column:2 !important;grid-row:3 !important}
 html[data-office-page=dossier][data-ls-workbench=detail] .merchant-detail-page>.ls-dossier-rail {grid-column:1 !important;grid-row:2 / 4 !important}
}
html[data-office-page=dossier] .merchant-detail-page .basic-layout[style*="display: none"] {display:none !important}
/* Keep text-entry and table hit targets stationary; visual depth belongs to their header. */
html[data-office][data-ls-workspace-route] body[data-ls-workspace=cinematic] #app :is(.content-card,.search-card,.list-wrapper,.detail-card):hover {transform:none !important}

/* Match the accepted layout before the async workflow module has mounted. */
html[data-office-channel-role][data-office-route=tasks] .task-page>.task-columns,
html[data-office-channel-role][data-office-route=tasks] .task-page>.page-header,
html[data-office-channel-role][data-office-route=dossier] .merchant-detail-page>.workflow-card {display:none !important}
html[data-office-channel-role][data-office-route=tasks] .task-page:not(:has(#channel-unified-task-root))::before {
 content:'正在读取任务工作台…';display:block;min-height:160px;padding:32px;border:1px solid #d7e1f1;border-radius:22px;background:#f7f9fd;color:#536982;
}
@media(min-width:801px) {
 html[data-office-channel-role][data-office-route=dossier] .merchant-detail-page {display:grid !important;grid-template-columns:248px minmax(0,1fr);grid-template-rows:auto min-content 1fr;gap:20px !important;align-items:start}
 html[data-office-channel-role][data-office-route=dossier] .merchant-detail-page>.page-header {grid-column:1/-1;grid-row:1}
 html[data-office-channel-role][data-office-route=dossier] .merchant-detail-page>.tab-bar {grid-column:2;grid-row:2}
 html[data-office-channel-role][data-office-route=dossier] .merchant-detail-page>.tab-content {grid-column:2;grid-row:3}
 html[data-office-channel-role][data-office-route=dossier] #channel-workflow-v3-root {grid-column:1;grid-row:2/4}
 html[data-office-channel-role][data-office-route=dossier] .merchant-detail-page:not(:has(#channel-workflow-v3-root))::before {content:'正在读取办理进度…';grid-column:1;grid-row:2/4;padding:26px 18px;border-radius:18px;background:#edf2fc;color:#5a7095;min-height:200px}
}
@media(min-width:801px) and (max-width:1100px) {html[data-office-channel-role][data-office-route=dossier] .merchant-detail-page {grid-template-columns:200px minmax(0,1fr)}}

/* Fix the actual admission navigation conflict without changing role guards. */
html[data-office=funder] .manage-center[data-funder-workspace-active=true]>.sidebar {display:flex !important}
html[data-office=funder] .manage-center[data-funder-workspace-active=true]>:is(.countent-box,.content-box) {display:none !important}
html[data-office=funder] .funder-admission-workspace>.office-overview {margin-bottom:24px}
html[data-office=funder] .funder-admission-workspace__item {border-radius:16px !important}
html[data-office=funder] .funder-customer-card {box-shadow:0 8px 26px #2749730a !important}
html[data-office=funder] .funder-day-end-record {border-radius:14px !important}
@media(max-width:1000px) {
 html[data-office] .office-overview-copy {padding:24px}
 html[data-office] .office-queue-composition {padding:28px}
}
@media(max-width:700px) {
 html[data-office] .office-overview {grid-template-columns:minmax(0,1fr);border-radius:18px;min-height:0}
 html[data-office] .office-overview-copy {padding:24px 22px 8px}
 html[data-office] .office-title {font-size:26px !important;margin-bottom:14px}
 html[data-office] .office-scene {height:160px}
 html[data-office-page=dossier] .office-overview {grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:160px}
 html[data-office-page=dossier] .office-scene {height:160px}
 html[data-office-page=dossier] .office-overview-copy {padding:18px 14px}
 html[data-office-page=dossier] .office-title {font-size:21px !important}
 html[data-office-page=tasks] .office-title {font-size:28px !important}
 html[data-office] .office-queue-composition {padding:20px 28px 28px}
 html[data-office] .office-metric strong {font-size:32px}
 html[data-office] .office-queue-note {margin-top:18px}
 html[data-office] .product-page>.page-title {padding:20px !important;border-radius:16px}
}
html[data-office-motion=off] .office-queue-card {transform:none;transition:none}
html[data-office-motion=off] .ls-command .ls-depth-face::after {animation:none}
@media(prefers-reduced-motion:reduce) {
 html[data-office] .ls-command .ls-depth-face::after {animation:none !important}
 html[data-office] .office-queue-card {transform:none !important;transition:none}
}
@media print {html[data-office] :is(.office-scene,.office-scene-tools,.office-section-index,.office-route-shell) {display:none!important}}

/* Shared route signpost for secondary workspaces. It is intentionally a
   single calm surface: enough spatial identity to orient a new operator,
   without competing with forms, tables, or reports below it. */
html[data-office] .office-route-shell {
  position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;
  min-height:148px;margin:0 0 20px;padding:26px 30px;overflow:hidden;
  border:1px solid #496589;border-radius:20px;color:#f6f9ff;
  background:radial-gradient(ellipse at 84% -18%,#5264a0 0,transparent 58%),linear-gradient(120deg,#142e4e,#263f68 58%,#394a83);
  box-shadow:0 16px 34px #1c35541a,inset 0 1px #d2e0ff2a;
}
html[data-office] .office-route-shell::before {
  content:'';position:absolute;z-index:-1;pointer-events:none;inset:-70px 28% -90px 44%;
  transform:rotate(28deg);border-left:1px solid #d9e4ff1e;border-right:1px solid #d9e4ff1e;
  background:linear-gradient(90deg,transparent,#d8e4ff0c,transparent);
}
html[data-office] .office-route-shell::after {
  content:'';position:absolute;z-index:-1;pointer-events:none;width:250px;height:250px;right:-70px;bottom:-140px;
  border:1px solid #c9d8ff36;border-radius:50%;box-shadow:0 0 0 18px #b9cbff0c,0 0 0 36px #b9cbff08;
}
html[data-office=funder] .office-route-shell {width:auto;flex:1 1 100%;box-sizing:border-box}
html[data-office] .office-route-shell__copy {min-width:0;position:relative;z-index:1}
html[data-office] .office-route-shell__kicker {margin:0 0 10px;color:#c0d2ee;font-size:12px;letter-spacing:1.5px}
html[data-office] .office-route-shell__title {margin:0;color:#fff;font-size:30px;font-weight:700;line-height:1.25;letter-spacing:.5px;text-shadow:0 2px 10px #071b3540}
html[data-office] .office-route-shell__description {max-width:620px;margin:10px 0 0;color:#cfddf4;font-size:14px;line-height:1.75}
html[data-office] .office-route-shell__status {display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 12px;border:1px solid #b8caf066;border-radius:999px;color:#e2ecff;font-size:12px;letter-spacing:.4px;background:#10284866;white-space:nowrap}
html[data-office] .office-route-shell__status-dot {width:7px;height:7px;border-radius:50%;background:#89d7c0;box-shadow:0 0 0 4px #89d7c022}
html[data-office-motion=on] .office-route-shell::after {animation:office-route-orbit 12s ease-in-out infinite}
html[data-office-motion=on] .office-route-shell__status-dot {animation:office-route-pulse 3.8s ease-in-out infinite}
@keyframes office-route-orbit {0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.7}50%{transform:translate3d(-28px,-14px,0) scale(1.06);opacity:1}}
@keyframes office-route-pulse {0%,100%{opacity:.72}50%{opacity:1;box-shadow:0 0 0 6px #89d7c01a,0 0 14px #89d7c066}}
html[data-office-motion=off] .office-route-shell::after,html[data-office-motion=off] .office-route-shell__status-dot {animation:none}
@media(prefers-reduced-motion:reduce) {
  html[data-office] .office-route-shell::after,html[data-office] .office-route-shell__status-dot {animation:none!important}
}
@media(max-width:700px) {
  html[data-office] .office-route-shell {align-items:flex-start;flex-direction:column;gap:18px;min-height:0;padding:22px 20px;border-radius:17px}
  html[data-office] .office-route-shell__title {font-size:25px}
  html[data-office] .office-route-shell__description {font-size:13px;line-height:1.65}
  html[data-office] .office-route-shell__status {align-self:flex-start}
}

/* Readable task content. Keep the accepted office shell, login and dashboard. */
html[data-office-route=tasks] body #app [data-risk-readiness]>.workflow-v3__fact-grid {grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
html[data-office-route=tasks] body #app [data-risk-subject] {grid-column:1/-1!important;min-width:0!important}
html[data-office-route=tasks] body #app [data-credit-account-editor] {min-width:0}
html[data-office-route=tasks] body #app .intake-account {min-width:0;margin:20px 0;padding:20px;border:1px solid #d6e1ef!important;border-radius:14px;background:#fff!important;color:#25374e;box-shadow:none!important}
html[data-office-route=tasks] body #app .intake-account legend {font-size:17px;font-weight:650;padding:0 7px;max-width:100%;white-space:normal}
html[data-office-route=tasks] body #app .intake-account legend span {font-size:12px;font-weight:400;color:#667991;margin-left:8px}
html[data-office-route=tasks] body #app .intake-account-summary {display:flex;flex-wrap:wrap;gap:22px 40px;margin:10px 0 18px}
html[data-office-route=tasks] body #app .intake-account-summary>div {display:grid;gap:6px}
html[data-office-route=tasks] body #app .intake-account-summary span {font-size:12px;color:#6e7d90}
html[data-office-route=tasks] body #app .intake-account-summary strong {font-size:20px;color:#203a61;font-variant-numeric:tabular-nums}
html[data-office-route=tasks] body #app .intake-account-source {padding:14px 16px;border:1px solid #d9e4f6;border-radius:10px;background:#f4f7fd}
html[data-office-route=tasks] body #app .intake-account-source p {font-size:14px;line-height:1.7;margin:6px 0;color:#415671}
html[data-office-route=tasks] body #app .intake-account-source small {display:block;font-size:12px;color:#6c7e95;margin-top:8px}
html[data-office-route=tasks] body #app .intake-account-source blockquote {margin:12px 0;border-left:3px solid #8ba6d7;padding-left:12px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-office-route=tasks] body #app .intake-account-issue {background:#fff8ea;border:1px solid #f0ddba;border-radius:10px;padding:12px 16px;margin:14px 0}
html[data-office-route=tasks] body #app .intake-account-issue strong {color:#805515;font-size:14px}
html[data-office-route=tasks] body #app .intake-account-issue p {font-size:13px;color:#725b3c;line-height:1.7;margin:6px 0 0}
html[data-office-route=tasks] body #app .intake-account .workflow-v3__account-edit>summary {font-size:14px;font-weight:600;cursor:pointer;padding:12px 0}
html[data-office-route=tasks] body #app .intake-account-fields {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 24px!important;margin:4px 0 16px}
html[data-office-route=tasks] body #app .intake-account label {font-size:13px;line-height:1.5;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-office-route=tasks] body #app .intake-account :is(input,select) {box-sizing:border-box;width:100%;min-width:0;min-height:42px;height:auto;padding:10px 12px!important;font-size:14px;line-height:1.5;border-radius:8px!important;background:#fff!important;border:1px solid #cbd8e8!important;box-shadow:none!important;outline:none}
html[data-office-route=tasks] body #app .intake-account :is(input,select):focus {border-color:#3869ce!important;box-shadow:0 0 0 2px #3869ce29!important}
html[data-office-route=tasks] body #app .intake-account input::placeholder {font-size:12px;color:#7b889b}
html[data-office-route=tasks] body #app .intake-required {font-size:11px;color:#8e631e;font-weight:400;margin-left:8px}
html[data-office-route=tasks] body #app .intake-field-hint {display:block;color:#708098;font-size:12px;line-height:1.6;margin-top:5px;font-weight:400}
html[data-office-route=tasks] body #app .intake-later-fields {border-top:1px solid #e1e8f2;padding:12px 0;font-size:13px;color:#627289}
html[data-office-route=tasks] body #app .intake-remove-account {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px;border-top:1px solid #e6ebf3;padding-top:14px}
html[data-office-route=tasks] body #app .intake-remove-account small {flex:1;min-width:220px;color:#738198;font-size:12px}
html[data-office-route=tasks] body #app .intake-remove-account button {background:#fff!important;color:#8c493d!important;border:1px solid #ddc7c2!important;box-shadow:none!important;font-size:12px;padding:8px 12px!important}
html[data-office-route=tasks] body #app .intake-instructions {display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;padding:14px 14px 14px 32px;background:#f3f6fc;border-radius:10px;color:#445b7b;font-size:13px}
html[data-office-route=tasks] body #app .intake-instructions li {flex:1;min-width:180px;margin-left:12px}
html[data-office-route=tasks] body #app .intake-planning-details {padding:16px;border:1px solid #dce4ef;border-radius:12px;background:#f8fafc}
html[data-office-route=tasks] body #app .intake-planning-details>summary {cursor:pointer;font-size:15px;font-weight:600;color:#465c7a}
html[data-office-route=tasks] body #app .intake-planning-details>p {font-size:13px;color:#718096}
html[data-office-route=tasks] body #app .intake-overview {background:#fff!important;border:1px solid #d9e3f1!important;border-radius:18px!important;padding:24px!important}
html[data-office-route=tasks] body #app .intake-overview :is(p,li,dd) {font-size:14px;line-height:1.7}
html[data-office-route=tasks] body #app .intake-overview h3 {font-size:21px!important;margin:0;color:#213e65}
html[data-office-route=tasks] body #app .intake-overview h4 {font-size:16px!important;color:#253d5c}
html[data-office-route=tasks] body #app .intake-overview dl {margin:10px 0}
html[data-office-route=tasks] body #app .intake-overview dt {font-size:12px;color:#71839a}
html[data-office-route=tasks] body #app .intake-overview dd {font-weight:600;color:#2c4564;overflow-wrap:anywhere}
html[data-office-route=tasks] body #app .intake-overview details {border-top:1px solid #e2e9f2;margin-top:14px;padding-top:12px}
html[data-office-route=tasks] body #app .intake-heading {display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e4eaf3}
html[data-office-route=tasks] body #app .intake-eyebrow {font-size:12px!important;letter-spacing:1px;color:#6c7d98;margin:0 0 7px}
html[data-office-route=tasks] body #app .intake-identity {display:grid;gap:4px;margin:0;text-align:right;color:#506078;max-width:55%}
html[data-office-route=tasks] body #app .intake-identity strong {font-size:16px;color:#243f64}
html[data-office-route=tasks] body #app .intake-identity span {font-size:12px;overflow-wrap:anywhere}
html[data-office-route=tasks] body #app .intake-next {display:flex;gap:24px;align-items:flex-start;justify-content:space-between;margin:18px 0;background:#f0f4fd;padding:16px 18px;border-radius:12px;border:1px solid #dce5f6}
html[data-office-route=tasks] body #app .intake-next h4 {margin:0 0 5px}
html[data-office-route=tasks] body #app .intake-next p {margin:5px 0}
html[data-office-route=tasks] body #app .intake-next>button {flex-shrink:0;background:#355bd1!important;color:#fff!important;border:0!important;border-radius:8px!important;white-space:nowrap;padding:10px 14px!important;font-size:13px}
html[data-office-route=tasks] body #app .intake-pending ul {margin:8px 0 0;padding-left:20px;color:#556b89}
html[data-office-route=tasks] body #app .intake-pending li {font-size:12px;line-height:1.8}
html[data-office-route=tasks] body #app .intake-brief {margin:16px 0 22px}
html[data-office-route=tasks] body #app .intake-brief>dl {display:flex;gap:48px;flex-wrap:wrap}
html[data-office-route=tasks] body #app .intake-brief dd {font-size:19px!important;margin:4px 0}
html[data-office-route=tasks] body #app .intake-source {font-size:12px!important;line-height:1.65!important;color:#708098!important}
html[data-office-route=tasks] body #app .intake-results-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
html[data-office-route=tasks] body #app .intake-results-heading h4 {margin:0;white-space:nowrap}
html[data-office-route=tasks] body #app .intake-results-heading p {margin:0;font-size:12px;color:#718097}
html[data-office-route=tasks] body #app .intake-result-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html[data-office-route=tasks] body #app .intake-result {padding:16px;border:1px solid #e0e7f0;border-radius:12px;min-width:0;background:#fcfdff}
html[data-office-route=tasks] body #app .intake-result>header {display:flex;align-items:center;gap:9px;margin:0 0 14px}
html[data-office-route=tasks] body #app .intake-result h4 {margin:0}
html[data-office-route=tasks] body #app .intake-section-number {font-size:11px;line-height:24px;width:24px;text-align:center;color:#5371c2;background:#e9effd;border-radius:6px}
html[data-office-route=tasks] body #app .intake-report {margin-top:12px;padding-top:12px;border-top:1px solid #e7ecf4}
html[data-office-route=tasks] body #app .intake-report:first-of-type {margin-top:0;padding-top:0;border-top:0}
html[data-office-route=tasks] body #app .intake-report h5 {margin:0 0 8px;font-size:14px;color:#2c4164}
html[data-office-route=tasks] body #app .intake-metrics {display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
html[data-office-route=tasks] body #app .intake-metrics>div {display:flex;justify-content:space-between;gap:10px;align-items:center}
html[data-office-route=tasks] body #app .intake-metrics dd {font-size:15px!important;margin:0;text-align:right;font-variant-numeric:tabular-nums}
html[data-office-route=tasks] body #app .intake-empty {color:#6c7e97;margin:10px 0}
html[data-office-route=tasks] body #app .intake-source-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
html[data-office-route=tasks] body #app .intake-risk-excerpts {list-style:none;padding:0;display:grid;gap:12px}
html[data-office-route=tasks] body #app .intake-risk-excerpts li {background:#fff7eb;border-left:3px solid #dfb66d;padding:10px;border-radius:5px}
html[data-office-route=tasks] body #app .intake-risk-excerpts p {margin:4px 0;overflow-wrap:anywhere}
html[data-office-route=tasks] body #app .intake-risk-excerpts small {font-size:11px;color:#7f715e}
html[data-office-route=tasks] #app .big-data-findings__list {list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
html[data-office-route=tasks] #app .big-data-findings__item {border:1px solid #dfe7ef;border-radius:10px;background:#f7f9fc;padding:12px 14px;min-width:0}
html[data-office-route=tasks] #app .big-data-findings__item>div {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
html[data-office-route=tasks] #app .big-data-findings__item>div>span {font-size:12px;color:#305c71;background:#e9f1f7;padding:3px 8px;border-radius:5px}
html[data-office-route=tasks] #app .big-data-findings__item[data-finding-status=HIT]>div>span {color:#98461f;background:#fff0df}
html[data-office-route=tasks] #app .big-data-findings__item[data-finding-status=UNKNOWN]>div>span {color:#77551b;background:#fff5d8}
html[data-office-route=tasks] #app .big-data-findings__item details {margin-top:8px;font-size:13px}
html[data-office-route=tasks] #app .big-data-findings__item summary {cursor:pointer;color:#416386}
html[data-office-route=tasks] #app .big-data-findings__item p {overflow-wrap:anywhere;line-height:1.6}
html[data-office-route=tasks] #app .big-data-findings__item small {color:#64768b}
html[data-office-route=tasks] #app .big-data-findings__issues {padding:14px 16px;background:#fff7e9;border-left:3px solid #c7994a;border-radius:8px;line-height:1.7}
html[data-office-route=tasks] #app .big-data-findings__issues ul {padding-left:20px;margin:8px 0 0}
html[data-office-route=tasks] #app .big-data-findings summary:focus-visible {outline:2px solid #3869ce;outline-offset:3px}
html[data-office-route=tasks] body #app .intake-overview summary {cursor:pointer;color:#375c95;font-size:14px;font-weight:600}
html[data-office-route=tasks] body #app .intake-overview button:focus-visible,html[data-office-route=tasks] body #app .intake-overview a:focus-visible {outline:2px solid #3869ce;outline-offset:3px}
@media(max-width:650px){html[data-office-route=tasks] body #app .intake-account-fields{grid-template-columns:minmax(0,1fr)!important}html[data-office-route=tasks] body #app .intake-overview{padding:16px!important}html[data-office-route=tasks] body #app .intake-account{padding:12px}html[data-office-route=tasks] body #app .intake-instructions{display:block}}
@media(max-width:1100px){html[data-office-route=tasks] body #app .intake-result-grid{grid-template-columns:minmax(0,1fr)}html[data-office-route=tasks] body #app .intake-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html[data-office-route=tasks] body #app .intake-heading,html[data-office-route=tasks] body #app .intake-next,html[data-office-route=tasks] body #app .intake-results-heading{display:block}html[data-office-route=tasks] body #app .intake-identity{max-width:100%;text-align:left;margin-top:12px}html[data-office-route=tasks] body #app .intake-next>button{margin-top:12px}html[data-office-route=tasks] body #app .intake-metrics{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 html[data-office-route=tasks] body #app [data-risk-readiness]{padding:10px!important}
 html[data-office-route=tasks] body #app [data-risk-subject]{padding:0!important;border:0!important;background:transparent!important}
 html[data-office-route=tasks] body #app .intake-account{padding:10px}
 html[data-office-route=tasks] body #app :is(.intake-account-source,.intake-account-issue){padding:12px}
}

/* One task at a time, using the existing navy/indigo workspace tokens. */
/* Shared with the standalone animation demo: preserve the accepted document
   card, including its real primary link, instead of unstyled demo text. */
html[data-office-route=tasks] #app [data-material-source-link] {padding:20px!important;background:#fcfdff!important;border:1px solid #cfdae3!important;border-radius:12px!important;box-shadow:0 2px 6px #1932480a!important;margin:24px 0!important}
html[data-office-route=tasks] #app [data-material-source-link] .workflow-v3__section-title {display:flex;align-items:center;justify-content:space-between;gap:20px}
html[data-office-route=tasks] #app [data-material-source-link] h3 {margin:0 0 7px;font-size:18px;line-height:1.5;color:#233e5d}
html[data-office-route=tasks] #app [data-material-source-link] p {margin:0;font-size:14px;line-height:1.65;color:#63758a}
html[data-office-route=tasks] #app [data-material-source-link] a {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px 22px!important;min-height:44px;border-radius:10px!important;background:#214e78!important;border:1px solid #214e78!important;box-shadow:none!important;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important}
html[data-office-route=tasks] #app [data-material-source-link] a:hover {background:#193e63!important}
html[data-office-route=tasks] #app [data-material-source-link] a:focus-visible {outline:3px solid #7596db;outline-offset:3px}
@media(max-width:650px){html[data-office-route=tasks] #app [data-material-source-link] .workflow-v3__section-title{align-items:flex-start;flex-direction:column;gap:14px}}
html[data-office-route=tasks] #app [data-guided-intake] {color:#243d5a;min-width:0;counter-reset:intake-step}
html[data-office-route=tasks] #app [data-guided-intake] [hidden] {display:none!important}
html[data-office-route=tasks] #app [data-guided-intake]>header {display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px;background:linear-gradient(116deg,#102f49,#254775);color:#fff;border-radius:18px;margin-bottom:20px}
html[data-office-route=tasks] #app [data-guided-intake]>header h2 {font-size:25px;color:#fff;margin:4px 0 8px}
html[data-office-route=tasks] #app [data-guided-progress] {flex-shrink:0;padding:14px 18px;border-radius:12px;background:#ffffff10;border:1px solid #ffffff20;text-align:center}
html[data-office-route=tasks] #app [data-guided-progress] strong{display:block;color:#fff;font-size:27px;line-height:1.4}
html[data-office-route=tasks] #app [data-guided-intake]>header p {color:#d0dbec;font-size:14px;line-height:1.6;margin:6px 0}
html[data-office-route=tasks] #app [data-guided-layout] {display:grid;grid-template-columns:244px minmax(0,1fr);gap:22px;align-items:start}
html[data-office-route=tasks] #app [data-guided-nav] {padding:14px;background:#f3f6fb;border:1px solid #dde5ef;border-radius:14px;min-width:0}
html[data-office-route=tasks] #app [data-guided-nav] ol {padding:0;margin:0;list-style:none;display:grid;gap:8px}
html[data-office-route=tasks] #app [data-guided-nav] {display:grid;gap:6px}
html[data-office-route=tasks] #app .guided-intake__number{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:6px;background:#e2e9f8;color:#4567a0;font-size:12px;margin-bottom:5px}
html[data-office-route=tasks] #app .guided-intake__identity{font-size:13px;padding:0 0 10px;color:#637995}
html[data-office-route=tasks] #app .guided-intake__navigation{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
html[data-office-route=tasks] #app [data-guided-step] {display:block;position:relative;text-align:left;width:100%;max-width:100%;white-space:normal;padding:13px 12px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:10px!important;color:#435a78!important;font-size:13px;line-height:1.6;cursor:pointer}
html[data-office-route=tasks] #app [data-guided-step] strong {display:block;font-size:14px;color:inherit}
html[data-office-route=tasks] #app [data-guided-step] small {display:block;font-size:12px;color:#70819a;font-weight:400}
html[data-office-route=tasks] #app [data-guided-step]:hover {background:#e9eef7!important}
html[data-office-route=tasks] #app [data-guided-step][aria-current=step] {background:#fff!important;border-color:#6984d6!important;color:#234888!important;box-shadow:0 3px 10px #214c8520!important}
html[data-office-route=tasks] #app [data-guided-step][data-guided-draft=true]::after {content:'有未保存修改';display:block;font-size:11px;color:#99611a}
html[data-office-route=tasks] #app [data-guided-intake] [data-risk-readiness] {margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0}
html[data-office-route=tasks] #app [data-guided-person] {padding:0!important;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
html[data-office-route=tasks] #app [data-guided-panel] {padding:24px;background:#fff;border:1px solid #dbe4f0;border-radius:14px;min-width:0;scroll-margin-top:20px}
html[data-office-route=tasks] #app [data-guided-panel]>header {padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #e1e8f2}
html[data-office-route=tasks] #app [data-guided-panel]>header h3,html[data-office-route=tasks] #app [data-guided-panel-heading] {margin:5px 0 8px;font-size:21px;line-height:1.4;color:#243f64}
html[data-office-route=tasks] #app [data-guided-panel]>header p {font-size:14px;color:#64758e;line-height:1.65;margin:5px 0}
html[data-office-route=tasks] #app [data-guided-panel] :is(.workflow-v3__fact,.workflow-v3__card) {box-shadow:none!important;background:#fff!important;min-width:0}
html[data-office-route=tasks] #app [data-guided-panel] .workflow-v3__fact {padding:0!important;border:0!important}
html[data-office-route=tasks] #app [data-guided-panel] [data-current-risk-report] {padding:12px 16px;background:#f4f7fc;border:1px solid #dce5f1;border-radius:10px;margin-bottom:18px}
html[data-office-route=tasks] #app [data-guided-panel] [data-current-risk-report] h4 {font-size:14px;margin:0 0 6px}
html[data-office-route=tasks] #app [data-guided-panel] [data-current-risk-report] p {font-size:13px;line-height:1.6;margin:5px 0}
html[data-office-route=tasks] #app [data-guided-panel] [data-current-risk-report] p.workflow-v3__hint {display:none}
html[data-office-route=tasks] #app .guided-intake__amount-warning,html[data-office-route=tasks] #app .guided-intake__amount-confirmed{padding:16px 18px;border:1px solid #d5dfec;border-left:4px solid #466da7;border-radius:10px;background:#f7f9fc;margin-bottom:18px}
html[data-office-route=tasks] #app .guided-intake__amount-warning strong,html[data-office-route=tasks] #app .guided-intake__amount-confirmed strong{display:block;color:#203f67;font-size:16px;margin-bottom:4px}
html[data-office-route=tasks] #app .guided-intake__amount-warning p,html[data-office-route=tasks] #app .guided-intake__amount-confirmed p{margin:4px 0;color:#61738a;line-height:1.65}
html[data-office-route=tasks] #app .guided-intake__legacy-amount{color:#8b4f16!important;font-weight:600}
html[data-office-route=tasks] #app .guided-intake__amount-form{max-width:560px}
html[data-office-route=tasks] #app .guided-intake__amount-control{display:grid;grid-template-columns:minmax(0,1fr) 70px;align-items:stretch;margin-top:8px}
html[data-office-route=tasks] #app .guided-intake__amount-control input{border-radius:8px 0 0 8px!important;border-right:0!important}
html[data-office-route=tasks] #app .guided-intake__amount-control>span{display:flex;align-items:center;justify-content:center;border:1px solid #cbd6e4;border-left:0;border-radius:0 8px 8px 0;background:#edf2f8;color:#344f6f;font-weight:700}
html[data-office-route=tasks] #app [data-financing-yuan-preview]{display:block;min-height:25px;margin:10px 0 15px;color:#1e5c48;font-size:14px;font-weight:700}
html[data-office-route=tasks] #app [data-guided-panel] .intake-account {margin:18px 0;padding:16px}
html[data-office-route=tasks] #app [data-guided-panel] .intake-account-fields {gap:14px 20px!important}
html[data-office-route=tasks] #app [data-guided-panel] .intake-instructions {display:block;margin:10px 0;padding:12px 14px 12px 26px}
html[data-office-route=tasks] #app [data-guided-panel] .intake-instructions li {margin:3px 0;min-width:0}
html[data-office-route=tasks] #app [data-guided-panel] [data-risk-confirm]>p:first-child {display:none}
html[data-office-route=tasks] #app [data-guided-panel] [data-replace-report] {margin-top:18px;border-top:1px solid #e1e8f2;padding-top:12px}
html[data-office-route=tasks] #app [data-guided-intake] :is([data-guided-next],[data-guided-prev]) {min-height:40px;padding:9px 15px;border-radius:8px;font-size:13px}
html[data-office-route=tasks] #app [data-guided-feedback] {padding:14px 18px;background:#fff7e9;border:1px solid #e9c989;border-radius:10px;color:#795719;font-size:14px;line-height:1.6}
html[data-office-route=tasks] #app [data-guided-feedback] button {margin:10px 10px 0 0;padding:8px 12px!important;font-size:13px;background:#fff!important;border:1px solid #ceb77e!important;color:#665123!important}
html[data-office-route=tasks] #app [data-guided-intake] button:focus-visible {outline:3px solid #5777d3;outline-offset:3px}
html[data-office-route=tasks] #app [data-guided-panel] [tabindex='-1']:focus {outline:none}
html[data-office-route=tasks] #app [data-guided-content] {min-width:0}
@media (max-width:1100px){html[data-office-route=tasks] #app [data-guided-layout]{grid-template-columns:205px minmax(0,1fr);gap:14px}html[data-office-route=tasks] #app [data-guided-panel]{padding:18px}}
@media (max-width:1100px){
 html[data-office-route=tasks] #app [data-guided-layout]{grid-template-columns:minmax(0,1fr)}
 html[data-office-route=tasks] #app [data-guided-nav]{padding:10px;display:flex;overflow-x:auto;scroll-snap-type:x proximity}
 html[data-office-route=tasks] #app [data-guided-step]{flex:0 0 185px;scroll-snap-align:start}
 html[data-office-route=tasks] #app [data-guided-nav] ol{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity}
 html[data-office-route=tasks] #app [data-guided-nav] li{flex:0 0 190px;scroll-snap-align:start}
 html[data-office-route=tasks] #app [data-guided-intake]>header{padding:18px;display:block}
 html[data-office-route=tasks] #app [data-guided-intake]>header h2{font-size:22px}
 html[data-office-route=tasks] #app [data-guided-panel]{padding:14px}
 html[data-office-route=tasks] #app [data-guided-panel] .intake-account{padding:10px}
 html[data-office-route=tasks] #app [data-guided-panel] .intake-account-fields{grid-template-columns:minmax(0,1fr)!important}
}
html[data-office-route=tasks] #app [data-guided-account-nav]{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
html[data-office-route=tasks] #app [data-guided-account-nav] button{padding:8px 12px!important;font-size:12px;border:1px solid #d9e2ef!important;border-radius:8px!important;background:#f6f8fc!important;color:#3f587b!important;box-shadow:none!important;white-space:normal;text-align:left;line-height:1.6}
html[data-office-route=tasks] #app [data-guided-account-nav] [aria-current=true]{background:#e9effd!important;border-color:#7894da!important;color:#22468e!important}
html[data-office-route=tasks] #app [data-guided-intake] .intake-credit-editor>h4{font-size:15px;margin:10px 0 5px}
html[data-office-route=tasks] #app [data-review-evidence]{margin:20px 0;padding:16px 20px;border:1px solid #dbe4f0;border-radius:12px;background:#f6f8fc}
html[data-office-route=tasks] #app [data-review-evidence]>summary{color:#365783;font-size:15px;font-weight:600;cursor:pointer}
html[data-office-route=tasks] #app [data-review-coverage]{border-top:1px solid #dfe7f2;margin-top:24px;padding-top:20px}
html[data-office-route=tasks] #app [data-review-coverage]>header p{color:#6a7d96;font-size:13px;margin:7px 0}
html[data-office-route=tasks] #app [data-review-coverage]>ul{padding:0;margin:16px 0;display:grid;gap:10px;list-style:none}
html[data-office-route=tasks] #app [data-review-coverage]>ul>li{display:flex;align-items:flex-start;gap:14px;background:#f7f9fc;border:1px solid #e0e7ef;padding:14px;border-radius:10px}
html[data-office-route=tasks] #app [data-review-coverage] h5{font-size:14px;color:#2d4666;margin:0 0 5px}
html[data-office-route=tasks] #app [data-review-coverage] li p{font-size:13px;color:#62758e;margin:0;line-height:1.65}
html[data-office-route=tasks] #app [data-review-coverage] .intake-coverage-level{font-size:11px;flex-shrink:0;background:#e8eef7;color:#526d93;padding:3px 7px;border-radius:5px}
html[data-office-route=tasks] #app [data-review-coverage] [data-coverage-level=required]{background:#fff9ee;border-color:#eed9b0}
html[data-office-route=tasks] #app [data-review-coverage] [data-coverage-level=required] .intake-coverage-level{background:#f8e9ca;color:#8a621d}
@media(max-width:650px){html[data-office-route=tasks] #app [data-review-coverage]>ul>li{display:block}html[data-office-route=tasks] #app [data-review-coverage] h5{margin-top:9px}}
/* Galaxy / Uiverse informed the shallow 3D press. Implementation is scoped to
   existing native controls; completion is driven by fresh report state. */
html[data-office-route=tasks] #app [data-guided-nav]{background:linear-gradient(160deg,#142e4d,#1e3c65);border-color:#294a70;padding:14px}
html[data-office-route=tasks] #app [data-guided-step]{color:#e1eafa!important;border-bottom-color:#ffffff0c!important;padding:14px 12px!important;min-height:80px}
html[data-office-route=tasks] #app [data-guided-step] small{color:#b0c3dd}
html[data-office-route=tasks] #app [data-guided-step]:hover{background:#ffffff0c!important}
html[data-office-route=tasks] #app .guided-intake__number{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#507db8,#264e85);color:#fff;box-shadow:0 3px 0 #10253e,inset 0 1px 0 #ffffff50;font-weight:700;font-size:14px}
html[data-office-route=tasks] #app [data-guided-step][aria-current=step]{background:linear-gradient(120deg,#f7faff,#e8effe)!important;border-color:#a3bff9!important;box-shadow:0 5px 0 #0d2847,0 10px 24px #031b3c55!important}
html[data-office-route=tasks] #app [data-guided-step][aria-current=step] small{color:#4e6689}
html[data-office-route=tasks] #app [data-guided-step][data-guided-status=done] .guided-intake__number{font-size:0;background:linear-gradient(145deg,#3caa95,#197562);box-shadow:0 3px 0 #0e4b44,inset 0 1px 0 #b9edcc77}
html[data-office-route=tasks] #app [data-guided-step][data-guided-status=done] .guided-intake__number::after{content:'✓';font-size:19px}
html[data-office-route=tasks] #app [data-guided-step][data-guided-draft=true]::after{color:#ffcf87}
html[data-office-route=tasks] #app [data-guided-step][aria-current=step][data-guided-draft=true]::after{color:#805015}
html[data-office-route=tasks] #app .guided-intake__mission{padding:18px 20px;border-left:4px solid #557aca;border-radius:0 12px 12px 0;background:#edf3fd;margin:0 0 24px}
html[data-office-route=tasks] #app .guided-intake__mission>strong{font-size:16px;color:#233f6b}
html[data-office-route=tasks] #app .guided-intake__mission ol{padding:0;margin:12px 0 0;list-style:none;counter-reset:mission;display:grid;gap:6px}
html[data-office-route=tasks] #app .guided-intake__mission li{counter-increment:mission;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;font-size:14px;line-height:1.6;min-height:38px}
html[data-office-route=tasks] #app .guided-intake__mission li::before{content:counter(mission);display:inline-grid;place-items:center;flex:0 0 24px;height:24px;margin-top:6px;border:1px solid #a7bcdd;border-radius:50%;font-size:12px;color:#385b91}
html[data-office-route=tasks] #app [data-guided-go]{background:transparent!important;border:0!important;box-shadow:none!important;color:#224e93!important;padding:6px 0!important;white-space:normal;text-align:left;line-height:1.6;font-size:14px;min-height:38px}
html[data-office-route=tasks] #app [data-guided-go]:hover,html[data-office-route=tasks] #app .guided-intake__material-link:hover{text-decoration:underline}
html[data-office-route=tasks] #app .guided-intake__material-link{color:#224e93;font-weight:600;padding:6px 0}
html[data-office-route=tasks] #app .guided-intake__submit-heading{font-size:16px;font-weight:700;color:#274978;margin-top:24px}
html[data-office-route=tasks] #app [data-guided-panel] .workflow-v3__confirmation{position:sticky;bottom:12px;z-index:2;background:#f7faff;border:1px solid #c9d8f1;border-radius:12px;padding:16px;box-shadow:0 8px 24px #1e3b6420;display:flex;align-items:center;gap:16px;justify-content:space-between}
html[data-office-route=tasks] #app [data-guided-panel] .workflow-v3__confirmation>button{min-height:44px;min-width:145px;background:linear-gradient(140deg,#355fa4,#294982)!important;color:#fff!important;border:1px solid #7595c7!important;box-shadow:0 4px 0 #172f55,0 7px 14px #203e7620!important;border-radius:9px;cursor:pointer}
html[data-office-route=tasks] #app [data-guided-panel] .workflow-v3__confirmation>button:disabled{opacity:.65;cursor:wait}
html[data-office-route=tasks] #app .guided-intake__done,html[data-office-route=tasks] #app .guided-intake__completion{display:flex;align-items:center;gap:20px;padding:20px 26px;border:1px solid #a5c8bd;border-radius:14px;margin-bottom:22px;background:#edf8f2;color:#245c4f;position:relative;overflow:hidden}
html[data-office-route=tasks] #app .guided-intake__seal{display:grid;place-items:center;flex:0 0 54px;height:54px;font-size:30px;color:#f4fff9;background:linear-gradient(135deg,#90d3b4 0%,#408b75 42%,#1e584c 100%);border:2px solid #bddfc9;border-radius:17px;box-shadow:0 4px 0 #173e36,0 8px 18px #244d3633,inset 0 1px 4px #ffffff88}
html[data-office-route=tasks] #app .guided-intake__completion{background:linear-gradient(110deg,#122c3d,#1f454d 65%,#183944);border-color:#639890;color:#f2fbf7;box-shadow:0 10px 28px #163d5126}
html[data-office-route=tasks] #app .guided-intake__completion strong{font-size:20px;letter-spacing:2px;color:#f0fff4}
html[data-office-route=tasks] #app .guided-intake__completion p,html[data-office-route=tasks] #app .guided-intake__done p{margin:6px 0 0;font-size:13px;line-height:1.6;color:inherit}
html[data-office-route=tasks] #app .guided-intake__completion::after{content:'';position:absolute;inset:-50% auto -50% -50%;width:25%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#d6ffe63b,transparent);pointer-events:none;opacity:0}
html[data-office-route=tasks] #app [data-guided-panel] [tabindex='-1']:focus-visible{outline:3px solid #7896d8;outline-offset:4px}
@media(max-width:650px){html[data-office-route=tasks] #app [data-guided-panel] .workflow-v3__confirmation{position:static;display:grid}html[data-office-route=tasks] #app .guided-intake__mission{padding:14px 12px}html[data-office-route=tasks] #app .guided-intake__completion{padding:18px;gap:14px}}
@media(prefers-reduced-motion:no-preference){
 html[data-office-route=tasks] #app [data-guided-step]{transition:background-color .16s,border-color .16s,transform .16s}
 html[data-office-route=tasks] #app [data-guided-step]:active{transform:translateY(2px)}
 html[data-office-route=tasks] #app [data-guided-panel]:not([hidden])>.guided-intake__mission{animation:guided-mission-enter .24s ease-out both}
 html[data-office-route=tasks] #app [data-guided-panel] .workflow-v3__confirmation>button{transition:transform .13s,box-shadow .13s}
 html[data-office-route=tasks] #app [data-guided-panel] .workflow-v3__confirmation>button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #172f55!important}
 html[data-office-route=tasks] #app .guided-intake__completion{animation:guided-complete-enter .42s cubic-bezier(.18,.78,.22,1) both}
 html[data-office-route=tasks] #app .guided-intake__completion .guided-intake__seal{animation:guided-seal-enter .65s cubic-bezier(.2,.7,.25,1) both}
 html[data-office-route=tasks] #app .guided-intake__completion::after{animation:guided-complete-sweep .9s .2s ease-out both}
}
@keyframes guided-mission-enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes guided-complete-enter{from{opacity:0;transform:perspective(700px) rotateX(-7deg) translateY(10px)}to{opacity:1;transform:none}}
@keyframes guided-seal-enter{0%{transform:perspective(420px) rotateY(-75deg) scale(.7)}65%{transform:perspective(420px) rotateY(8deg) scale(1.06)}100%{transform:none}}
@keyframes guided-complete-sweep{0%{left:-35%;opacity:0}20%{opacity:1}100%{left:130%;opacity:0}}
html[data-office-motion=off] #app [data-guided-intake] *,html[data-office-motion=off] #app [data-guided-intake] *::after{animation:none!important;transition:none!important}
html[data-office-motion=off] #app [data-guided-intake] button:active{transform:none!important}
html[data-office-route=tasks] #app .statement-review__source {padding:16px 0;border-top:1px solid #dbe4f0}
html[data-office-route=tasks] #app .statement-review__source>strong {display:block;font-size:14px;color:#2d4666;margin-bottom:10px}
html[data-office-route=tasks] #app .statement-review__actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
html[data-office-route=tasks] #app .statement-review__actions :is(a,button) {min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:left;line-height:1.5;font-size:14px!important}
html[data-office-route=tasks] #app .statement-review__actions .statement-review__report {padding:10px 16px!important;border:1px solid #214e78!important;border-radius:8px!important;background:#214e78!important;color:#fff!important;text-decoration:none;box-shadow:none!important}
html[data-office-route=tasks] #app .statement-review__actions .statement-review__report:hover {background:#193e63!important}
html[data-office-route=tasks] #app .statement-review__report:focus-visible {outline:3px solid #7596db;outline-offset:3px}
html[data-office-route=tasks] #app .statement-review__new-window {font-size:12px;margin-left:4px}
html[data-office-route=tasks] #app .statement-review__unavailable {color:#795719;font-size:13px;line-height:1.6}
html[data-office-route=tasks] #app .guided-intake__report-ready {padding:16px 20px;margin-bottom:20px;border-left:4px solid #557aca;background:#edf3fd;color:#233f6b}
html[data-office-route=tasks] #app .guided-intake__report-ready .guided-intake__seal {display:none}
html[data-office-route=tasks] #app .guided-intake__report-ready p {margin:6px 0 0;font-size:13px}

/* ROUTE_SURFACE_ENHANCEMENT_START */
/* Secondary funder surfaces: a calmer control-room frame around existing
   tables and audit forms. This is presentation-only; data-screen is excluded
   and all controls keep their native hit areas and event bindings. */
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center {
  background:
    radial-gradient(circle at 88% 4%, rgb(77 103 178 / 10%), transparent 26rem),
    linear-gradient(145deg, #f4f7fc, #eef3f9 62%, #f7f9fc);
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .countent-box,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .content-box {
  position: relative;
  gap: 14px;
  padding: 18px 22px 28px;
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-header {
  position: relative;
  overflow: hidden;
  min-height: 92px;
  margin: 0;
  padding: 20px 24px;
  border: 1px solid #b9cbe4;
  border-radius: 18px;
  background:
    radial-gradient(ellipse at 80% -60%, #5d6eaa 0, transparent 64%),
    linear-gradient(115deg, #152f50, #294570 60%, #364d88);
  box-shadow: 0 16px 34px rgb(27 55 93 / 12%), inset 0 1px rgb(226 236 255 / 18%);
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-header::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  right: -72px;
  bottom: -150px;
  border: 1px solid rgb(199 216 255 / 26%);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgb(190 210 255 / 7%), 0 0 0 36px rgb(190 210 255 / 5%);
  pointer-events: none;
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-title {
  position: relative;
  z-index: 1;
  color: #f6f9ff !important;
  font-size: 23px !important;
  letter-spacing: .02em;
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-title::before {
  width: 4px !important;
  height: 28px !important;
  margin-right: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(#9db9ff, #78e0d0) !important;
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-header button,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-header .add-btn {
  position: relative;
  z-index: 1;
  border: 1px solid rgb(225 236 255 / 34%) !important;
  border-radius: 10px !important;
  background: rgb(255 255 255 / 12%) !important;
  box-shadow: inset 0 1px rgb(255 255 255 / 18%), 0 8px 18px rgb(7 25 55 / 18%);
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .list-wrapper,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .detail-layout,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .search-card {
  border: 1px solid #d3dfef !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgb(34 63 103 / 7%), inset 0 1px #fff !important;
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .list-wrapper {
  overflow: hidden;
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .list-wrapper .thead .tr,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .list-wrapper .pagination {
  background: #f4f7fc !important;
}
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center button:focus-visible,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center a:focus-visible,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center input:focus-visible,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center select:focus-visible,
html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center textarea:focus-visible {
  outline: 3px solid #4c79df !important;
  outline-offset: 3px;
}
@media (max-width: 720px) {
  html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .countent-box,
  html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .content-box {
    padding: 12px 14px 20px;
  }
  html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-header {
    min-height: 78px;
    padding: 16px 18px;
    border-radius: 15px;
  }
  html[data-review-theme="business"]:not(:has(.data-screen)) .manage-center .page-title {
    font-size: 20px !important;
  }
}
/* ROUTE_SURFACE_ENHANCEMENT_END */