:root{--tp-blue:#0d3a63;--tp-blue-2:#164d76;--tp-accent:#e88a1a;--tp-border:#d7dee4;--tp-ink:#263746;--tp-soft:#f5f8fa}
.tpqq-rfq-form{max-width:760px;margin:24px auto;padding:24px;border:1px solid #e2e6ea;border-radius:14px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.tpqq-rfq-form h3{margin:0 0 6px;color:var(--tp-blue)}.tpqq-rfq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tpqq-rfq-form label{display:block;font-weight:600;margin:10px 0}
.tpqq-rfq-form input,.tpqq-rfq-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #ccd3da;border-radius:7px;margin-top:5px}.tpqq-rfq-form button{background:var(--tp-accent);border:0;color:#fff;font-weight:700;padding:13px 18px;border-radius:7px;cursor:pointer}

.tpqq-a4{font-family:Arial,Helvetica,sans-serif;color:var(--tp-ink);background:#fff;max-width:210mm;margin:14px auto;padding:11mm 12mm 10mm;box-sizing:border-box;box-shadow:0 3px 22px rgba(8,37,58,.10);font-size:10.8px}
.tpqq-print-header{display:grid;grid-template-columns:34mm minmax(0,1fr) minmax(73mm,40%);align-items:center;gap:10px;padding:4px 0 10px;min-height:31mm}.tpqq-minimal-header{position:relative}.tpqq-header-watermark{display:flex;align-items:center;justify-content:center;width:31mm;height:25mm;overflow:hidden;opacity:.10;filter:saturate(.7)}.tpqq-header-watermark img{max-width:100%;max-height:100%;object-fit:contain}.tpqq-header-watermark span{font-size:29mm;line-height:1;color:#3c82b5;font-weight:900;letter-spacing:-.08em}.tpqq-header-title-wrap{display:flex;align-items:center;justify-content:center;min-height:24mm;padding:0 7px}.tpqq-legal-name{width:100%;text-align:center;color:var(--tp-blue);text-transform:uppercase;letter-spacing:.006em}.tpqq-legal-line{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:800}.tpqq-legal-line-1{font-size:13px;line-height:1.2}.tpqq-legal-line-2{font-size:16px;line-height:1.15;margin-top:3px}.tpqq-company-meta{border-left:1px solid #cfd9e0;padding-left:10px;text-align:left!important;color:#243d50;font-size:8.7px;line-height:1.45;width:100%;box-sizing:border-box}.tpqq-company-meta b{color:#173d5b;font-weight:900;text-align:left;white-space:nowrap}.tpqq-meta-row{display:grid;grid-template-columns:17mm 3mm minmax(0,1fr);align-items:start;justify-items:start;column-gap:0;width:100%;margin:1.8px 0;text-align:left}.tpqq-meta-row b,.tpqq-meta-row i,.tpqq-meta-row span{display:block;text-align:left;justify-self:start}.tpqq-meta-row i{font-style:normal;color:#516977}.tpqq-meta-row span{overflow-wrap:anywhere;word-break:normal}.tpqq-header-accent{display:flex;align-items:center;width:100%;height:2px;margin:5px 0 4px}.tpqq-header-accent-blue{display:block;flex:1 1 auto;height:100%;background:var(--tp-blue)}.tpqq-header-accent-orange{display:block;flex:0 0 14%;height:100%;background:var(--tp-accent)}.tpqq-header-accent-tail{flex:0 0 8%}

.tpqq-document-heading{text-align:center;padding:13px 0 10px}.tpqq-document-kicker{color:#84929b;font-size:8px;font-weight:800;letter-spacing:.12em}.tpqq-a4 h1{margin:5px 0 7px;color:var(--tp-blue);font-size:22px;line-height:1.15;font-weight:900;letter-spacing:.025em}.tpqq-quote-meta{display:flex;justify-content:center;gap:26px;color:#596c78;font-size:9.5px}.tpqq-quote-meta b{color:#334a5a}

.tpqq-customer{margin:0 0 10px;border:1px solid var(--tp-border);border-radius:7px;overflow:hidden;background:#fff}.tpqq-customer-title{padding:5px 9px;background:#eef4f7;color:var(--tp-blue);font-size:8.5px;font-weight:900;letter-spacing:.07em}.tpqq-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.tpqq-customer-grid>div{padding:6px 9px;border-top:1px solid #edf0f2}.tpqq-customer-grid>div:nth-child(even):not(.wide){border-left:1px solid #edf0f2}.tpqq-customer-grid .wide{grid-column:1/-1}.tpqq-customer-grid span{display:block;margin-bottom:2px;color:#86939b;font-size:8px;font-weight:700}.tpqq-customer-grid strong,.tpqq-customer-grid b{color:#263d4c;font-size:10px;font-weight:800}

.tpqq-print-table{border-collapse:separate;border-spacing:0;width:100%;font-size:9.2px;border:1px solid #aebbc4;border-radius:5px;overflow:hidden}.tpqq-print-table th,.tpqq-print-table td{border-right:1px solid #bdc7ce;border-bottom:1px solid #c9d1d7;padding:5.5px 5px;vertical-align:top}.tpqq-print-table th:last-child,.tpqq-print-table td:last-child{border-right:0}.tpqq-print-table tbody tr:last-child td{border-bottom:0}.tpqq-print-table th{background:var(--tp-blue);color:#fff;font-size:8.4px;font-weight:800;text-align:center;vertical-align:middle}.tpqq-print-table thead{display:table-header-group}.tpqq-print-table tr{break-inside:avoid;page-break-inside:avoid}.tpqq-print-table .stt{width:7mm}.tpqq-print-table .image{width:21mm}.tpqq-print-table .qty{width:10mm}.tpqq-print-table .unit{width:11mm}.tpqq-print-table .vat{width:10mm}.tpqq-print-table .price,.tpqq-print-table .amount{min-width:22mm}.tpqq-print-table .period{min-width:20mm}.tpqq-print-img{text-align:center}.tpqq-print-img img{width:18mm;height:18mm;object-fit:contain}.tpqq-item-name{display:block;color:#233b4a;font-size:9.5px;line-height:1.3}.tpqq-spec{margin-top:2px;color:#687b87;font-size:8.3px;line-height:1.35;white-space:normal}.num{text-align:right;white-space:nowrap}.center{text-align:center}.tpqq-print-table td.amount{background:#fbfcfd}

.tpqq-asset-note{margin:5px 0 0;color:#667883;font-size:7.8px;font-style:italic;line-height:1.4}
.tpqq-financial-wrap{display:block;width:100%;margin-top:10px;break-inside:avoid;page-break-inside:avoid}.tpqq-financial-note{margin:0 0 6px;padding:5px 8px;border-left:3px solid #d7e3ea;background:#f7f9fa;color:#667883;font-size:7.8px;line-height:1.4}.tpqq-financial-note strong{color:#344e5e}
.tpqq-totals{width:100%;margin:0;border:1px solid #d6dde2;border-radius:6px;overflow:hidden;break-inside:avoid;page-break-inside:avoid}.tpqq-totals>div{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-bottom:1px solid #e7ebee;background:#fff}.tpqq-totals>div:last-child{border-bottom:0}.tpqq-totals span{color:#526773}.tpqq-totals b{color:#253d4c;white-space:nowrap}.tpqq-totals .grand{padding:8px;background:#fff3e2;border-top:1px solid #efc68e;color:#814400;font-size:12.5px}.tpqq-totals .grand span,.tpqq-totals .grand b{color:#814400;font-weight:900}.tpqq-totals .deposit{background:#f4f8fb}.tpqq-totals .deposit span,.tpqq-totals .deposit b{color:#0d3a63}

.tpqq-payment-info{margin-top:7px;break-inside:avoid;page-break-inside:avoid}.tpqq-payment-compact{display:grid;grid-template-columns:24mm minmax(0,1fr);align-items:center;border:1px solid #dce4e9;border-left:3px solid var(--tp-accent);border-radius:5px;background:#fbfcfd;overflow:hidden}.tpqq-payment-label{padding:6px 8px;color:var(--tp-blue);font-size:8px;font-weight:900;letter-spacing:.055em;white-space:nowrap}.tpqq-payment-content{min-width:0;padding:5px 8px 5px 0}.tpqq-payment-primary,.tpqq-payment-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 13px;line-height:1.35}.tpqq-payment-primary{color:#2b4352;font-size:8.8px;font-weight:700}.tpqq-payment-secondary{margin-top:2px;color:#687983;font-size:7.55px}.tpqq-payment-info em{font-style:normal;color:#7c8b94;font-weight:700}.tpqq-payment-primary b{color:#203c50;font-weight:900}.tpqq-payment-primary .tpqq-bank-number{color:var(--tp-blue);font-size:9.7px;letter-spacing:.025em}

.tpqq-bottom-block{margin-top:12px;break-inside:avoid;page-break-inside:avoid}.tpqq-terms{margin:0;border-top:2px solid #d8e1e7;padding-top:8px}.tpqq-terms h3{margin:0 0 5px;color:var(--tp-blue);font-size:9.5px;letter-spacing:.04em}.tpqq-terms-body{columns:1}.tpqq-terms p{display:flex;gap:5px;margin:3px 0;color:#516571;font-size:8.3px;line-height:1.4}.tpqq-terms p span{color:var(--tp-accent);font-weight:900}.tpqq-acceptance-note{margin:8px 0 5px;padding:6px 8px;border-radius:5px;background:#f8fafb;color:#6c7d87;font-size:7.9px;text-align:center;line-height:1.4}
.tpqq-signatures{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px}.tpqq-signature-box{text-align:center;border-top:1px solid #cbd4da;padding-top:7px;min-height:47mm;box-sizing:border-box}.tpqq-signature-box strong{display:block;color:#173d5b;font-size:9.7px;font-weight:900}.tpqq-signature-box>span{display:block;margin-top:3px;color:#8a969e;font-size:7.8px;font-style:italic}.tpqq-sign-space{height:30mm}.tpqq-signature-box>b{display:block;color:#314a59;font-size:8.7px;font-weight:800}.tpqq-signature-box.seller>b{text-transform:uppercase}

.tpqq-print-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding-top:6px;border-top:1px solid #dbe2e6;color:#73818a;font-size:7.8px;text-align:center}.tpqq-print-footer strong{color:#405866}.tpqq-print-footer span:before{content:"•";margin-right:10px;color:#e88a1a}
.tpqq-print-toolbar{position:sticky;top:0;background:#202a33;padding:10px;text-align:center;z-index:10}.tpqq-print-toolbar button{background:#e88a1a;color:#fff;border:0;padding:10px 18px;border-radius:6px;font-weight:700;cursor:pointer}

@page{size:A4 portrait;margin:10mm}
@media print{
 html,body{background:#fff!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
 .tpqq-print-body{margin:0!important;padding:0!important;width:auto!important;min-width:0!important}
 .tpqq-print-toolbar{display:none!important}
 .tpqq-a4{box-shadow:none!important;margin:0!important;max-width:none!important;width:100%!important;padding:0!important;font-size:9.8px!important;overflow:visible!important;box-sizing:border-box!important}

 /* Lock the header to the actual A4 printable width; never inherit mobile layout. */
 .tpqq-print-header{display:grid!important;grid-template-columns:28mm 66mm minmax(0,1fr)!important;align-items:center!important;column-gap:4mm!important;row-gap:0!important;width:100%!important;min-height:27mm!important;padding:2mm 0 2.4mm!important;box-sizing:border-box!important;break-inside:avoid!important;page-break-inside:avoid!important}
 .tpqq-header-watermark{display:flex!important;width:27mm!important;height:22mm!important;max-width:27mm!important;overflow:hidden!important;opacity:.09!important;align-items:center!important;justify-content:center!important}
 .tpqq-header-watermark img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
 .tpqq-header-watermark span{font-size:22mm!important;line-height:1!important}
 .tpqq-header-title-wrap{display:flex!important;min-width:0!important;min-height:22mm!important;padding:0 2mm!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
 .tpqq-legal-name{width:100%!important;min-width:0!important;text-align:center!important}
 .tpqq-legal-line-1{font-size:10.8px!important;line-height:1.15!important;white-space:normal!important}
 .tpqq-legal-line-2{font-size:14px!important;line-height:1.15!important;margin-top:2px!important;white-space:normal!important}
 .tpqq-company-meta{display:block!important;min-width:0!important;width:100%!important;border-left:1px solid #cfd9e0!important;padding-left:3mm!important;text-align:left!important;font-size:8.1px!important;line-height:1.32!important;box-sizing:border-box!important}
 .tpqq-meta-row{display:grid!important;grid-template-columns:14.5mm 2.5mm minmax(0,1fr)!important;column-gap:0!important;align-items:start!important;width:100%!important;min-width:0!important;margin:1.2px 0!important;text-align:left!important}
 .tpqq-meta-row b,.tpqq-meta-row i,.tpqq-meta-row span{display:block!important;text-align:left!important;justify-self:start!important;min-width:0!important}
 .tpqq-meta-row b{white-space:nowrap!important}
 .tpqq-meta-row span{overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important}
 .tpqq-header-accent{display:flex!important;width:100%!important;height:1.5px!important;margin:1.5mm 0 1mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
 .tpqq-header-accent-blue{height:1.5px!important}.tpqq-header-accent-orange{height:1.5px!important}

 .tpqq-document-heading{break-inside:avoid!important;page-break-inside:avoid!important}
 .tpqq-customer{break-inside:avoid!important;page-break-inside:avoid!important}
 .tpqq-print-table{font-size:8.8px!important;width:100%!important;table-layout:auto!important}
 .tpqq-print-table th{font-size:8px!important}
 .tpqq-print-img img{width:17mm!important;height:17mm!important}
 .tpqq-payment-info,.tpqq-bottom-block,.tpqq-signatures,.tpqq-signature-box{break-inside:avoid!important;page-break-inside:avoid!important}
}
@media screen and (max-width:760px){.tpqq-rfq-grid{grid-template-columns:1fr}.tpqq-a4{padding:16px;margin:0;overflow-x:auto}.tpqq-print-header{grid-template-columns:1fr}.tpqq-header-watermark{display:none}.tpqq-company-meta{border-left:0;padding-left:0;text-align:left}.tpqq-header-title-wrap{padding-left:0;justify-content:flex-start}.tpqq-legal-name{text-align:left}.tpqq-payment-compact{grid-template-columns:1fr}.tpqq-payment-label{padding-bottom:2px}.tpqq-payment-content{padding:2px 8px 6px}.tpqq-financial-wrap{grid-template-columns:1fr}.tpqq-signatures{grid-template-columns:1fr}.tpqq-customer-grid{grid-template-columns:1fr}.tpqq-customer-grid>div{grid-column:1!important;border-left:0!important}}


/* Desktop quick contact / RFQ widget — Thiên Phú enterprise skin */
.tpqq-contact-widget{
    position:fixed;right:20px;bottom:22px;z-index:99990;
    font-family:Arial,Helvetica,sans-serif
}
.tpqq-contact-trigger{
    position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;
    align-items:center;gap:10px;min-width:176px;height:56px;padding:7px 10px 7px 8px;
    border:1px solid rgba(255,255,255,.13);border-radius:12px;
    background:linear-gradient(180deg,#123f65 0%,#0d3558 100%);
    color:#fff;box-shadow:0 13px 32px rgba(6,38,61,.24);
    cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.tpqq-contact-trigger:before{
    content:"";position:absolute;left:10px;right:10px;top:0;height:2px;
    background:linear-gradient(90deg,transparent,#e88a1a 20%,#e88a1a 80%,transparent);
    opacity:.92
}
.tpqq-contact-trigger:hover{
    transform:translateY(-2px);border-color:rgba(232,138,26,.46);
    box-shadow:0 17px 38px rgba(6,38,61,.30)
}
.tpqq-contact-icon{
    position:relative;display:grid;place-items:center;width:38px;height:38px;
    border-radius:9px;background:#e88a1a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)
}
.tpqq-contact-icon i{
    position:relative;display:block;width:17px;height:13px;border:2px solid #fff;
    border-radius:4px;box-sizing:border-box
}
.tpqq-contact-icon i:after{
    content:"";position:absolute;left:2px;bottom:-5px;width:5px;height:5px;
    border-left:2px solid #fff;border-bottom:2px solid #fff;
    transform:skewY(-28deg);background:#e88a1a
}
.tpqq-contact-copy{display:block;min-width:0;text-align:left;line-height:1.1}
.tpqq-contact-copy strong{
    display:block;color:#fff;font-size:12px;font-weight:900;letter-spacing:.075em
}
.tpqq-contact-copy small{
    display:block;margin-top:4px;color:rgba(255,255,255,.73);
    font-size:10px;font-weight:650;letter-spacing:.01em
}
.tpqq-contact-arrow{
    display:grid;place-items:center;width:18px;height:18px;color:#f1b45a;
    font-size:14px;font-weight:900;transition:transform .18s ease
}
.tpqq-contact-trigger:hover .tpqq-contact-arrow{transform:translate(1px,-1px)}

.tpqq-contact-panel{
    position:absolute;right:0;bottom:68px;width:min(390px,calc(100vw - 40px));
    overflow:hidden;border:1px solid rgba(15,56,88,.13);border-radius:14px;
    background:#fff;box-shadow:0 22px 60px rgba(7,37,58,.24)
}
.tpqq-contact-panel[hidden]{display:none!important}
.tpqq-contact-panel-head{
    position:relative;display:flex;justify-content:space-between;gap:14px;
    padding:18px 18px 17px;background:linear-gradient(135deg,#0d3558 0%,#154c75 100%);
    color:#fff;border-bottom:3px solid #e88a1a
}
.tpqq-contact-panel-head:after{
    content:"THIÊN PHÚ";position:absolute;right:46px;bottom:-2px;
    color:rgba(255,255,255,.045);font-size:34px;font-weight:900;letter-spacing:.05em;
    pointer-events:none
}
.tpqq-contact-brand{position:relative;z-index:1}
.tpqq-contact-brand>span{
    display:block;margin-bottom:5px;color:#f4ad48;font-size:9px;font-weight:900;
    letter-spacing:.12em
}
.tpqq-contact-brand>strong{
    display:block;color:#fff;font-size:17px;font-weight:850;line-height:1.25
}
.tpqq-contact-brand>small{
    display:block;margin-top:5px;max-width:280px;color:rgba(255,255,255,.76);
    font-size:10.5px;line-height:1.45
}
.tpqq-contact-close{
    position:relative;z-index:2;display:grid;place-items:center;flex:0 0 30px;
    width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.16);
    border-radius:8px;background:rgba(255,255,255,.08);color:#fff;
    font-size:20px;line-height:1;cursor:pointer
}
.tpqq-contact-close:hover{background:rgba(255,255,255,.15)}

.tpqq-contact-form{padding:16px 18px 17px;background:#fff}
.tpqq-contact-form label{display:block;margin:0 0 11px}
.tpqq-contact-form label>span{
    display:block;margin-bottom:5px;color:#273f50;font-size:11px;font-weight:800
}
.tpqq-contact-form label em{color:#87949d;font-size:9.5px;font-style:normal;font-weight:500}
.tpqq-contact-form input,.tpqq-contact-form textarea{
    width:100%;box-sizing:border-box;margin:0;border:1px solid #d7dfe5;
    border-radius:8px;background:#fbfcfd;padding:9px 10px;color:#243b4b;
    font:inherit;font-size:12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.tpqq-contact-form input:focus,.tpqq-contact-form textarea:focus{
    border-color:#e1a14b;background:#fff;box-shadow:0 0 0 3px rgba(232,138,26,.09)
}
.tpqq-contact-form textarea{min-height:88px;resize:vertical}
.tpqq-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tpqq-contact-bottom{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;
    padding-top:3px
}
.tpqq-file-label{margin-bottom:0!important}
.tpqq-file-label input{padding:6px;background:#f7f9fa;font-size:10px}
.tpqq-contact-submit{
    min-height:40px;border:0;border-radius:8px;background:#e88a1a;
    padding:0 15px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.055em;
    white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(232,138,26,.18);
    transition:transform .16s ease,filter .16s ease
}
.tpqq-contact-submit:hover{transform:translateY(-1px);filter:brightness(.97)}
.tpqq-contact-success{
    position:absolute;right:0;bottom:72px;min-width:260px;
    border:1px solid rgba(21,111,74,.18);border-radius:9px;background:#163f2e;
    padding:11px 14px;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.16);
    font-size:11px;font-weight:700;opacity:0;transform:translateY(8px);
    pointer-events:none;transition:.25s ease;white-space:nowrap
}
.tpqq-contact-success.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1023px){.tpqq-contact-widget{display:none!important}}

/* 1.2.0 — Mini Quote Bar */
.tpqq-mini-quote{position:fixed;left:50%;bottom:20px;z-index:99940;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:13px;width:min(760px,calc(100vw - 40px));min-height:66px;padding:10px 10px 10px 15px;border:1px solid rgba(22,53,73,.14);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 16px 45px rgba(12,38,55,.18);backdrop-filter:blur(10px);box-sizing:border-box;transform:translate(-50%,calc(100% + 42px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s ease,opacity .2s ease,visibility .2s ease;font-family:Arial,sans-serif}
.tpqq-mini-quote.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}
.tpqq-mini-copy{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;row-gap:2px}
.tpqq-mini-copy>span{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-width:58px;border-radius:10px;background:#0d3a63;color:#fff;font-size:8px;font-weight:900;letter-spacing:.06em}
.tpqq-mini-copy>strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#183447;font-size:13px;font-weight:900;line-height:1.25}
.tpqq-mini-copy>small{display:block;color:#6e7f89;font-size:10px;font-weight:650;line-height:1.25}
.tpqq-mini-cta{min-height:43px;border:0;border-radius:11px;background:#e88a1a;padding:0 17px;color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.035em;white-space:nowrap;cursor:pointer;box-shadow:0 8px 20px rgba(232,138,26,.2)}
.tpqq-mini-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:#f0f3f5;color:#627682;font-size:20px;line-height:1;cursor:pointer}
@media(max-width:767px){.tpqq-mini-quote{display:none!important}}

/* 1.2.0 — Exit Intent Desktop */
.tpqq-exit{position:fixed;inset:0;z-index:100020;display:grid;place-items:center;padding:28px;box-sizing:border-box;font-family:Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.tpqq-exit.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.tpqq-exit-backdrop{position:absolute;inset:0;background:rgba(7,28,43,.34);backdrop-filter:blur(2px)}
.tpqq-exit-card{position:relative;z-index:1;width:min(480px,calc(100vw - 56px));padding:27px 27px 23px;border:1px solid rgba(12,45,67,.16);border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(4,28,44,.28);box-sizing:border-box;transform:translateY(-10px) scale(.985);transition:transform .22s ease}
.tpqq-exit.is-visible .tpqq-exit-card{transform:translateY(0) scale(1)}
.tpqq-exit-card>span{display:block;margin:0 42px 7px 0;color:#e88a1a;font-size:10px;font-weight:900;letter-spacing:.12em}
.tpqq-exit-card>strong{display:block;margin-right:36px;color:#0d3a63;font-size:26px;line-height:1.18;letter-spacing:-.02em}
.tpqq-exit-card>p{margin:11px 0 18px;color:#5a6d7a;font-size:13px;line-height:1.62}
.tpqq-exit-actions{display:grid;grid-template-columns:1fr auto;gap:9px}
.tpqq-exit-cta{min-height:47px;border:0;border-radius:11px;background:#e88a1a;padding:0 20px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 9px 22px rgba(232,138,26,.2)}
.tpqq-exit-skip{min-height:47px;border:1px solid #d8e1e6;border-radius:11px;background:#f8fafb;padding:0 16px;color:#536b79;font-size:10.5px;font-weight:800;cursor:pointer}
.tpqq-exit-card>small{display:block;margin-top:11px;color:#87949d;font-size:9px;line-height:1.45}
.tpqq-exit-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f1f5f7;color:#627682;font-size:21px;line-height:1;cursor:pointer}
@media(max-width:1023px){.tpqq-exit{display:none!important}}

/* 1.2.0 — Frontend admin live alert */
.tpqq-admin-live-alert{position:fixed;z-index:99979;right:20px;bottom:92px;width:310px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:13px 14px 12px;border:1px solid rgba(232,138,26,.30);border-radius:13px;background:#fff;box-shadow:0 15px 36px rgba(232,138,26,.16);color:#102a3c;font-family:Arial,sans-serif;transition:.16s ease}
.tpqq-admin-live-alert[hidden]{display:none!important}
.tpqq-admin-live-top{display:flex;align-items:center;gap:8px}.tpqq-admin-live-head{display:block;color:#c66d08;font-size:12px;line-height:1.35;font-weight:900}
.tpqq-admin-live-toggle{margin-left:auto;width:25px;height:25px;border:1px solid rgba(16,42,60,.13);border-radius:7px;background:#f5f8fa;color:#405766;font-weight:800;cursor:pointer}
.tpqq-admin-live-latest{display:flex;align-items:center;gap:5px;min-width:0;margin:7px 0 10px;color:#6f818c;font-size:10.5px}
.tpqq-admin-live-code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#253f50;font-weight:800}
.tpqq-admin-live-action{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:7px 11px;border-radius:7px;background:#0d3a63;color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:900}
.tpqq-admin-live-alert.is-collapsed{width:150px;padding:9px 10px}.tpqq-admin-live-alert.is-collapsed .tpqq-admin-live-head{font-size:11px;white-space:nowrap}
.tpqq-admin-live-alert.is-fresh{animation:tpqqFresh .62s ease both}
@keyframes tpqqFresh{0%{transform:translateY(7px);opacity:.35}55%{transform:translateY(-2px);opacity:1}100%{transform:translateY(0);opacity:1}}
@media(max-width:1023px){.tpqq-admin-live-alert{right:12px;bottom:82px}}
@media(prefers-reduced-motion:reduce){.tpqq-mini-quote,.tpqq-exit,.tpqq-exit-card,.tpqq-admin-live-alert{transition:none!important;animation:none!important}}

/* 1.4.7 — full-width totals + amount in words */
.tpqq-financial-wrap .tpqq-totals{width:100%!important;max-width:none!important;margin:0!important}
.tpqq-totals .tpqq-amount-words{display:block!important;padding:6px 8px;background:#fffdf8;border-top:1px solid #f0dfbf;text-align:left}
.tpqq-totals .tpqq-amount-words span{display:block;color:#5b6670;font-size:8.35px;line-height:1.4;font-style:italic;white-space:normal}
.tpqq-totals .tpqq-amount-words strong{color:#7d4b08;font-style:normal}
@media print{.tpqq-financial-wrap{display:block!important;width:100%!important}.tpqq-financial-wrap .tpqq-totals{width:100%!important;max-width:none!important}.tpqq-financial-note{margin-bottom:5px!important}.tpqq-totals .tpqq-amount-words{break-inside:avoid;page-break-inside:avoid}}


/* 1.4.8 — Online quote customer portal */
.tpqq-online-body{margin:0;background:#eef2f5;color:#253c4b;font-family:Arial,Helvetica,sans-serif}
.tpqq-online-shell{width:min(1180px,calc(100% - 28px));margin:18px auto 42px}
.tpqq-online-toolbar{position:sticky;top:10px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 12px;padding:12px 14px;border:1px solid #d9e1e6;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(15,49,72,.10);backdrop-filter:blur(8px)}
.tpqq-online-ident{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tpqq-online-ident>span{color:#7c8b95;font-size:9px;font-weight:900;letter-spacing:.08em}.tpqq-online-ident>strong{color:#123c5d;font-size:14px}.tpqq-online-status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#eef3f6;color:#627580;font-size:9px;font-weight:800}.tpqq-status-confirmed{background:#e9f7ef;color:#23724b}.tpqq-status-adjustment_requested{background:#fff3df;color:#a25b05}
.tpqq-online-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.tpqq-online-btn{display:inline-flex;align-items:center;justify-content:center;min-height:37px;border:1px solid #d5dfe5;border-radius:8px;background:#fff;padding:0 12px;color:#294758!important;text-decoration:none!important;font-size:9.5px;font-weight:900;letter-spacing:.025em;cursor:pointer}.tpqq-online-download{border-color:#bfcfd9}.tpqq-online-confirm{border-color:#1e6b47;background:#1f7650;color:#fff!important}.tpqq-online-adjust{border-color:#e1a24a;background:#fff8ee;color:#985709!important}
.tpqq-online-notice,.tpqq-online-state{margin:0 0 11px;padding:10px 12px;border-radius:8px;font-size:11px;line-height:1.45}.tpqq-online-notice.success,.tpqq-online-state.success{border:1px solid #bfe4cf;background:#eef9f3;color:#246c4a}.tpqq-online-notice.warning,.tpqq-online-state.warning{border:1px solid #f0d5a5;background:#fff8ec;color:#8d5a10}.tpqq-online-notice.error{border:1px solid #efc1c1;background:#fff1f1;color:#a33a3a}.tpqq-online-state{display:flex;justify-content:space-between;gap:12px}.tpqq-online-state span{color:inherit;opacity:.8}
.tpqq-online-response-panel{margin:0 0 12px;border:1px solid #d7e0e6;border-radius:12px;background:#fff;padding:14px;box-shadow:0 8px 24px rgba(14,49,71,.07)}.tpqq-online-response-panel[hidden]{display:none!important}.tpqq-response-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.tpqq-response-head strong{color:#123d5e;font-size:14px}.tpqq-response-head button{width:30px;height:30px;border:0;border-radius:50%;background:#eef2f4;color:#526a78;font-size:20px;cursor:pointer}.tpqq-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tpqq-online-response-panel label{display:block;margin:0 0 10px;color:#3e5665;font-size:10px;font-weight:800}.tpqq-online-response-panel input,.tpqq-online-response-panel textarea{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #d5dee4;border-radius:7px;background:#fbfcfd;padding:9px 10px;color:#263e4e;font:inherit}.tpqq-response-check{display:flex!important;align-items:flex-start;gap:8px;font-weight:600!important;line-height:1.4}.tpqq-response-check input{width:auto!important;margin:2px 0 0!important}.tpqq-response-submit{min-height:40px;border:0;border-radius:8px;background:#1f7650;padding:0 15px;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.tpqq-response-submit.adjust{background:#e88a1a}.tpqq-online-quote-wrap .tpqq-a4{margin-top:0}
.tpqq-print-toolbar{display:flex;gap:8px;justify-content:center}.tpqq-print-toolbar button+button{background:#526a78}
@media(max-width:760px){.tpqq-online-shell{width:min(100% - 12px,1180px);margin-top:6px}.tpqq-online-toolbar{position:static;align-items:flex-start;flex-direction:column}.tpqq-online-actions{width:100%;justify-content:stretch}.tpqq-online-btn{flex:1 1 auto}.tpqq-response-grid{grid-template-columns:1fr}.tpqq-online-state{flex-direction:column;gap:3px}}
@media print{.tpqq-online-toolbar,.tpqq-online-response-panel,.tpqq-online-notice,.tpqq-online-state{display:none!important}}