@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--burgundy:#800020;--green:#800020;--paper:#F8F4EC;--gold:#C8A25D;--beige:#E7DCC8;--ink:#2D2A26;--muted:#6f625a;--line:#ded1bc}
body{font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink)}
h1,h2,.section-title{color:var(--burgundy)}
button,input,select,textarea{font-family:inherit;min-height:44px}button{border-radius:9px;background:#fffdf9;color:var(--burgundy);transition:background .18s,border-color .18s,box-shadow .18s}button:hover{border-color:var(--burgundy);box-shadow:0 3px 12px #8000200c}button.primary,button.gold{background:var(--burgundy);border:1px solid var(--burgundy);color:var(--paper)}button.primary:hover{background:#620019}input,textarea,select{background:#fffdf9;color:var(--ink);border-color:var(--line)}:focus-visible{outline:3px solid var(--gold)!important;outline-offset:3px}input[type=checkbox]{min-height:17px}input.switch{min-height:21px}input[type=file]::file-selector-button{background:var(--burgundy);color:var(--paper);border-color:var(--burgundy)}
.brand-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}.company-credit{padding:23px;text-align:center;font:12px/1.8 Manrope,Arial;color:var(--muted);border-top:1px solid var(--line);background:var(--paper)}.company-credit a{color:var(--burgundy);text-underline-offset:4px}
.shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{background:var(--burgundy);color:var(--paper);border:0;padding:30px 18px}.sidebar .brand-logo{background:var(--paper);border:1px solid var(--gold);border-radius:9px;padding:10px}.sidebar .eyebrow{color:var(--beige);font-size:9px;letter-spacing:1.6px}.sidebar .brand .eyebrow{margin:14px 0 30px}.nav button{color:var(--paper);border:1px solid transparent}.nav button.active,.nav button:hover{background:#ffffff18;color:white;border-color:#c8a25d55}.sidebar-footer{color:var(--beige);line-height:2.1;padding-top:24px}.sidebar-footer a{color:var(--paper)}.sidebar-footer .logout-button{color:var(--paper);border-color:#c8a25d80;background:transparent;margin-top:14px;width:100%}
.topbar,.portal-header{background:#fffcf5;border-color:var(--line)}.portal-header .brand{display:flex;align-items:center;gap:14px}.portal-header .brand-logo{width:175px}.title-row h1{font-size:clamp(32px,3.8vw,49px);line-height:1.08}.page{padding:32px;max-width:1440px}.banner{background:var(--burgundy);border:1px solid var(--gold);padding:28px 32px;align-items:center}.banner h2{color:var(--paper)}.banner p{color:var(--beige)}.banner .gold{background:var(--paper);color:var(--burgundy);border:0}.banner-art{border:0;border-radius:12px;background:var(--paper);padding:12px;flex:0 0 150px;line-height:0}.banner-art img{width:135px;height:auto;max-width:100%}.card,.stat,.account-card,.mini-card{background:#fffdf9;border-color:var(--line);border-radius:14px;box-shadow:0 3px 16px #2d2a2605}.card-art{color:var(--burgundy)}.card-art:before{border-color:var(--gold)}.card-actions{flex-wrap:wrap}.card-art strong{overflow-wrap:anywhere}.badge,.notice,.billing-strip,.link-box{background:var(--beige);color:var(--ink);border-color:var(--line)}.stat strong{color:var(--burgundy)}.stat span,.retention-note,th{color:var(--muted)}.bulawa-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.preview-pane{background:var(--beige)}.phone{border-color:#fffdf9;box-shadow:0 16px 46px #2d2a2620}.tabs button.active{background:var(--burgundy)}.modal{background:var(--paper)}.modal-shade{background:#2d2a2688}#toast{background:var(--burgundy)}.opening-choice,.theme-choice{border-color:var(--line)}
.login-layout{grid-template-columns:minmax(300px,0.9fr) minmax(360px,1.1fr);min-height:calc(100svh - 68px)}.login-story{background:var(--burgundy);padding:48px clamp(24px,6vw,90px);position:relative;overflow:hidden}.login-story:before{content:'';position:absolute;inset:18px;border:1px solid #c8a25d66;border-radius:80px 8px;pointer-events:none}.login-story h1{color:var(--paper);font-size:clamp(38px,4.4vw,64px)}.login-story p{color:var(--beige)}.login-story .eyebrow{color:var(--beige)}.login-art{border:0;border-radius:0;padding:0;margin:16px auto;max-width:235px;line-height:0}.login-art img{width:100%;height:auto;background:var(--paper);border-radius:18px;padding:15px}.login-panel{padding:48px clamp(24px,7vw,105px);width:100%;max-width:700px;margin:auto}.login-panel h2{font-size:42px}.login-panel .brand-logo{width:265px;margin-bottom:28px}.login-panel .subtitle{font-size:14px}.login-panel button.primary{margin-top:12px}.login-panel .field{margin:22px 0}
@media(max-width:1000px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:24px 12px}.page{padding:24px}.login-layout{grid-template-columns:1fr 1fr}.banner-art{flex-basis:115px}}
@media(max-width:680px){.login-layout{display:block}.login-story{padding:32px 28px;text-align:center}.login-story h1{font-size:35px;margin:12px 0}.login-story p{margin:10px 0}.login-art{display:none}.login-story .eyebrow:last-child{display:none}.login-panel{padding:30px 24px}.login-panel h2{font-size:34px}.login-panel .brand-logo{width:200px}.shell{display:block}.sidebar{position:static;height:auto;padding:18px;display:block}.sidebar .brand{display:flex;align-items:center;gap:12px}.sidebar .brand-logo{width:155px}.sidebar .brand .eyebrow{margin:0}.nav{display:flex;overflow-x:auto;margin-top:16px;padding-bottom:5px}.nav button{width:auto;flex-shrink:0;white-space:nowrap}.sidebar-footer{display:flex!important;gap:12px;align-items:center;flex-wrap:wrap;padding-top:12px;font-size:11px}.sidebar-footer br{display:none}.sidebar-footer .logout-button{width:auto;margin:0;margin-left:auto}.topbar,.portal-header{padding:18px;flex-wrap:wrap;height:auto}.page{padding:20px 16px}.title-row{align-items:flex-start;flex-wrap:wrap}.banner{padding:24px}.banner-art{display:none}.bulawa-overview{gap:8px}.stat{padding:14px 10px;min-width:0}.stat strong{font-size:29px}.stat span{font-size:10px}.grid,.account-grid{grid-template-columns:minmax(0,1fr)}.billing-strip{padding:12px 18px;flex-wrap:wrap}.editor{display:block;height:auto}.edit-pane{padding:20px 16px;max-height:none}.preview-pane{height:640px;padding:16px}.portal-header .brand-logo{width:150px}.company-credit{padding:18px}.row{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Shared task-focused controls. */
[hidden]{display:none!important}.muted,.subtitle,.notice,.retention-note{font-size:14px}.eyebrow,.badge,.stat span{font-size:12px}.password-toggle{width:auto!important;font-size:13px;padding:7px 10px!important;margin-top:8px}.collection-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.collection-tools>input{flex:2 1 200px}.collection-tools>select,.collection-tools>label{flex:1 1 170px;width:auto}.collection-tools label{margin:0}.collection-paging{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0}.action-menu{position:relative}.action-menu summary{cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:9px;min-height:44px}.action-menu-items{display:grid;gap:8px;margin-top:10px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.account-card .actions{align-items:start}.account-card .action-menu{flex:1 1 100%}.account-card .action-menu-items button{text-align:start}.workflow-note{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.workflow-note p{flex:1 1 240px;margin:0}.editor-switch{display:none}.advanced-design{padding:18px;border:1px solid var(--line);border-radius:12px;margin:22px 0}.advanced-design summary{cursor:pointer;font-weight:600;min-height:30px}.tabs button[aria-pressed=true]{background:var(--burgundy);color:var(--paper)}.response-select{display:flex;align-items:center;gap:8px;margin:0}.response-select input{width:18px}.response-controls{margin-bottom:25px}.badge.status-active{background:#e3efdf;color:#30542b}.badge.status-pending,.badge.status-expired{background:#fff0cf;color:#725006}.badge.status-suspended{background:#f8dede;color:#852323}.opening-choice button[aria-pressed=true]{background:var(--burgundy);color:var(--paper)}.opening-choice p,.preview-tools{color:var(--muted)}input[type=file]:hover::file-selector-button{background:#620019}.modal:focus{outline:none}.modal h3{font-size:19px;margin-top:28px}.theme-preview-dialog{max-width:1050px}.theme-preview-dialog iframe{width:100%;height:65dvh;border:0}.theme-preview-tools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.theme-preview-dialog iframe.mobile-size{display:block;max-width:390px;margin:auto}.theme-choice strong{font-size:15px}.theme-choice small{font-size:13px}.theme-choice .theme-swatch small{font-size:11px}
@media(max-width:1100px){.editor-switch{display:flex;position:sticky;top:0;z-index:12;gap:8px;padding:12px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.editor-switch button{flex:1}.editor-switch [aria-pressed=true]{background:var(--burgundy);color:white}.editor[data-mobile-pane=edit] .preview-pane,.editor[data-mobile-pane=preview] .edit-pane{display:none}.editor-topbar>.actions{position:fixed;bottom:0;left:240px;right:0;background:var(--paper);z-index:20;border-top:1px solid var(--line);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #2d2a2610}.editor-topbar .actions>.logout-button{display:none}.editor-topbar .crumb{max-width:100%}.editor{min-height:0}.preview-pane{height:75dvh;min-height:480px}.editor-topbar .actions #review{font-size:12px}.editor-topbar .actions #saveState{flex:1 0 100%}}
@media(min-width:681px) and (max-width:1000px){.editor-topbar>.actions{left:190px}}
@media(max-width:680px){.editor-topbar>.actions{left:0}.editor-topbar .actions #save,.editor-topbar .actions #publish{flex:1}.editor-topbar .actions #review{display:none}.sidebar-footer{display:none!important}.topbar:has(+.billing-strip)+.billing-strip{font-size:12px}.guest-table{min-width:0!important}.guest-table thead,.guest-table tr:not([data-name]){display:none}.guest-table,.guest-table tbody{display:block}.guest-table tr[data-name]{display:block;padding:16px;margin:14px 0;background:#fffdf9;border:1px solid var(--line);border-radius:14px}.guest-table td{display:block;border:0;padding:8px 0}.guest-table td:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.guest-table td button{margin:4px 5px 4px 0}.collection-tools{gap:10px}.collection-paging{gap:10px;font-size:12px}.response-controls .tabs button{flex:1 1 90px}.bulawa-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.bulawa-overview .stat span{font-size:11px}.preview-pane{height:75dvh;min-height:400px}}
@media(max-width:1100px){.editor-topbar .actions>.logout-button{display:inline-block}}
@media(max-width:680px){.sidebar-footer{display:flex!important}.editor-topbar .actions>.logout-button{min-height:44px;font-size:12px}.editor-topbar .actions #saveState{flex:1 1 160px}}
.field-error{color:#912b2b;font-size:13px;margin:7px 0}[aria-invalid=true]{border-color:#912b2b}button:disabled{cursor:not-allowed}.opening-choice button{min-height:44px}

/* Shared spacing and branding: one alignment grid across all portals. */
:root { --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --page-gutter:32px; }
.topbar,.portal-header,.page,.billing-strip,.edit-pane { padding-inline:var(--page-gutter); }
.page { padding-block:var(--space-4); }
.card-body,.account-card,.mini-card,.modal { padding:var(--space-3); }
.field,.login-panel .field { margin-block:var(--space-2); }
.card-actions,.actions { gap:var(--space-1); }
.sidebar .brand { margin-bottom:var(--space-3); }
.sidebar .brand-logo { border:0; border-radius:8px; padding:4px; }
.compact-brand { display:none; align-items:center; gap:12px; color:var(--burgundy); font:600 32px/1 'Cormorant Garamond',Georgia,serif; }
.compact-brand img { width:44px; height:44px; object-fit:contain; flex:none; }
.login-story { gap:var(--space-3); }
.login-story h1,.login-story p { margin:0; }
.login-panel .brand { margin-bottom:var(--space-3); }
.login-panel .brand-logo { margin-bottom:0; }
.action-menu-items { border:0; background:transparent; padding:8px 0 0; }
.action-menu-items button { border-color:transparent; background:transparent; }
.action-menu-items button:hover { background:var(--beige); }
.theme-choice[aria-pressed=true] { outline:none; border:2px solid var(--burgundy); padding:9px; }
.theme-choice[aria-pressed=true] > strong::after { content:' ✓ Selected'; display:block; font:600 12px/1.6 Manrope,Arial,sans-serif; color:var(--burgundy); }
.theme-choice:focus-visible { outline:3px solid var(--gold)!important; outline-offset:3px; }
@media(max-width:1100px) { .main:has(.editor) { padding-bottom:calc(var(--editor-actions-height, 160px) + 16px); } }
@media(max-width:1000px) { :root { --page-gutter:24px; } }
@media(max-width:680px) {
 :root { --page-gutter:16px; }
 .login-story { display:none; }
 .login-layout { display:block; }
 .login-panel { padding:32px 24px; }
 .sidebar .brand-logo,.portal-header .brand-logo,.login-panel .brand-logo { display:none; }
 .compact-brand { display:inline-flex; }
 .sidebar .compact-brand { color:var(--paper); }
 .sidebar .brand { margin-bottom:16px; }
 .portal-header .brand { flex-wrap:wrap; }
 .page { padding-block:24px; }
 .card-body,.account-card,.mini-card,.modal { padding:16px; }
 .editor-switch { padding-inline:var(--page-gutter); }
}

.template-choice{display:flex;flex-direction:column;gap:12px;min-width:0;text-align:start;cursor:default}.template-choice .theme-swatch{width:100%;flex:none}.template-choice .actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.template-choice .actions button{flex:1;min-height:44px}.theme-swatch-haveli .couture-swatch-art{object-fit:cover;width:100%;height:100%;opacity:.85}.theme-swatch-haveli b,.theme-swatch-haveli small{position:relative;color:#fff0cc;text-shadow:0 1px 8px #000}.theme-preview-dialog iframe{display:block;width:100%;min-height:60vh;border:1px solid #e7dcc8}.theme-preview-dialog iframe.mobile-size{max-width:390px;margin:auto}.theme-preview-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.advanced-design>button{margin:16px 0}

/* Responsive workspace: size components by available space, not device labels. */
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.main,.edit-pane,#fields,.preview-pane,.theme-picker,.opening-picker{min-width:0}
.editor{height:auto;min-height:0;align-items:start}
.edit-pane{overflow:visible;max-height:none}
.preview-pane{position:sticky;top:0;height:calc(100dvh - 24px);min-height:420px}
.phone{position:relative;width:100%;min-height:0;overflow:hidden;flex:1 1 auto}
.phone iframe,.template-preview-stage iframe{position:absolute;inset:0;display:block;border:0;max-width:none;min-height:0;margin:0}
.preview-tools{width:100%;flex-wrap:wrap;justify-content:center;gap:8px}
.preview-tools>span{flex-basis:100%;text-align:center;letter-spacing:1.5px}
.preview-tools button,.theme-preview-tools button{font-size:13px;min-height:44px}
.preview-tools button[aria-pressed=true],.theme-preview-tools button[aria-pressed=true]{background:var(--burgundy);color:var(--paper);border-color:var(--burgundy)}
.theme-picker,.opening-picker{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.template-choice{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fffdf9}
.template-choice[data-selected=true]{border-color:var(--burgundy);box-shadow:0 0 0 1px var(--burgundy)}
.template-choice>strong{font-size:17px;line-height:1.35}
.template-choice>small{line-height:1.6}
.template-choice .theme-swatch{position:relative;overflow:hidden;height:180px;padding:16px}
.theme-swatch-haveli .couture-swatch-art{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover}
.theme-swatch-haveli:after{content:'';position:absolute;inset:0;background:#28140f55}
.theme-swatch-haveli b,.theme-swatch-haveli small{z-index:1}
.template-choice .actions button{width:100%;flex-basis:100%}
.opening-choice p{min-height:0}
.edit-pane .tabs{gap:8px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.edit-pane .tabs button{font-size:13px;padding:10px 14px}
.theme-preview-dialog{position:relative;max-width:1100px;padding-top:24px}
.theme-preview-dialog h2{padding-right:80px;font-size:clamp(26px,4vw,36px);line-height:1.15}
.preview-close{position:absolute;top:16px;right:16px;z-index:3}
.template-preview-stage{position:relative;width:100%;height:56dvh;min-height:240px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--beige);margin:auto}
.template-preview-stage.mobile-size{max-width:390px}
.theme-preview-dialog>.actions:empty{display:none}
.theme-preview-dialog>.actions{position:sticky;bottom:-24px;background:var(--paper);padding:12px 0;margin-top:16px}
.theme-preview-dialog #useTemplate{width:100%;min-height:48px}
.toggle>label{flex:1;min-width:0;line-height:1.5}
.order-item{gap:12px}.order-item>span{flex:1;min-width:0;overflow-wrap:anywhere}
.field label{line-height:1.5}.mini-card header{gap:12px}
.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1200px){
 .editor{display:block;height:auto}
 .editor-switch{display:flex;position:sticky;top:0;z-index:12;gap:8px;padding:12px var(--page-gutter);background:var(--paper);border-bottom:1px solid var(--line)}
 .editor-switch button{flex:1;min-width:0}
 .editor-switch [aria-pressed=true]{background:var(--burgundy);color:var(--paper)}
 .editor[data-mobile-pane=edit] .preview-pane,.editor[data-mobile-pane=preview] .edit-pane{display:none}
 .preview-pane{position:relative;top:auto;height:75dvh;min-height:360px}
 /* Keep actions in document flow: no floating bar over forms or keyboards. */
 .editor-topbar>.actions{position:static;box-shadow:none;border:0;padding:0;width:auto;flex:1 1 100%;display:flex;gap:8px}
 .editor-topbar .actions #review,.editor-topbar .actions>.logout-button{display:inline-flex;align-items:center;justify-content:center}
 .editor-topbar .actions #saveState{flex:1 0 100%}
 .main:has(.editor){padding-bottom:0}
 .editor-topbar .actions>button{flex:1 1 140px;font-size:13px}
 .edit-pane{padding-block:24px}
}
@media(max-width:680px){
 .sidebar{overflow:visible;padding:16px}
 .sidebar .brand{margin-bottom:8px}
 .sidebar .nav{margin-top:8px;gap:6px;scrollbar-width:thin}
 .sidebar-footer{gap:8px 16px;padding-top:8px;line-height:1.6}
 .topbar{gap:12px}
 .topbar>div:first-child{min-width:0;max-width:100%}
 .editor-topbar .actions>button{flex:1 1 calc(50% - 8px)}
 .editor-switch{padding:10px 16px}
 .edit-pane .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding-bottom:12px}
 .edit-pane .tabs button{flex:0 0 auto;white-space:nowrap}
 .template-preview-stage{height:52dvh}
 .theme-preview-dialog{padding-top:20px}
 .theme-preview-dialog>.actions{bottom:-16px}
 .theme-preview-tools>button{flex:1 1 auto}
 .preview-pane{padding:16px 10px}
 .phone{border-width:3px;border-radius:14px}
 .modal-shade{padding:10px}
 .modal{max-height:calc(100dvh - 20px)}
 .portal-header>.brand{max-width:100%}
 .login-panel{padding:32px 20px}
 .collection-paging{flex-wrap:wrap}
 .company-credit{overflow-wrap:anywhere}
}


/* Workspace header: compact brand, navigation and account disclosures. */
.workspace-shell{display:block;min-width:0}
.workspace-shell .workspace-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px;padding:12px var(--page-gutter);background:var(--burgundy,#800020);border-bottom:1px solid var(--gold,#c8a25d);color:#f8f4ec}
.workspace-logo{display:flex;flex:0 1 180px;min-width:0;background:#f8f4ec;border:1px solid #c8a25d;border-radius:8px;padding:3px 12px;line-height:0}
.workspace-logo img{display:block;width:100%;max-width:154px;height:auto}
.workspace-header-controls{display:flex;gap:10px;flex:0 0 auto}
.workspace-header .header-icon{display:grid;place-items:center;min-width:46px;min-height:46px;padding:10px;background:transparent;color:#f8f4ec;border:1px solid #f8f4ec55;border-radius:10px}
.workspace-header .header-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workspace-header .header-icon:hover,.workspace-header .header-icon[aria-expanded=true]{background:#f8f4ec;color:#800020;border-color:#c8a25d}
.workspace-header :is(a,button):focus-visible{outline:3px solid #c8a25d;outline-offset:3px}
.workspace-header :is(.workspace-menu,.workspace-profile){position:absolute;top:calc(100% + 8px);right:var(--page-gutter);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #c8a25d80;border-radius:14px;background:#fffdf9;color:#2d2a26;padding:20px;box-shadow:0 16px 50px #2d2a2633;font-family:Manrope,Arial,sans-serif}
.workspace-header [hidden]{display:none!important}
.header-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.header-panel-title strong{font-size:16px}
.workspace-header .header-panel-title button{min-width:44px;min-height:44px;padding:4px;font-size:26px;line-height:1;background:transparent;color:#800020}
.workspace-navigation{display:grid;gap:6px}
.workspace-navigation button{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;min-height:48px;text-align:left;padding:12px 14px;background:transparent;border-color:transparent;color:#2d2a26;font-size:14px;white-space:normal;overflow-wrap:anywhere}
.workspace-navigation button[aria-current=page],.workspace-navigation button:hover:not(:disabled){background:#f0e4e5;color:#800020;border-color:#e7d4d8;font-weight:700}
.workspace-navigation button:disabled{opacity:1;color:#77716a;background:#f8f4ec;cursor:not-allowed}
.profile-avatar{display:grid;place-items:center;width:56px;height:56px;margin:4px 0 12px;border-radius:50%;background:#e7dcc8;color:#800020;font-size:24px;font-weight:700}
.profile-identity{display:block;font-size:16px;overflow-wrap:anywhere}
.profile-role{display:block;margin:6px 0 18px;color:#65564d;font-size:13px}
.workspace-profile>a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:46px;padding:10px 0;text-decoration:none;border-bottom:1px solid #e7dcc8;font-size:14px;color:#800020}
.workspace-profile .logout-button{width:100%;min-height:46px;margin-top:18px;background:#800020;color:#fff;border-color:#800020}
.workspace-shell .main{min-width:0;padding-bottom:0}
.workspace-shell .topbar{min-height:76px;gap:12px;padding-block:16px}
.workspace-shell .topbar>div:first-child{min-width:0;overflow-wrap:anywhere}
.workspace-shell .topbar>.actions:empty{display:none}
.workspace-shell .editor-topbar>.actions{position:static;left:auto;right:auto;bottom:auto;box-shadow:none;padding:0;border:0;background:transparent}
.workspace-shell .editor-switch{top:80px;z-index:12}
.workspace-shell .editor{height:auto;min-height:calc(100dvh - 170px)}
@media(max-width:680px){
 .workspace-shell .workspace-header{min-height:72px;padding:10px 16px;gap:12px}
 .workspace-logo{flex-basis:148px;padding:3px 10px}
 .workspace-logo img{max-width:126px}
 .workspace-header-controls{gap:8px}
 .workspace-header .header-icon{min-width:44px;min-height:44px;padding:9px}
 .workspace-header :is(.workspace-menu,.workspace-profile){right:16px;max-height:calc(100dvh - 96px)}
 .workspace-shell .topbar{padding:16px;min-height:70px}
 .workspace-shell .editor-topbar>.actions{flex:1 1 100%;gap:8px}
 .workspace-shell .editor-topbar .actions #saveState{flex:1 0 100%}
 .workspace-shell .editor-topbar .actions>button{flex:1 1 130px;min-height:44px}
 .workspace-shell .editor-switch{top:72px}
}