/* GateFlow layout only: preserve existing brand/tenant colors, visual states and neural login animations. */
:root{--gm-radius-control:8px;--gm-radius-card:10px;--gm-control:40px;--gm-button:38px;--gm-sidebar-width:232px}
body.gateflow-ui,body.gateflow-login-page{--gf-radius-md:8px;--gf-radius-lg:10px;--gf-radius-xl:12px;font-size:14px;line-height:1.5}
body.gateflow-ui :is(.btn,.ronda-btn,.driver-btn,.queue-btn,.audit-btn,.inspector-btn,button.primary,button.secondary){min-height:var(--gm-button);padding:8px 12px;border-radius:var(--gm-radius-control);font-size:14px;font-weight:500;line-height:1.4;transform:none}
body.gateflow-ui :is(.btn,.ronda-btn,.driver-btn,.queue-btn,.audit-btn,.inspector-btn,button.primary,button.secondary):not(:disabled):is(:hover,:active){transform:none}
body.gateflow-ui :is(.field,.form-grid,.ronda-form,.auth-card,.form-row,.filter-bar,.ronda-filter,.ronda-toolbar,.df-field,.dynamic-form,.access-card) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select),body.gateflow-ui :is(input.form-control,select.form-control){min-height:var(--gm-control);padding:8px 10px;border-radius:8px;font-size:14px}
body.gateflow-ui :is(.form-grid,.ronda-form,.auth-card,.dynamic-form,.df-field,.field) textarea{padding:10px;border-radius:8px;font-size:14px;min-height:88px}
body.gateflow-ui :is(.form-grid,.ronda-form,.auth-card,.dynamic-form,.df-field,.field,.ronda-toolbar) label{font-size:13px;font-weight:500;gap:6px}
body.gateflow-ui :is(.panel,.card,.ronda-panel,.ronda-card,.company-card,.material-record-card,.stat,.audit-card,.inspector-card,.driver-card,.super-record-card,.lowcode-card){padding:16px;border-radius:10px}
body.gateflow-ui :is(.ronda-panel-head,.panel-head,.card-head){gap:12px;margin-bottom:16px}
body.gateflow-ui :is(.panel,.card,.ronda-panel,.ronda-card,.company-card,.material-record-card,.audit-card,.super-record-card) :is(h2,h3,h4){font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0}
body.gateflow-ui :is(.hero,.materials-hero,.ronda-hero,.company-hero,.audit-hero,.driver-hero,.inspector-hero){min-height:0;padding:20px;border-radius:10px}
body.gateflow-ui :is(.hero,.materials-hero,.ronda-hero,.company-hero,.audit-hero,.driver-hero,.inspector-hero) :is(h1,h2,h3){font-size:24px;font-weight:600;letter-spacing:0;line-height:1.3}
body.gateflow-ui :is(.hero,.materials-hero,.ronda-hero,.company-hero,.audit-hero,.driver-hero,.inspector-hero) :is(p,.eyebrow,small){font-size:13px}
body.gateflow-ui :is(.hero,.materials-hero,.ronda-hero)>div>span{font-size:14px}
body.gateflow-ui :is(.stat,.kpi,.metric-card,.ronda-stat){min-height:0;padding:16px;border-radius:10px}
body.gateflow-ui :is(.stat,.kpi,.metric-card,.ronda-stat)>:is(strong,b,h3){font-size:26px;line-height:1.3;font-weight:600}
body.gateflow-ui :is(.table-wrap,.table-scroll){overflow-x:auto;max-width:100%}
body.gateflow-ui :is(th,td){padding:10px 12px;font-size:14px}
body.gateflow-ui th{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
body.gateflow-ui :is(.app,.audit-app){grid-template-columns:var(--gm-sidebar-width) minmax(0,1fr)}
body.gateflow-ui :is(.app>aside,.audit-app>aside,.ronda-sidebar){width:var(--gm-sidebar-width);padding:12px 10px}
body.gateflow-ui :is(.app>aside,.audit-app>aside,.ronda-sidebar) :is(.logo,.brand,.ronda-sidebar-brand){min-height:52px;padding:6px 8px 12px;margin-bottom:12px}
body.gateflow-ui :is(.app>aside,.audit-app>aside,.ronda-sidebar) :is(.logo,.brand,.ronda-sidebar-brand) img{object-fit:contain;max-width:44px;max-height:44px}
body.gateflow-ui :is(.app>aside,.audit-app>aside,.ronda-sidebar) :is(nav button,.nav-group-toggle,.sidebar-accordion-trigger){min-height:var(--gm-control);padding:8px 10px;font-size:14px;font-weight:500;border-radius:8px}
body.gateflow-ui .app>.workspace{padding:0 24px 24px}
body.gateflow-ui .app>.workspace>header{min-height:64px;height:auto;margin:0 -24px 20px;padding:10px 24px;gap:12px}
body.gateflow-ui :is(.workspace>header,.audit-header,.ronda-header,#app>header) :is(h1,h2){font-size:22px;font-weight:600;line-height:1.3;letter-spacing:0}
body.gateflow-ui :is(.ronda-header,.audit-header){min-height:64px;height:auto;padding:10px 20px}
body.gateflow-ui .ronda-workspace{margin-left:var(--gm-sidebar-width)}
body.gateflow-ui.ronda-embedded .ronda-workspace{margin-left:0}
body.gateflow-ui.ronda-embedded .ronda-header{min-height:64px;padding:10px 16px}
body.gateflow-ui :is(.ronda-content,.audit-content){padding:20px;gap:16px}
body.gateflow-ui :is(.header-actions,.ronda-header-status){gap:8px;flex-wrap:wrap}
body.gateflow-ui :is(.header-actions button,.ronda-icon-button,.icon-btn){min-width:var(--gm-button);min-height:var(--gm-button);border-radius:8px}
body.gateflow-ui :is(.header-actions button,.ronda-icon-button,.icon-btn) svg{width:20px;height:20px}
body.gateflow-ui :is(.gf-card-toggle,.user-drawer-summary){min-height:var(--gm-control);padding:10px 12px;font-size:14px;font-weight:600}
body.gateflow-ui :is(.gf-card-drawer,.user-drawer,.slogan-drawer){border-radius:10px}
body.gateflow-ui :is(.modal,dialog,.ronda-modal-card,.audit-dialog,.queue-join-dialog,.inspector-dialog){border-radius:12px}
body.gateflow-ui :is(.modal,dialog,.ronda-modal-card)>:is(h1,h2,h3){font-size:20px;font-weight:600}
body.gateflow-ui :is(.filter-bar,.toolbar,.ronda-toolbar,.form-actions,.ronda-form-actions){gap:8px;flex-wrap:wrap}
body.gateflow-ui :is(.form-grid,.ronda-form,.settings-grid){gap:16px}
body.gateflow-login-page{font-family:Inter,system-ui,-apple-system,sans-serif}
body.gateflow-login-page .gateflow-access{width:min(100%,480px);padding:24px 20px;gap:16px}
body.gateflow-login-page .gateflow-brand{font-size:24px;font-weight:600;letter-spacing:0;margin:0 0 8px}
body.gateflow-login-page .gateflow-brand img{width:44px;height:44px;border-radius:10px}
body.gateflow-login-page .access-card{padding:24px;border-radius:12px}
body.gateflow-login-page h1{font-size:24px;line-height:1.3;letter-spacing:0;font-weight:600}
body.gateflow-login-page :is(label,.access-eyebrow){font-weight:500;letter-spacing:0}
body.gateflow-login-page input{min-height:var(--gm-control);padding:10px;border-radius:8px}
body.gateflow-login-page button{min-height:var(--gm-button);padding:9px 12px;border-radius:8px;transform:none;font-weight:500}
body.gateflow-login-page .access-password-toggle{padding:0;min-height:36px;width:36px;transform:translateY(-50%)}
body.gateflow-ui :is(.tenant-card,.tenant-panel,.auth-card,.login-card,.driver-login-card,.kiosk-login-card){border-radius:12px;padding:24px}
body.gateflow-ui :is(.login-art,.modern-login-art,.ronda-login-brand){padding:32px;min-height:0}
body.gateflow-ui :is(.login-art,.modern-login-art,.ronda-login-brand) :is(h1,h2,h3,p,span,strong){font-size:24px;letter-spacing:0}
body.gateflow-ui :is(.auth-card,.login-card,.driver-login-card,.kiosk-login-card) :is(h1,h2){font-size:24px;line-height:1.3;margin:8px 0 20px}
body.gateflow-ui .tenant-hero{padding:24px;min-height:0}
body.gateflow-ui .tenant-hero :is(h1,h2){font-size:24px}

body.gateflow-ui :is(.form-studio-sidebar,.checklist-editor,.lowcode-toolbar,.advertising-toolbar){border-radius:10px}
body.gateflow-ui :is(.form-studio-sidebar,.checklist-editor,.lowcode-toolbar) :is(h2,h3){font-size:16px;font-weight:600}
/* Match the shared sidebar drawer breakpoint so visible sidebars retain their column. */
@media(max-width:850px){body.gateflow-ui :is(.app,.audit-app){grid-template-columns:1fr}body.gateflow-ui .app>.workspace{grid-column:1;padding:0 16px 24px}body.gateflow-ui .app>.workspace>header{margin:0 -16px 16px;padding:10px 16px}}
@media(max-width:900px){body.gateflow-ui .ronda-workspace{margin-left:0}}
@media(max-width:600px){body.gateflow-ui :is(.ronda-content,.audit-content){padding:12px}body.gateflow-ui :is(.hero,.materials-hero,.ronda-hero){padding:16px}body.gateflow-ui :is(.form-grid,.settings-grid){grid-template-columns:minmax(0,1fr)}body.gateflow-ui :is(.workspace>header,.ronda-header) :is(h1,h2){font-size:22px}body.gateflow-ui :is(.ronda-panel,.ronda-card,.panel){padding:14px}body.gateflow-login-page .access-card{padding:20px}body.gateflow-ui :is(.login-art,.modern-login-art,.ronda-login-brand){padding:24px}}
@media(pointer:coarse),(max-width:600px){:root{--gm-control:48px;--gm-button:48px}body.gateflow-ui :is(.field,.form-grid,.ronda-form,.auth-card,.form-row,.filter-bar,.df-field,.dynamic-form) :is(input,select,textarea),body.gateflow-login-page input{font-size:16px}body.gateflow-ui :is(.header-actions button,.ronda-icon-button,.icon-btn){min-width:48px}body.gateflow-login-page .access-password input{min-height:56px;padding-right:58px}body.gateflow-login-page .access-password-toggle{width:48px;min-height:48px}body.gateflow-ui :is(.check-label,.checkbox-label){min-height:48px}}