:root{--bg:#f4f5f7;--surface:#ffffff;--border:#e2e5eb;--text:#1a1d26;--muted:#5c6370;--primary:#1e3a5f;--accent:#c9a227;--danger:#b42318;--radius:8px;--font:"Segoe UI",system-ui,sans-serif;--bp-nav:700px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--nav-offset:calc(max(0.75rem, var(--safe-top)) + var(--tap) + 0.75rem)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-width:0}a{color:var(--primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1100px;margin:0 auto;padding:1.25rem 1rem;padding-left:max(1rem,var(--safe-left));padding-right:max(1rem,var(--safe-right));padding-bottom:max(1.25rem,var(--safe-bottom));min-width:0}@media (min-width:700px){:root{--nav-offset:calc(max(1rem, var(--safe-top)) + var(--tap) + 1rem)}.container{padding:2rem 1.5rem;padding-left:max(1.5rem,var(--safe-left));padding-right:max(1.5rem,var(--safe-right))}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;min-width:0}@media (min-width:700px){.card{padding:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);background:var(--primary);color:white;border:none;border-radius:var(--radius);padding:.6rem 1.2rem;font-size:.95rem;cursor:pointer;text-decoration:none}.btn:hover{opacity:.92}.btn-secondary{background:white;color:var(--primary);border:1px solid var(--border)}.btn-danger{background:#9f1239;color:white}.btn-danger:hover{background:#881337}.btn-row{gap:.5rem}.btn-row,.page-header{display:flex;flex-wrap:wrap;align-items:center}.page-header{gap:.75rem 1rem;justify-content:space-between;margin-bottom:1rem}.page-header h1{margin:0}.card-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.card-header-text{flex:1 1 12rem;min-width:0}.card-header-desc{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.card-header-action{flex:0 0 auto}@media (max-width:699px){.card-header-action,.card-header-action .btn{width:100%}}.person-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.person-row-main{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center;min-width:0}.person-row-primary{overflow-wrap:anywhere;word-break:break-word}.person-row-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (min-width:700px){.person-row{flex-direction:row;align-items:center;justify-content:space-between}}.stack-2{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;min-width:0}@media (min-width:700px){.stack-2{grid-template-columns:1fr 1fr}}.health-list{list-style:none;margin:1rem 0 0;padding:0}.health-row{display:grid;grid-template-columns:1.25rem 1fr;grid-gap:.35rem .75rem;gap:.35rem .75rem;align-items:start;padding:.65rem 0;border-bottom:1px solid var(--border);min-width:0}.health-row-label{grid-column:2}.health-row-tone{grid-column:2;font-size:.85rem;font-weight:600}.health-row-detail{grid-column:2;font-size:.9rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}@media (min-width:700px){.health-row{grid-template-columns:1.25rem 8rem 5.5rem 1fr;gap:.75rem}.health-row-detail,.health-row-label,.health-row-tone{grid-column:auto}}label{display:block;font-weight:600;margin-bottom:.35rem;font-size:.9rem}input,select,textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit;font-size:16px;margin-bottom:1rem;max-width:100%}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--primary);color:white;padding:.75rem 1rem;padding-top:max(.75rem,var(--safe-top));padding-left:max(1rem,var(--safe-left));padding-right:max(1rem,var(--safe-right));display:flex;gap:.75rem;align-items:center;min-height:calc(var(--tap) + .5rem)}.nav a{color:white;text-decoration:none}.nav a:hover{text-decoration:underline}.nav .brand{font-weight:700;margin-right:auto;min-height:var(--tap);display:inline-flex;align-items:center}.nav-signed-out .brand{margin-right:0}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);background:transparent;color:white;cursor:pointer;flex-shrink:0}.nav-toggle-bars,.nav-toggle-bars:after,.nav-toggle-bars:before{display:block;width:1.1rem;height:2px;background:white;border-radius:1px;position:relative}.nav-toggle-bars:after,.nav-toggle-bars:before{content:"";position:absolute;left:0}.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}.nav-backdrop{position:fixed;inset:0;z-index:41;border:0;padding:0;margin:0;background:rgba(0,0,0,.4);cursor:pointer}.nav-panel{display:none}.nav-panel.is-open{gap:.5rem;position:fixed;top:0;right:0;z-index:42;width:min(18rem,100%);height:100%;padding:1rem;padding-top:max(1rem,var(--safe-top));padding-bottom:max(1rem,var(--safe-bottom));background:var(--primary);box-shadow:-8px 0 24px rgba(0,0,0,.2)}.nav-links,.nav-panel.is-open{display:flex;flex-direction:column}.nav-links{gap:.25rem}.nav-link{display:flex;align-items:center;min-height:var(--tap);padding:0 .75rem;border-radius:var(--radius);color:white;text-decoration:none}.nav-link.is-active{background:rgba(255,255,255,.16);font-weight:600}.nav-user{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}@media (min-width:700px){.nav{gap:1.25rem;padding:1rem 1.5rem;padding-top:max(1rem,var(--safe-top));padding-left:max(1.5rem,var(--safe-left));padding-right:max(1.5rem,var(--safe-right))}.nav-backdrop,.nav-toggle{display:none}.nav-panel,.nav-panel.is-open{display:flex;flex-direction:row;align-items:center;gap:1.25rem;position:static;width:auto;height:auto;padding:0;box-shadow:none;background:transparent;flex:1 1}.nav-links{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;flex:1 1}.nav-link{min-height:auto;padding:.35rem 0;border-radius:0}.nav-link.is-active{background:transparent;text-decoration:underline;text-underline-offset:.3em}.nav-user{margin-top:0;margin-left:auto;padding-top:0;border-top:0}}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#e8edf3;color:var(--primary)}.badge-warn{background:#fef6e6;color:#8a5a00}.badge-ok{background:#e7f6ee;color:#1e4a37}.badge-danger{background:#fdecea;color:var(--danger)}.chip-link{display:inline-flex;align-items:center;min-height:var(--tap);padding:.35rem .75rem;text-decoration:none}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:36rem}@media (max-width:699px){.responsive-cards thead{display:none}.responsive-cards,.responsive-cards tbody,.responsive-cards td,.responsive-cards tr{display:block;width:100%}.responsive-cards tr{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:.75rem;background:var(--surface)}.responsive-cards td{padding:.25rem 0;border-bottom:0}.responsive-cards td:before{content:attr(data-label);display:block;font-size:.75rem;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:.1rem}.responsive-cards td:not([data-label]):before,.responsive-cards td[data-label=""]:before{display:none}.table-wrap table.responsive-cards{min-width:0}}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}th{font-size:.8rem;text-transform:uppercase;color:var(--muted)}.mono{font-family:ui-monospace,monospace;font-size:.85rem}.break-any,.email-summary,.email-summary code,.email-summary pre,.mono{overflow-wrap:anywhere;word-break:break-word}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.alert-info{background:#eef4ff;border:1px solid #c7d7fe}.alert-error{background:#fef3f2;border:1px solid #fecdca;color:var(--danger)}.setup-guide{background:#f8f9fb;border-left:3px solid var(--accent);padding:.75rem 1rem;margin:.5rem 0 1rem;font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:auto}.clerk-sign-in{max-width:100%;overflow-x:auto}.clerk-sign-in>*{max-width:100%}