/* One card palette throughout the portal; raw-material cards keep purple. */
#portalVariant{--card-accent:#1555ff;--card-soft:#edf2ff;--card-line:#c5d4ff;--raw-accent:#743fc4;--raw-soft:#f4effb;--raw-line:#d9c9ee}
html body#portalVariant :is(#orders,#confOrders,#chapasCards,#modelInspector,#vehicleBillingFlag,main,dialog) :is(.model-load-row[data-model-state],.m1-conference-card[data-model-state],.journey-card[data-model-state],.model-load-row,.m1-conference-card,.journey-card,.ra-load-card,.departure-item,.billing-vehicle,.trip-cost-queue-row){background:var(--card-soft)!important;background-image:none!important;border-color:var(--card-line)!important;border-left:4px solid var(--card-accent)!important;border-radius:8px!important;box-shadow:none!important;color:#172235!important}
html body#portalVariant :is(main,dialog) :is(.model-active-card[data-model-state],.journey-card[data-model-state],.model-active-card,.journey-card) :is(.vx-cardhead,.silver-heading),html body#portalVariant #confOrders .silver-heading{background:var(--card-accent)!important;background-image:none!important;color:#fff!important;border-color:var(--card-accent)!important}
html body#portalVariant :is(main,dialog) :is(.model-active-card[data-model-state],.journey-card[data-model-state],.model-active-card,.journey-card) :is(.vx-cardhead,.silver-heading) :is(strong,b,span,small){color:#fff!important;border-color:#ffffff60!important}
html body#portalVariant :is(main,dialog) :is(.vx-status,.silver-status,.departure-state){background:var(--card-soft)!important;color:#2047a8!important;border-color:var(--card-line)!important}
html body#portalVariant :is(main,dialog) .vx-status i{background:var(--card-accent)!important}
html body#portalVariant :is(.op-kpi,.op-kpi.yellow,.op-kpi.green){border-top-color:var(--card-accent)!important}
/* Match panel cards and compact rows without changing their data or actions. */
html body#portalVariant main :is(.card,.vehicle-time-card,.raw-forecast-card,.vehicle-receipt-row,.freight-receipt-row,.insight-employee,.freight-fleet-row,.cadastro-person){border-color:var(--card-line)!important;border-radius:8px!important;box-shadow:none!important}
html body#portalVariant main :is(.cardhead,.listhead){background:var(--card-soft)!important;border-color:var(--card-line)!important}
/* Raw-material list, dossier, opportunities and receiving steps share purple. */
html body#portalVariant main :is(.m1-raw-row,.m1-raw-row[data-arrived],.raw-ticket,.raw-site-card,.raw-opportunity-card,.raw-arrival-card,.raw-forecast-card,.op-opportunity-item,.raw-flow-meta){background:var(--raw-soft)!important;background-image:none!important;border-color:var(--raw-line)!important;border-left:4px solid var(--raw-accent)!important;border-radius:8px!important;box-shadow:none!important}
html body#portalVariant main :is(.m1-raw-row[aria-pressed=true],.m1-raw-row:hover,.op-opportunity-item:hover){background:#ebe0fa!important;border-color:var(--raw-accent)!important}
html body#portalVariant main :is(.raw-ticket-identity,.raw-site-card-head,.op-opportunity-heading){background:var(--raw-accent)!important;color:#fff!important;border-color:var(--raw-accent)!important}
html body#portalVariant main :is(.raw-ticket-identity,.raw-site-card-head,.op-opportunity-heading) :is(strong,b,h3,p,span,small){color:#fff!important}
html body#portalVariant main :is(.m1-raw-row .m1-raw-subline,.raw-ticket-progress .current strong){color:var(--raw-accent)!important}
html body#portalVariant main .raw-ticket-progress .current .raw-ticket-dot{background:var(--raw-accent)!important;border-color:var(--raw-accent)!important}
html body#portalVariant :is(main,dialog) .raw-flow-steps>section:is(.complete,.pending){background:var(--raw-soft)!important;border-color:var(--raw-line)!important}
html body#portalVariant main #opOpportunityDossier{border-color:var(--raw-line)!important;border-radius:8px!important}