/* Approved top navigation, scoped to the application header. */
.app-header { height:auto; min-height:80px; padding:8px 28px; gap:12px 22px; flex-wrap:wrap; justify-content:flex-start; }
.app-header .brand { gap:8px; }
.app-header .brand-mark { width:40px; height:40px; }
.app-header .brand-wordmark { font-size:23px; }
.app-header .header-links { width:auto; min-width:0; gap:4px; margin-inline:0; align-items:center; }
.app-header .header-primary { justify-content:flex-start; flex-wrap:wrap; }
.app-header .header-personal { margin-inline-start:auto; justify-content:flex-end; flex-wrap:wrap; }
.app-header .header-links .text-button { position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 9px; border:0; border-radius:6px; background:transparent; font-size:14px; font-weight:400; color:#4c586a; white-space:nowrap; text-align:start; touch-action:manipulation; }
.app-header .header-links .text-button:hover { color:#2855d9; background:#f3f6fc; }
.app-header .header-links .text-button[aria-current=page] { color:#2855d9; font-weight:550; }
.app-header .header-links .text-button[aria-current=page]::after { content:''; position:absolute; inset-inline:9px; bottom:0; height:2px; background:#2855d9; border-radius:1px; }
.app-header .header-personal .language-picker { margin-inline-start:8px; }
.app-header .header-personal .language-picker select { max-width:116px; }
.workspace-finish-actions { margin-top:24px; padding-top:18px; border-top:1px solid #dce2eb; display:flex; justify-content:flex-end; }
.workspace-finish-actions>.button { max-width:100%; white-space:normal; text-align:start; }
.workspace-finish-confirm { margin-top:16px; padding:18px; background:#f8faff; border:1px solid #dce2eb; border-radius:12px; }
.workspace-finish-confirm p { font-size:14px; color:#52627a; margin:0 0 16px; }
.workspace-finish-confirm .dialog-actions { margin:0; }
.workspace-finish-confirm [data-workspace-finish-confirm] { color:#a52d38; border-color:#e4b9bf; }
.workspace-finish-confirm[hidden] { display:none; }
@media(max-width:1100px){.app-header{padding-inline:20px;gap:8px 12px}.app-header .header-links .text-button{font-size:13px;padding-inline:7px}.app-header .brand-wordmark{font-size:21px}.app-header .brand-mark{width:36px;height:36px}}
@media(max-width:900px){.app-header{padding:12px 20px;align-items:center}.app-header .header-primary{order:3;width:100%;border-top:1px solid #e7ebf1;padding-top:6px}.app-header .header-personal{order:2}.app-header .header-links .text-button{font-size:14px}.app-header .header-primary .text-button{min-height:44px}.app-header .brand{min-height:44px}}
@media(max-width:560px){.app-header{padding:12px 16px;gap:6px 12px}.app-header .brand{width:100%;min-height:44px}.app-header .header-personal{width:100%;margin:0;justify-content:space-between;gap:4px}.app-header .header-personal .text-button{font-size:12px;white-space:normal;max-width:calc(50% - 48px);overflow-wrap:anywhere}.app-header .header-personal .language-picker{margin:0;padding-inline:6px;gap:4px}.app-header .header-personal .language-picker select{max-width:91px;font-size:12px}.app-header .header-primary{justify-content:space-between;gap:2px}.app-header .header-primary .text-button{font-size:13px;white-space:normal;flex:1;overflow-wrap:anywhere}.workspace-finish-actions{justify-content:flex-start}}