/* Fullcheck: keep creation controls reachable at narrow widths. */
.app-shell .detail-topbar{display:flex;flex-wrap:nowrap;min-width:0;gap:4px}
.app-shell .detail-topbar .topbar-title{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell .detail-topbar>.icon-button{flex:0 0 40px;width:40px;min-width:40px}
.app-shell .detail-topbar>.text-topbar-action{position:static;flex:0 0 auto;min-width:72px;white-space:nowrap;margin-left:0;padding:0 6px;z-index:1}
.gc-refine{border-top:1px solid var(--line,#e0e5e2);padding-top:8px}
.gc-refine-body{padding-top:8px}
#smart-customer .section-head{gap:12px;align-items:center}
#smart-customer .section-head .inline-button{flex-shrink:0;min-height:44px}
/* Creation's shared header uses a 48px icon column; text actions need their own width. */
.creation-entry .creation-appbar{grid-template-columns:48px minmax(0,1fr) auto}
.creation-entry .creation-appbar [data-save-creation-draft]{min-width:72px;margin-left:0;justify-self:end;white-space:nowrap}
.creation-entry .creation-appbar .flow-title-button{min-width:0;max-width:100%;overflow:hidden}
.creation-entry .creation-appbar .flow-title-button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creation-entry .creation-appbar .flow-title-button svg{flex-shrink:0}
.creation-entry .creation-appbar .flow-appbar-spacer{width:48px}