@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--green:#1e352b;--gold:#a68757;--muted:#708076;--border:#e0e5dc}*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:var(--green);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}a{color:inherit}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:var(--green);color:#f8f5eb;padding:40px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.wordmark{text-decoration:none;font-family:'Playfair Display',Georgia,serif;font-size:32px;display:block}.wordmark small{display:block;font:10px 'DM Sans',Arial;letter-spacing:4px;margin-top:10px;color:#cebb94}.rail-label{font-size:9px;letter-spacing:2px;color:#a3b3a6;margin:65px 0 15px}nav{display:grid;gap:8px}nav button{text-align:left;padding:14px 13px;color:#ccdbcf;border-radius:6px;background:transparent}nav button.active{background:#344c40;color:#fff}nav button:hover{background:#344c40}.rail-bottom{margin-top:auto;display:grid;gap:20px;font-size:12px;padding-top:35px}.rail-bottom button{color:#e3e7dd;background:transparent;text-align:left;padding:0}main{max-width:1400px;width:100%;padding:40px 5%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:700}h1{font:38px 'Playfair Display',Georgia,serif;font-weight:400;margin:12px 0}h2{font:25px 'Playfair Display',Georgia,serif;margin:5px 0 15px}h3{font-size:16px;margin:0 0 12px}p{line-height:1.7}.private-badge,.pill{border:1px solid var(--border);background:#fff;border-radius:30px;padding:8px 13px;font-size:10px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:28px;margin-bottom:24px}.login-panel{max-width:580px;margin:40px auto}.login-panel h2{font-size:32px}.login-panel p{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin-bottom:18px}input,select,textarea{padding:12px;border:1px solid #ccd5c9;border-radius:5px;color:var(--green);background:white;width:100%}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.primary,.button{display:inline-block;background:var(--green);color:#fff;padding:13px 20px;border-radius:5px;text-decoration:none;border:0}.secondary{padding:10px 15px;border:1px solid #ccd5c9;border-radius:5px;color:var(--green);background:#fff}.subtle{color:var(--green);background:transparent;padding:8px 0;text-decoration:underline}.login-actions{display:flex;justify-content:space-between;gap:15px;margin-top:15px}.muted{color:var(--muted);font-size:12px}.banner{padding:18px 22px;border:1px solid #e3d9c1;background:#f5efdf;border-radius:7px;line-height:1.7;font-size:12px;margin-bottom:25px}.banner.ready{background:#e9f1e8;border-color:#c9dcc6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric{border:1px solid var(--border);border-radius:8px;background:white;padding:22px}.metric small{font-size:10px;color:var(--muted)}.metric strong{display:block;font:27px 'Playfair Display',Georgia;margin:12px 0 0}.toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:20px}.toolbar input{max-width:350px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:1px;font-weight:600;color:var(--muted);padding:14px 10px;background:#f6f7f2}td{border-bottom:1px solid var(--border);padding:18px 10px;font-size:12px;vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px}.draft{color:#946d29;background:#fbf1da}.accepted,.delivered{color:#315c3d;background:#e8f2e4}.failed,.bounced{color:#a23d32;background:#f8e4df}.status{border-radius:15px;display:inline-block;font-size:9px;padding:5px 8px;white-space:nowrap}.quote-ref{background:transparent;color:var(--green);text-align:left;padding:0;font-weight:700;text-decoration:underline}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricing-grid .panel{margin:0}.price-line{display:grid;grid-template-columns:1fr 110px;align-items:start;gap:15px;border-top:1px solid var(--border);padding:15px 0}.price-line label{margin:0}.price-line span{font-size:12px}.price-line small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.6}.price-total{border-top:1px solid var(--border);padding-top:15px;display:flex;justify-content:space-between}.check-label{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid .panel{height:fit-content}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.fine{font-size:11px;color:var(--muted);line-height:1.7}#notice:not(:empty){background:#edf1e7;border-radius:5px;padding:12px 16px}#notice.error{background:#fae7de;color:#8b3022}dialog{width:min(950px,94vw);max-height:90vh;border:0;border-radius:12px;padding:30px;color:var(--green)}dialog::backdrop{background:#15261ece}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.q-service-list label{margin:0}.q-consent{flex-direction:row}.q-service label.q-quantity{display:flex}.empty{padding:45px;text-align:center}.hidden,[hidden]{display:none!important}#dns{font-size:11px;overflow-wrap:anywhere}#dns td{max-width:350px;font-size:10px}#quote-detail table td{font-size:11px}#quote-detail .total{text-align:right;font-size:18px}.q-fields label{margin-bottom:0}.q-check span{display:block}.q-check{flex-direction:row}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a68757;outline-offset:3px}@media(max-width:1000px){.app{grid-template-columns:200px 1fr}aside{padding:30px 16px}.pricing-grid,.settings-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:650px){.app{display:block}aside{height:auto;position:relative;padding:20px}.wordmark{font-size:25px}.rail-label{margin:22px 0 10px}nav{grid-template-columns:1fr 1fr;gap:5px}nav button{padding:10px}.rail-bottom{display:flex;justify-content:space-between;padding-top:20px}main{padding:25px 18px}h1{font-size:30px}.private-badge{display:none}.panel{padding:20px}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{max-width:none}.row,.details-grid{grid-template-columns:1fr}.q-fields{grid-template-columns:1fr}.q-quantity{width:75px}.q-check strong{font-size:12px}.metric{padding:15px}.metric strong{font-size:24px}dialog{padding:18px}}
