:root{--maroon:#62252C;--green:#1C4139;--gold:#B5A87E;--ink:#111;--cream:#EEEBE2;--band1:#1B3F38;--band2:#0C2724;--bg:#E9E6DD}
*{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact} html,body{margin:0;background:var(--bg);font-family:'Qomra',sans-serif;color:var(--ink)}
.bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;background:#fff;border-bottom:1px solid #d9d5c9}
.bar b{font-size:15px;color:var(--maroon);margin-inline-end:8px}
.bar button,.bar label,.bar select,.bar a.btn{font-family:inherit;font-size:13px;padding:7px 12px;border:1px solid #c9c4b6;background:#faf8f3;cursor:pointer;color:var(--ink);text-decoration:none}
.bar button.primary{background:var(--green);color:#fff;border-color:var(--green)}
.bar .status{font-size:12px;color:#5b6a60;margin-inline-start:auto}
.wrap{padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px}
.sheet{width:210mm;min-height:297mm;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);position:relative}
.card{position:relative;width:210mm;height:148.5mm;overflow:hidden;background:#fff}
.card + .card{border-top:0.2mm dashed #C9C4B6}
.band{position:absolute;top:0;right:0;width:7mm;height:100%;background:linear-gradient(180deg,var(--band1),var(--band2))}
.body{position:absolute;top:9mm;right:12mm;left:18mm;bottom:9mm}
.titlebox{display:inline-block;max-width:100%;padding:2.2mm 4mm 2mm 12mm;background:linear-gradient(270deg,var(--cream) 0%,var(--cream) 62%,rgba(238,235,226,0) 100%);margin-bottom:3mm}
.sub{font-size:11px;font-weight:400;color:#46564B;line-height:1.5}
h1{margin:0;font-size:17px;font-weight:700;color:var(--maroon);line-height:1.5;outline:none}
h2{position:relative;margin:2.4mm 0 .6mm;padding-right:4.5mm;font-size:16px;font-weight:700;color:var(--green);line-height:1.6;outline:none}
h2::before{content:"";position:absolute;right:0;top:.45em;width:7px;height:7px;background:var(--gold)}
ul{margin:0;padding:0 4.5mm 0 0;list-style:none}
li{position:relative;padding-right:4mm;font-size:14px;line-height:1.9;outline:none}
li::before{content:"";position:absolute;right:0;top:.78em;width:4px;height:4px;border-radius:50%;background:var(--ink)}
li b{font-weight:700}
.pn{position:absolute;left:0;bottom:8mm;background:var(--cream);color:var(--green);font-weight:700;font-size:12px;padding:1.2mm 3.5mm}
[contenteditable]:focus{background:#FFF8DC}
.tools{position:absolute;left:4mm;top:4mm;display:flex;gap:4px}
.tools button,.secTools button{font-family:inherit;font-size:11px;padding:2px 7px;border:1px solid #c9c4b6;background:#fff;cursor:pointer;color:#5b6a60}
.secTools{display:inline-flex;gap:4px;margin-inline-start:6px;vertical-align:middle}
.warn{position:absolute;left:4mm;bottom:4mm;color:#C0392B;font-size:11px;display:none}
.card.is-over .warn{display:block} .card.is-over .body{outline:2px solid #C0392B}
.hint{font-size:12px;color:#5b6a60;max-width:210mm;line-height:1.8;padding:0 16px 24px}
.gate{max-width:420px;margin:80px auto;background:#fff;padding:28px;border:1px solid #d9d5c9}
.gate input{width:100%;font-family:inherit;font-size:16px;padding:10px;border:1px solid #c9c4b6;margin:10px 0}
.list{max-width:900px;margin:20px auto;background:#fff;border:1px solid #d9d5c9}
.list table{width:100%;border-collapse:collapse;font-size:14px}
.list th,.list td{padding:10px 12px;border-bottom:1px solid #eee;text-align:right;vertical-align:top}
.list th{background:#faf8f3;color:var(--maroon)}
.chip{display:inline-block;padding:2px 10px;font-size:12px;background:#f1efe8;border:1px solid #d9d5c9}
.chip.approved{background:#DDEBE4;border-color:#9DBFB0;color:#1C4139} .chip.review{background:#FCF3CF;border-color:#E2CF7A;color:#6E5D22}
.newform{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid #eee;align-items:center}
.newform input,.newform select{font-family:inherit;font-size:14px;padding:8px;border:1px solid #c9c4b6;flex:1;min-width:180px}
@media print{@page{size:A4 portrait;margin:0} html,body{background:#fff!important} .bar,.tools,.secTools,.hint,.warn,.list,.gate{display:none!important} .wrap{padding:0;gap:0} .sheet{box-shadow:none;page-break-after:always;height:297mm} .sheet:last-child{page-break-after:auto} [contenteditable]{background:transparent!important} .card.is-over .body{outline:none}}