/* ===== Assistant widget ===== */
.asst { position: fixed; right: 20px; bottom: 20px; z-index: 200; font-family: var(--body); }
.asst__fab {
  width: 60px; height: 60px; border-radius: 50%; border: 0; cursor: pointer;
  background: var(--cyan); color: var(--navy); box-shadow: var(--shadow);
  display: grid; place-items: center; transition: transform .18s;
}
.asst__fab:hover { transform: scale(1.06); background: var(--cyan-600); color: #fff; }
.asst__panel {
  position: absolute; right: 0; bottom: 74px; width: min(360px, 90vw); height: 480px; max-height: 72vh;
  background: #fff; border-radius: 16px; box-shadow: var(--shadow); border: 1px solid var(--line);
  display: flex; flex-direction: column; overflow: hidden;
  opacity: 0; visibility: hidden; transform: translateY(12px) scale(.98); transition: .2s;
}
.asst__panel.open { opacity: 1; visibility: visible; transform: none; }
.asst__head { background: var(--navy); color: #fff; padding: .85rem 1rem; display: flex; justify-content: space-between; align-items: center; }
.asst__head strong { font-family: var(--display); }
.asst__status { font-size: .72rem; color: #6EE7B7; margin-left: .5rem; }
.asst__x { background: none; border: 0; color: #fff; font-size: 1.5rem; cursor: pointer; line-height: 1; }
.asst__log { flex: 1; overflow-y: auto; padding: 1rem; background: var(--paper); display: flex; flex-direction: column; gap: .6rem; }
.asst__msg { max-width: 85%; padding: .6rem .85rem; border-radius: 14px; font-size: .9rem; line-height: 1.45; }
.asst__msg--bot { background: #fff; border: 1px solid var(--line); align-self: flex-start; border-bottom-left-radius: 4px; }
.asst__msg--user { background: var(--cyan); color: var(--navy); align-self: flex-end; border-bottom-right-radius: 4px; }
.asst__msg em { color: var(--ink-soft); font-size: .82rem; }
.asst__actions { display: flex; gap: .5rem; padding: .6rem 1rem 0; }
.asst__act { flex: 1; font-size: .78rem; padding: .5rem; border: 1px solid var(--line); background: #fff; border-radius: 8px; cursor: pointer; font-weight: 600; color: var(--navy-600); }
.asst__act:hover { background: var(--paper-2); }
.asst__form { display: flex; gap: .5rem; padding: .8rem 1rem 1rem; }
.asst__form input { flex: 1; padding: .6rem .8rem; border: 1px solid var(--line); border-radius: 999px; font: inherit; font-size: .9rem; }
.asst__form button { width: 40px; border: 0; border-radius: 50%; background: var(--cyan); color: var(--navy); cursor: pointer; font-size: 1rem; }

/* ===== Certificate verification ===== */
.verify-box { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.5rem,4vw,2.5rem); box-shadow: var(--shadow-sm); }
.verify-form { display: flex; gap: .8rem; flex-wrap: wrap; margin-top: 1rem; }
.verify-form input { flex: 1; min-width: 220px; padding: .9rem 1rem; border: 2px solid var(--line); border-radius: 999px; font: inherit; }
.verify-form input:focus { border-color: var(--cyan); outline: none; }
.verify-result { margin-top: 1.5rem; }
.verify-card { border-radius: var(--radius); padding: 1.5rem; border: 1px solid var(--line); }
.verify-card--ok { background: #F0FBF6; border-color: #A7E3C8; }
.verify-card--no { background: #FDF3F2; border-color: #F1C4BE; }
.verify-badge { display: inline-block; font-weight: 700; color: var(--success); margin-bottom: .6rem; font-size: .9rem; letter-spacing: .04em; }
.verify-badge--no { color: var(--danger); }
.verify-dl { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem 1.2rem; margin: 1rem 0; }
.verify-dl div { border-bottom: 1px dashed var(--line); padding-bottom: .5rem; }
.verify-dl dt { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-soft); }
.verify-dl dd { margin: 0; font-weight: 600; color: var(--navy); }
.verify-note { font-size: .85rem; color: var(--ink-soft); margin: 0; }
.verify-samples { margin-top: 1.2rem; font-size: .85rem; color: var(--ink-soft); }
.verify-samples code { background: var(--paper-2); padding: .15rem .5rem; border-radius: 5px; cursor: pointer; font-family: var(--mono); font-size: .82rem; }
@media (max-width: 480px){ .verify-dl { grid-template-columns: 1fr; } }

/* Three-tier verify UI additions (10 Jul 2026) */
.verify-timestamp { font-weight: 400; color: var(--ink-soft); font-size: .8rem; }
.verify-permalink { color: var(--cyan); text-decoration: underline; margin-left: .3rem; }
.verify-actions { margin-top: 1rem; display: flex; gap: .6rem; flex-wrap: wrap; }
.verify-actions .btn--ghost { background: transparent; border: 1px solid var(--line); color: var(--navy); }
.verify-actions .btn--ghost:hover { background: var(--paper-2); }

.verify-detailed-gate {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.4rem;
  margin-top: 1rem;
}
.verify-detailed-gate h4 { margin: 0 0 .5rem 0; font-size: 1.05rem; }
.verify-detailed-note { color: var(--ink-soft); font-size: .88rem; margin: 0 0 1rem; }
.verify-detailed-gate label { display: block; margin: .7rem 0; font-size: .82rem; font-weight: 600; color: var(--navy); }
.verify-detailed-gate label input[type="email"],
.verify-detailed-gate label input[type="text"] {
  display: block; width: 100%; margin-top: .3rem;
  padding: .6rem .8rem; border: 1px solid var(--line); border-radius: 8px; font: inherit; background: var(--paper);
}
.verify-detailed-consent { display: flex !important; align-items: center; gap: .5rem; font-weight: 400 !important; }

.verify-card--detailed { background: var(--paper-2); border: 1px solid var(--line); margin-top: 1rem; }
.verify-card--detailed h4 { margin: 0 0 .5rem 0; font-size: 1rem; letter-spacing: .04em; }
.verify-card--detailed h5 { font-size: .95rem; }

.verify-eq-note { font-size: .82rem; color: var(--ink-soft); margin: 0 0 .8rem; }
.verify-eq-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.verify-eq-table thead th {
  text-align: left; padding: .5rem .6rem; background: var(--paper);
  border-bottom: 2px solid var(--line); font-weight: 700; color: var(--navy);
  font-size: .75rem; text-transform: uppercase; letter-spacing: .08em;
}
.verify-eq-table tbody th {
  text-align: left; padding: .55rem .6rem; font-weight: 600; color: var(--navy);
  border-bottom: 1px solid var(--line); width: 32%;
}
.verify-eq-table tbody td { padding: .55rem .6rem; border-bottom: 1px solid var(--line); color: var(--ink); }
.verify-eq-table tbody td:nth-child(2) { font-family: var(--mono); font-size: .82rem; color: var(--navy); width: 12%; }

/* ===== Forms (application / contact) ===== */
.form-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.5rem,4vw,2.5rem); box-shadow: var(--shadow-sm); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.form-grid .full { grid-column: 1 / -1; }
.field label { display: block; font-size: .82rem; font-weight: 600; color: var(--navy); margin-bottom: .35rem; }
.field input, .field select, .field textarea {
  width: 100%; padding: .75rem .9rem; border: 1px solid var(--line); border-radius: 10px; font: inherit; background: var(--paper);
}
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--cyan); outline: none; background: #fff; }
.field textarea { min-height: 120px; resize: vertical; }
.form-note { font-size: .82rem; color: var(--ink-soft); }
.form-success { background: #F0FBF6; border: 1px solid #A7E3C8; border-radius: var(--radius); padding: 1.5rem; text-align: center; }
@media (max-width: 560px){ .form-grid { grid-template-columns: 1fr; } }

/* ===== Portal ===== */
.portal-shell { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.portal-side { background: var(--navy); color: #AFC0D8; padding: 1.5rem 1rem; }
.portal-side .brand { color: #fff; margin-bottom: 2rem; }
.portal-nav { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .3rem; }
.portal-nav a { display: flex; align-items: center; gap: .6rem; padding: .7rem .8rem; border-radius: 8px; color: #AFC0D8; font-size: .92rem; }
.portal-nav a:hover, .portal-nav a.active { background: var(--navy-600); color: #fff; text-decoration: none; }
.portal-main { background: var(--paper); padding: clamp(1.2rem,3vw,2.2rem); }
.portal-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.portal-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.pcard { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.2rem; }
.pcard .num { font-family: var(--display); font-size: 2rem; color: var(--cyan-600); }
.pcard .lbl { font-size: .82rem; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .06em; }
.avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--cyan); color: var(--navy); display: grid; place-items: center; font-weight: 700; }
.unit-row { display: flex; justify-content: space-between; align-items: center; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; margin-bottom: .6rem; }
.unit-row.enrolled { border-color: #A7E3C8; background: #F0FBF6; }
.lab-launch { display: inline-flex; align-items: center; gap: .5rem; }
@media (max-width: 780px){ .portal-shell { grid-template-columns: 1fr; } .portal-side { display: none; } }

/* ===== Login ===== */
.login-wrap { min-height: 100vh; display: grid; place-items: center; background: linear-gradient(135deg, var(--navy), var(--navy-700)); padding: 2rem; }
.login-card { background: #fff; border-radius: 18px; padding: clamp(1.8rem,4vw,2.6rem); width: min(420px,100%); box-shadow: var(--shadow); }
.login-card .brand { justify-content: center; margin-bottom: 1.5rem; }

/* ===== Gate ===== */
.gate { position: fixed; inset: 0; z-index: 9999; background: linear-gradient(135deg, var(--navy), var(--navy-700)); display: grid; place-items: center; padding: 2rem; }
.gate__card { background: #fff; border-radius: 18px; padding: 2.5rem; width: min(400px,100%); box-shadow: var(--shadow); text-align: center; }
.gate__card input { width: 100%; padding: .85rem 1rem; border: 2px solid var(--line); border-radius: 10px; font: inherit; margin: 1rem 0; text-align: center; letter-spacing: .1em; }
.gate__err { color: var(--danger); font-size: .85rem; min-height: 1.2em; }

/* ===== Course/major meta strip ===== */
.meta-strip { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; margin: 1.5rem 0; }
.meta-strip div { background: #fff; padding: 1rem 1.2rem; }
.meta-strip dt { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-soft); margin-bottom: .2rem; }
.meta-strip dd { margin: 0; font-weight: 600; color: var(--navy); font-size: .95rem; }
.list-check { list-style: none; padding: 0; }
.list-check li { padding-left: 1.8rem; position: relative; margin-bottom: .6rem; }
.list-check li::before { content: "✓"; position: absolute; left: 0; color: var(--cyan-600); font-weight: 700; }

/* prose */
.prose h2 { margin-top: 2rem; }
.prose h3 { margin-top: 1.5rem; }
.prose ul { padding-left: 1.2rem; }