/* Grafynx Hub 1.7.1 — PIN UI and accessibility/contrast review.
   Appended last to correct legacy low-contrast fixed palette values. */
:root { --muted:#5d677e; --pink:#ba1769; }
html[data-theme="dark"] { --muted:#c0c5d6; --pink:#ff79b3; }
.grafynx-workspace .sidebar .rail-links .nav-link,
.grafynx-workspace .sidebar .nav-tool {color:#505d77}
html[data-theme="dark"] .grafynx-workspace .sidebar .rail-links .nav-link,
html[data-theme="dark"] .grafynx-workspace .sidebar .nav-tool {color:#c6cbde}
.grafynx-workspace .sidebar :is(.rail-links .nav-link,.nav-tool):is(:hover,.active),
.grafynx-workspace .sidebar .nav-tool:hover {color:#a10d61}
html[data-theme="dark"] .grafynx-workspace .sidebar :is(.rail-links .nav-link,.nav-tool):is(:hover,.active){color:#ffa2ca}
.ref-overline{color:#536078}
html[data-theme="dark"] .ref-overline {color:#bfc7dd}
.ref-analytics-link{color:#a10b5a}
html[data-theme="dark"] .ref-analytics-link{color:#ffa1c9}
.ref-shortcut-icon{color:#6545a0}
.ref-shortcut-icon.coral{color:#a44630}
.ref-shortcut-icon.orange{color:#935c10}
.ref-shortcut-icon.pink{color:#af185d}
.ref-small-metric-icon{color:#56637d}
html[data-theme="dark"] .ref-small-metric-icon{color:#c4cadb}
.ref-chart-label{fill:#515b72}
html[data-theme="dark"] .ref-chart-label{fill:#c4cadd}
.ref-income-line{stroke:#16807c}.ref-expense-line{stroke:#ad386b}
.ref-legend-income{background:#16807c}.ref-legend-expense{background:#ad386b}
.ref-income{fill:#16807c}.ref-expense{fill:#ad386b}
html[data-theme="dark"] .ref-income-line{stroke:#70d8cc}
html[data-theme="dark"] .ref-expense-line{stroke:#ffa1c6}
html[data-theme="dark"] .ref-legend-income{background:#70d8cc}
html[data-theme="dark"] .ref-legend-expense{background:#ffa1c6}
html[data-theme="dark"] .ref-income{fill:#70d8cc}
html[data-theme="dark"] .ref-expense{fill:#ffa1c6}
.ref-status-line{color:#167e77;opacity:1}.ref-status-line.expense{color:#af3668}
html[data-theme="dark"] .ref-status-line{color:#75ddd1}
html[data-theme="dark"] .ref-status-line.expense{color:#ffa1c7}
.grafynx-workspace .ref-dashboard .stat-icon.coral{background:linear-gradient(140deg,#b45340,#93423f)}
.grafynx-workspace .ref-dashboard .stat-icon.orange{background:linear-gradient(140deg,#a45b28,#8d431c)}
.ref-shortcut-footer>span,.ref-shortcut small,.ref-small-metric>span:nth-child(2),.ref-status-line small{color:var(--muted)}
.grafynx-workspace .topbar .search-launch:hover,
.grafynx-workspace .topbar .header-actions .icon-button:hover {color:var(--ink)}
.grafynx-workspace .bottom-link {color:var(--muted)}
html[data-theme="dark"] .grafynx-workspace .bottom-link {color:var(--muted)}
/* A high-contrast login stays legible regardless of saved workspace theme. */
.auth-view{background:radial-gradient(ellipse at 11% 12%,#f5e5ef,transparent 40%),#eff1f7}
.auth-view .auth-card{background:#fff;color:#222638}
.auth-view .auth-form{color:#222638}
.auth-view .auth-form h1{color:#1c2337;font-size:clamp(23px,2.3vw,29px);line-height:1.2}
.auth-view .auth-form>p{color:#59637b;font-size:12px}
.auth-view .auth-form .eyebrow{color:#5b6581;letter-spacing:.15em;margin-bottom:12px}
.auth-view .auth-art{background:linear-gradient(148deg,#202326 0%,#222426 62%,#4e243c 100%)!important}
.auth-view .auth-art p{color:#f1e3eb;font-size:13px}
.auth-view .auth-art small{color:#e8cbdc}
.auth-view .auth-art h2 span{color:#ff73b2}
.auth-view .pin-auth-form .pin-field{display:flex;flex-direction:column;gap:9px}
.auth-view .pin-field label{font-weight:750;font-size:12px;color:#35405b}
.auth-view .pin-field label em{color:#be135f;font-style:normal}
.auth-view .pin-input-wrap{display:flex;align-items:center;gap:10px;min-height:53px;border:1.5px solid #a9b2c5;border-radius:12px;background:#fff;padding:0 12px;transition:border-color .18s,box-shadow .18s}
.auth-view .pin-input-wrap:focus-within{border-color:#cf166f;box-shadow:0 0 0 3px #fbe2ef}
.auth-view .pin-input-wrap .pin-lock{color:#59657c;display:grid;place-items:center;flex:none}
.auth-view .pin-input-wrap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.auth-view #access-pin{height:51px;min-width:0;flex:1;border:0;outline:0;box-shadow:none!important;background:transparent;color:#1b2337;letter-spacing:.32em;font-size:21px;font-weight:700;padding:0}
.auth-view #access-pin::placeholder{color:#7a849a;letter-spacing:.22em;font-weight:500}
.auth-view .pin-visibility{display:grid;place-items:center;flex:none;background:transparent;border:0;padding:9px;border-radius:9px;color:#4f5971;cursor:pointer}
.auth-view .pin-visibility:hover{background:#f8edf4;color:#a50b5c}
.auth-view .pin-visibility:focus-visible{outline:2px solid #a50b5c;outline-offset:1px}
.auth-view #pin-hint{color:#626d83;font-size:11px}
.auth-view .pin-submit{display:flex;align-items:center;justify-content:center;gap:13px;min-height:49px;background:#cd1872;color:#fff;font-size:13px;font-weight:780;margin-top:14px;border-radius:11px}
.auth-view .pin-submit:hover{background:#ad0f60;color:#fff}
.auth-view .pin-submit:disabled{opacity:.62;cursor:wait}
.auth-view .pin-submit svg{width:17px;height:17px;stroke:#fff}
.auth-view .pin-form-message{margin:0;min-height:16px;font-size:12px;color:#a20e32;font-weight:650}
.auth-view .pin-trust{display:flex;align-items:center;gap:8px;border-top:1px solid #e6e9f1;padding-top:18px;margin-top:17px;color:#55627b;font-size:11px}
.auth-view .pin-trust svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:580px){.auth-view .auth-art{min-height:158px}.auth-view .auth-form{padding:30px 24px 27px}.auth-view .auth-form>p{margin-bottom:22px}.auth-view .auth-card{border-radius:20px}.auth-view .pin-submit{margin-top:8px}}
/* Prevent the legacy grid form's min-content width from clipping the PIN and CTA. */
.auth-view .pin-auth-form form{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0}
.auth-view .pin-field,.auth-view .pin-input-wrap,.auth-view .pin-submit{width:100%;max-width:100%;min-width:0}
/* Dark navigation active/highlight color needs a dark surface behind pastel text. */
html[data-theme="dark"] .grafynx-workspace .rail-links .nav-link.active{background:#523047;color:#ffd3e6}
html[data-theme="dark"] .grafynx-workspace .rail-links .nav-link:hover,
html[data-theme="dark"] .grafynx-workspace .nav-tool:hover {background:#433247;color:#ffd3e6}