#module-nav{display:grid;gap:6px}#module-nav button{width:100%}.company-logo{width:auto!important;height:auto!important;max-width:180px;max-height:46px;object-fit:contain;filter:none!important}.shared-dashboard-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}.portal-tabs button.active,.nav-marker,.finance-row.featured{background:var(--accent);color:var(--accent-text,#211c19)}.button,.upload-button{color:var(--accent-text,#211c19)}.button:hover{background:var(--accent);filter:brightness(.96)}.company-preview{border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:200px}.company-preview header{background:var(--preview-secondary);color:var(--preview-secondary-ink);padding:20px;display:flex;gap:18px;align-items:center}.company-preview img{max-height:48px;max-width:180px}.company-preview main{padding:20px}.company-preview .preview-accent{display:inline-block;background:var(--preview-primary);color:var(--preview-primary-ink);padding:12px 20px;border-radius:12px}.composition-fields{display:grid;gap:12px;margin:20px 0}.composition-field{display:grid;grid-template-columns:1fr 1fr 100px auto auto;gap:10px;align-items:end}.composition-field input,.composition-field select{margin-bottom:0}.composition-module{padding:16px 0;border-bottom:1px solid var(--line)}.composition-module h3{margin-bottom:12px}.composition-module .checkbox-line input{margin:0}.composition-logo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.composition-status{padding:14px;border-radius:12px;background:var(--surface-soft)}@media(max-width:760px){#module-nav{display:flex}#module-nav button{width:auto}.composition-field{grid-template-columns:1fr 1fr}.composition-field label:first-child{grid-column:1/-1}.company-preview header{flex-wrap:wrap}.shared-dashboard-footer{font-size:11px}}

/* Managed platforms use the same responsive rhythm as the central portal. */
.module-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);min-width:0;max-width:100%;cursor:pointer;gap:12px;transition:border-color .2s,transform .2s,box-shadow .2s}
.portal-app .module-card h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:3px 0 0;overflow-wrap:normal;word-break:normal}
.module-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.module-card-icon{width:40px;height:40px;flex:none;background:var(--accent)}
.module-card-link{display:flex;align-items:center;margin-top:auto;padding-top:14px;color:var(--accent-ink);font-size:12px;font-weight:700}
.portal-app #overview{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;align-items:stretch}
.portal-app #overview>.module-card{min-height:224px}
.portal-app .company-preview{margin:0;background:var(--surface-soft);min-height:0;border-radius:16px}
.portal-app .company-preview header{max-width:none;min-height:80px;width:100%;padding:20px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:20px;border-bottom:0}
.portal-app .company-preview header img{max-height:48px;max-width:min(180px,100%);object-fit:contain}
.portal-app .company-preview :is(main,.company-preview-body){padding:24px;min-width:0;width:100%}
.portal-app .company-preview :is(main,.company-preview-body)>p{font-size:12px;margin:16px 0 0;line-height:1.6}
.portal-app .company-preview .preview-accent{max-width:100%;padding:12px 18px;border-radius:10px;font-size:13px;line-height:1.5;overflow-wrap:break-word}
.portal-app dialog label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:10px}
.portal-app dialog input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:none;accent-color:var(--accent)}
.portal-app .composition-module{padding:20px 0;margin-top:4px;display:grid;gap:16px}
.portal-app .composition-module h3{margin:0}
.portal-app .composition-field{gap:14px;padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 110px auto auto;align-items:end}
.portal-app .composition-field input{margin:0}
.portal-app .composition-fields{gap:20px}
.portal-app .composition-logo-actions{margin:0;display:flex;flex-wrap:wrap;gap:12px}
.portal-app .composition-logo-actions>button{flex:0 1 auto}
.portal-app .brand-editor small{font-size:11px;color:var(--muted)}
@media(hover:hover){.module-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}}
@media(max-width:760px){
 .portal-app #overview{grid-template-columns:minmax(0,1fr);gap:14px}
 .portal-app #overview>.module-card{min-height:0;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px;row-gap:8px;padding:22px}
 .portal-app .module-card-icon{grid-row:1/4;width:34px;height:34px;margin-top:3px}
 .portal-app .module-card h2{font-size:20px;margin:0}
 .portal-app .module-card p,.portal-app .module-card-link{grid-column:2}
 .portal-app .module-card-link{padding-top:6px;font-size:12px}
 .portal-app .company-preview header{min-height:72px;padding:18px;font-size:18px}
 .portal-app .company-preview :is(main,.company-preview-body){padding:20px}
 .portal-app .composition-field{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}
 .portal-app .composition-field label:first-child{grid-column:auto}
 .portal-app .composition-logo-actions>button{flex:1 1 150px}
 .portal-app .composition-field>button{grid-column:1/-1}
 .portal-app .company-logo{max-width:145px;max-height:38px}
}
@media(prefers-reduced-motion:reduce){.module-card{transition:none}.module-card:hover{transform:none}}


/* Layout boundaries belong to the managed app, independent of portal form styles. */
.managed-platform #overview>.module-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;align-items:start;justify-items:start;text-align:left;column-gap:16px;row-gap:8px;min-height:160px;padding:24px}
.managed-platform #overview>.module-card>.module-card-icon{grid-column:1;grid-row:1/4;width:34px;height:34px;margin-top:2px}
.managed-platform #overview>.module-card>:is(h2,p,.module-card-link){grid-column:2;justify-self:start;text-align:left;min-width:0;max-width:100%}
.managed-platform #overview>.module-card h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}
.managed-platform #overview>.module-card p{font-size:13px;line-height:1.6}
.managed-platform #overview>.module-card .module-card-link{font-size:12px;padding-top:8px;margin-top:0}
.managed-platform #platform-settings{padding:0;overflow:visible;min-width:0}
.managed-platform .appearance-form{max-width:none;min-width:0;gap:22px}
.managed-platform .appearance-form>h2{font-size:22px;line-height:1.3}
.managed-platform .appearance-form>p{font-size:13px;line-height:1.65}
.managed-platform .appearance-form :is(label,input,.form-grid,.appearance-color-control){min-width:0;max-width:100%}
.managed-platform .appearance-form input[type=file]{font-size:12px;overflow:hidden}
.managed-platform .appearance-form .appearance-actions{padding-top:16px;border-top:1px solid var(--line)}
.managed-platform #record-dialog{width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:24px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto}
.managed-platform #record-form{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr);gap:22px}
.managed-platform #record-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.managed-platform #record-fields label{min-width:0;margin:0;gap:8px;font-size:13px;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere}
.managed-platform #record-fields :is(input,select,textarea){min-width:0;max-width:100%;width:100%;margin:0;box-sizing:border-box}
.managed-platform #record-fields .checkbox-line{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:12px 0;grid-column:1/-1}
.managed-platform #record-fields .checkbox-line>span{flex:1;min-width:0}
.managed-platform #record-fields .checkbox-line>input{order:-1;width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:1px 0 0}
.managed-platform #record-form .dialog-actions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:18px 0 0;border-top:1px solid var(--line);width:auto;background:transparent}
.managed-platform #record-form .dialog-actions>button{min-width:0;max-width:100%;width:100%;min-height:46px;margin:0;padding:12px;white-space:normal}
@media(max-width:760px){
 .managed-platform #overview>.module-card{min-height:0;padding:22px;grid-template-columns:34px minmax(0,1fr)}
 .managed-platform #platform-settings{padding:0}
 .managed-platform #platform-settings .form-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .managed-platform #platform-settings .form-grid .full{grid-column:1}
 .managed-platform #record-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:20px}
 .managed-platform #record-fields{grid-template-columns:minmax(0,1fr);gap:20px}
 .managed-platform #record-fields input{font-size:16px;min-height:46px}
 .managed-platform #record-fields input[type=date]{min-inline-size:0;inline-size:100%;display:block}
 .managed-platform #record-fields input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:24px}
 .managed-platform #record-fields .checkbox-line>input{min-height:20px}
 .managed-platform .appearance-form input[type=text]{font-size:16px}
 .managed-platform #record-dialog h2{font-size:22px;overflow-wrap:anywhere}
 .managed-platform #platform-settings .appearance-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .managed-platform #platform-settings .appearance-actions button{width:100%;margin:0;min-height:46px}
}
/* NexuBridge welcome keeps its illustration and a clear text layer on both themes. */
.managed-platform .platform-welcome{min-height:210px;margin-bottom:24px}
.managed-platform .platform-welcome .workspace-hero-copy{position:relative;z-index:1;padding:28px}
.managed-platform .platform-welcome h2{font-size:30px;line-height:1.12;max-width:330px;letter-spacing:-.8px}
.managed-platform .platform-welcome .hero-description{max-width:360px;font-size:13px;line-height:1.65}
@media(max-width:760px){
 .managed-platform .platform-welcome .workspace-hero-copy{padding:24px;min-height:230px;background:linear-gradient(90deg,#202c30 0%,#202c30df 55%,#202c3066 100%)}
 .managed-platform .platform-welcome h2{font-size:27px;max-width:230px}
 .managed-platform .platform-welcome .hero-description{max-width:240px}
 .managed-platform .platform-welcome .workspace-hero-art{opacity:.55}
 .managed-platform .platform-welcome .hero-caption{max-width:100%;font-size:10px}
}

.starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:20px 0}.starter-card{display:flex;flex-direction:column;gap:12px;min-width:0}.starter-card h3{font-size:22px;margin:0}.starter-card p,.starter-card li{font-size:14px;line-height:1.5}.starter-card button{margin-top:auto}.platform-builder fieldset{border:1px solid var(--line);border-radius:12px;padding:18px;margin:18px 0;display:grid;gap:12px}.platform-builder .checkbox-line{display:flex;align-items:center;gap:10px}.platform-builder .checkbox-line input{width:auto;margin:0}.builder-fields{padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.builder-fields>label{margin-top:14px}.builder-custom-field{display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.platform-builder button:disabled{opacity:.55;cursor:not-allowed}.platform-builder>button{margin:12px 12px 0 0}