/* Restore the approved second-version palette while retaining the portal application layout. */
:root{--navy:#071e33;--teal:#12445b;--gold:#bf9851;--paper:#f6f4ef;--line:#dddcd3;--ink:#142b3b}body,header{background:#f6f4ef}.masthead{border-top:3px solid #bf9851}.masthead .mast-actions>a{display:inline-block;color:#31566b;text-decoration:none;font-size:10px;font-weight:600}.mast-actions:before{display:none}.masthead .btn.primary{background:#102f46;color:#e9d5aa;border:1px solid #102f46}.brand>span>b{color:#10364c}.brand>span>b>span{color:#9a7c48}.brand small{color:#957a4d}header{border-color:#e3ded2}.portal-entry-intro h1{color:#12344a}.portal-entry-intro>.eyebrow,.eyebrow{color:#99783e}.portal-entry-intro>p{color:#6d7d80}.portal-login-card{border:1px solid #dcd8cd;border-top:3px solid #bf9851;box-shadow:0 12px 35px #40352208;background:#fffefb}.login-heading h2{color:#173b50}.login-heading p{color:#7c8e91}.login-lock{background:#eee7d9}.login-lock svg{stroke:#a1844f}.login-preview-note{background:#f4ecdc;color:#977b42}.portal-login-card input{background:#f7f6f0;border-color:#deddd3}.portal-login-card .production-signin{background:#e8e8df;color:#8d978d;border-color:#dce0d3}.portal-demo{border-color:#e5e0d4}.portal-demo .btn.primary{background:#103b53;border-color:#103b53;color:#eed9a9}.portal-demo>span{color:#9c895f}.entry-capabilities svg{background:#e9e9df;stroke:#477080}.entry-capabilities b{color:#36566b}.entry-capabilities small{color:#85938e}.portal-domain,.portal-public-tools{border-color:#ddd9cb}.portal-domain{color:#7c796a}.portal-domain>span{color:#b2914d}.portal-public-tools>a{color:#456b7d}.portal-public-tools>span{color:#a08b60}.card,.app-panel,.app-metrics>a,.finance-summary article,.tablewrap{background:#fffefb;border-color:#deded4}.workspace-sidebar{background:#0c293e;border-top:3px solid #bf9851}.workspace-sidebar nav>a.selected{background:#28485b;color:#e0c48a;box-shadow:inset 2px 0 #d1ad65}.workspace-sidebar>strong{color:#f4eee2}.workspace-sidebar>.eyebrow{color:#d2b373}.app-metrics>a>span{color:#928773}.app-metrics strong{color:#193d51}.app-metrics i{color:#b28b3f}.app-metrics small{color:#87928b}.app-metrics>a:first-child{border-top:2px solid #bf9851}.app-metrics>a:nth-child(3){border-top:2px solid #7f9b8f}.task-symbol{background:#f3ebda;color:#a38346}.task-row,.app-shortcuts>a{border-color:#eeeae0}.app-learning-panel{background:#e9eee6;border-color:#d9dfd1}.app-learning-panel h2{color:#315746}.app-learning-panel p{color:#6c8177}.activity-dot{background:#7f9a89}.activity-dot.gold{background:#bea063}.demo-account-badge{background:#ede8dc;color:#9b875d}.member-context{background:#eaece2;color:#7b826e;border-color:#b89954}.member-context>span:first-child,.member-context button{color:#65785f}.band{background:#f4eddf;border-color:#b99959;color:#86754e}.tag.member{background:#e6eceb;color:#496578}.tag.pending{background:#f2e9d7;color:#8b713d}th{background:#eeeee5;color:#7b806e}.finance-summary article{border-top:2px solid #bf9851}.finance-summary span{color:#918161}.course-art{background:linear-gradient(135deg,#071e33,#244b5d);border-color:#bf9851}.course-art svg{stroke:#d7bd87}.payment-methods span{background:#efeee4;border-color:#ddd9c9;color:#66765e}.checkout-total{background:#efede2;border-color:#b99a54}.workspace-actions button{background:#eeede4;border-color:#dedbd0;color:#456274}.workspace-actions button:hover{background:#e9dfca}.btn.primary{background:#103b53;border-color:#103b53}.btn.primary:hover{background:#254f65}.btn:hover{background:#eeebdf}.app-footnote{color:#9c9787}footer{border-color:#ded9cd;color:#928a76}footer b{color:#8d8268}.open-directory{background:#fffefb;border:1px solid #ddd8c9;border-left:3px solid #bf9851;border-radius:7px;padding:21px;margin:26px 0}.open-directory>.eyebrow{font-size:6px;letter-spacing:.7px;color:#9a804b}.open-directory h2{font-size:20px;margin:12px 0 8px;letter-spacing:-.5px}.open-directory p{font-size:9px;line-height:1.8;color:#85928d;margin-bottom:14px}.open-directory form{display:flex;gap:8px}.open-directory input{min-width:0;flex:1;width:100%;border:1px solid #dddcd0;background:#f8f7f1;border-radius:4px;padding:10px;font-size:10px;color:#536b73}.open-directory .btn{padding:10px 14px;font-size:9px}.open-directory>a{display:inline-block;margin-top:14px;color:#456b7d;font-size:9px;text-decoration:none}.open-directory>small{display:block;font-size:7px;line-height:1.8;color:#9d9b8b;margin-top:10px}.portal-entry .entry-capabilities{gap:17px;margin-top:24px}.portal-entry .entry-capabilities>div:last-child{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.masthead .mast-actions>a{font-size:8px;line-height:1.7;max-width:85px}.mast-actions{gap:12px}.masthead .btn.primary{font-size:7px;padding:9px}.masthead{gap:12px}.brand>span>b{font-size:20px}.brand img{width:33px;height:33px}.brand small{font-size:5px;letter-spacing:.9px}.open-directory{padding:18px;margin:22px 0 0}.open-directory h2{font-size:19px}.open-directory>.eyebrow{font-size:6px}.open-directory form{gap:6px}.open-directory .btn{font-size:8px;padding:10px}.portal-entry{gap:25px}.portal-public-tools>a{font-size:8px}}

/* Bring the two entry panels up to the same starting line. */
.portal-at-entry main {
  padding-top: 16px;
}

.portal-at-entry .portal-entry {
  align-items: start;
  gap: clamp(24px, 5vw, 72px);
  margin: 22px auto 25px;
  min-height: 0;
}

.portal-at-entry .portal-entry-intro h1 {
  margin-top: 12px;
}

.entry-shortcuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1030px;
  margin: 0 auto;
  border: 1px solid #ded6c4;
  border-radius: 8px;
  background: #fffdf7;
}

.entry-shortcuts > :is(a, button) {
  display: grid;
  gap: 4px;
  padding: 11px 16px;
  border: 0;
  background: transparent;
  color: #12344a;
  text-align: left;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
}

.entry-shortcuts > :is(a, button) + :is(a, button) {
  border-inline-start: 1px solid #ded6c4;
}

.entry-shortcuts strong {
  font-size: 13px;
}

.entry-shortcuts span {
  color: #465e6b;
  font-size: 11px;
}

.entry-shortcuts > :is(a, button):hover,
.entry-shortcuts > :is(a, button):focus-visible {
  background: #f2ead9;
}

@media (max-width: 1180px) {
  .entry-shortcuts { max-width: 920px; }
}

@media (max-width: 760px) {
  .entry-shortcuts { max-width: 480px; }
  .entry-shortcuts > :is(a, button) { padding: 10px; }
  .entry-shortcuts span { display: none; }
}

/* Readable portal surfaces and controls over the shared photo backdrop. */
body {
  background: linear-gradient(rgba(255,255,255,.74), rgba(255,255,255,.84)), url("assets/stone-town-courtyard.png") center / cover fixed;
  background-color: #f1ede3;
  color: #173447;
  font-size: 15px;
  line-height: 1.55;
}
main { padding-top: 22px; padding-bottom: 28px; }
.portal-at-entry .portal-entry { margin-block: 18px 20px; gap: clamp(20px, 4vw, 54px); }
.portal-entry-intro, .portal-login-card, .card, .app-panel, .tablewrap {
  background-color: rgba(255, 255, 255, .97);
}
.portal-entry-intro { padding: clamp(16px, 3vw, 30px); border-radius: 9px; }
.portal-entry-intro > p, .card p, .pagehead .subtitle, .login-heading p,
.entry-capabilities small, .portal-domain small, .portal-demo small,
.workspace-body p, .open-directory p, .open-directory small {
  color: #394e5c;
  font-size: .92rem;
  line-height: 1.5;
}
.eyebrow, .portal-entry-intro > .eyebrow, .pagehead .eyebrow, .tag,
.login-preview-note, .portal-demo > span, th, td small, .entry-shortcuts span,
.task-chip, .app-footnote, .portal-domain, .verification-seal small {
  font-size: .8rem;
}
.eyebrow, .portal-entry-intro > .eyebrow, .portal-demo > span { color: #6b5025; }
.workspace-sidebar > .eyebrow { color: #f0d79e; }
.workspace-sidebar nav > a, .workspace-sidebar .bar-credentials { font-size: .9rem; }
.workspace-sidebar nav > a { padding-block: 9px; }
th, td { color: #233e50; }
td { font-size: .93rem; padding-block: 12px; }
.card h3, .dashboard-tiles b, .entry-shortcuts strong { font-size: .98rem; }
.dashboard-tiles small, .verification-seal { font-size: .85rem; }
.login-preview-note { color: #624916; margin-bottom: 14px; }
.portal-login-card label, .portal-login-card .account-help button {
  color: #25475b; font-size: .92rem;
}
.btn, .mast-actions .btn.primary, .portal-demo .btn,
.open-directory .btn, .portal-login-card .production-signin {
  font-size: .93rem; min-height: 44px; padding: 10px 16px; font-weight: 700;
}
.btn.primary, .mast-actions .btn.primary, .portal-demo .btn.primary {
  background: #006d91; border-color: #006d91; color: #fff;
}
.btn.primary:hover, .mast-actions .btn.primary:hover, .portal-demo .btn.primary:hover {
  background: #005571; border-color: #005571;
}
.btn:not(.primary):not(:disabled) { background: #e6f4fa; border-color: #54869e; color: #104662; }
#lang button, .mast-actions > a, .portal-public-tools a { font-size: .88rem; }
.open-directory input, .portal-login-card input, input:not([type=checkbox]):not([type=radio]), select, textarea {
  min-height: 44px; padding: 9px 12px; font-size: 1rem;
  background: #f3faff; border: 1px solid #62849a; color: #173447;
}
input::placeholder, .portal-login-card input::placeholder { color: #496175; opacity: 1; }
.portal-login-card input:disabled, .portal-login-card .production-signin:disabled {
  background: #edf0f2; color: #4d5b64; border-color: #aab7bf; opacity: 1;
}
:is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid #a86b12; outline-offset: 3px;
}
.dashboard-tiles > :is(a, button):hover, .entry-shortcuts > :is(a, button):hover {
  background: #dff3fa;
}
@media (max-width: 760px) {
  .portal-at-entry .portal-entry { gap: 16px; }
  .entry-shortcuts strong { font-size: .83rem; }
  .mast-actions .btn.primary { padding-inline: 9px; font-size: .8rem; }
  .tablewrap { overflow-x: auto; }
}
