/* This stylesheet is loaded only by the brand management dashboard. */
@media screen {
 .workspace-date,.workspace-primary-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
 .workspace-date label{display:grid;gap:5px;margin:0}
 .workspace-primary-actions{margin:14px 0}
 .workspace-today{margin:0 0 20px}
 #workspaceTools{margin:0;min-width:0}
 #workspaceTools>summary{cursor:pointer;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;font-weight:600}
 #workspaceToolsBody{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px;align-items:center}
 #workspaceTools:not([open])>#workspaceToolsBody{display:none}
}
@media screen and (max-width:760px) {
 html body[data-role] main>header:has(#workspaceTools){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;padding:12px!important;min-height:0!important;margin-bottom:12px!important}
 html body[data-role] main>header>#ml-menu-toggle{grid-column:1;grid-row:1;margin:0!important;padding:8px!important}
 html body[data-role] main>header>div:has(#heading){grid-column:1/-1;grid-row:2}
 html body[data-role] main>header #heading{font-size:21px!important;margin:4px 0!important;line-height:1.35}
 html body[data-role] main>header #identity{margin:4px 0!important;font-size:13px}
 html body[data-role] main>header>#workspaceTools{grid-column:2;grid-row:1;justify-self:end}
 html body[data-role] main>header>#workspaceTools[open]{grid-column:1/-1;grid-row:3;justify-self:stretch}
 html body[data-role] #workspaceToolsBody :is(button,a){width:auto!important;margin:0!important}
 html body[data-role] .workspace-today{padding:12px!important;margin:0 0 12px!important}
 html body[data-role] .workspace-date{align-items:center;flex-wrap:nowrap}
 html body[data-role] .workspace-date label{min-width:0;flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center}
 html body[data-role] .workspace-primary-actions{gap:6px;margin:10px 0}
 html body[data-role] .workspace-primary-actions .button{flex:1;text-align:center;padding:10px 8px!important;font-size:14px;line-height:1.4}
 html body[data-role] #summary .ml-stat-grid{gap:8px}
 html body[data-role] #summary .ml-stat{padding:12px!important}
 html body[data-role] #summary .ml-stat p{margin-bottom:0;font-size:12px}
 html body[data-role] #ml-workspace-hero{min-height:0!important;padding:14px!important}
 html body[data-role] #ml-workspace-hero h2{font-size:19px!important}
 html body[data-role] #ml-workspace-hero p{font-size:13px!important}
}

@media screen {.workspace-primary-actions [hidden]{display:none!important}}