/* Responsive adjustments for the official Business design. */
html,body{min-width:0}
button,a,input,select,textarea{touch-action:manipulation}
button:disabled{opacity:.55;cursor:default}
svg{flex-shrink:0}
#business-dialog{width:min(960px,calc(100% - 24px));max-height:90svh;overflow:auto;border:1px solid #e4e7ec;border-radius:20px;padding:28px;background:#fff;color:#344054}
#business-dialog::backdrop{background:#10182870}
#business-dialog>.close{position:sticky;top:0;float:right;font-size:24px;width:32px;height:32px;border-radius:50%;z-index:2;background:#f2f4f7;color:#475467}
#business-dialog-content{clear:both}
#business-notice:not([hidden]){position:fixed;bottom:24px;right:24px;left:auto;z-index:100;background:#101828;color:#fff;border-radius:10px;padding:12px 18px;max-width:min(500px,calc(100vw - 32px));box-shadow:0 4px 16px #10182825}
.business-shell{height:100vh;height:100dvh}
.business-workspace,.business-header>div:first-child,#main-scroll{min-width:0}
#main-scroll>*{max-width:100%}
#main-scroll table{min-width:520px}
.business-table{overflow-x:auto;max-width:100%}
.business-field{display:block;font-size:12px;font-weight:500;color:#475467}
.business-field input,.business-field select,.business-field textarea{display:block;width:100%;margin-top:6px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;background:transparent;color:inherit;font-size:14px}
.business-field input:focus,.business-field select:focus,.business-field textarea:focus{outline:2px solid #ffe1d5;border-color:#ff7e5f}
.business-field input:read-only{color:#667085;background:#f9fafb}
.business-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;padding:12px;border-radius:8px;font-size:13px;margin-top:12px}
.business-error[hidden]{display:none}
.business-primary,.business-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500}
.business-primary{background:#ff5e3a;color:#fff}.business-primary:hover{background:#e64b27}
.business-secondary{border:1px solid #d0d5dd;color:#475467;background:#fff}
.business-panel{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:24px;box-shadow:0 1px 2px #1018280d}
.business-logo{width:112px;height:40px;object-fit:contain}
.business-cover{height:150px;object-fit:cover;width:100%;background:linear-gradient(120deg,#e64b27,#ff8a3d)}
.business-chart{position:relative;height:260px;min-width:0}
.business-chart canvas{width:100%!important;max-width:100%}
.business-loading{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#667085;padding:32px;text-align:center}
.business-loading img{width:160px;height:100px;object-fit:contain;border-radius:12px}
.business-loading img[data-branding-image]{object-fit:cover}
.business-auth-image,.business-auth-shade{position:absolute;inset:0;width:100%;height:100%}
.business-auth-image{object-fit:cover}
.business-auth-shade{background:linear-gradient(180deg,#10182855,#10182822 35%,#101828b3)}
.business-chart-empty{min-height:180px;display:grid;place-items:center;text-align:center;padding:24px;color:#667085}
.business-menu-backdrop{display:none}
html.dark-mode .business-panel,html.dark-mode #business-dialog,html.dark-mode .business-secondary{background:#121925;color:#dce3ec;border-color:#2c3748}
html.dark-mode .business-field{color:#c4ceda}
html.dark-mode .business-field input,html.dark-mode .business-field select,html.dark-mode .business-field textarea{border-color:#3b485b;color:#eef2f7}
html.dark-mode .business-field input:read-only{background:#0f1622;color:#aeb9c9}
html.dark-mode .business-error{background:#301817;color:#ff8a80;border-color:#5a2927}
@media(max-width:1023px){
 .business-sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;z-index:50;transform:translateX(-100%);transition:transform .2s ease}
 .business-shell.menu-open .business-sidebar{transform:none}
 .business-shell.menu-open .business-menu-backdrop{display:block;position:fixed;inset:0;background:#10182870;z-index:40}
 .business-header{height:72px;padding:0 16px;gap:12px}
 .business-header #section-sub{display:none}
 .business-header #section-title{font-size:15px}
 #main-scroll{padding:20px 16px}
 .business-panel{padding:20px}
 .business-auth-illustration{aspect-ratio:auto!important;max-height:230px}
 .business-auth-illustration>div{min-height:220px}
 .business-auth-illustration .auth-sample{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.business-nav-label{flex:1;min-width:0}
.business-nav-lock{display:inline-flex;flex-shrink:0;color:#98a2b3}
.business-gate-lock{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff0eb;color:#ff5733;margin-bottom:20px}