:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1c1c1c;background:#f2f0eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.app-shell{width:min(100%,940px);margin:0 auto;padding:28px 18px 52px}.app-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.eyebrow{color:#69635b;letter-spacing:.12em;font-size:.7rem;font-weight:800;margin:0 0 4px}.app-header h1{margin:0;font-size:clamp(1.55rem,5vw,2.3rem)}.folio{text-align:right;color:#69635b;font-size:.8rem}.folio strong{display:block;color:#1c1c1c;font-size:1.05rem}nav{display:flex;gap:8px;margin:25px 0 16px;border-bottom:1px solid #d6d1c8}nav button{border:0;background:none;padding:10px 13px;color:#6a655e;font-weight:700;border-bottom:3px solid transparent}nav button.active{color:#111;border-color:#111}.notice{background:#e4eee1;border:1px solid #c3d5bd;padding:10px 13px;border-radius:7px;margin-bottom:14px;font-size:.9rem}.card{background:#fff;border:1px solid #dedad2;box-shadow:0 3px 12px #322b2010;border-radius:10px;padding:20px;margin:14px 0}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e4e0d8;padding-bottom:12px;margin-bottom:14px}.section-head h2,.form-card h2{margin:0;font-size:1.05rem}.section-head span,small,.muted{color:#746e66;font-size:.83rem}.muted{margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:5px;font-size:.83rem;font-weight:700}.field input,.item-row input{min-width:0;border:1px solid #cfc9be;border-radius:6px;padding:9px;background:#fff}.field input:focus,.item-row input:focus{outline:2px solid #555;outline-offset:1px}.primary,.secondary,.delete,.text-button{border-radius:6px;border:1px solid #1a1a1a;padding:9px 13px;font-weight:700}.primary{background:#1c1c1c;color:#fff}.secondary{background:#fff;color:#222;font-size:.82rem}.generate{width:100%;padding:13px;margin-top:4px}.logo-preview{display:flex;align-items:center;gap:12px}.logo-preview img{max-width:65px;max-height:48px;object-fit:contain}.text-button{border:0;background:none;color:#8c3027;padding:4px;font-size:.8rem}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.party-panel+.party-panel{border-left:1px solid #e4e0d8;padding-left:24px}.party-panel h3{margin:0 0 13px;font-size:.96rem}.items-table{overflow-x:auto}.item-header,.item-row{min-width:560px;display:grid;grid-template-columns:minmax(230px,1fr) 60px 95px 95px 30px;gap:8px;align-items:center}.item-header{padding:0 0 7px;font-size:.75rem;font-weight:800;color:#615b53}.item-header span:not(:first-child),.item-header span:nth-child(4){text-align:right}.item-row{padding:8px 0;border-top:1px solid #ebe8e1}.item-row input[type=number]{text-align:right}.item-row strong{text-align:right;font-size:.88rem}.delete{padding:2px 7px;background:#fff;color:#7f2c24;border-color:#d1aaa5;font-size:1.2rem;line-height:1.25}.totals{width:min(100%,310px);margin:18px 0 0 auto}.totals div{display:flex;justify-content:space-between;padding:4px 0}.grand-total{border-top:1px solid #bbb4aa;margin-top:4px;padding-top:8px!important;font-size:1.05rem}.preview iframe{display:block;border:1px solid #d7d2c9;border-radius:5px;width:100%;min-height:620px;background:#fff}@media(max-width:640px){.app-shell{padding:20px 12px 42px}.app-header{align-items:flex-start}.folio{padding-top:4px}.card{padding:15px}.form-grid,.form-grid.three,.party-grid{grid-template-columns:1fr}.party-panel+.party-panel{border-left:0;border-top:1px solid #e4e0d8;padding:18px 0 0;margin-top:18px}.section-head{align-items:flex-start}.preview .section-head{flex-direction:column}.preview .primary{width:100%}.preview iframe{min-height:510px}}.download-card{max-width:620px}.download-button{display:inline-block;text-decoration:none;margin-top:8px}.download-note{color:#746e66;font-size:.83rem;line-height:1.5;margin:16px 0 0}.pdf-actions{display:flex;justify-content:flex-end;gap:8px;margin:-4px 0 14px}@media(max-width:640px){.pdf-actions{flex-direction:column}.pdf-actions button{width:100%}}
