:root{--ink: #0f0f0f;--paper: #f5f2ed;--paper-soft: #ede9e2;--muted: #6b655d;--accent: #1a3a2a;--accent-payloop: #2e5a6e;--accent-dot: #4a9e6e;--line: rgba(15, 15, 15, .12);--line-strong: rgba(15, 15, 15, .22);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--error-bg: #fef2f2;--error-border: #dc2626;--error-text: #991b1b}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--paper)}.page,.public-page{max-width:640px;margin:0 auto;padding:16px;min-height:100vh}.page--narrow{max-width:420px}.page-header,.public-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.app-name{font-weight:600;color:var(--muted)}.back-link{color:var(--accent-payloop);text-decoration:none}h1{font-family:var(--serif);font-size:24px;margin:16px 0 8px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.field>span{font-size:14px;color:var(--ink);font-weight:500}.field input,.field textarea,.field select{padding:12px;border:1px solid var(--line-strong);border-radius:4px;font-size:16px;background:var(--paper)}.field-error{color:#dc2626;font-size:14px}.form-error-summary{margin:0 0 16px;padding:12px 16px;border-radius:4px;border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text)}.form-error-summary strong{display:block;margin-bottom:6px}.form-error-summary ul{margin:0;padding-left:20px}.button{display:inline-block;padding:.85rem 1.5rem;border-radius:4px;border:1px solid transparent;font-family:var(--sans);font-size:16px;cursor:pointer;text-decoration:none;text-align:center;min-height:44px;transition:none}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--accent-payloop);outline-offset:2px}.button--primary{background:var(--ink);color:var(--paper);border-color:var(--ink);border-radius:3rem}.button--primary:hover:not(:disabled){background:#000;border-color:#000}.button--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.button--ghost:hover:not(:disabled){color:var(--accent-payloop);border-color:var(--accent-payloop)}.button--danger{background:transparent;color:#991b1b;border-color:#b91c1c59}.button--danger:hover:not(:disabled){background:#fef2f2}.button--block{display:block;width:100%;margin-bottom:16px}.empty-state{text-align:center;padding:32px 16px;background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;color:var(--muted)}.error{color:#dc2626}.underlag-list{list-style:none;padding:0;margin:16px 0}.underlag-row{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px;background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;margin-bottom:8px;text-decoration:none;color:inherit}.status-chip{font-size:12px;padding:2px 8px;border-radius:12px;background:var(--paper-soft);color:var(--ink);align-self:start}.status-chip--draft{background:#fdf3d8;color:#7a4f00}.status-chip--sent{background:#ddedf5;color:#1a3a4a}.status-chip--viewed{background:#e8e2f5;color:#3a2d72}.status-chip--approved{background:#d4ede0;color:#1a3a2a}.status-chip--rejected,.status-chip--cancelled{background:#f5dede;color:#7a1a1a}.status-chip--question{background:#fdf3d8;color:#6b3a00}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.detail-section{background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;padding:16px;margin-bottom:16px}.detail-section dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}.detail-section dt{color:var(--muted)}.detail-section dd{margin:0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.public-content{padding:16px 0}.approval-details{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;background:var(--paper-soft);border:1px solid var(--line);border-radius:4px;padding:16px}.approval-details dt{color:var(--muted)}.approval-details dd{margin:0}.approval-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.public-url{font-family:ui-monospace,SF Mono,monospace;font-size:13px;word-break:break-all;background:var(--paper-soft);padding:8px;border-radius:4px}.company-name{font-size:14px;color:var(--muted);margin-top:-4px}.customer-name{font-weight:500}.project-name,.record-title,.record-price,.record-date{font-size:14px;color:var(--muted);grid-column:2}.record-title{font-weight:500;color:var(--ink)}.brand-crumb{display:inline-flex;align-items:baseline;gap:0;color:var(--ink)}.brand-serif{font-family:var(--serif);font-weight:400;font-size:18px;color:var(--ink)}.brand-dot{color:var(--accent-dot);font-size:18px;margin:0 2px}.brand-product{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.brand-public{display:inline-flex;align-items:baseline;gap:3px}.brand-dot-sm{color:var(--accent-dot);vertical-align:super;font-size:10px;line-height:1}