/* PCRTrend portal (index.html) in the dashboard look. Login screen untouched.
   Applied by pcrtrend_skin.py. Spec: PROJECT_STATUS.md "Dashboard look". */
#appScreen, #appScreen * { font-family: Inter, system-ui, sans-serif !important; }
#appScreen * { box-shadow: none !important; }
#appScreen .page { background-image: none !important; background-color: #F6F5F1 !important; }

/* sidebar: white, like the dashboards' rail */
#appScreen .sidebar { background: #FFFFFF !important; border-right: 1px solid #E3E1DA; }
#appScreen .sidebar * { color: #3A4252; }
#appScreen .sidebar-logo { border-bottom: 1px solid #E3E1DA !important; }
#appScreen .sidebar-logo-text { color: #141C2B !important; }
#appScreen .sidebar-logo-text span { color: #B07D18 !important; }
#appScreen .sidebar-logo-sub, #appScreen .sidebar-section-label { color: #5B6474 !important; }
#appScreen .sidebar-user { background: #F6F5F1 !important; border: 1px solid #E3E1DA !important; }
#appScreen .nav-item { color: #3A4252 !important; border-radius: 2px !important; background: transparent !important; border: 0 !important; }
#appScreen .nav-item:hover { background: #F6F5F1 !important; color: #141C2B !important; }
#appScreen .nav-item.active { background: #FBF1DC !important; color: #141C2B !important; font-weight: 500; }
#appScreen .nav-icon { font-size: 0 !important; width: 18px; height: 18px; flex: 0 0 18px; background: no-repeat center / 16px 16px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3E%3Cpolygon points='14,0 7,12.1 -7,12.1 -14,0 -7,-12.1 7,-12.1' fill='none' stroke='%23B9BDC6' stroke-width='2'/%3E%3C/svg%3E"); }
#appScreen .nav-item.active .nav-icon { background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3E%3Cpolygon points='14,0 7,12.1 -7,12.1 -14,0 -7,-12.1 7,-12.1' fill='%23D49A2A'/%3E%3C/svg%3E"); }
#appScreen .nav-badge { background: #B9470B !important; color: #FFFFFF !important; border-radius: 2px !important; }

/* top bar */
#appScreen .topbar { background: #FFFFFF !important; border-bottom: 1px solid #E3E1DA !important; }
#appScreen .topbar-btn { border-radius: 2px !important; }
#appScreen .topbar-btn.primary { background: #1D3557 !important; color: #FFFFFF !important; border-color: #1D3557 !important; }

/* "built for you" banner: flat and quiet */
#page-dashboard > div:first-child { background: #FFFFFF !important; border: 1px solid #E3E1DA !important; border-radius: 2px !important; }
#page-dashboard > div:first-child > div:nth-child(1), #page-dashboard > div:first-child > div:nth-child(2) { display: none !important; }
#page-dashboard > div:first-child * { color: #3A4252 !important; }
#page-dashboard > div:first-child strong { color: #141C2B !important; }
#page-dashboard > div:first-child span[style*="FFC83D"], #page-dashboard > div:first-child span[style*="D4A832"] { background: #FBF1DC !important; color: #8A6212 !important; border-radius: 2px !important; }

/* cards: 2 px corners, no colored top stripes */
#appScreen .kpi-card, #appScreen .card, #appScreen [class*="card"] { border-radius: 2px !important; }
#appScreen .kpi-card::before { display: none !important; }
#appScreen .badge, #appScreen [class*="pill"] { border-radius: 2px !important; }
#appScreen .section-title { font-family: Newsreader, Georgia, serif !important; font-weight: 400 !important; letter-spacing: -0.01em; }

/* the hive: program cells navy in three shades, the center cell honey */
#appScreen .hex-grid > .hex-outer { background: #1D3557 !important; filter: none !important; }
#appScreen .hex-grid > div.hex-outer:nth-of-type(3n+2) { background: #2A4670 !important; }
#appScreen .hex-grid > div.hex-outer:nth-of-type(3n) { background: #3E5C86 !important; }
#appScreen .hex-glow-wrap .hex-outer { background: #D49A2A !important; }
#appScreen .hex-glow-layer { display: none !important; }
#appScreen .hex-icon { display: none !important; }
#appScreen .hex-label { color: rgba(255,255,255,0.78) !important; font-weight: 500 !important; }
#appScreen .hex-val { font-weight: 600 !important; }
#appScreen .hex-glow-wrap .hex-outer, #appScreen .hex-glow-wrap .hex-outer * { color: #141C2B !important; }