/* Preserve the original application UI; adapt only its layout. */
body{min-width:0;padding-bottom:0}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #7ca5ef;outline-offset:3px}.top{height:auto;min-height:60px;flex-wrap:wrap;padding-block:14px;gap:12px}.demo-note{margin:28px 20px 0;padding:20px 0;border-top:1px solid #dce1eb;font-size:11px;line-height:1.9;color:#64748b;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-note a{color:#1d4ed8;white-space:nowrap;text-underline-offset:4px}.toast{max-width:calc(100% - 32px);width:max-content;text-align:center}.card,.kpi{min-width:0}
@media(max-width:600px){.top{padding:16px;gap:10px}.demo-note{margin:24px 16px 0;flex-direction:column;align-items:flex-start;gap:12px}.toast{font-size:12px}.brand{max-width:100%}input[type=text],select{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.top .brand{flex:1 1 100%;white-space:normal}.top .sp{flex-wrap:wrap}.tab{min-height:40px}.kpis{flex-wrap:wrap}.kpi{flex:1 1 145px}.kpi.mini{flex:1 1 360px}.bar{flex-wrap:wrap}.bar input[type=text]{max-width:100%}.bar .r{flex-wrap:wrap}.wrap{overflow:auto;max-width:calc(100% - 40px)}table{min-width:1250px}.table-guide{font-size:11px;line-height:1.8;color:#64748b;margin:0 20px 10px}.drawer{width:min(400px,100%);max-height:100dvh;overflow:auto;visibility:hidden;pointer-events:none}.drawer.on{visibility:visible;pointer-events:auto}.drawer dd{overflow-wrap:anywhere}.drawer .x{width:44px;height:44px}.drawer h3{padding-right:32px}
@media(min-width:1700px){.top .brand{flex:0 1 auto}}
@media(max-width:600px){.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 16px 0;gap:10px}.kpi{min-width:0;padding:12px}.kpi b{font-size:20px}.kpi.mini{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));font-size:10px;gap:8px}.bar{padding:16px;gap:12px}.bar input[type=text]{width:100%;flex:1 1 100%}.bar select{max-width:100%}.bar .r{margin-left:0;width:100%}.bar .r button{min-height:44px}.wrap{margin:0 16px;max-width:calc(100% - 32px)}.table-guide{margin-inline:16px}.top .sp{width:100%;margin:2px 0 0;font-size:11px}.brand{font-size:16px}.tab{font-size:11px;padding:8px 10px}.drawer{padding:22px}.drawer dl{grid-template-columns:90px minmax(0,1fr)}}