/* Howard shared UI v1, theme 1.1. Theme/component changes require Darren approval. */
:root{--ui-font:"Segoe UI",system-ui,sans-serif;--ui-text:#172033;--ui-background:#eef2f6;--ui-surface:#fff;--ui-navigation:#101827;--ui-primary:#2563eb;--ui-primary-hover:#1d4ed8;--ui-border:#cbd5e1;--ui-muted:#526175;--ui-navigation-active:#24334a;--ui-navigation-hover:#1b2a40;--ui-navigation-accent:#60a5fa;--ui-danger:#a6343b;--ui-radius:6px;--ui-control-radius:5px;--ui-space:16px;--green:var(--ui-primary);--border:var(--ui-border);--muted:var(--ui-muted);font-family:var(--ui-font);color:var(--ui-text);background:var(--ui-background)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}
button{cursor:pointer;background:var(--ui-surface);color:#294154;border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);padding:10px 14px;font-weight:600}
button:hover{background:#edf4f7;border-color:#a9c4d0}button:disabled{opacity:.55;cursor:not-allowed}
.primary{background:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.primary:hover{background:var(--ui-primary-hover);color:#fff;border-color:var(--ui-primary-hover)}
input,textarea,select{border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-surface);color:inherit}
a{color:var(--ui-primary)}:focus-visible{outline:3px solid var(--ui-primary);outline-offset:3px}[hidden]{display:none!important}
.ui-card,.card,.panel,.project-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:none}
.ui-card{padding:24px;margin-bottom:var(--ui-space)}.ui-card h2{margin:0 0 var(--ui-space)}.ui-card p{line-height:1.5;overflow-wrap:anywhere}
.ui-page{max-width:1100px;margin:auto;padding:24px}.ui-page-header{max-width:1100px;margin:auto;padding:24px;border-bottom:1px solid var(--ui-border)}.ui-page-header a{font-weight:700;text-decoration:none}.ui-page-header h1{font-size:28px}
body[data-howard-page="access"] button{width:100%;min-height:48px;background:var(--ui-primary);color:#fff;border-color:var(--ui-primary);margin-top:16px}
body[data-howard-page="access"] button:hover{background:var(--ui-primary-hover)}
@media(max-width:600px){.ui-page,.ui-page-header{padding:18px}.ui-card{padding:18px}}
