/* Confirmed quotation reading view; drafting and other documents retain their layout. */
#main .quote-readonly-page{display:grid;gap:14px;min-width:0}
#main .quote-readonly-page>.back{margin:0;width:fit-content}
#main .quote-readonly-page>.pagehead{margin:0;align-items:center}
#main .quote-readonly-page>.pagehead h1{font-size:1.45rem;margin:3px 0 4px}
#main .quote-readonly-page .subtitle{font-size:.78rem;margin:0}
#main .quote-readonly-page h2{font-size:.9rem;margin:0;color:var(--ink)}
#main .quote-readonly-page .qd-parties{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#main .quote-readonly-page .qd-party{padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;min-width:0}
#main .quote-readonly-page .qd-party h2{display:flex;gap:12px;align-items:baseline;font-size:.75rem;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}
#main .quote-readonly-page .qd-party h2 strong{font-size:.9rem;color:var(--ink);overflow-wrap:anywhere}
#main .quote-readonly-page .qd-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:8px 0 0}
#main .quote-readonly-page .qd-facts>div{min-width:0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
#main .quote-readonly-page .qd-facts dt{font-size:.74rem;color:var(--muted);flex-shrink:0}
#main .quote-readonly-page .qd-facts dd{font-size:.82rem;margin:0;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
#main .quote-readonly-page .qd-more{margin-top:9px;font-size:.74rem;color:var(--muted)}
#main .quote-readonly-page .qd-more summary{width:fit-content;cursor:pointer;min-height:22px;display:list-item;list-style:revert}
#main .quote-readonly-page .qd-more[open]{border-top:1px solid var(--line);padding-top:8px}
#main .quote-readonly-page .qd-more .qd-facts{grid-template-columns:1fr 1fr}
#main .quote-readonly-page .qd-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
#main .quote-readonly-page .qd-sectionhead>span{font-size:.75rem;color:var(--muted)}
#main .quote-readonly-page .qd-sectionhead h2 small{display:block;margin-top:4px;font-size:.78rem;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}
#main .quote-readonly-page .qd-sheet{overflow:hidden;min-width:0}
#main .quote-readonly-page .qd-table-wrap{overflow-x:auto;min-width:0}
#main .quote-readonly-page .qd-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.82rem}
#main .quote-readonly-page .qd-table col:nth-child(1){width:4%}
#main .quote-readonly-page .qd-table col:nth-child(2){width:25%}
#main .quote-readonly-page .qd-table col:nth-child(3){width:29%}
#main .quote-readonly-page .qd-table col:nth-child(4){width:8%}
#main .quote-readonly-page .qd-table col:nth-child(5){width:5%}
#main .quote-readonly-page .qd-table col:nth-child(6){width:13%}
#main .quote-readonly-page .qd-table col:nth-child(7){width:16%}
#main .quote-readonly-page .qd-table th{padding:9px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f3f6ed;text-align:left;color:var(--muted);font-size:.75rem;white-space:nowrap}
#main .quote-readonly-page .qd-table td{padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;line-height:1.5;white-space:pre-wrap}
#main .quote-readonly-page .qd-table tr:last-child td{border-bottom:0}
#main .quote-readonly-page .qd-table small{display:block;color:var(--muted);font-size:.73rem;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}
#main .quote-readonly-page .qd-table .qd-index,#main .quote-readonly-page .qd-table .qd-unit{text-align:center}
#main .quote-readonly-page .qd-table .qd-index{color:var(--muted)}
#main .quote-readonly-page .qd-table .qd-number{text-align:right;font-variant-numeric:tabular-nums}
#main .quote-readonly-page .qd-table .qd-amount{background:#f8faf5;font-weight:650}
#main .quote-readonly-page .qd-totals{display:flex;justify-content:flex-end;align-items:baseline;flex-wrap:wrap;gap:16px 30px;padding:14px 16px;background:#f3f6ed;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}
#main .quote-readonly-page .qd-totals strong{color:var(--ink);margin-left:10px;font-variant-numeric:tabular-nums}
#main .quote-readonly-page .qd-totals .qd-grand strong{font-size:1.35rem;color:#284d3e}
#main .quote-readonly-page .qd-conditions,#main .quote-readonly-page .qd-service{padding:13px 16px}
#main .quote-readonly-page .qd-conditions .qd-facts{gap:12px 20px}
#main .quote-readonly-page .qd-condition-text{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;margin-top:10px;font-size:.8rem;line-height:1.5}
#main .quote-readonly-page .qd-condition-text>strong{font-size:.74rem;font-weight:400;color:var(--muted)}
#main .quote-readonly-page .qd-condition-text p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
#main .quote-readonly-page .qd-service .qd-facts{grid-template-columns:1fr 1fr;gap:12px 24px}
#main .quote-readonly-page .qd-service .qd-facts>div{display:block}
#main .quote-readonly-page .qd-service dd{margin-top:4px}
#main .quote-readonly-page .qd-targets{display:flex;gap:16px;align-items:baseline;font-size:.8rem;min-width:0}
#main .quote-readonly-page .qd-targets>div{display:flex;gap:8px 20px;flex-wrap:wrap;min-width:0}
#main .quote-readonly-page .qd-targets span{overflow-wrap:anywhere}
#main .quote-readonly-page .qd-targets h2{flex-shrink:0;font-size:.78rem}
#main .quote-readonly-page .qd-note{font-size:.78rem;color:var(--muted);padding:10px 16px;margin:0}
#main .quote-readonly-page .ful-progress{padding:12px 16px;margin:0;gap:14px}
#main .quote-readonly-page .ful-progress h2{font-size:.9rem;margin:3px 0}
#main .quote-readonly-page .ful-progress p,#main .quote-readonly-page .ful-progress span{font-size:.75rem;line-height:1.5}
#main .quote-readonly-page .ful-progress .actions{flex-wrap:wrap}
#main .quote-readonly-page .qd-source{font-size:.76rem;padding:10px 0;border-top:1px solid var(--line)}
#main .quote-readonly-page .qd-source summary{cursor:pointer}
#main .quote-readonly-page .qd-source p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#main .quote-readonly-page>.actions{margin:0;flex-wrap:wrap}
@media(max-width:1100px){#main .quote-readonly-page .qd-parties{grid-template-columns:1fr}#main .quote-readonly-page .qd-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#main .quote-readonly-page .qd-facts,#main .quote-readonly-page .qd-service .qd-facts{grid-template-columns:1fr 1fr}#main .quote-readonly-page .qd-table{min-width:760px}#main .quote-readonly-page .qd-totals{gap:10px 18px}#main .quote-readonly-page .qd-grand{width:100%;text-align:right}#main .quote-readonly-page .qd-condition-text{grid-template-columns:1fr;gap:3px}#main .quote-readonly-page .qd-targets{display:block}#main .quote-readonly-page .qd-targets h2{margin-bottom:6px}}
@media(max-width:440px){#main .quote-readonly-page .qd-facts,#main .quote-readonly-page .qd-more .qd-facts,#main .quote-readonly-page .qd-service .qd-facts{grid-template-columns:1fr}#main .quote-readonly-page .qd-facts>div{gap:8px}#main .quote-readonly-page .qd-party h2{display:block}#main .quote-readonly-page .qd-party h2 strong{display:block;margin-top:3px}}