:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #13251d; background: #edf4ed; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { width: min(100%, 720px); margin: auto; padding: 24px 16px 40px; }
header { padding: 8px 4px 18px; }
h1 { margin: 2px 0 10px; font-size: clamp(2rem, 8vw, 3rem); letter-spacing: -.06em; }
h2 { margin: 0 0 16px; font-size: 1.1rem; }
.eyebrow { margin: 0 0 6px; color: #28674c; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.notice { border-left: 4px solid #d39d22; background: #fff5d9; border-radius: 8px; padding: 12px; line-height: 1.45; }
.sync-card, .record-card, .records { background: #fff; border: 1px solid #dbe7dc; border-radius: 16px; box-shadow: 0 8px 25px #0f2a1710; padding: 18px; margin: 14px 0; }
.sync-card, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.status-chip { background: #dff2e4; color: #126a4d; border-radius: 999px; padding: 7px 10px; font-size: .78rem; font-weight: 700; }
form { display: grid; gap: 14px; }
label { display: grid; gap: 6px; color: #31503b; font-size: .9rem; font-weight: 700; }
input, select, textarea, button { font: inherit; }
input, select, textarea { width: 100%; padding: 12px; border: 1px solid #bdd0c0; border-radius: 10px; background: #fff; }
textarea { min-height: 88px; resize: vertical; }
button { border: 0; border-radius: 10px; background: #126a4d; color: white; font-weight: 800; padding: 13px 16px; cursor: pointer; }
button.quiet { padding: 8px 10px; background: #eef5ef; color: #255e43; font-size: .8rem; }
#form-message { min-height: 1.3em; color: #28674c; font-size: .9rem; }
.auth-note { color: #4f5f53; font-size: .9rem; line-height: 1.45; }
#auth-message { min-height: 1.3em; color: #28674c; font-size: .9rem; }
#scope-list { margin-top: 12px; }
ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; }
li { display: grid; gap: 3px; border: 1px solid #e4ece4; border-radius: 10px; padding: 12px; }
li strong { text-transform: capitalize; } li span { color: #28674c; font-size: .85rem; } li small { color: #4f5f53; } li em { color: #748277; font-size: .74rem; font-style: normal; }
.empty { color: #66756a; text-align: center; padding: 22px; }