/* v0.25.0: fold header arrow at the far right */
#quote-form .fold-head .fold-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;order:99;width:30px;height:30px;border-radius:6px;cursor:pointer}
#quote-form .fold-head .fold-chevron:hover{background:#ffffff1f}
#quote-form .fold-head .fold-chevron .solid-icon{width:22px;height:22px;color:#38bdf8;transform:rotate(180deg);transition:transform .2s}
#quote-form .fold-card.collapsed .fold-head .fold-chevron .solid-icon{transform:none}
@media (max-width:760px){#quote-form .fold-head .fold-chevron{margin-left:auto}}

/* Watermark on the quote paper: under the text, the table and the header */
.quote-paper.has-watermark{position:relative;isolation:isolate}
.quote-paper .qt-watermark{position:absolute;inset:0;z-index:-1;background-repeat:no-repeat;pointer-events:none}
@media print{.quote-paper .qt-watermark{position:fixed}}

/* Công ty dialog: watermark settings */
.wm-box{margin:4px 0 0;padding:14px 16px 16px;border:1px solid #e4e7ec;border-radius:10px;min-width:0}
.wm-box legend{display:inline-flex;align-items:center;gap:8px;padding:0 6px;font-weight:700}
.wm-box legend .solid-icon{width:16px;height:16px;color:var(--brand,#1f5fbf)}
.wm-intro{margin:0 0 12px;color:#475467;font-size:13px}
.wm-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.25fr);gap:18px;align-items:start}
.wm-controls{display:grid;gap:12px;min-width:0}
.wm-controls label{display:grid;gap:4px}
.wm-range span{display:flex;justify-content:space-between;gap:8px}
.wm-range output{color:var(--brand,#1f5fbf);font-weight:700}
.wm-range input{padding:0}
.wm-presets{display:grid;grid-template-columns:repeat(3,34px);gap:6px}
.wm-presets button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #d0d5dd;border-radius:6px;background:#fff;cursor:pointer}
.wm-presets button i{width:10px;height:10px;border-radius:50%;background:#98a2b3}
.wm-presets button:hover{border-color:var(--brand,#1f5fbf)}
.wm-presets button[aria-pressed=true]{border-color:var(--brand,#1f5fbf);background:color-mix(in srgb,var(--brand,#1f5fbf) 12%,#fff)}
.wm-presets button[aria-pressed=true] i{background:var(--brand,#1f5fbf)}
.wm-xy{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wm-preview{position:relative;isolation:isolate;aspect-ratio:297/210;width:100%;max-width:100%;overflow:hidden;border:1px solid #d0d5dd;border-radius:6px;background:#fff;box-shadow:0 4px 14px #1018281a;cursor:crosshair;touch-action:none;user-select:none}
.wm-preview.portrait{aspect-ratio:210/297;max-width:300px;margin:0 auto}
.wm-preview.dragging{cursor:grabbing}
.wm-layer{position:absolute;inset:0;z-index:-1;background-repeat:no-repeat;pointer-events:none}
.wm-sample{position:relative;display:grid;gap:6px;padding:14px 16px;color:#1d2433;font-family:'Times New Roman',Times,serif;pointer-events:none}
.wm-sample b{font-size:12px;color:#0070c0}
.wm-sample strong{justify-self:center;font-size:13px}
.wm-sample i{display:block;height:6px;width:70%;border-radius:3px;background:#344054;opacity:.55}
.wm-sample i.s{width:45%}
.wm-table{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #1d2433;border-left:1px solid #1d2433}
.wm-table span{height:12px;border-right:1px solid #1d2433;border-bottom:1px solid #1d2433}
.wm-table span:nth-child(-n+6){background:#b4c6e780}
.wm-dot{position:absolute;z-index:2;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;background:var(--brand,#1f5fbf);box-shadow:0 0 0 1px #1018284d;pointer-events:none}
.wm-empty{position:absolute;inset:auto 0 10px;z-index:2;display:none;text-align:center;color:#98a2b3;font-size:12px}
.wm-preview.empty .wm-empty{display:block}
.wm-tip{margin:6px 0 0;color:#667085;font-size:12px}
@media (max-width:760px){.wm-grid{grid-template-columns:1fr}}

/* v0.26.1: watermark preview = one A4 page of the default quote layout, scaled to show the whole page */
.wm-grid{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.5fr)}
.wm-preview.wm-frame{position:relative;isolation:auto;width:100%;max-width:100%;overflow:hidden;border:1px solid #d0d5dd;border-radius:4px;background:#fff;box-shadow:0 6px 18px #1018281f;cursor:crosshair;touch-action:none;user-select:none}
.wm-preview.wm-frame.portrait{max-width:380px;margin:0 auto}
.wm-a4{position:absolute;left:0;top:0;box-sizing:border-box;padding:28px 30px;overflow:hidden;background:#fff;transform-origin:0 0;isolation:isolate;pointer-events:none}
.wm-a4 .wm-layer{z-index:-1}
.wm-a4-content{position:relative}
.wm-a4 .quote-paper{min-width:0;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
