/* Sample-case panel added by demo.js, on the MELICARE portal suite tokens. */
.demoQuick{margin:0 0 22px;padding:18px 22px;border:1px solid #dfe9f0;border-radius:16px;background:#fff;color:#17344a;font:16px/1.6 var(--mc-body,'Nunito Sans','Segoe UI',Arial,sans-serif);box-shadow:var(--suite-shadow,0 10px 32px #17496908)}
.demoModuleNav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e6eef3}
.demoModuleNav a{padding:6px 12px;border:1px solid transparent;border-radius:10px;color:#4f6b7d;font-size:15px;font-weight:800;text-decoration:none}
.demoModuleNav a:hover{background:var(--suite-sky,#eaf7ff)}
.demoModuleNav a[aria-current]{border-color:var(--suite-edge,#efdfb0);background:var(--suite-tint,#fff5da);color:var(--suite-navy,#15384f)}
.demoQuick h2{margin:0 0 4px;color:var(--suite-navy,#15384f);font:800 19px/1.3 var(--mc-display,'Plus Jakarta Sans','Segoe UI',Arial,sans-serif)}
.demoQuick p{margin:0 0 12px;color:#586f7e;font-size:15px}
.demoQuickControls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.demoQuick select{min-width:190px;max-width:100%;height:46px;padding:0 12px;border:1px solid #d3e1ea;border-radius:11px;background:#fff;color:#22445a;font:600 16px var(--mc-body,'Nunito Sans','Segoe UI',Arial,sans-serif)}
/* html body.suite-ui: outranks the portal's generic button rules. */
html body.suite-ui .demoQuick button{min-height:46px;padding:10px 18px;border:1px solid var(--suite-yellow,#f5c54b)!important;border-radius:11px;background:var(--suite-yellow,#f5c54b)!important;color:var(--suite-navy,#15384f)!important;font:800 16px var(--mc-body,'Nunito Sans','Segoe UI',Arial,sans-serif);cursor:pointer}
html body.suite-ui .demoQuick button:hover{background:#efb82f!important}
.demoQuick button:disabled{opacity:.55;cursor:wait}
.demoQuick a.demoDownload{color:#0f78aa;font-size:15px;font-weight:800}
.demoQuick output{display:block;margin-top:10px;color:#2d7e60;font-size:15px}
.demoQuick output.error{color:#a34e55}
.demoQuick :focus-visible{outline:3px solid #128ac3;outline-offset:3px}
@media(max-width:600px){.demoQuick{padding:16px}.demoQuickControls>*{width:100%}}