/* Dev.5 identity and navigation; cloud form layouts retained in this preview. */
:root{--brand:#102A2D;--brand2:#1a4549;--accent:#D8F36A;color:#102A2D;background:#f4f7f4}
aside{width:240px;min-width:240px;background:#102A2D;padding:24px 18px;gap:20px}
.brand-row{display:flex;align-items:center;gap:10px}.brand-icon{width:38px;height:38px;flex:0 0 auto}
.brand{font-size:26px;letter-spacing:-.6px}.brand span{font-size:11px;text-transform:none;letter-spacing:.2px;color:#9FD8C4;font-weight:500;margin-top:4px}
nav{gap:7px}nav a{color:#dff1eb;border-radius:10px;padding:10px 12px}nav a:hover,.minor:hover{background:#1a4549;color:#D8F36A}
main{max-width:1500px;padding:30px}.pharmacy{border-color:#ffffff22;border-radius:12px}.pharmacy p{color:#fff;font-size:11px}.pharmacy strong{color:#fff}
button,.link-button,.button-link{background:#102A2D;color:#D8F36A;border-radius:10px}button:hover{background:#1a4549;color:#fff}
.panel{border-radius:16px;border-color:#dbe2de;box-shadow:0 4px 18px rgba(16,42,45,.05)}h1{letter-spacing:-.5px;font-size:30px}
a{color:#246d59}nav a{color:#dff1eb}
@media(max-width:900px){.app{flex-direction:column}aside{width:auto;min-width:0}nav{display:grid;grid-template-columns:repeat(2,1fr)}main{padding:18px}}