/* QR-Speicher Pro | unified 2026 experience
 * Presentation-only layer. Keeps Bootstrap, forms, routes and event handlers intact.
 * Scoped to .qs-ui; document creator-controlled landingpages are deliberately excluded.
 */
:root{
 --qs-brand:#4f46e5;--qs-brand-hover:#4338ca;--qs-ink:#18263d;--qs-muted:#62728a;
 --qs-border:#e5eaf2;--qs-line:#dbe4f0;--qs-canvas:#f5f7fc;--qs-surface:#ffffff;
 --qs-indigo:#4338ca;--qs-cyan:#06b6d4;--qs-lilac:#a5b4fc;
 --qs-glow:0 20px 60px rgba(21,35,74,.09);--qs-shadow:0 10px 35px rgba(21,35,74,.055);
 --qs-radius:19px;--qs-radius-sm:12px;--qs-focus:0 0 0 4px rgba(99,102,241,.16);
}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body.qs-ui{
 --primary-color:#4f46e5;--secondary-color:#3730a3;
 --gradient-primary:linear-gradient(125deg,#0d1b37 0%,#26216b 56%,#3730a3 100%);
 --shadow-md:0 15px 45px rgba(21,35,74,.10);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important;
 color:var(--qs-ink);background:var(--qs-canvas);font-size:15px;line-height:1.58;
 min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased;
}
body.qs-ui *,body.qs-ui *::before,body.qs-ui *::after{box-sizing:border-box}
body.qs-ui .container,body.qs-ui .container-fluid{min-width:0}
body.qs-ui .container{max-width:1180px}
body.qs-ui img,body.qs-ui svg,body.qs-ui video{max-width:100%}
body.qs-ui h1,body.qs-ui h2,body.qs-ui h3,body.qs-ui h4,body.qs-ui h5,body.qs-ui h6{
 font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:inherit;letter-spacing:-.035em;line-height:1.2;
}
body.qs-ui h1{font-weight:800}body.qs-ui h2{font-weight:780}body.qs-ui h3{font-weight:750}
body.qs-ui p,body.qs-ui .text-muted{line-height:1.7}
body.qs-ui .text-muted{color:var(--qs-muted)!important}
body.qs-ui a:not(.btn){text-underline-offset:3px}
body.qs-ui :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #22d3ee;outline-offset:3px}
body.qs-ui :where(.btn,.form-control,.form-select,.form-check-input,.input-group-text):focus{box-shadow:var(--qs-focus)}
body.qs-ui .btn{font-family:inherit;border-radius:11px;font-weight:680;letter-spacing:-.01em;
 padding:.67rem 1.08rem;min-height:41px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
 box-shadow:none;text-decoration:none!important;white-space:normal;}
body.qs-ui .btn:hover:not(:disabled){transform:translateY(-1px)}
body.qs-ui .btn:active:not(:disabled){transform:translateY(0)}
body.qs-ui .btn-sm{min-height:33px;padding:.35rem .69rem;font-size:.84rem;border-radius:9px}
body.qs-ui .btn-lg{padding:.9rem 1.45rem;font-size:1.02rem;min-height:50px;border-radius:13px}
body.qs-ui .btn-primary,body.qs-ui .btn-upgrade-premium,body.qs-ui .btn-upgrade-unlimited{
 background:linear-gradient(110deg,#4f46e5,#5956e9)!important;border-color:transparent!important;color:white!important;
 box-shadow:0 7px 16px rgba(79,70,229,.17)}
body.qs-ui .btn-primary:hover:not(:disabled){background:linear-gradient(110deg,#4338ca,#4f46e5)!important;
 box-shadow:0 11px 20px rgba(79,70,229,.2)}
body.qs-ui .btn-outline-primary{color:#4338ca;border-color:#c7d2fe;background:rgba(238,242,255,.5)}
body.qs-ui .btn-outline-primary:hover{color:white;border-color:#4f46e5;background:#4f46e5}
body.qs-ui .btn-secondary,body.qs-ui .btn-outline-secondary{border-color:#dbe2ee}
body.qs-ui .btn-light{background:#fff;color:#25314a;border:1px solid #e6eaf2}
body.qs-ui .btn-outline-light{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.08)}
body.qs-ui .btn-outline-light:hover{background:#fff;color:#263467!important}
body.qs-ui .card,body.qs-ui .soft-box,body.qs-ui .legal-card,body.qs-ui .main-card,
body.qs-ui .api-card,body.qs-ui .free-plan-card,body.qs-ui .pricing-card,body.qs-ui .plan-card{
 background:var(--qs-surface);border:1px solid var(--qs-border);border-radius:var(--qs-radius);
 box-shadow:var(--qs-shadow);}
body.qs-ui .card{overflow:visible}
body.qs-ui .card-header{background:#f8faff;border-bottom:1px solid var(--qs-border);border-radius:var(--qs-radius) var(--qs-radius) 0 0;
 padding:1.05rem 1.3rem;font-weight:740;color:#27314b}
body.qs-ui .card-body{padding:1.3rem}
body.qs-ui .card-footer{background:#fff;border-top:1px solid var(--qs-border);border-radius:0 0 var(--qs-radius) var(--qs-radius)}
body.qs-ui .form-label{font-weight:650;color:#34445c;margin-bottom:.42rem;font-size:.89rem}
body.qs-ui .form-control,body.qs-ui .form-select,body.qs-ui textarea.form-control{
 background-color:#fff;color:#223149;border:1px solid #dbe3ee;
 border-radius:11px;min-height:43px;padding:.65rem .85rem;font-size:.94rem;
 transition:border-color .18s ease,box-shadow .18s ease;}
body.qs-ui .form-control-sm,body.qs-ui .form-select-sm{min-height:37px;padding:.4rem .66rem;font-size:.86rem}
body.qs-ui .form-control-lg{min-height:50px;font-size:1.02rem}
body.qs-ui .form-control:focus,body.qs-ui .form-select:focus{border-color:#818cf8;background:#fff}
body.qs-ui .form-control::placeholder{color:#8f9aac}
body.qs-ui .input-group-text{border:1px solid #dbe3ee;background:#f8faff;border-radius:10px}
body.qs-ui .form-check-input:checked{background-color:#4f46e5;border-color:#4f46e5}
body.qs-ui .form-text,body.qs-ui small{line-height:1.55}
body.qs-ui .badge:not(.badge-free):not(.badge-premium):not(.badge-unlimited){font-size:.75rem;
 font-weight:700;letter-spacing:.01em;padding:.42em .71em;border-radius:8px}
body.qs-ui .alert{border-radius:12px;border-width:1px;padding:1rem 1.15rem}
body.qs-ui .table{--bs-table-bg:transparent;color:#34415b;vertical-align:middle;margin-bottom:0}
body.qs-ui .table>:not(caption)>*>*{padding:.9rem 1rem;border-color:#e9edf4}
body.qs-ui .table thead th{font-size:.75rem;letter-spacing:.035em;text-transform:uppercase;
 color:#62728a;background:#f7f9fd;border-bottom:1px solid #e6eaf2;font-weight:760}
body.qs-ui .table tbody tr:hover{background:#fafbff}
body.qs-ui .table-responsive{border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.qs-ui .dropdown-menu{border:1px solid #e8ecf5;border-radius:13px;padding:.44rem;
 box-shadow:0 18px 50px rgba(17,24,39,.15)}
body.qs-ui .dropdown-item{border-radius:8px;padding:.6rem .8rem;color:#31425d;font-weight:550}
body.qs-ui .dropdown-item:hover{background:#eef2ff;color:#3730a3}
body.qs-ui .modal-content{border-radius:18px;border:1px solid #e7ebf4;box-shadow:0 25px 90px rgba(9,20,49,.25)}
body.qs-ui .modal-header{padding:1.15rem 1.3rem;border-bottom:1px solid #ebeff6}
body.qs-ui .modal-body{padding:1.3rem}
body.qs-ui .modal-footer{padding:1rem 1.3rem;border-top:1px solid #ebeff6}
body.qs-ui .accordion-item{border:1px solid #e7ebf4;border-radius:13px;margin-bottom:10px;overflow:hidden;background:#fff}
body.qs-ui .accordion-button{font-weight:700;padding:1.05rem 1.2rem}
body.qs-ui .accordion-button:not(.collapsed){color:#3730a3;background:#eef2ff;box-shadow:none}
/* Unified application navigation – also overrides legacy inline gradient backgrounds. */
body.qs-ui .navbar.navbar-dark{
 background:linear-gradient(100deg,#142244,#26245b 62%,#343294)!important;
 border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 7px 24px rgba(18,28,60,.16)!important;
 padding:.82rem 0;min-height:72px;z-index:1030;}
body.qs-ui .navbar-brand{font-weight:820;letter-spacing:-.045em;font-size:1.35rem;
 display:inline-flex;align-items:center;gap:.35rem;white-space:normal;line-height:1.2;color:#fff!important;text-decoration:none!important;}
body.qs-ui .navbar-brand .fa-qrcode{color:#a5f3fc;font-size:1.36rem}
body.qs-ui .navbar-dark .nav-link{color:#e7e9ff!important;font-weight:610;font-size:.9rem;
 border-radius:9px;padding:.55rem .72rem!important;opacity:.95}
body.qs-ui .navbar-dark .nav-link:hover,body.qs-ui .navbar-dark .nav-link:focus{color:#fff!important;
 background:rgba(255,255,255,.1);opacity:1}
body.qs-ui .navbar .navbar-toggler{border-color:rgba(255,255,255,.3);border-radius:11px;padding:.55rem .7rem;min-height:41px}
body.qs-ui .navbar .navbar-collapse{min-width:0}
body.qs-ui .navbar .dropdown-menu .nav-link{color:var(--qs-ink)!important}
/* Marketing pages share one visual language */
body.qs-ui.qs-marketing .hero-section{
 position:relative;isolation:isolate;overflow:hidden;background:
 radial-gradient(ellipse 580px 390px at 5% 15%,rgba(6,182,212,.19),transparent 65%),
 radial-gradient(ellipse 680px 460px at 95% 3%,rgba(129,140,248,.25),transparent 69%),
 linear-gradient(116deg,#101f3e 0%,#262159 62%,#3730a3 100%)!important;
 padding-top:155px;padding-bottom:100px;border-radius:0 0 36px 36px;min-height:600px;
}
body.qs-ui.qs-marketing .hero-section:after{content:"";pointer-events:none;position:absolute;
 width:430px;height:430px;right:-110px;bottom:-230px;border:1px solid rgba(255,255,255,.09);
 border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 135px rgba(255,255,255,.012);z-index:-1}
body.qs-ui.qs-marketing .hero-title{font-size:clamp(2.25rem,4.6vw,4.2rem)!important;
 line-height:1.09;max-width:1040px;margin:0 auto 1.3rem;letter-spacing:-.05em;font-weight:840;color:#fff!important}
body.qs-ui.qs-marketing .hero-subtitle{font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.75;
 max-width:790px;margin-left:auto;margin-right:auto;color:#dfe7fc!important}
body.qs-ui.qs-marketing .hero-logo-wrapper{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.6);
 border-radius:26px;padding:.65rem;box-shadow:0 15px 45px rgba(8,16,42,.3);display:inline-flex}
body.qs-ui.qs-marketing .hero-logo{max-height:112px!important;width:auto;height:auto;object-fit:contain}
body.qs-ui.qs-marketing .mini-badge{color:#e6f7ff;background:rgba(255,255,255,.1);
 border:1px solid rgba(173,216,255,.25);padding:.55rem 1rem;display:inline-flex;align-items:center;gap:.3rem;
 border-radius:999px;font-size:.78rem;letter-spacing:.025em;margin-bottom:1.2rem;max-width:100%}
body.qs-ui.qs-marketing .stats-banner{max-width:910px;margin-left:auto;margin-right:auto;
 background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16);
 backdrop-filter:blur(12px);border-radius:16px!important;box-shadow:0 10px 30px rgba(0,0,0,.06)}
body.qs-ui.qs-marketing .stat-number-banner{font-weight:830!important;letter-spacing:-.04em}
body.qs-ui.qs-marketing section{scroll-margin-top:93px}
body.qs-ui.qs-marketing .section-title{font-size:clamp(1.85rem,3.2vw,2.65rem);line-height:1.14;
 font-weight:830;color:#172841;letter-spacing:-.045em}
body.qs-ui.qs-marketing .section-subtitle{max-width:760px;margin-left:auto;margin-right:auto;
 color:#64748b;font-size:1.04rem;line-height:1.7}
body.qs-ui.qs-marketing .feature-card,body.qs-ui.qs-marketing .faq-card,
body.qs-ui.qs-marketing .pricing-card,body.qs-ui.qs-marketing .use-case-card,
body.qs-ui.qs-marketing .comparison-card{border:1px solid #e6eaf3!important;border-radius:18px!important;
 box-shadow:0 9px 35px rgba(34,42,81,.055)!important;background:#fff;overflow:hidden;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.qs-ui.qs-marketing .feature-card:hover,body.qs-ui.qs-marketing .use-case-card:hover{
 border-color:#c7d2fe!important;transform:translateY(-4px);box-shadow:0 20px 45px rgba(36,46,91,.11)!important}
body.qs-ui.qs-marketing .feature-icon{display:flex;align-items:center;justify-content:center;border-radius:15px!important;
 background:linear-gradient(135deg,#eef2ff,#e0f2fe)!important;color:#4f46e5!important}
body.qs-ui.qs-marketing .faq-card .card-header{background:#fff;cursor:pointer}
body.qs-ui.qs-marketing .faq-card .card-body{background:#f9fbff}
body.qs-ui.qs-marketing footer{background:#111e3b!important;color:#d5def1!important;
 padding-top:3.25rem;padding-bottom:2rem}
body.qs-ui.qs-marketing footer h4,body.qs-ui.qs-marketing footer h5{color:#fff!important}
body.qs-ui.qs-marketing footer a,body.qs-ui.qs-marketing footer .text-muted{color:#cbd5ec!important}
body.qs-ui.qs-marketing footer a:hover{color:#fff!important}
body.qs-ui.qs-marketing .qs-app-link{display:inline-flex;align-items:center;justify-content:center;
 padding:.38rem .65rem;border-radius:12px;background:rgba(255,255,255,.08);
 border:1px solid rgba(255,255,255,.16);margin-bottom:1.3rem}
body.qs-ui.qs-marketing .qs-app-link img{display:block;width:165px;height:auto}
/* Manager, editors, mini pages, account screens */
body.qs-ui.qs-dashboard,body.qs-ui.qs-manager{background:
 radial-gradient(850px 500px at 100% 0%,rgba(224,231,255,.58),transparent 66%),#f5f7fb}
body.qs-ui.qs-dashboard .navbar,body.qs-ui.qs-manager .navbar{position:relative}
body.qs-ui.qs-dashboard .page-header,body.qs-ui.qs-dashboard .dashboard-header,
body.qs-ui.qs-manager .page-header{border-radius:18px}
body.qs-ui.qs-dashboard .stat-card,body.qs-ui.qs-dashboard .stats-card{border-radius:18px;
 box-shadow:var(--qs-shadow);border:1px solid var(--qs-border)}
body.qs-ui.qs-dashboard .card:hover{box-shadow:0 15px 34px rgba(25,35,72,.09)}
body.qs-ui.qs-dashboard .gallery-item{border-radius:15px;overflow:hidden;
 transition:box-shadow .2s,transform .2s,border-color .2s;border:1px solid #e6eaf1}
body.qs-ui.qs-dashboard .gallery-item:hover{transform:translateY(-2px);box-shadow:var(--qs-shadow)}
body.qs-ui.qs-manager .control-box,body.qs-ui.qs-manager .control-section,
body.qs-ui.qs-manager .soft-box,body.qs-ui.qs-manager .preview-shell{border-radius:17px}
body.qs-ui.qs-manager .template-card,body.qs-ui.qs-manager .template-badge{
 border-radius:13px;transition:box-shadow .18s,border-color .18s,transform .18s}
body.qs-ui.qs-manager .template-card:hover,body.qs-ui.qs-manager .template-badge:hover{box-shadow:0 8px 28px rgba(32,43,79,.12);transform:translateY(-2px)}
body.qs-ui.qs-dashboard footer,body.qs-ui.qs-manager footer{
 background:#fff!important;border-top:1px solid #e6ebf4;padding-top:1.5rem;padding-bottom:1.5rem}
/* Sign in/up, recover and API tools – preserve form layout and POST actions */
body.qs-ui.qs-auth{background:
 radial-gradient(620px 580px at -5% 0%,rgba(129,140,248,.23),transparent 70%),
 radial-gradient(650px 550px at 115% 105%,rgba(6,182,212,.15),transparent 70%),
 linear-gradient(130deg,#f2f5ff,#f8fbff)!important;
 min-height:100dvh;}
body.qs-ui.qs-auth>.container{padding-top:clamp(1.5rem,5vh,3.9rem);padding-bottom:2.5rem}
body.qs-ui.qs-auth .login-container,body.qs-ui.qs-auth .register-container,
body.qs-ui.qs-auth .reset-card,body.qs-ui.qs-auth .api-card{
 box-shadow:0 23px 66px rgba(25,36,76,.12);border-radius:22px;overflow:hidden}
body.qs-ui.qs-auth .login-container>.card-header,body.qs-ui.qs-auth .register-container>.card-header,
body.qs-ui.qs-auth .reset-card>.card-header,body.qs-ui.qs-auth .api-card>.card-header{
 background:linear-gradient(120deg,#16254a,#3430a1)!important;color:#fff;
 padding:1.6rem 1.8rem;border:0}
body.qs-ui.qs-auth .login-container>.card-header *,body.qs-ui.qs-auth .register-container>.card-header *,
body.qs-ui.qs-auth .reset-card>.card-header *,body.qs-ui.qs-auth .api-card>.card-header *{color:#fff}
body.qs-ui.qs-auth .login-container>.card-body,body.qs-ui.qs-auth .register-container>.card-body{padding:1.75rem}
body.qs-ui.qs-auth .features-list li{margin:.6rem 0}
body.qs-ui.qs-auth .login-icon{background:#eef2ff;border:1px solid #c7d2fe}
/* Pricing & success */
body.qs-ui.qs-pricing{background:radial-gradient(650px 480px at 50% -10%,rgba(79,70,229,.24),transparent 76%),#f6f8fc!important}
body.qs-ui.qs-pricing .pricing-card,body.qs-ui.qs-pricing .plan-card,
body.qs-ui.qs-pricing .free-plan-box{border-radius:18px;overflow:hidden;
 box-shadow:0 12px 40px rgba(20,35,68,.08)}
body.qs-ui.qs-pricing .plan-option{border-radius:12px!important;transition:border-color .18s,background .18s}
body.qs-ui.qs-pricing .plan-option:hover{border-color:#818cf8;background:#f8faff}
/* Public PDF viewer and QR informational pages; do not override customer mini-pages. */
body.qs-ui.qs-document{background:#f4f7fc!important;color:#1d2940}
body.qs-ui.qs-document .viewer,body.qs-ui.qs-document .main-card,
body.qs-ui.qs-document .content-container .main-card{border:1px solid #e4e9f2;
 border-radius:19px;box-shadow:0 14px 40px rgba(19,35,74,.08);overflow:hidden}
body.qs-ui.qs-document .content-header{background:linear-gradient(120deg,#172650,#36318c)!important;color:white}
body.qs-ui.qs-document .content-header h1,body.qs-ui.qs-document .content-header p{color:#fff!important}
body.qs-ui.qs-document .viewer iframe{display:block;width:100%;border:0}
/* table plugins */
body.qs-ui .dataTables_wrapper .dataTables_filter input,
body.qs-ui .dataTables_wrapper .dataTables_length select{border:1px solid #dbe3ee;border-radius:9px;padding:.4rem .65rem}
body.qs-ui .pagination .page-link{color:#4338ca;border-color:#e1e7f1;background:#fff}
body.qs-ui .pagination .active .page-link{background:#4f46e5;border-color:#4f46e5;color:#fff}
/* Fluid tablet/mobile layouts and tap targets */
@media(max-width:991.98px){
 body.qs-ui .navbar.navbar-dark{min-height:65px;padding:.7rem 0}
 body.qs-ui .navbar .navbar-collapse{padding:1rem 0 .4rem}
 body.qs-ui .navbar .navbar-nav{align-items:stretch!important;gap:.18rem}
 body.qs-ui .navbar .nav-item{width:100%;margin-left:0!important}
 body.qs-ui .navbar .nav-link{display:block}
 body.qs-ui .navbar .nav-item>.btn{margin:.3rem .35rem .3rem 0!important}
 body.qs-ui.qs-marketing .hero-section{padding-top:115px;padding-bottom:70px;min-height:0}
 body.qs-ui .modal-dialog{margin:.8rem}
 body.qs-ui .page-header .d-flex,body.qs-ui .dashboard-header .d-flex{flex-wrap:wrap}
}
@media(max-width:767.98px){
 html{scroll-padding-top:72px}
 body.qs-ui{font-size:14px}
 body.qs-ui .container{padding-left:18px;padding-right:18px}
 body.qs-ui .card-body{padding:1.05rem}
 body.qs-ui .card-header{padding:.95rem 1.05rem}
 body.qs-ui .navbar-brand{font-size:1.18rem}
 body.qs-ui.qs-marketing .hero-title{font-size:clamp(2rem,8vw,3rem)!important}
 body.qs-ui.qs-marketing .hero-section{padding-top:105px;padding-bottom:62px;border-radius:0 0 23px 23px}
 body.qs-ui.qs-marketing .hero-logo{max-height:75px!important}
 body.qs-ui.qs-marketing .hero-logo-wrapper{border-radius:19px}
 body.qs-ui.qs-marketing .hero-subtitle{font-size:1.01rem}
 body.qs-ui.qs-marketing .mini-badge{font-size:.72rem}
 body.qs-ui.qs-marketing .stats-banner{gap:.7rem!important;padding:.85rem!important}
 body.qs-ui.qs-marketing .stat-item{flex:1 1 40%;min-width:110px}
 body.qs-ui.qs-marketing .section-title{font-size:1.9rem}
 body.qs-ui.qs-auth .login-container>.card-header,body.qs-ui.qs-auth .register-container>.card-header{padding:1.25rem}
 body.qs-ui.qs-auth .login-container>.card-body,body.qs-ui.qs-auth .register-container>.card-body{padding:1.15rem}
 body.qs-ui .table{font-size:.84rem}
 body.qs-ui .table>:not(caption)>*>*{padding:.7rem .72rem}
 body.qs-ui .btn{max-width:100%;overflow-wrap:anywhere}
 body.qs-ui .modal-dialog.modal-xl{max-width:calc(100vw - 1.2rem)}
 body.qs-ui .modal-header,body.qs-ui .modal-body,body.qs-ui .modal-footer{padding:1rem}
 body.qs-ui.qs-document .viewer iframe{height:70dvh;min-height:420px}
}
@media(max-width:480px){
 body.qs-ui .container{padding-left:14px;padding-right:14px}
 body.qs-ui.qs-marketing .hero-title{font-size:2rem!important}
 body.qs-ui.qs-marketing .stat-item{min-width:93px}
 body.qs-ui .card{border-radius:15px}
 body.qs-ui .btn{font-size:.9rem}
 body.qs-ui .modal-footer{flex-wrap:wrap;gap:.6rem}
 body.qs-ui .modal-footer>.btn{flex:1 1 auto}
 body.qs-ui.qs-manager .preview-shell{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 body.qs-ui *,body.qs-ui *:before,body.qs-ui *:after{animation-duration:.001ms!important;
 transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media print{
 body.qs-ui .navbar,body.qs-ui footer,body.qs-ui .btn:not(.qs-print-keep){display:none!important}
 body.qs-ui{background:#fff!important}
 body.qs-ui .card{box-shadow:none!important;break-inside:avoid}
}