/* A common page heading, including pages without workspace search/filter state. */
.content .page-heading { display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-width:0;margin:0 0 8px; }
.page-heading-title { flex:1;min-width:0; }
.content .page-heading h1 { margin:0;font-size:24px;line-height:1.2;letter-spacing:-.5px;overflow-wrap:anywhere; }
.page-heading-actions { flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:50%; }
.page-heading-actions:empty { display:none; }
.content .page-heading .btn { margin:0; }
.content .page-heading .btn-primary { background:#2563eb;color:#fff;border-color:#2563eb; }
.content .page-heading .workspace-icon-button,.page-heading-help .workspace-icon-button { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:38px;min-height:38px;padding:7px;font-size:20px; }
.page-heading-help { box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce3ed;border-radius:10px;padding:16px;color:#334155;background:white;box-shadow:0 8px 28px #0f172a26;font:14px/1.5 system-ui,sans-serif;overflow-wrap:anywhere; }
.page-heading-help::backdrop { background:#0f172a20; }
.page-heading-help > button:first-child { float:right;margin-left:10px; }
.page-heading-help p { margin:0; }
.page-heading-help label { display:grid;gap:8px; }
.page-heading-help input[type=file] { max-width:100%; }
.page-heading-help form { display:grid;gap:12px; }
.page-heading-help details { margin-top:12px; }
.page-heading :is(button,a,summary):focus-visible,.page-heading-help :is(button,input,summary):focus-visible { outline:3px solid #93c5fd;outline-offset:2px; }
.page-heading + .workspace-controls { margin:8px 0 12px; }
.workspace-page .workspace-controls { margin:8px 0 12px; }
.workspace-controls .workspace-summary { grid-column:1/-1; }
.workspace-page .workspace-completed-toggle { position:relative;flex:none;margin:0;cursor:pointer; }
.workspace-page .workspace-completed-toggle:has(:checked) { background:#eff6ff;color:#1d4ed8;border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb; }
.workspace-compact-toolbar { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px;min-width:0; }
.workspace-compact-toolbar label { margin:0;display:flex;align-items:center;gap:8px;min-width:0; }
.workspace-compact-toolbar select { max-width:100%;min-width:0; }
@media(max-width:900px) {
 .page-heading-actions { max-width:55%; }
}
@media(max-width:768px), (pointer:coarse) {
 .content .page-heading { gap:6px;align-items:flex-start; }
 .content .page-heading h1 { font-size:22px; }
 .content .page-heading .workspace-icon-button,.page-heading-help .workspace-icon-button { min-width:44px;min-height:44px; }
 .content .page-heading .btn,.workspace-page .workspace-toolbar :is(.btn,input[type=search],select) { min-height:44px;height:auto; }
 .page-heading-actions { gap:6px; }
 .content .page-heading:has(.page-heading-actions > .btn ~ .btn ~ .btn) { flex-wrap:wrap; }
 .page-heading:has(.page-heading-actions > .btn ~ .btn ~ .btn) .page-heading-title { flex-basis:calc(100% - 60px); }
 .page-heading:has(.page-heading-actions > .btn ~ .btn ~ .btn) .page-heading-actions { max-width:100%;margin-left:auto; }
 .workspace-compact-toolbar label { flex-wrap:wrap; }
}
