/* src/webapp/portal/style.css — minimal; align with dashboard palette */
:root { --accent: #2563eb; }
* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; margin: 0; background: #f6f7f9; color: #111; }
#app { max-width: 640px; margin: 40px auto; padding: 24px; background: #fff; border-radius: 12px; }
h1 { font-size: 22px; } h2 { font-size: 17px; margin-top: 28px; }
label { display: block; margin: 12px 0; font-size: 14px; }
input, textarea { width: 100%; padding: 9px; border: 1px solid #d0d5dd; border-radius: 8px; font: inherit; }
input[type=color] { height: 40px; padding: 2px; }
button { margin-top: 12px; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--accent); color: #fff; cursor: pointer; }
pre { background: #0f172a; color: #e2e8f0; padding: 14px; border-radius: 8px; overflow-x: auto; white-space: pre-wrap; }
.err { color: #b42318; }
.ok { color: #15803d; }
#plan-buttons button { margin: 4px 6px 0 0; }