/*
 * Quiet accents
 *
 * YFS used a thick, colored leading edge as a catch-all emphasis device. That
 * made unrelated cards and callouts feel like the same generic component.
 * Keep structure in neutral hairlines and let type, content, icons, and the
 * existing restrained surface colors communicate hierarchy and state.
 */

:where(
    .dashboard-attention-summary,
    .dashboard-weather-first .weather-card,
    .module-dashboard-card,
    .module-setting-card,
    .pro-value-item,
    .demo-production-banner,
    .demo-production-boundary,
    .crop-tab-header,
    .crop-records-heading,
    .crop-record-row,
    .crop-season-signal,
    .crop-cockpit-plantings > span,
    .variety-season-hero,
    .variety-planting-card,
    .variety-seed-lot-list > a,
    .harvest-workflow-help,
    .harvest-current-plant,
    .harvest-selection-summary,
    .harvest-selection-recommendation,
    .harvest-selection-group,
    .harvest-selection-open-note,
    .harvest-entry-card,
    .harvest-form-intro,
    .harvest-live-scale,
    .harvest-quick-exceptions,
    .harvest-overview__next,
    .planner-agenda-item,
    .planner-season-panel,
    .planner-weather-context,
    .planner-year-operation > summary,
    .forage-outlook-card,
    .poultry-location-choice,
    .poultry-cockpit-flocks > span,
    .livestock-cockpit-groups > span,
    .bee-setup-next,
    .bee-hive-card,
    .bee-apiary-snapshot-card,
    .bee-record-highlight,
    .bee-observation-list div,
    .hive-build-baseline,
    .tree-getting-started,
    .tree-card,
    .sensor-scale-header,
    .sensor-operation-panel,
    .sensor-device-card,
    .sensor-action-panel,
    .sensor-firmware-notice,
    .sensor-delete-panel,
    .equipment-settings-entry
) {
    border-left-color: var(--line-soft) !important;
    border-left-width: 1px !important;
}

/* These compact signals never had a surrounding box. Removing the edge
   completely reads more naturally than leaving a stray one-pixel rule. */
:where(
    .demo-record-history li,
    .crop-cockpit-plantings > span,
    .crop-season-signal,
    .harvest-workflow-help,
    .harvest-selection-open-note,
    .harvest-form-intro,
    .poultry-location-choice,
    .poultry-cockpit-flocks > span,
    .livestock-cockpit-groups > span,
    .sensor-firmware-notice
) {
    border-left: 0 !important;
}

/* Preserve useful differentiation with calm surfaces instead of edge tabs. */
:where(.status-attention, .tone-attention, .tone-urgent, .is-needs-attention) {
    background-color: color-mix(in srgb, var(--orange) 7%, var(--card)) !important;
}

:where(.status-current, .status-ok, .tone-current, .state-planned, .is-enabled) {
    background-color: color-mix(in srgb, var(--green) 6%, var(--card)) !important;
}

@supports not (background-color: color-mix(in srgb, white, black)) {
    :where(.status-attention, .tone-attention, .tone-urgent, .is-needs-attention) { background-color: #fff8ee !important; }
    :where(.status-current, .status-ok, .tone-current, .state-planned, .is-enabled) { background-color: #f5f8f1 !important; }
}

/* Keep older cockpit variants quiet when their accent was placed on the top
   or bottom edge instead of the leading edge. */
:where(.planner-timeline, .planting-detail-hero, .crop-operations,
    .crop-command-center, .poultry-command-center, .livestock-command-center,
    .tree-command, .tree-detail-hero, .bee-apiary-card, .bee-insight-card,
    .crop-planting-card, .poultry-setup-why, .bee-setup-next,
    [class*="-command-center"], [class*="-detail-hero"],
    [class*="-insight-card"], [class*="-planting-card"],
    [class*="-record-highlight"], [class*="-operation-panel"],
    [class*="-setup-next"]) {
    border-top-color: var(--line-soft) !important;
    border-top-width: 1px !important;
    border-bottom-color: var(--line-soft) !important;
    border-bottom-width: 1px !important;
}