/* Media's header is the reference for platform directory titles and controls.
   Page styles own their contents; header dimensions and spacing live here. */
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper {position:relative;flex:none;padding:0;margin:0;border:0;box-sizing:border-box;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper>.stat-drilldown {display:flex;align-items:center;flex:none;flex-direction:row;gap:0;width:100%;height:auto;min-height:50px;max-height:none;margin:0;padding:0 0 0 20px;border:0;border-bottom:var(--layoutBorderWidth) solid var(--layoutBorderColor);box-sizing:border-box;font-size:12px;line-height:1.5;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .drilldown-label {display:flex;flex:none;align-items:center;align-self:center;min-width:0;width:auto;margin:0;padding:10px 30px 10px 10px;box-sizing:border-box;font-weight:600;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .summary-header {display:block;width:auto;min-width:0;margin:0;padding:0;border:0;background:transparent;font:inherit;line-height:inherit;white-space:nowrap;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .tabs-header {display:flex;align-items:center;flex:1;gap:8px;min-width:0;width:auto;margin:0;padding:0;overflow:visible;box-sizing:border-box;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper :is(.stat-header.enhanced,.actions) {display:flex;align-items:center;gap:6px;min-width:0;padding:0;margin:0;border:0;box-sizing:border-box;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper :is([tab-for],.directory-tab) {display:inline-flex;align-items:center;gap:6px;height:auto;min-height:0;padding:5px 10px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;white-space:nowrap;cursor:pointer;box-sizing:border-box;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper :is([tab-for],.directory-tab).active {background:var(--activeItemBackground);color:var(--activeItemColor);}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .icons {display:flex;align-items:center;justify-content:flex-end;flex:none;gap:0;margin:0 10px 0 auto;padding:0;box-sizing:border-box;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .tabs-header a {box-sizing:border-box;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .tabs-header .icons .new-button {display:inline-flex;align-items:center;justify-content:center;gap:7px;width:30px;min-width:30px;height:30px;min-height:30px;margin-block:0;padding:8px 10px;white-space:nowrap;font-size:12px;line-height:1.5;box-sizing:border-box;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .tabs-header .icons .new-button:has(span) {width:auto;}
.app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper .icons .directory-header-select {box-sizing:border-box;flex:0 0 auto;width:auto;min-width:120px;height:34px;min-height:34px;margin:0 0 0 10px;padding:0 30px 0 10px;border:var(--layoutBorderWidth) solid var(--layoutBorderColor);border-radius:9px;background-color:var(--inputBackground);color:var(--foreColor);font:inherit;font-size:12px;line-height:1.5;cursor:pointer;}
.app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper .icons .directory-header-select:focus-visible {outline:0;border-color:var(--activeLabelColor);box-shadow:0 0 0 3px color-mix(in srgb,var(--activeLabelColor) 14%,transparent);}
.app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper .icons:has(>.directory-header-select) {min-width:0;}
.app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper .icons:has(>.directory-header-select)>div {min-width:0;flex-shrink:1;}
.app .content-body .frame:is(.platform-directory,.media-frame) :is(.frame-main,.media-library-panel)>.drilldown-wrapper .sequence-intro {margin:0;color:var(--subColor);font-size:12px;}
@media(max-width:1023px) {
 .app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper>.stat-drilldown {flex-wrap:wrap;}
 .app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper .tabs-header {flex-wrap:wrap;}
 .app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper .actions {overflow-x:auto;max-width:100%;}
 .app .content-body .frame.platform-directory>.frame-main>.drilldown-wrapper .icons {max-width:100%;}
}
