:root{color-scheme:light;--bg:#edf4ff;--surface:#ffffff;--line:#c7d9ef;--text:#12234a;--muted:#526789;--accent:#159eff;--button_hover:#45cdf4;--ink:#051c40}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 10%,#c2eaff 0,transparent 45%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-label,var(--accent))}.shell{max-width:1200px;margin:auto;padding:0 32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:23px;font-weight:750;display:flex;align-items:center;gap:12px}.brand img{max-width:110px;height:40px;object-fit:contain}.brandmark{color:var(--accent-label,var(--accent));font-size:34px}nav{display:flex;align-items:center;gap:24px}nav form{margin:0}nav a,.quiet{font-size:14px}main{padding:62px 0 80px;min-height:calc(100vh - 185px)}footer{padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent-label,var(--accent));font-weight:750}h1{font-size:clamp(32px,4vw,52px);line-height:1.13;letter-spacing:-1.8px;margin:17px 0 22px}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 12px}h3{font-size:16px}p{margin:0 0 22px}.lead{font-size:18px;color:var(--muted);max-width:550px;white-space:pre-line}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin:16px 0 0}.auth-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;min-height:520px}.intro h1{font-size:clamp(50px,7vw,82px);letter-spacing:-4px}.intro-detail{display:flex;gap:20px;align-items:center;margin-top:60px}.intro-detail>span{font-size:35px;color:var(--accent-label,var(--accent))}.intro-detail p{margin:0;font-size:13px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:24px}.auth{padding:38px}.narrow{max-width:570px;margin:20px auto}.narrow h1{font-size:38px}label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:18px}input,textarea,select{display:block;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;font-size:15px;padding:12px 14px;margin-top:7px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-label,var(--accent));outline-offset:2px}button,.button{background:var(--accent);color:var(--ink);border:0;border-radius:9px;padding:13px 20px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;display:inline-block}button:hover,.button:hover{background:var(--button_hover);color:var(--ink)}.auth button{width:100%;display:flex;justify-content:space-between}.check{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400}.check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.small-link{display:block;text-align:center;font-size:13px;margin-top:24px;color:var(--muted)}.quiet{background:transparent;padding:0;color:var(--muted)}.quiet:hover{background:transparent;color:var(--accent-label,var(--accent))}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compact{gap:14px}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px;margin:35px 0}.service{background:linear-gradient(140deg,var(--surface),var(--bg));border:1px solid var(--line);padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:7px;transition:transform .15s}.service:hover{transform:translateY(-3px);border-color:var(--accent)}.service-icon{font-size:25px;color:var(--accent-label,var(--accent));margin-bottom:15px}.service strong{font-size:20px}.service>span:last-child{font-size:12px;color:var(--muted)}.tabs{margin:30px 0;flex-wrap:wrap;gap:12px}.tabs a{background:var(--surface);padding:8px 18px;border:1px solid var(--line);border-radius:30px}.secondary{background:var(--bg);color:var(--text)}.secondary:hover{background:var(--button_hover);color:var(--ink)}.danger{background:#492e33;color:#ffbec8;margin-top:10px}.secondary-form{margin-top:14px}.menu-fields{display:grid;grid-template-columns:1fr 2fr 100px 90px;gap:15px}.menu-row{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;margin-top:25px;text-align:left}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:16px 12px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}.badge{font-size:11px;padding:4px 10px;border:1px solid #577447;border-radius:20px}.inline{display:flex;gap:10px;min-width:300px}.inline input{margin:0}.inline button{white-space:nowrap}@media(max-width:850px){.auth-grid{gap:35px}.columns{grid-template-columns:1fr}.menu-fields{grid-template-columns:1fr 1fr}.auth-grid{grid-template-columns:1fr}.intro-detail{display:none}.auth-grid .intro h1{font-size:50px}main{padding-top:35px}.shell{padding:0 20px}.section-heading{align-items:flex-start;flex-direction:column}header{height:auto;min-height:90px;flex-wrap:wrap;padding:20px 0}nav{gap:15px}.card{padding:24px}}@media(prefers-reduced-motion:reduce){.service{transition:none}}
.portal-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.portal-block{min-width:0}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-10{grid-column:span 10}.span-11{grid-column:span 11}.span-12{grid-column:span 12}.portal-body.has-sidebar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:28px}.portal-sidebar{align-content:start}.portal-main{align-content:start}.portal-image{display:block;max-width:100%;max-height:600px;object-fit:contain;border-radius:16px}figure{margin:0}.block-copy{white-space:pre-line}.portal-spacer{height:32px}.block-menu{display:flex;gap:14px;flex-wrap:wrap}.menu-link{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.menu-link .service-icon{margin:0}.menu-link>span:last-child{font-size:11px;color:var(--muted)}.builder-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:20px 0}.preview-banner{padding:18px;border:1px solid var(--accent);border-radius:12px;margin-bottom:24px}.language-switch{display:flex;gap:8px;align-items:center}.language-switch select{width:100px;margin:0;padding:6px;font-size:12px}.language-switch button{padding:6px 10px;font-size:12px}.nav-left .shell,.nav-right .shell{max-width:1500px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}.nav-right .shell{grid-template-columns:minmax(0,1fr) 230px}.nav-left header,.nav-right header{height:auto;align-self:start;flex-direction:column;align-items:flex-start;position:sticky;top:20px;padding:28px 0}.nav-left header nav,.nav-right header nav{flex-direction:column;align-items:flex-start}.nav-right header{grid-column:2;grid-row:1}.nav-right main{grid-column:1;grid-row:1}.nav-left footer,.nav-right footer{grid-column:1/-1}header nav{flex-wrap:wrap}.portal-header:empty,.portal-footer:empty{display:none}.portal-footer{margin-top:28px}.portal-sidebar:empty{display:none}@media(max-width:850px){.portal-body.has-sidebar{grid-template-columns:1fr}.portal-block{grid-column:span 12}.nav-left .shell,.nav-right .shell{display:block}.nav-left header,.nav-right header{position:static;flex-direction:row}.nav-left header nav,.nav-right header nav{flex-direction:row}.menu-fields{grid-template-columns:1fr 1fr}}@media(max-width:500px){.menu-fields{grid-template-columns:1fr}.brand{font-size:20px}.language-switch{flex-wrap:wrap}.block-menu{flex-direction:column}}
input[type=color]{height:48px;padding:6px}fieldset{border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:18px}legend{color:var(--muted);font-size:13px;padding:0 6px}

.portal-body.has-sidebar.sidebar-right{grid-template-columns:minmax(0,3fr) minmax(180px,1fr)}.sidebar-right .portal-sidebar{order:2}.sidebar-right .portal-main{order:1}@media(max-width:850px){.portal-body.has-sidebar.sidebar-right{grid-template-columns:1fr}}

/* Published help and keyboard-accessible synchronization details. */
.guide-steps{display:grid;gap:1.2rem;padding-left:2rem}.guide-steps li::marker{font-size:1.5rem;color:var(--accent-label,var(--accent));font-weight:700}.guide-steps .card{margin:0}.guide-steps h2{margin-top:0}.guide-actions{display:flex;gap:1rem;flex-wrap:wrap}.server-address{overflow-wrap:anywhere;font-family:monospace}.sync-indicators{display:flex;flex-wrap:wrap;gap:.5rem}.sync-indicator{position:relative;display:inline-flex;gap:.35rem;align-items:center;white-space:nowrap;font-size:.8rem;border:1px solid currentColor;border-radius:1rem;padding:.25rem .6rem;cursor:help}.sync-green{color:#a9efb6}.sync-orange{color:#ffcb7c}.sync-red{color:#ffa5a5}.sync-neutral{color:var(--muted)}.sync-tooltip{display:none;position:absolute;top:100%;right:0;z-index:20;white-space:pre-line;width:19rem;max-width:75vw;padding:.8rem;color:var(--text);background:var(--surface);border:1px solid var(--muted);border-radius:.6rem;box-shadow:0 .5rem 2rem #0008;font-size:.85rem;line-height:1.6}.sync-indicator:hover .sync-tooltip,.sync-indicator:focus .sync-tooltip,.sync-indicator:focus-within .sync-tooltip{display:block}.sync-indicator:focus{outline:2px solid var(--accent-label,var(--accent));outline-offset:2px}.table-scroll{padding-bottom:8rem}fieldset.card{min-width:0}fieldset legend{padding:0 .5rem}

.app-icon{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;line-height:1.7}.service-icon .app-icon{width:40px;height:40px}.guide-steps .card{overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:default}

.library-choice{display:flex;gap:.7rem;padding:.6rem 0;align-items:center}.library-choice .badge{margin-left:auto;white-space:nowrap}.library-summary{line-height:1.6}.success-message{color:#a9efb6;border-left:3px solid currentColor;padding:.7rem 1rem}

.mail-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem}.mail-workspace>*{min-width:0}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.editor-toolbar button{padding:.45rem .7rem}.editor-toolbar label{display:flex;align-items:center;gap:.5rem;margin:0}.editor-toolbar input[type=color]{width:3rem;padding:.2rem}.rich-editor{min-height:300px;background:#fff;color:#222;padding:1.3rem;border-radius:.6rem;overflow-wrap:anywhere;outline-offset:4px;line-height:1.6}.rich-editor img{max-width:100%;height:auto}.editor-insert{display:grid;gap:.5rem;margin-top:1rem}.mail-preview{width:100%;height:550px;border:0;border-radius:.6rem;background:white}.mail-workspace [hidden]{display:none!important}@media(max-width:1000px){.mail-workspace{grid-template-columns:1fr}}

.manage-languages form{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem;padding:.65rem 0}.manage-languages label{margin:0}.manage-languages strong{flex-basis:100%;font-size:.8rem}.manage-languages input:not([type=checkbox]){width:10rem}.manage-languages button{padding:.5rem .7rem}.manage-languages .check{font-size:.8rem}.translation-entry .block-copy{overflow-wrap:anywhere;white-space:pre-wrap}

/* Native PNG chooser, using the portal theme. */
input[type="file"]{max-width:100%;min-width:0}
input[type="file"]::file-selector-button{background:var(--accent);color:#16121f;border:0;border-radius:7px;padding:8px 12px;margin-right:12px;cursor:pointer;font:inherit}
.menu-fields>.hint{grid-column:1/-1;margin:0}

.admin-back{margin-bottom:26px;display:flex;width:max-content;max-width:100%;align-items:center;min-height:44px;border:1px solid var(--line)}
.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.admin-card{margin:0}.admin-card:hover{border-color:var(--accent)}.admin-card p{color:var(--muted);margin:0}
.wizard-steps{display:block;margin:30px 0 10px}.wizard-steps ol{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}.wizard-steps li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}.step-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-weight:700}.wizard-steps .current{color:var(--text);font-weight:700}.current .step-number{background:var(--accent);color:var(--ink);border-color:var(--accent)}.complete .step-number{border-color:var(--accent);color:var(--accent-label,var(--accent))}.step-divider{font-size:26px;padding:0 5px}.wizard-caption{color:var(--muted);font-size:13px}
.connection-indicator{display:inline-flex;gap:8px;align-items:center;margin-bottom:18px}.connection-dot{width:10px;height:10px;display:inline-block;border-radius:50%;background:#f07575}.connection-dot.connected{background:#8edd8e}.connection-dot.unconfigured{background:#8d97a5}

input[type="file"]::file-selector-button:hover{background:var(--button_hover)}
.translation-entry{scroll-margin-top:24px}

.brand img.gatearr-logo{width:180px;max-width:180px;height:60px;background:transparent;border-radius:0;padding:0}

.global-footer{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.global-footer.align-center{justify-content:center}.global-footer.align-right{justify-content:flex-end}.footer-text{white-space:pre-line}.footer-logo{display:block;max-width:180px;max-height:55px;object-fit:contain}.update-notice{padding:5px 10px;border:1px solid var(--accent);border-radius:20px;color:var(--accent-label,var(--accent));font-weight:700}.release-notes{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px}.update-banner{padding:14px;border:1px solid var(--accent);border-radius:10px;color:var(--accent-label,var(--accent))}

.permission-form{min-width:230px}.permission-form button{margin:8px 6px 0 0}.group-permission{padding:15px 0;border-bottom:1px solid var(--line)}.sync-neutral{color:var(--muted)}
/* Shared controls and responsive administration layout. */
input:not([type=checkbox]):not([type=radio]),select{min-height:48px;box-sizing:border-box;width:100%}select{appearance:none;background-image:url('/static/select-arrow.svg');background-position:right 12px center;background-repeat:no-repeat;padding:12px 36px 12px 12px;border:1px solid color-mix(in srgb,var(--muted) 30%,transparent);border-radius:8px;background-color:var(--bg);color:var(--text)}input[type=color]{padding:8px;height:56px}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.color-grid label{min-width:0}.admin-navigation,.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 24px}.admin-navigation a,.admin-tabs a{padding:10px 14px;border-radius:10px;background:var(--surface);color:var(--text)}.admin-tabs a[aria-current=page]{border-bottom:3px solid var(--accent)}.admin-card>.fa-solid{font-size:26px;color:var(--accent-label,var(--accent))}.support-banner{display:flex;gap:16px;align-items:center;padding:16px;border:2px solid var(--accent);border-radius:12px;background:var(--surface);position:sticky;top:0;z-index:5}.support-banner form{margin-left:auto}.tool-frame{width:100%;height:80vh;border:0;background:var(--surface)}.footer-columns{display:grid;gap:24px;width:100%;text-align:center}.footer-cols-1{grid-template-columns:1fr}.footer-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-columns img{max-width:100%;height:auto;max-height:160px}.rich-editor{min-height:160px;border:1px solid var(--muted);padding:16px;background:var(--surface);color:var(--text);border-radius:10px}.editor-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.editor-tools button{padding:8px 12px}input,textarea{background:var(--bg);color:var(--text)}@media(max-width:640px){.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{grid-template-columns:1fr}.admin-navigation{font-size:13px}.support-banner{flex-wrap:wrap}}

.brand-logo-wrap{position:relative;display:block;width:180px;height:60px}.brand .gatearr-logo{filter:var(--logo-filter,none)}.brand img.gatearr-logo-color{position:absolute;left:0;top:0;width:180px;height:60px;max-width:none;border-radius:0;background:transparent;padding:0;clip-path:inset(0 72% 0 0)}

[hidden]{display:none!important}

/* 0.2.1: consistent spacing and visible navigation hierarchy. */
:root{color-scheme:dark;--bg:#05070d;--surface:#0b101b;--text:#e7f2ff;--muted:#a7bbd9;--line:#263247}
body{background:linear-gradient(135deg,#0a1222,#04060b)}
button,.button{margin-block:6px;max-width:100%}button+button,button+.button,.button+button,.button+.button{margin-left:10px}
.builder-actions,.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 24px}.builder-actions form,.form-actions form{margin:0}.form-actions button{margin:0}
.admin-navigation a[aria-current=page]{background:var(--accent);color:var(--ink);box-shadow:0 0 0 2px var(--button_hover);font-weight:750}
.admin-tabs{padding-left:16px;border-left:3px solid var(--accent)}.admin-tabs a[aria-current=page]{background:var(--surface);box-shadow:inset 0 -3px var(--accent);font-weight:750}
.card+.button,.button+.card{margin-top:20px}.tool-frame{height:calc(100vh - 230px);min-height:550px;border:1px solid var(--line);border-radius:12px}
.footer-column-editor{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:12px}.footer-column-editor legend{font-size:18px;color:var(--text)}
.editor-tools input{width:100%;flex:1 1 220px}.editor-tools{align-items:center;gap:10px}.editor-tools button{margin:0}.rich-editor{margin:12px 0}
.audit-details{white-space:pre-wrap;max-width:600px;overflow-wrap:anywhere}

.button+.admin-cards,.button+.columns{margin-top:24px}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}

.footer-column-editor .rich-editor{font-size:16px;font-weight:400}.footer-column-editor .rich-editor img{max-height:160px;width:auto;object-fit:contain}.rich-editor a{color:var(--accent-label,var(--accent));text-decoration:underline}

/* 0.2.2: visible controls and aligned service/account forms. */
button.secondary,.button.secondary{background:#1c2e48;border:1px solid #547295;color:#f0f6ff}.admin-navigation a,.admin-tabs a{background:#142238;border:1px solid #435b79;color:#edf4ff}
.admin-navigation a:hover,.admin-tabs a:hover{border-color:var(--button_hover);background:#243e60;color:#fff}.admin-navigation a[aria-current=page],.admin-tabs a[aria-current=page]{background:var(--accent);color:var(--ink);border-color:var(--button_hover);box-shadow:0 0 0 1px var(--button_hover);font-weight:750}
button:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid var(--button_hover);outline-offset:3px}
.menu-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px}.menu-fields>label{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;margin:0;min-width:0}.menu-fields input,.menu-fields select{height:52px;margin:0;min-width:0}.menu-fields input[type=file]{padding:6px}
.inline{align-items:center;gap:12px}.inline input,.inline select,.inline button{height:48px;min-height:48px;margin:0}.inline button+button{margin-left:0}.inline select{min-width:135px}
.icon-picker{grid-column:1/-1;min-width:0}.icon-source-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:end}.icon-source-fields label{margin:0}.field-label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:8px}.icon-picker-toggle{display:flex;gap:14px;align-items:center;min-height:52px;margin:0!important;width:100%;justify-content:flex-start}.icon-picker-toggle i{font-size:25px}.icon-picker-toggle .app-icon{height:28px;width:28px}.icon-picker-panel{margin-top:16px;border:1px solid #547295;border-radius:12px;padding:20px;background:var(--surface)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px;margin:16px 0;max-height:360px;overflow-y:auto;padding:4px}.icon-option{height:52px;margin:0!important;padding:8px;border:1px solid #547295;background:#1c2e48;color:#edf4ff;font-size:24px}.icon-option[aria-pressed=true]{border:2px solid var(--button_hover);background:var(--accent);color:var(--ink)}.connection-error{border-left:4px solid #ff7c7c;padding:18px;background:#301d2b;color:#ffe6e6;border-radius:8px;margin:16px 0}
@media(max-width:850px){.menu-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.inline{flex-wrap:wrap}.icon-source-fields{grid-template-columns:1fr}}@media(max-width:550px){.menu-fields{grid-template-columns:1fr}}

.icon-picker-toggle{height:52px;padding:8px 12px;box-sizing:border-box}
/* Shared public rendering used by the visual studio and published pages. */
.design-columns{display:grid;gap:24px;align-items:start}.design-columns.cols-1{grid-template-columns:1fr}.design-columns.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.design-columns.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.design-slot{align-content:start;min-width:0}.design-logo{width:auto;max-width:100%;max-height:150px;object-fit:contain}.rich-copy{overflow-wrap:anywhere}.rich-copy img{max-width:100%;height:auto}.portal-block[style] .card{background:var(--surface)}.portal-block[style] .service,.portal-block[style] .card{color:var(--text)}.portal-block .auth{max-width:none;margin:0}.design-footer{width:100%;text-align:center}.design-footer .card{padding:12px;background:transparent;border:0}.portal-block hr{border:0;border-top:1px solid var(--muted);opacity:.4}.connection-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:24px 0}.connection-summary .card{padding:20px;margin:0}.connection-summary h2{font-size:18px;display:flex;align-items:center;gap:12px;margin:0 0 16px}.connection-summary .app-icon{width:32px;height:32px}.connection-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.connection-forms>.card{margin:0}.global-footer .portal-block{text-align:inherit}.studio-rich strong{font-weight:800}
@media(max-width:650px){.design-columns.cols-2,.design-columns.cols-3,.connection-forms{grid-template-columns:1fr}.portal-body.has-sidebar{display:block}.portal-main>.span-4,.portal-main>.span-6{grid-column:span 12}}
.application-editor{border:1px solid #344864;border-radius:14px;margin:16px 0;padding:20px;background:#101b2d}.application-editor h3{display:flex;gap:14px;align-items:center;margin:0}.application-editor[draggable]{cursor:grab}.application-editor details{cursor:default;margin-top:15px}.application-editor details summary{cursor:pointer}.application-editor .section-heading{gap:20px}.application-editor .section-heading button{margin:0}.application-editor .section-heading .button{margin:0}#application-list{min-height:20px}
.kind-login_form{display:flex;justify-content:var(--block-justify,flex-start)}.portal-block.kind-login_form .auth{width:100%;max-width:440px;box-sizing:border-box;margin:0}.kind-menu .block-menu{justify-content:var(--block-justify,flex-start)}

/* 0.3.1 shared application rows and administration navigation */
.application-grid{display:grid;grid-template-columns:repeat(var(--application-columns,3),minmax(0,1fr));gap:20px}.application-grid .service{min-width:0}.application-selection{display:grid;gap:12px}.application-choice{padding:12px;border:1px solid var(--border,#354b65);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.application-choice label{flex:1;margin:0}.application-choice[draggable=true]{cursor:grab}.username-link{color:var(--accent-label,var(--accent));text-decoration:underline;text-underline-offset:4px}.username-link:hover{text-decoration-thickness:2px}.tool-frame{height:max(900px,calc(100dvh - 150px));min-height:900px}.admin-navigation{gap:10px}.admin-navigation a{font-size:.9rem;padding:12px 14px}.language-cards{display:flex;flex-wrap:wrap;gap:12px}.language-card{padding:16px;border:1px solid var(--border,#354b65);border-radius:12px}.language-card form{margin-top:12px}@media(max-width:700px){.application-grid{grid-template-columns:1fr}.tool-frame{height:calc(100dvh - 100px);min-height:650px}}
.shell>main{min-width:0}.admin-navigation{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:4px 2px 12px;scrollbar-width:thin}.admin-navigation a{flex:none;white-space:nowrap}

.admin-navigation{gap:8px}.admin-navigation a{font-size:.85rem;padding:10px 12px}

/* Compact ownership, permissions and modern administration navigation. */
.user-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.user-tabs a{border-bottom:2px solid transparent;padding:12px 16px;color:var(--muted);text-decoration:none}.user-tabs [aria-current]{border-color:var(--accent);color:var(--text);background:var(--surface);border-radius:8px 8px 0 0}.ownership-note{padding:16px;border-left:3px solid var(--accent);background:var(--surface)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}.permission-choice{border:1px solid var(--border,#354b65);border-radius:10px;padding:12px;display:grid;gap:8px;min-width:0}.permission-choice .check{margin:0}.permission-list table{width:100%;table-layout:fixed}.permission-list th:first-child{width:30%}.permission-list td{padding:12px;overflow-wrap:anywhere;min-width:0}.permission-list .permission-form{display:flex;flex-wrap:wrap;gap:8px}.permission-list input,.permission-list select,.permission-list textarea{width:100%;min-width:0;max-width:100%;margin:0}.permission-list button{padding:8px 12px;font-size:.8rem;margin:0}.permission-list code{white-space:pre-wrap;overflow-wrap:anywhere}.permission-list small{display:block}.permission-list .sync-indicator{white-space:normal;font-size:.8rem}.integration-options{margin-top:20px;border-top:1px solid var(--border,#354b65);padding-top:16px}.integration-options summary{cursor:pointer;font-weight:600}.connection-forms>section{min-width:0}.admin-navigation{border-bottom:1px solid var(--border,#354b65);padding-bottom:0;margin-bottom:24px;gap:4px}.admin-navigation a{background:transparent;border:0;border-radius:8px 8px 0 0;box-shadow:none;color:var(--muted);padding:14px 12px;outline:0;border-bottom:3px solid transparent}.admin-navigation a:hover{background:var(--surface);color:var(--text)}.admin-navigation a[aria-current]{background:var(--surface);color:var(--accent-label,var(--accent));border-bottom-color:var(--accent);box-shadow:none}.admin-tabs{border-left:0;gap:4px;margin:12px 0 24px}.admin-tabs a{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:10px 14px;box-shadow:none}.admin-tabs a[aria-current]{background:var(--surface);color:var(--text);border:1px solid var(--border,#354b65);box-shadow:none}.seerr-statistics{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:.75rem;margin:8px 0 0}.seerr-statistics span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seerr-statistics strong{color:var(--text)}.application-grid .service{box-sizing:border-box;min-height:230px;display:flex;flex-direction:column}.application-grid .service .seerr-statistics{margin-top:auto}@media(max-width:700px){.permission-list table,.permission-list tbody,.permission-list tr,.permission-list td{display:block;width:100%}.permission-list thead{display:none}.permission-list tr{border-bottom:1px solid var(--border,#354b65);padding:12px 0}.permission-list td{box-sizing:border-box}.permission-list .permission-form{max-width:100%}}

.account-disabled{color:#ff9caa;border-color:#ff647b;background:#451b29}.account-active{color:#a6ebbe;border-color:#65b884}.group-create{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.group-create label{flex:1;min-width:220px;margin:0}.group-create button{margin:0}.group-cards{margin-top:24px;align-items:stretch}.group-cards a{display:flex;flex-direction:column;gap:16px;min-width:0;overflow-wrap:anywhere}.group-permission{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,220px);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.group-permission label{margin:0}.group-permission textarea,.group-permission select{width:100%;min-width:0;margin:0}.group-permission small{grid-column:1/-1}.quota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quota-grid label{min-width:0}.quota-grid input{width:100%}@media(max-width:650px){.group-permission,.quota-grid{grid-template-columns:1fr}}

.button-feedback{display:inline-block;vertical-align:middle;margin-left:10px;width:1em;height:1em;flex:none}.button-feedback.is-loading{border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gatearr-spin .65s linear infinite}.button-feedback.is-success{color:#86efac;background:#052e16;border:1px solid #86efac;border-radius:50%;width:1.5em;height:1.5em;line-height:1.35em;text-align:center;font-weight:900;box-shadow:0 0 0 2px #052e16}.button-feedback.is-error,.save-error{color:#ff9caa}@keyframes gatearr-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.button-feedback.is-loading{animation-duration:1.5s}}

/* v0.3.3: compact controls, shared status language and transparent footer. */
button,.button{font-size:13px;font-weight:400;line-height:1.35;padding:7px 12px;min-height:32px;border-radius:5px;border-width:1px;box-shadow:none;transition:background-color .15s,color .15s,border-color .15s}
button.secondary,.button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}
button.secondary:hover,.button.secondary:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:var(--accent);color:var(--text)}
button.quiet{background:transparent;border-color:transparent;padding:5px 8px;font-weight:400}
button.danger,.button.danger{background:transparent;color:#ffa5a5;border-color:#89434b}
button.is-saved{background:#123c32!important;color:#aff3ce!important;border-color:#438f68!important}
.global-footer,.global-footer .design-footer,.global-footer .portal-block,.global-footer .card,.global-footer .design-columns{background:transparent!important;background-image:none!important;box-shadow:none}
.user-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-profile-heading h1{margin-bottom:20px}.view-as-user{white-space:normal}.view-as-user i{margin-right:6px}
.logged-as-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box;margin:0;padding:8px 24px;background:#8e2635;color:white;border:0;border-radius:0;font-size:13px}.logged-as-banner form{margin:0}.logged-as-banner button{color:white;background:transparent;border:0;min-height:28px}.logged-as-banner button:hover{background:#ffffff15;color:white}
.library-choice .sync-indicator{margin-left:auto}.journey-card-title{width:100%;text-align:left;cursor:pointer}.application-choice label{min-width:0}.application-choice{flex-wrap:wrap}.application-choice>label:has(input[type=text]){flex-basis:100%}
@media(max-width:600px){.logged-as-banner{padding:8px 12px;flex-wrap:wrap}.user-profile-heading{align-items:flex-start}.user-profile-heading h1{font-size:36px}}

.mail-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.mail-workspace>section{min-width:0;padding:20px}.mail-builder{display:grid;grid-template-columns:110px minmax(180px,1fr) 210px;gap:12px;align-items:start}.mail-block-palette{display:grid;gap:8px}.mail-block-palette h3,.mail-block-settings h3{font-size:15px}.mail-block-palette p{font-size:12px;color:var(--muted)}.mail-block-canvas{background:white;color:#222;padding:16px;min-height:350px;overflow-wrap:anywhere;border-radius:8px}.mail-block-canvas a{color:#167cdb}.mail-block{outline:1px dashed #64748b;outline-offset:3px;cursor:pointer;min-height:16px;margin:12px 0}.mail-block[data-selected]{outline:2px solid #2589e8}.mail-block img,img.mail-block{max-width:100%}.mail-block-settings{display:grid;gap:8px;min-width:0}.mail-block-settings label{font-size:12px}.mail-block-settings input{margin:4px 0;padding:8px}.mail-text-edit{min-height:100px;border:1px solid var(--line);border-radius:5px;padding:10px;overflow-wrap:anywhere}.mail-block-settings .studio-buttons{display:flex;gap:5px;flex-wrap:wrap}.mail-block-settings button{font-size:11px;padding:5px 7px}.mail-preview{height:700px;width:100%}@media(max-width:1100px){.mail-workspace{grid-template-columns:1fr}}@media(max-width:700px){.mail-builder{grid-template-columns:1fr}.mail-block-palette{grid-template-columns:repeat(3,1fr)}.mail-block-palette h3,.mail-block-palette p{grid-column:1/-1}}

.logged-as-banner button{margin:0}.mail-block-settings input[type=color]{height:32px;min-height:32px;width:100%;padding:3px}