body{background:#eef0f3!important;color:#14203a}.topbar{display:none}header{height:68px!important;margin:8px 14px 10px!important;padding:8px 12px!important;border-radius:11px!important;box-shadow:0 1px 2px #0f23400d;grid-template-columns:1fr auto 1fr!important}header>div:first-child{width:max-content;border:1px solid #bcd5ff;background:#f3f8ff;padding:5px 9px;border-radius:7px}header>div:first-child i{width:26px;height:26px;font-size:11px}header>div:first-child small{font-size:9px;color:#37465d}header>div:first-child small b{font-size:11px;color:#244394}.brand em{padding:8px 9px!important;border-radius:3px!important;font-size:11px}.brand span>b{font-size:18px}.brand span>small{font-size:9px!important;text-align:center;color:#68758a!important}.work{grid-template-columns:minmax(540px,1fr) minmax(540px,1fr)!important;gap:14px!important;padding:0 14px 14px!important;height:calc(100vh - 88px)}.work>main,.preview{height:100%;border-radius:11px!important;padding:15px!important;overflow:auto}.tools{padding:10px!important;border:1px solid #d7dfe9;border-radius:8px;background:#fafbfc;margin-bottom:13px!important}.tools button{padding:7px 12px;font-size:11px}.tools #fresh{background:#1357da;color:#fff}.tools #history{background:#e98000;color:#fff}.tools .full-preview{margin-left:auto;background:#fff;color:#18283d}.template-switch{display:flex;justify-content:space-between;align-items:center;padding:8px;border:1px solid #bcd7ff;background:#f2f8ff;border-radius:7px;margin-bottom:15px;color:#173e8c;font-size:11px}.template-switch span{display:flex;background:#fff;border:1px solid #bdd2f4;border-radius:8px;padding:2px}.template-switch button{border:0;padding:6px 13px}.template-switch button.active{background:#21428e;color:#fff}section{margin-bottom:15px!important;border:0!important;border-radius:6px!important;overflow:visible!important}section>h2{display:flex;align-items:center;justify-content:space-between;background:#244494!important;padding:10px 12px!important;border-radius:6px;font-size:11px!important;cursor:pointer;box-shadow:0 1px 2px #18346533}section>h2 small{font-size:10px;font-weight:bold}.orange>h2,.discount-section>h2{background:#e47f00!important}section>.body{border:1px solid #cdd9eb;border-top:0;padding:12px!important;border-radius:0 0 7px 7px;background:#fff}.employee-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.employee-summary p{margin:0;padding:8px;background:#f7f9fc;border-radius:6px}.preview{padding:0 16px 16px!important;background:#fff!important}.preview .paper{transform-origin:top center;width:100%!important;min-height:842px!important;padding:18px 20px!important;box-shadow:0 2px 5px #1a2e4b26!important}.preview-full{position:fixed!important;inset:8px!important;z-index:100;background:#eef0f3!important;height:auto!important;overflow:auto!important}.short-template .trust,.short-template .deployment{display:none}.export-actions{z-index:4}.misa-head{grid-template-columns:180px 1fr!important}.misa-logo{font-size:52px!important}.catalog-dialog{font-size:12px}
.misa-logo.official-logo{display:flex;align-items:center;justify-content:center;line-height:normal;letter-spacing:normal}.misa-logo.official-logo img{display:block;width:100%;height:auto;max-height:92px;object-fit:contain}
.paper{padding:12px 16px!important;font-size:8px!important;min-height:842px!important}.paper .misa-head{display:grid!important;grid-template-columns:110px 1fr 145px!important;gap:12px!important;align-items:center!important;padding-bottom:7px!important;border-bottom:2px solid #2359b4!important}.misa-logo.official-logo img{max-height:45px!important}.paper .misa-company h2{font-size:10px!important;margin:0 0 3px!important;color:#173d8d}.paper .misa-company p{font-size:6px!important;margin:2px 0!important}.paper .quote-title{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important;text-align:right}.paper .quote-title h1{font-size:9px!important;background:#244394;color:#fff;padding:3px 7px;border-radius:3px;margin:0 0 2px!important}.paper .quote-title span{font-size:6px!important}.paper .misa-customer{background:#f1f7ff;border:1px solid #c8dcfb;border-radius:5px;margin-top:8px;padding:7px 9px!important;min-height:63px}.paper .misa-customer h3{font-size:7px!important;color:#173d8d;margin:0 0 5px!important}.paper .customer-grid{grid-template-columns:1fr 1fr!important;gap:0 20px}.paper .customer-grid p{font-size:6px!important;margin:2px 0!important}.paper .quote-products{border:1px dashed #cfd7e5;border-radius:5px;margin-top:8px!important;padding:8px;min-height:190px}.paper .quote-products>h3{text-align:center;color:#173d8d;font-size:7px!important}.paper .quote-products table{font-size:6px!important}.paper .quote-products th,.paper .quote-products td{padding:4px!important}.paper .quote-products .empty{height:125px!important;vertical-align:middle}.paper .deployment{margin-top:8px!important;padding:7px 9px!important;font-size:6px!important;min-height:108px}.paper .deployment h3{font-size:7px!important}.paper .deployment p{font-size:6px!important;margin:2px 0!important}.paper .trust{margin-top:8px;padding:6px!important;text-align:center;background:#f8fbff;border:1px solid #acd0ff}.paper .trust>b{font-size:6px}.paper .trust>div{justify-content:center!important;gap:10px!important;margin-top:5px!important}.paper .trust span{font-size:5px!important;padding:4px!important}.paper .payment{margin-top:8px!important;grid-template-columns:1fr 125px!important;padding:7px 9px!important;min-height:118px}.paper .payment h3{font-size:7px!important}.paper .payment p{font-size:6px!important;margin:4px 0!important}.paper .qr-payment img{max-height:105px!important}.paper .misa-sign{margin-top:8px!important;min-height:50px!important;border-top:1px solid #dce2ec;padding-top:8px;font-size:6px!important}.paper .staff{display:none!important}.paper .misa-total{font-size:6px!important}.paper .misa-total strong{padding:5px!important}
@media(max-width:1000px){header{height:auto!important}.work{height:auto;grid-template-columns:1fr!important}.work>main,.preview{height:auto}.brand span>b{font-size:15px}}