/* Shared visual primitives, separate role menus/data. Navy platform, ice canvas, amber action. */
:root{--portal-ink:#102b43;--portal-accent:#edaa38;--portal-surface:#f0f5f8}
.sales-app{background:var(--portal-surface)}.sales-app .sidebar{background:#0e293e}.sales-app .btn-primary{background:#145779;color:white;border-color:#145779}
.portal-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:1.5rem;align-items:start;margin:1.5rem 0}.portal-filters{display:flex;align-items:end;gap:1rem;padding:1.2rem;margin:1.5rem 0;flex-wrap:wrap}.portal-filters label{flex:1;min-width:160px}.portal-filters input,.portal-filters select{width:100%}.portal-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.record-link{font-weight:700;color:#135674}.portal-history{border-left:3px solid #b7cfdd;padding:.5rem 1rem;margin:1rem 0}.portal-history p{margin:.4rem 0}.portal-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.portal-media-grid img{width:100%;height:160px;object-fit:cover;border-radius:.6rem}.portal-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.portal-role{display:block;padding:1.75rem;border:1px solid #d3e0e8;border-radius:1rem;background:white;text-decoration:none;color:#102b43;box-shadow:0 10px 30px #09213409}.portal-role h2{margin:0 0 .6rem;font-size:1.4rem}.portal-role p{line-height:1.6;margin:0;color:#476378}.portal-role:hover{border-color:#1f7098}.portal-sync-conflict{border:2px solid #b45309;padding:1rem;border-radius:.5rem}.portal-sync-conflict button{margin:.5rem}
@media(max-width:800px){.portal-columns{grid-template-columns:1fr}.portal-filters{display:grid;grid-template-columns:1fr}.portal-role{padding:1.25rem}.topbar-actions{gap:.6rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}