/* v0.27.0: company page background ("Hình nền khổ giấy") */
.pbg-box{margin:4px 0 0;padding:14px 16px 16px;border:1px solid #e4e7ec;border-radius:10px;min-width:0}
.pbg-box legend{display:inline-flex;align-items:center;gap:8px;padding:0 6px;font-weight:700}
.pbg-box legend .solid-icon{width:16px;height:16px;color:var(--brand,#1f5fbf)}
.pbg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;align-items:start}
.pbg-side{display:grid;gap:12px;min-width:0}
.pbg-side>label{display:grid;gap:4px}
.pbg-color{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.pbg-color-on{display:inline-flex;align-items:center;gap:6px}
.pbg-color-pick{display:inline-flex;align-items:center;gap:8px}
.pbg-color-pick input[type=color]{width:44px;height:32px;padding:2px;cursor:pointer}
.pbg-color-pick.off{opacity:.45}
@media (max-width:760px){.pbg-grid{grid-template-columns:1fr}}

/* Layers: paper colour (-3) → background image (-2) → watermark (-1) → content */
.wm-a4 .pbg-color-layer,.wm-a4 .pbg-layer,.quote-paper .qt-page-color,.quote-paper .qt-page-bg{position:absolute;inset:0;pointer-events:none}
.wm-a4 .pbg-color-layer,.quote-paper .qt-page-color{z-index:-3}
.wm-a4 .pbg-layer,.quote-paper .qt-page-bg{z-index:-2;background-repeat:no-repeat}
.quote-paper.has-page-bg{position:relative;isolation:isolate}
@media print{
 .quote-paper .qt-page-color,.quote-paper .qt-page-bg{position:fixed}
 .quote-paper.has-page-bg,.quote-paper.has-page-bg *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* v0.27.0: large A4 preview of the watermark / page background */
.wm-zoom-btn{margin-top:8px}
.wm-zoom{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#101828eb}
.wm-zoom-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 18px;border-bottom:1px solid #e4e7ec;background:#fff}
.wm-zoom-bar h3{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:15px}
.wm-zoom-bar h3 .solid-icon{width:16px;height:16px;color:var(--brand,#1f5fbf)}
.wm-zoom-range{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.wm-zoom-range input{width:150px;padding:0}
.wm-zoom-range output{min-width:40px;color:var(--brand,#1f5fbf);font-weight:700}
.wm-zoom-bar [data-wmz-close]{margin-left:auto}
.wm-zoom-stage{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:16px;overflow:hidden}
.wm-zoom-frame{position:relative;overflow:hidden;border-radius:2px;background:#fff;box-shadow:0 20px 60px #00000080;cursor:crosshair;touch-action:none;user-select:none}
.wm-zoom-frame.dragging{cursor:grabbing}
.wm-zoom-frame .wm-dot{width:18px;height:18px;margin:-9px 0 0 -9px}