/* Paste the exact CSS from the preview’s <style> block here */
* {
    outline: 1px olid red;
    box-sizing: border-box;
}

a:hover, a:visited, a:link, a:active {
    text-decoration: none;
    color: inherit;
}


:root {
    --bg: #10141a;
    --fg: #e7e7e7;
    --muted: #9aa0a6;
    --danger: #ff6b6b55;
    --line: #222933;
    --hour-width: 80px;
    /* width for one hour on the timeline */
    --driver-row-height: 60px;

    --clr-Talixo: #ff4800;
    --clr-Talixo-dark: #b32e00;

    --clr-Mozio: rgb(55, 131, 197);
    --clr-Mozio-dark: rgb(30, 84, 133);

    --clr-LimoWide: #2a2d38;
    --clr-LimoWide-dark: #1a1c23;

    --clr-AirportTaxis: #fcfbfb;
    --clr-AirportTaxis-dark: #c2c1c1;

    --clr-Ctrip: #2c61fe;
    --clr-Ctrip-dark: #1530b2;

    --clr-GetE: rgb(0, 107, 46);
    --clr-GetE-dark: rgb(0, 66, 28);
    --bg-1: #1f2732;
    --clr-comment: #ff7171;
    --clr-now-line: #5c5c5c;

    --clr-dr-full: #009444;
    --clr-gold: #d4af37;
    --clr-blue-main: #12192b;
}

body {
    margin: 0;
    color: var(--fg);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
}

.alert {
    padding: 10px 10px;
    border-radius: 8px;
    font-size: .8rem;
    max-width: 400px;
    color: #333;
    transition: background 0.3s, color 0.3s;
    justify-content: center;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.alert.positive {
    background: #d4edda;
    color: #155724;
    border-left: 6px solid #28a745;
}

.alert.negative {
    border-left: 6px #721c24 solid;
    background-color: #f8d7da;
    color: #721c24;
}