/* Section launcher and a horizontal workspace navigation, without a sidebar. */
.workspace{min-height:100vh}
.workspace-header{background:#fcfdf9;border-bottom:1px solid var(--line)}
.workspace-header-inner{max-width:1680px;margin:auto;padding:22px 36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.workspace-brand{display:flex;align-items:center;gap:15px;border:0;background:transparent;text-align:start;padding:0;min-height:60px}
.workspace-brand img{width:64px;height:64px;border-radius:50%;object-fit:contain;background:white}
.workspace-brand strong{display:block;font-size:27px;line-height:1.4}
.workspace-brand small{display:block;font-size:16px;font-weight:400;color:var(--muted);margin-top:3px}
.workspace-logos{display:flex;gap:13px;align-items:center}
.workspace-logos img{width:60px;height:60px;object-fit:contain;border-radius:50%;background:white}
.workspace-controls{margin-inline-start:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.workspace-controls .saved{font-size:16px}
.workspace-controls .save-status{display:inline-flex;align-items:center;line-height:1.6;max-width:340px}
.save-status.saving{color:#826824}
.save-status.saved{color:#28704f}
.save-status.error{color:#a13f34;font-weight:600}
#retry-save[hidden]{display:none}
.workspace-signout{padding:10px 14px;font-size:17px}
.workspace-tabs{border-top:1px solid #e6ebe5;background:#f3f6ef}
.workspace-tabs-inner{max-width:1680px;margin:auto;display:flex;gap:8px;padding:12px 36px;overflow-x:auto;scrollbar-width:thin}
.workspace-tabs button{display:flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:7px;padding:12px 18px;font-size:18px;font-weight:500;color:#526e74}
.workspace-tabs button:hover{background:#e7eee6}
.workspace-tabs button.active{background:var(--navy);color:white;border-color:var(--navy);font-weight:650}
.workspace-tabs .nav-icon{font-size:22px;width:23px}
.workspace-main>.content{max-width:1560px;margin:0 auto;padding:38px 36px}
.launcher{max-width:1000px;margin:24px auto 55px}
.launcher-title{margin-bottom:30px}
.launcher-title h1{font-size:40px;line-height:1.5;margin:0}
.launcher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.launcher-button{min-height:148px;border:1px solid #d2ded7;background:white;border-radius:10px;padding:30px;display:flex;align-items:center;gap:24px;text-align:start;transition:border-color .15s,background .15s,transform .15s}
.launcher-button:hover{background:#eef5ef;border-color:#67958c;transform:translateY(-2px)}
.launcher-button:focus-visible{outline:3px solid #78aaa2;outline-offset:4px}
.launcher-button:last-child{grid-column:1/-1}
.launcher-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:12px;background:#e7f0e9;color:#17696c;font-size:34px;flex-shrink:0}
.launcher-button:nth-child(2) .launcher-icon{background:#f8efd5;color:#927522}
.launcher-button:nth-child(3) .launcher-icon{background:#e7edf6;color:#4d6d99}
.launcher-button:nth-child(4) .launcher-icon{background:#efe6ee;color:#8f668e}
.launcher-button strong{font-size:25px;line-height:1.6;font-weight:600}
.launcher-arrow{font-size:26px;margin-inline-start:auto;color:#6d8c86}
html[dir=rtl] .launcher-arrow{transform:rotate(180deg)}
.workspace .page-heading{margin-bottom:30px}
@media(max-width:1100px){.workspace-header-inner{gap:18px;padding:20px 25px}.workspace-controls{width:100%;margin-inline-start:0}.workspace-tabs-inner{padding-inline:25px}.workspace-main>.content{padding:30px 25px}.workspace-logos{margin-inline-start:auto}}
@media(max-width:720px){.workspace-header-inner{padding:18px 16px;gap:16px}.workspace-brand{gap:11px}.workspace-brand img{width:49px;height:49px}.workspace-brand strong{font-size:24px}.workspace-brand small{font-size:16px}.workspace-logos{gap:8px}.workspace-logos img{width:44px;height:44px}.workspace-controls{gap:9px}.workspace-controls button{font-size:17px}.workspace-controls .saved{width:100%}.workspace-tabs-inner{padding:11px 16px;gap:6px}.workspace-tabs button{font-size:17px;padding:11px 14px}.workspace-main>.content{padding:25px 16px}.launcher{margin:8px auto 30px}.launcher-title{margin-bottom:22px}.launcher-title h1{font-size:32px}.launcher-grid{grid-template-columns:minmax(0,1fr);gap:14px}.launcher-button{min-height:112px;padding:22px;gap:18px}.launcher-button:last-child{grid-column:auto}.launcher-icon{width:56px;height:56px;font-size:30px}.launcher-button strong{font-size:23px}}
@media(max-width:420px){.workspace-brand small{max-width:165px}.workspace-logos img{width:37px;height:37px}.workspace-header-inner{gap:12px}.workspace-brand img{width:44px;height:44px}}
/* Allow the grid to shrink to the viewport rather than the form's preferred width. */
.login{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.login-story,.login-form,.login-box{min-width:0}
.login-marks img{max-width:100%}
.workspace-main,.panel,.two-col>*,.form-grid>*,.actions{min-width:0}
@media(max-width:720px){
 .login{grid-template-columns:minmax(0,1fr);min-height:100svh}
 .login-marks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);max-width:347px;gap:10px;align-items:center}
 .login-marks img,.login-marks img:nth-child(2){width:100%;height:auto;aspect-ratio:1;justify-self:center}
 .login-box{width:100%;max-width:420px}
 .login-story>*,.workspace-brand>span,.launcher-button strong{min-width:0;overflow-wrap:anywhere}
 .launcher-button{gap:12px;padding:18px}
 .launcher-arrow{flex-shrink:0}
 .toolbar>.actions{width:100%}
 .toolbar input,.toolbar select{width:100%;max-width:100%}
 .field input,.field select,.field textarea{width:100%;max-width:100%}
 .modal-actions{flex-wrap:wrap}
 dialog{padding:22px 18px;max-height:90svh}
 dialog input[type=file]{max-width:100%;width:100%}
 #toast{inset-inline:16px;bottom:16px;max-width:none;overflow-wrap:anywhere}
 .option-card>div,.workspace-controls .save-status{min-width:0;max-width:100%;overflow-wrap:anywhere}
}
@media print{.workspace-header{display:none!important}.workspace-main>.content{padding:0}}