/* Styles for Offerly's extra dialogs (transcript upload, paste supplemental questions). Uses the dashboard's tokens. */
.ofy-scrim { position: fixed; inset: 0; z-index: 80; background: var(--scrim); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; padding: 16px; overflow: auto; }
.ofy-card { width: 100%; max-width: 420px; background: var(--glass-solid); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); color: var(--ink); border: 1px solid var(--line-2); border-radius: 22px; box-shadow: var(--shadow-float); padding: 24px; font: 400 14px/1.5 Inter, system-ui, sans-serif; }
.ofy-card.wide { max-width: 720px; }
.ofy-card h2 { margin: 0 0 4px; font: 600 20px/1.25 Sora, Inter, system-ui, sans-serif; letter-spacing: -.02em; }
.ofy-card p { margin: 0; } .ofy-muted { color: var(--ink-2); } .ofy-small { font-size: 12.5px; }
.ofy-card label { display: block; margin: 12px 0 4px; font-weight: 600; font-size: 13px; }
.ofy-card input, .ofy-card select, .ofy-card textarea { width: 100%; box-sizing: border-box; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-sunk); color: var(--ink); font: 400 14px Inter, system-ui, sans-serif; }
.ofy-card textarea { height: auto; min-height: 120px; padding: 10px 12px; line-height: 1.5; resize: vertical; }
.ofy-card input:focus, .ofy-card select:focus, .ofy-card textarea:focus { outline: none; border-color: var(--path); box-shadow: var(--ring); }
.ofy-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface-sunk); color: var(--ink); font: 600 14px Inter, system-ui, sans-serif; cursor: pointer; }
.ofy-btn:hover { background: var(--path-soft); border-color: var(--line-2); }
.ofy-btn.primary { background: linear-gradient(180deg, var(--btn-a), var(--btn-b)); border-color: transparent; color: var(--btn-ink); box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 6px 18px -8px rgba(47,84,235,.8); }
.ofy-btn[disabled] { opacity: .5; cursor: default; }
.ofy-row { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; } .ofy-row .ofy-btn { flex: 1; }
.ofy-link { background: none; border: 0; padding: 0; color: var(--path); font: 600 13px Inter, system-ui, sans-serif; cursor: pointer; text-decoration: underline; }
.ofy-msg { margin-top: 12px; padding: 10px 12px; border-radius: 12px; font-size: 13px; }
.ofy-msg.err { background: var(--red-soft); color: var(--red); } .ofy-msg.ok { background: var(--green-soft); color: var(--green); } .ofy-msg.info { background: var(--path-soft); color: var(--ink); }

/* Disclosure shown at the bottom of every page in the app */
main.content::after { content: "Unofficial planning tool. Requirements, averages and dates may be wrong or out of date. Confirm everything with each school and your application portal. Offerly is not responsible for errors or decisions made using it."; display: block; margin-top: 56px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12px; line-height: 1.5; color: var(--ink-3); max-width: 72ch; }