/* =========================================================
   CIBERRA MOVEMENT PAGE
   Styles unique to movement.html
   ========================================================= */


/* Movement page currently uses shared components from:
   - base.css
   - components.css

   Add only movement-specific styles below.
*/


/* =========================================================
   1. Movement accent treatments
   ========================================================= */

.movement-page .eyebrow-dot {
    background: #55796d;
}

.movement-page .section-kicker {
    color: #55796d;
}

.movement-page .status {
    background: rgba(85, 121, 109, 0.12);
    color: #35564c;
}

.movement-page .status span {
    background: #55796d;
}


/* =========================================================
   2. Movement-specific cards
   ========================================================= */

.movement-page .signal-card em {
    color: #55796d;
}

.movement-page .tag {
    border-color: rgba(85, 121, 109, 0.18);
    background: rgba(85, 121, 109, 0.1);
    color: #35564c;
}

.movement-page .check {
    background: rgba(85, 121, 109, 0.16);
    color: #35564c;
}


/* =========================================================
   3. Movement CTA accent
   ========================================================= */

.movement-page .cta-box {
    background:
        radial-gradient(circle at 88% 10%,
            rgba(85, 121, 109, 0.2),
            transparent 34%),
        linear-gradient(145deg,
            #ffffff,
            #e8eeea);
}


/* =========================================================
   4. Future movement-specific components
   ========================================================= */

/*
.movement-map { }

.transport-corridor-card { }

.storage-node-card { }

.port-signal-panel { }

.freight-pressure-chart { }

.route-disruption-alert { }
*/