/* BANNER_20261020: shared readable logo and right-aligned local date/time. */
.application-header .title-bar {gap:1rem;min-width:0;flex-wrap:wrap}
.application-header .title-bar .rfd-logo,.fitsm-application-frame .application-header .title-bar .rfd-logo {display:block;position:relative;width:220px;height:106px;overflow:hidden;flex:0 0 220px;mix-blend-mode:multiply}
.application-header .title-bar .rfd-logo img,.fitsm-application-frame .application-header .title-bar .rfd-logo img {position:absolute;width:398px;height:auto;max-width:none;left:-103px;top:-46px}
.application-header .title-bar .demo-platform-title {flex:1;min-width:9rem}
.application-header .title-bar .session-clock {margin-left:auto;gap:.75rem;justify-content:flex-end}
.banner-date-time {display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;white-space:nowrap;margin-left:auto}
.title-bar>.fitsm-space-tools,.title-bar>.welcome-public-gear {margin-left:1rem;margin-right:.5rem;flex-shrink:0}
.welcome-signout {margin:0}.welcome-signout button {width:100%;border:0;cursor:pointer;background:transparent;text-align:left;font:inherit}
body .welcome-controlled-footer,body .welcome-controlled-footer * {font-size:9pt!important}
.welcome-controlled-footer {text-align:right;padding:3px 8px;border-top:1px solid #c8d6db;background:#f5f8f8;color:#425965;flex-shrink:0}
@media(max-width:600px){.application-header .title-bar .demo-platform-title {flex-basis:calc(100% - 260px)}.application-header .title-bar .session-clock {margin-left:auto}}

/* LOGO_TAIL_20261020: keep the complete visible mark while allowing its tail
   below the public header. Clip only the original raster's surrounding margin,
   not the cloud or tail; the shorter layout box recovers working-pane height. */
.fitsm-application-frame .application-header .title-bar .rfd-logo {height:64px;overflow:visible;z-index:1}
.fitsm-application-frame .application-header .title-bar .rfd-logo img {clip-path:inset(46px 75px 18px 103px);pointer-events:none}
.fitsm-application-frame .service-navigation {padding-top:2.5rem;background:#abc5d9}

/* MENU_OPACITY_20261028: only the logo may blend. Blending the complete
   header also blends open menus with pane text and makes commands unreadable. */
.fitsm-application-frame .application-header {mix-blend-mode:normal}

/* LOGO_SEAM_20261020: one continuous banner/service-rail surface, with no
   horizontal border passing behind the overhanging mark. Pane headers own
   their own borders, so application frame boundaries remain clear. */
.fitsm-application-frame .application-header {border-bottom:0}
.fitsm-application-frame .application-header .title-bar {border-bottom:0}
.fitsm-application-frame .service-navigation {border-top:0}

/* Shell identity belongs to the blue status bar, without a separate white tile. */
.fitsm-application-frame .status-bar>.welcome-controlled-footer {background:transparent;border-top:0}

/* User-selected banner title typography; all application controls retain Verdana. */
.fitsm-application-frame .application-header .title-bar .demo-platform-title {font-family:"Comic Sans MS","Comic Sans",cursive!important;font-size:20px!important;line-height:1.3}

/* Welcome's rounded shoulder leaves visual space for the overhanging logo. */
.fitsm-application-frame [data-workspace] {background:#abc5d9}
.fitsm-application-frame .primary-pane {border-top-left-radius:48px}
.fitsm-application-frame .primary-pane>.pane-title-bar {border-top-left-radius:46px;padding-left:2rem}

/* WELCOME_OUTSIDE_CORNERS_20261020: clip the whole pane, including sticky
   header backgrounds and inset shadows, so no square ghost remains outside
   the rounded silhouette. Inside edges at the divider remain square. */
.fitsm-application-frame .primary-pane {border-radius:48px 0 0 48px;clip-path:inset(0 round 48px 0 0 48px);box-shadow:none}
.fitsm-application-frame .options-pane {border-radius:0 48px 48px 0;clip-path:inset(0 round 0 48px 48px 0);box-shadow:none}
.fitsm-application-frame .options-pane>.pane-title-bar {border-top-right-radius:46px;padding-right:2rem}
.fitsm-application-frame .primary-pane>.welcome-controlled-footer {border-bottom-left-radius:46px}
.fitsm-application-frame .options-pane>.welcome-controlled-footer {border-bottom-right-radius:46px;padding-right:1.5rem}

/* SHARED_CHROME_20261020: all applications share Welcome's chrome. Private
   menus reserve the logo footprint so its full tail never covers commands. */
.fitsm-application-frame .menu-bar {padding-left:15rem;background:#abc5d9}
.fitsm-application-frame>.fitsm-form-id {background:#a9c4d9}
.fitsm-application-frame .workspace-with-navigation {grid-template-columns:clamp(16rem,18%,19rem) minmax(0,var(--left-pane-width)) .38rem minmax(0,1fr)}
.fitsm-application-frame .service-link {flex-direction:row;text-align:left;overflow-wrap:normal;word-break:normal}
.fitsm-application-frame .service-link>span:last-child {min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal}
@media(max-width:50rem){
 .fitsm-application-frame .workspace-with-navigation {grid-template-columns:14rem minmax(0,var(--left-pane-width)) .38rem minmax(0,1fr)}
}
@media(max-width:34rem){
 .fitsm-application-frame .workspace.workspace-with-navigation {grid-template-columns:12rem minmax(0,1fr);grid-template-rows:minmax(7rem,30%) minmax(0,1fr)}
 .fitsm-application-frame .primary-pane {border-radius:48px 0 0 0;clip-path:inset(0 round 48px 0 0 0)}
 .fitsm-application-frame .options-pane {border-radius:0 0 48px 0;clip-path:inset(0 round 0 0 48px 0)}
}

/* Platform totals live in Growth & Controls, never in the service navigation. */
.growth-controls~.admin-metrics,#platform-growth .admin-metrics {border:1px solid #91a8ba;border-radius:8px;padding:1rem;margin-bottom:1.5rem;background:#f5f8fa}
#platform-growth .metric-row {padding:.65rem 0;grid-template-columns:minmax(0,1fr) auto}
#platform-growth .metric-row svg {height:50px}
#platform-growth .metrics-controls {max-width:24rem;gap:.5rem}

/* FRAME_SCROLL_20261020: fixed rounded chrome, scrolling content only. Low
   specificity preserves specialist Wiki/Brainstorming/Story canvas viewports. */
.fitsm-application-frame .workspace-pane {display:flex;flex-direction:column;min-height:0;overflow:hidden}
:where(.fitsm-application-frame) .workspace-pane>.pane-title-bar {position:relative;top:auto;flex-shrink:0}
:where(.fitsm-application-frame) .workspace-pane>.pane-content {flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}
:where(.fitsm-application-frame) .workspace-pane>footer,
:where(.fitsm-application-frame) .workspace-pane>.pane-toolbar {flex-shrink:0}

/* LOGO_44_20261029: approved white speech cloud, burgundy cursive RfD and original
   two-line name. Transparent outer canvas replaces the old cropped white sheet.
   Keep the existing overhang/rail footprint; white fill must never multiply
   against the blue header. Rendered lettering has no client-font dependency. */
.fitsm-application-frame .application-header .title-bar .rfd-logo {mix-blend-mode:normal;z-index:auto}
.fitsm-application-frame .application-header .title-bar .rfd-logo::before {content:none}
.fitsm-application-frame .application-header .title-bar .rfd-logo img {width:220px;height:auto;left:0;top:0;clip-path:none;mix-blend-mode:normal}