/* /AppModal.razor.rz.scp.css */
.modal-backdrop[b-wslwkw9i2v] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    box-sizing: border-box;
    z-index: 999;
}

.modal[b-wslwkw9i2v] {
    background: white;
    border-radius: 16px;
    padding: 1px;
    min-width: 320px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    display: flex;
    overflow: hidden;
}

.modal:has(.event-modal)[b-wslwkw9i2v] {
    overflow: visible;
}
/* /AppSidebar.razor.rz.scp.css */
.sidebar-backdrop[b-dbchb1v2ko] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    z-index: 999;
}

.sidebar[b-dbchb1v2ko] {
    background: white;
    height: 100dvh;
    width: 380px;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    box-shadow: -10px 0 40px rgba(0,0,0,0.3);
    animation: slideIn-b-dbchb1v2ko 0.25s ease;
    overflow: visible;
    border-radius: 0;
}

@keyframes slideIn-b-dbchb1v2ko {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}
/* /Components/Layout/LayoutScreen.razor.rz.scp.css */
.layout-screen[b-e4oww1xsv9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}
/* /Components/Layout/Navbar/Navbar.razor.rz.scp.css */
.navbar[b-axsrrqxhof] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    flex: 0 0 60px;
    box-sizing: border-box;
    padding: 0 30px;
    background: linear-gradient(90deg,#2aa7b9,#2f86da);
    color: white;
}

.navbar-left[b-axsrrqxhof] {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
}

.logo[b-axsrrqxhof] {
    height: 36px;
    display: block;
}

.navbar-center[b-axsrrqxhof] {
    font-size: 18px;
    font-weight: 500;
}

.navbar-right[b-axsrrqxhof] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* =========================
   TOGGLE
   ========================= */

.theme-toggle[b-axsrrqxhof] {
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* track */
.toggle-track[b-axsrrqxhof] {
    width: 56px;
    height: 28px;
    border-radius: 999px;
    position: relative;
    transition: background-color 0.3s ease;
    background-color: rgba(255, 255, 255, 0.2);
}

.toggle-track:hover[b-axsrrqxhof] {
    background-color: rgba(255, 255, 255, 0.3);
}

/* thumb */
.toggle-thumb[b-axsrrqxhof] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    background-color: white;
    color: #eab308;
}

/* slide */
.toggle-track.active .toggle-thumb[b-axsrrqxhof] {
    transform: translateX(28px);
    background-color: white;
    color: #2563eb;
}

/* icon size */
.toggle-thumb[b-axsrrqxhof]  svg {
    width: 14px;
    height: 14px;
}
/* /Components/Layout/Navbar/NavbarIcon.razor.rz.scp.css */
.navbar-icon[b-ku8lw3gm1s] {
    position: relative;

    padding: 8px;
    border-radius: 10px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: rgba(255,255,255,0.85);
}

    .navbar-icon:hover[b-ku8lw3gm1s] {
        background: rgba(255,255,255,0.2);
        color: white;
    }

.navbar-badge[b-ku8lw3gm1s] {
    position: absolute;
    top: 7px;
    right: 7px;
    transform: translate(50%, -50%);
    background: #ef4444;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 1px;
    border-radius: 999px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px #2f86da;
}
/* /Components/Layout/Timetable/Timetable.razor.rz.scp.css */
.timetable-wrapper[b-otye8e7yzj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}
/* /Components/Layout/Timetable/TimetableGrid/TimetableGrid.razor.rz.scp.css */
/* ROOT */
.tt[b-8mff9rck22] {
    container-type: inline-size;
    --day-col-width: clamp(40px, 8cqi, 100px);
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: var(--tt-bg);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
    position: relative;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* ========================= */
/* HEADER */
/* ========================= */

.tt-header[b-8mff9rck22] {
    display: grid;
    grid-template-columns: var(--day-col-width) repeat(14, 1fr);
    min-height: 44px;
    flex: 0 0 44px;
    background: linear-gradient(to bottom, var(--tt-header-from), var(--tt-header-to));
    border-bottom: 2px solid var(--tt-border);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: sticky;
    top: 0;
    z-index: 10;
}

.tt-time[b-8mff9rck22] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(4px, 1cqi, 12px);
    font-size: clamp(9px, 1.5cqi, 14px);
    font-weight: 600;
    color: var(--tt-time-text);
    border-left: 2px solid var(--tt-border);
}

.tt-time:last-child[b-8mff9rck22] {
    border-top-right-radius: 12px;
}

.tt-corner[b-8mff9rck22] {
    border-right: 2px solid var(--tt-border);
    padding: 8px;
    border-top-left-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tt-add-corner[b-8mff9rck22] {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: rgba(6, 182, 212, 0.14);
    color: #2563eb;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.tt-add-corner:hover[b-8mff9rck22] {
    background: #06b6d4;
    color: white;
}

/* ========================= */
/* BODY */
/* ========================= */

.tt-body[b-8mff9rck22] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    position: relative;
}

.tt-day-row[b-8mff9rck22] {
    display: grid;
    grid-template-columns: var(--day-col-width) repeat(14, 1fr);
    border-bottom: 2px solid var(--tt-border);
    min-height: 0;
    transition: background-color 0.2s ease;
}

.tt-day-row:hover[b-8mff9rck22] {
    background-color: var(--tt-row-hover);
}

/* ========================= */
/* DAY COLUMN */
/* ========================= */

.tt-day[b-8mff9rck22] {
    padding: clamp(6px, 1.5cqi, 16px);
    background: var(--tt-day-bg);
    border-right: 2px solid var(--tt-border);
    position: sticky;
    left: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tt-day-short[b-8mff9rck22] {
    font-weight: 700;
    font-size: clamp(12px, 2cqi, 18px);
    color: var(--tt-day-text);
}

.tt-day-full[b-8mff9rck22] {
    font-size: clamp(9px, 1.2cqi, 12px);
    color: var(--tt-day-sub);
    margin-top: 2px;
}

/* ========================= */
/* CELLS */
/* ========================= */

.tt-cell[b-8mff9rck22] {
    border-left: 2px solid var(--tt-border);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.tt-cell:hover[b-8mff9rck22] {
    background-color: var(--tt-cell-hover);
}

.user-event[b-8mff9rck22] {
    background: #1aa6ff;
}

.course-event[b-8mff9rck22] {
    background: #6c757d;
}
/* /Components/Layout/Timetable/TimetableItem/TimetableItem.razor.rz.scp.css */
/* Predmety v rozvrhu */
.timetable-item[b-5djzijm75d] {
    position: absolute;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 12px;
    color: white;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
    z-index: 20;
    cursor: pointer;
}

.timetable-item:hover[b-5djzijm75d] {
    z-index: 100;
}


.timetable-item.color-only[b-5djzijm75d] {
    padding: 0;
}

.timetable-item.very-small[b-5djzijm75d] {
    padding: clamp(2px, 0.5cqi, 6px);
    font-size: clamp(8px, 1.5cqi, 10px);
}

.timetable-item.small[b-5djzijm75d] {
    padding: clamp(4px, 1.2cqi, 8px);
}

.tt-row-flex[b-5djzijm75d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-right: 20px;
}

.timetable-item-icon[b-5djzijm75d] {
    position: absolute;
    top: clamp(4px, 1cqi, 8px);
    right: clamp(4px, 1cqi, 8px);
    opacity: 0.9;
    width: clamp(16px, 3.5cqi, 35px);
    height: clamp(16px, 3.5cqi, 35px);
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: clamp(3px, 0.5cqi, 8px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.timetable-item-icon.side-icon[b-5djzijm75d] {
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 20px;
    height: 20px;
}

.timetable-item-icon[b-5djzijm75d]  svg {
    width: 60% !important;
    height: 60% !important;
}

.timetable-item-content[b-5djzijm75d] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.timetable-item-title[b-5djzijm75d] {
    font-weight: 500;
    font-size: clamp(9px, 1.2cqi, 12px);
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timetable-item-sub[b-5djzijm75d] {
    font-size: clamp(10px, 1.8cqi, 15px);
    font-weight: 700;
    margin-bottom: 4px;
    opacity: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-center[b-5djzijm75d] {
    text-align: center;
}

.timetable-item.very-small .timetable-item-sub[b-5djzijm75d] {
    font-size: clamp(8px, 1.2cqi, 11px);
    margin-bottom: 0;
}

.timetable-item.small .timetable-item-sub[b-5djzijm75d] {
    font-size: clamp(10px, 1.6cqi, 15px);
}

.timetable-item.very-small .timetable-item-meta[b-5djzijm75d] {
    font-size: clamp(7px, 1cqi, 10px);
    margin-top: 0;
}

.timetable-item.small .timetable-item-meta[b-5djzijm75d] {
    font-size: clamp(9px, 1.3cqi, 13px);
}

.timetable-item-meta[b-5djzijm75d] {
    font-size: clamp(9px, 1.2cqi, 12px);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    opacity: 0.8;
}

.course-event[b-5djzijm75d] {
    border: 0;
    opacity: 0.45;
    filter: saturate(0.65);
    box-shadow: none;
    cursor: default;
}

.course-event:hover[b-5djzijm75d] {
    opacity: 0.58;
}

.swap-muted[b-5djzijm75d] {
    opacity: 0.22;
    filter: saturate(0.45);
    box-shadow: none;
    cursor: default;
}

.course-event.swap-target[b-5djzijm75d],
.swap-target[b-5djzijm75d] {
    opacity: 1;
    filter: none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
    cursor: pointer;
}

.swap-target:hover[b-5djzijm75d] {
    opacity: 1;
    transform: translateY(-1px);
}

/* Tooltip styles */
.tt-tooltip[b-5djzijm75d] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 256px;
    padding: 16px;
    border-radius: 12px;
    background-color: var(--card-bg);
    border: 1px solid var(--border);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    color: var(--text);
}

.tt-tooltip-right[b-5djzijm75d] {
    left: calc(100% + 8px);
}

.tt-tooltip-left[b-5djzijm75d] {
    right: calc(100% + 8px);
}

.tt-tooltip-top[b-5djzijm75d] {
    top: 0;
    transform: none;
}

.tt-tooltip-bottom[b-5djzijm75d] {
    top: auto;
    bottom: 0;
    transform: none;
}

.timetable-item:hover .tt-tooltip[b-5djzijm75d] {
    opacity: 1;
    visibility: visible;
}

.tt-tooltip-header[b-5djzijm75d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.tt-tooltip-titles[b-5djzijm75d] {
    flex: 1;
}

.tt-tooltip-main[b-5djzijm75d] {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
    color: var(--text);
}

.tt-tooltip-sub[b-5djzijm75d] {
    font-size: 12px;
    font-weight: 500;
    color: var(--tt-day-sub);
}

.tt-tooltip-icon-bg[b-5djzijm75d] {
    padding: 8px;
    border-radius: 8px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tt-tooltip-body[b-5djzijm75d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tt-tooltip-row[b-5djzijm75d] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    color: var(--text);
    opacity: 0.9;
}
/* /Components/Layout/Timetable/TimetableNavbar/TimetableNavbar.razor.rz.scp.css */
/* ========================= */
/* NAVBAR CONTAINER */
/* ========================= */

.timetable-navbar[b-icoc2kcxoz] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 0;
    background: #ffffff;
    border-radius: 16px;
    padding: 12px 16px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.dark .timetable-navbar[b-icoc2kcxoz] {
    background: #1f2937;
    color: #ffffff;
}

/* LEFT */
.tn-left[b-icoc2kcxoz] {
    display: flex;
    gap: 18px;
    font-size: 14px;
}

.tn-semester[b-icoc2kcxoz] {
    color: #111827;
}

.dark .tn-semester[b-icoc2kcxoz] {
    color: #ffffff;
}

.tn-user[b-icoc2kcxoz] {
    color: #4b5563;
}

.dark .tn-user[b-icoc2kcxoz] {
    color: #d1d5db;
}

/* RIGHT */
.tn-right[b-icoc2kcxoz] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.tn-cancel-icon[b-icoc2kcxoz] {
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}
/* /Components/Layout/Timetable/TimetableNavbar/TimetableNavbarIcon.razor.rz.scp.css */
/* ========================= */
/* BUTTON */
/* ========================= */

.timetable-navbar-icon[b-tke9oncbz4] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: white;
    transition: all 0.2s ease;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    background: linear-gradient(to right, var(--bg-from), var(--bg-to));
}

 /* ========================= */
 /* HOVER */
 /* ========================= */
 .timetable-navbar-icon:hover[b-tke9oncbz4] {
     filter: brightness(0.9);
 }

/* ========================= */
/* ICON */
/* ========================= */

.timetable-navbar-icon-left[b-tke9oncbz4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

/* ========================= */
/* TEXT */
/* ========================= */

.timetable-navbar-icon-text[b-tke9oncbz4] {
    white-space: nowrap;
    font-weight: 500;
}

/* ========================= */
/* NOTIFICATION BADGE */
/* ========================= */

.tn-badge[b-tke9oncbz4] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: white;
    font-size: 12px;
    font-weight: 700;
    border-radius: 9999px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Login/LoginScreen.razor.rz.scp.css */
.login-container[b-sil8rvcdez] {
    height: 100dvh;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ececec;
    font-family: Arial, sans-serif;
}

.logo[b-sil8rvcdez] {
    margin-bottom: 30px;
}

    .logo img[b-sil8rvcdez] {
        height: 60px;
    }

.features-card[b-sil8rvcdez] {
    width: 650px;
    max-width: 90%;
    background: white;
    border-radius: 12px;
    padding: 35px 40px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    margin-bottom: 30px;
}

    .features-card ul[b-sil8rvcdez] {
        list-style: none;
        padding: 0;
    }

    .features-card li[b-sil8rvcdez] {
        font-size: 18px;
        margin: 18px 0;
        position: relative;
        padding-left: 30px;
    }

        .features-card li[b-sil8rvcdez]::before {
            content: "★";
            position: absolute;
            left: 0;
            color: #4fa6bb;
        }

.login-btn[b-sil8rvcdez] {
    background: #6fb7c6;
    border: none;
    padding: 14px 45px;
    font-size: 18px;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}
/* /Components/Overlay/DropdownLayout.razor.rz.scp.css */
body[b-hryn3xp9et] {
}
/* /Components/Overlay/Dropdowns/NotificationDropdown.razor.rz.scp.css */
/* WRAPPER */
.notification-wrapper[b-j9ac7n3303] {
    position: relative;
}

/* OVERLAY (klik mimo) */
.dropdown-overlay[b-j9ac7n3303] {
    position: fixed;
    inset: 0;
    z-index: 80;
}

/* DROPDOWN */
.notification-dropdown[b-j9ac7n3303] {
    position: fixed;
    top: 80px; 
    right: 16px; 
    width: 500px;
    max-height: calc(100dvh - 6rem);
    display: flex;
    flex-direction: column;
    background: var(--dropdown-bg, var(--bg));
    border-radius: 16px;
    overflow-y: auto;
    border: 1px solid var(--border);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); 
    z-index: 90;
    animation: dropdownIn-b-j9ac7n3303 0.2s ease;
}

/* ANIMATION */
@keyframes dropdownIn-b-j9ac7n3303 {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* HEADER */
.modal-header-inner[b-j9ac7n3303] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: linear-gradient(to right, rgba(6, 182, 212, 0.25), rgba(59, 130, 246, 0.25));
    border-bottom: 1px solid var(--border);
    position: sticky;
}

/* TITLE */
.modal-title[b-j9ac7n3303] {
    font-size: 20px; 
    font-weight: 700; 
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 8px; 
}

/* Header Bell Icon inside title */
[b-j9ac7n3303] .modal-title svg {
    height: 20px; 
    width: 20px; 
    color: #06b6d4; 
}

/* COUNT */
.notification-count[b-j9ac7n3303] {
    font-size: 14px; 
    font-weight: 400; 
    color: var(--text);
    opacity: 0.5; 
}

/* close button */
.header-close[b-j9ac7n3303] {
    padding: 4px; 
    border-radius: 8px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.header-close:hover[b-j9ac7n3303] {
    background: rgba(128, 128, 128, 0.2); 
}

[b-j9ac7n3303] .header-close svg, .header-close[b-j9ac7n3303] {
    height: 20px;
    width: 20px;
    font-size: 16px;
    line-height: 1;
}

/* LIST */
.notifications[b-j9ac7n3303] {
    display: flex;
    flex-direction: column;
    gap: 12px; 
    padding: 16px; 
}

/* EMPTY */
.empty-state[b-j9ac7n3303] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 0; 
    text-align: center;
    color: var(--text);
    opacity: 0.6; 
}

[b-j9ac7n3303] .empty-state svg {
    height: 48px; 
    width: 48px; 
    margin-bottom: 12px; 
    opacity: 0.5;
}

/* CARD */
.notification-card[b-j9ac7n3303] {
    display: flex;
    align-items: flex-start; 
    gap: 12px; 
    padding: 18px 16px; 
    border-radius: 12px; 
    border: 1px solid transparent;
    transition: all 0.2s ease;
    background: var(--card-bg, var(--bg));
    position: relative;
}

.notification-card:hover[b-j9ac7n3303] {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); 
}

/* COLORS */
.notification-card.info[b-j9ac7n3303] {
    background: rgba(59, 130, 246, 0.12); 
    border-color: rgba(59, 130, 246, 0.2); 
}

.notification-card.success[b-j9ac7n3303] {
    background: rgba(34, 197, 94, 0.12); 
    border-color: rgba(34, 197, 94, 0.2); 
}

.notification-card.warning[b-j9ac7n3303] {
    background: rgba(245, 158, 11, 0.12); 
    border-color: rgba(245, 158, 11, 0.2); 
}

.notification-card.error[b-j9ac7n3303] {
    background: rgba(239, 68, 68, 0.12); 
    border-color: rgba(239, 68, 68, 0.2); 
}

/* ICON */
.notification-icon[b-j9ac7n3303] {
    padding: 8px; 
    border-radius: 8px; 
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-j9ac7n3303] .notification-icon svg {
    height: 20px; 
    width: 20px; 
}

.notification-card.info .notification-icon[b-j9ac7n3303] {
    background: rgba(59, 130, 246, 0.2); 
    color: #3b82f6; 
}

.notification-card.success .notification-icon[b-j9ac7n3303] {
    background: rgba(34, 197, 94, 0.2); 
    color: #22c55e; 
}

.notification-card.warning .notification-icon[b-j9ac7n3303] {
    background: rgba(245, 158, 11, 0.2); 
    color: #f59e0b; 
}

.notification-card.error .notification-icon[b-j9ac7n3303] {
    background: rgba(239, 68, 68, 0.2); 
    color: #ef4444; 
}

/* CONTENT */
.notification-content[b-j9ac7n3303] {
    flex: 1; 
    min-width: 0; 
}

.notification-title[b-j9ac7n3303] {
    font-weight: 800; 
    font-size: 15px; 
    color: var(--text);
    margin-bottom: 3px;
}

.notification-subtitle[b-j9ac7n3303] {
    color: var(--tt-day-sub);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.notification-message[b-j9ac7n3303] {
    font-size: 14px; 
    color: var(--text);
    opacity: 0.9;
    line-height: 1.45;
    margin-bottom: 8px; 
}

.notification-time[b-j9ac7n3303] {
    font-size: 12px; 
    color: var(--text);
    opacity: 0.6; 
}

/* CARD CLOSE */
.notification-close[b-j9ac7n3303] {
    padding: 4px; 
    border-radius: 8px; 
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    color: var(--text);
    opacity: 0.5; 
    transition: all 0.2s ease; 
    position: static;
}

.notification-close:hover[b-j9ac7n3303] {
    background: rgba(128, 128, 128, 0.2); 
    opacity: 0.8;
}

[b-j9ac7n3303] .notification-close svg, .notification-close[b-j9ac7n3303] {
    height: 16px; 
    width: 16px; 
    font-size: 12px;
    line-height: 1;
}
/* /Components/Overlay/ModalLayout.razor.rz.scp.css */
/* container */
.modal-container[b-6yvxjfndaq] {
    width: min(480px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    border-radius: 16px;
    overflow: hidden;
    background: var(--modal-bg);
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
    display: flex;
    flex-direction: column;
}

.modal-container.event-modal[b-6yvxjfndaq] {
    width: min(780px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.modal-container.event-modal .modal-body[b-6yvxjfndaq] {
    overflow: visible;
}

/* header */
.modal-header[b-6yvxjfndaq] {
    position: relative;
    padding: 20px 24px;
    color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

/* header content wrapper */
.modal-header-inner[b-6yvxjfndaq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* close button */
.modal-close[b-6yvxjfndaq] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .modal-close:hover[b-6yvxjfndaq] {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.25);
    }

    .modal-close svg[b-6yvxjfndaq] {
        pointer-events: none;
        flex-shrink: 0;
        width: 20px;
        height: 20px;
    }

/* body */
.modal-body[b-6yvxjfndaq] {
    min-height: 0;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    scrollbar-width: thin;
    scrollbar-color: rgba(6, 182, 212, 0.3) transparent;
}

.modal-body[b-6yvxjfndaq]::-webkit-scrollbar {
    width: 6px;
}

.modal-body[b-6yvxjfndaq]::-webkit-scrollbar-track {
    background: transparent;
}

.modal-body[b-6yvxjfndaq]::-webkit-scrollbar-thumb {
    background-color: rgba(6, 182, 212, 0.3);
    border-radius: 9999px;
}

.modal-body[b-6yvxjfndaq]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(6, 182, 212, 0.5);
}
/* /Components/Overlay/Modals/AddCourseEventModal.razor.rz.scp.css */
.modal-header-left[b-5as0ny01md] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-title[b-5as0ny01md] {
    color: white;
    font-size: 20px;
    font-weight: 700;
}

.icon-box[b-5as0ny01md] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-5as0ny01md] .nav-icon {
    width: 24px;
    height: 24px;
    color: white;
}

.modal-text[b-5as0ny01md] {
    color: var(--text);
    font-size: 16px;
    line-height: 1.45;
    margin: 0;
    text-align: center;
}

.event-summary[b-5as0ny01md] {
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--text);
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 16px;
}

.summary-title[b-5as0ny01md] {
    font-size: 18px;
    font-weight: 800;
}

.summary-subtitle[b-5as0ny01md] {
    font-size: 14px;
    font-weight: 700;
}

.summary-meta[b-5as0ny01md] {
    color: var(--tt-day-sub);
    font-size: 13px;
    font-weight: 700;
}

.validation-box[b-5as0ny01md] {
    border: 1px solid rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-radius: 10px;
    padding: 12px;
    font-size: 13px;
    font-weight: 600;
}

.actions[b-5as0ny01md] {
    display: flex;
    justify-content: center;
}

.btn[b-5as0ny01md] {
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    font-size: 15px;
    font-weight: 800;
    padding: 0 32px;
}

.btn:disabled[b-5as0ny01md] {
    cursor: default;
    opacity: 0.6;
}

.primary[b-5as0ny01md] {
    background: linear-gradient(135deg, #06b6d4, #3b82f6);
}
/* /Components/Overlay/Modals/AddEventModal.razor.rz.scp.css */
.modal-header-left[b-ywphcloptp] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-title[b-ywphcloptp] {
    color: white;
    font-size: 22px;
    font-weight: 800;
}

.modal-subtitle[b-ywphcloptp] {
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    font-weight: 600;
    margin-top: 2px;
}

.icon-box[b-ywphcloptp] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.plus-icon[b-ywphcloptp] {
    color: white;
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    padding-bottom: 5px;
}

.event-form[b-ywphcloptp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.event-editor[b-ywphcloptp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 136px;
    gap: 24px;
    align-items: start;
}

.color-panel[b-ywphcloptp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    align-self: stretch;
    justify-content: flex-start;
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.color-grid[b-ywphcloptp] {
    display: grid;
    grid-template-columns: repeat(2, 56px);
    flex: 1;
    align-content: space-between;
    column-gap: 10px;
    row-gap: 10px;
}

.color-swatch[b-ywphcloptp] {
    width: 56px;
    height: 38px;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 4px rgba(15, 23, 42, 0.16);
}

.color-swatch.selected[b-ywphcloptp] {
    border-color: var(--text);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.24);
}

.field[b-ywphcloptp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
}

.field input[b-ywphcloptp],
.field select[b-ywphcloptp] {
    width: 100%;
    min-height: 52px;
    border: 2px solid var(--border);
    border-radius: 12px;
    padding: 0 16px;
    background: var(--modal-bg);
    color: var(--text);
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
}

.field input:focus[b-ywphcloptp],
.field select:focus[b-ywphcloptp] {
    border-color: #06b6d4;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
}

.select-wrapper[b-ywphcloptp] {
    position: relative;
    display: flex;
    align-items: center;
}

.select-wrapper select[b-ywphcloptp] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    padding-right: 40px;
}

.select-icon[b-ywphcloptp] {
    position: absolute;
    right: 16px;
    pointer-events: none;
    color: var(--text);
}

.time-picker[b-ywphcloptp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 2px solid var(--border);
    border-radius: 12px;
    background: var(--modal-bg);
}

.time-picker-btn[b-ywphcloptp] {
    padding: 8px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease;
    opacity: 1;
}

.time-picker-btn:hover[b-ywphcloptp] {
    background-color: var(--hover-bg, rgba(0, 0, 0, 0.05));
    opacity: 1;
}

.time-picker-input[b-ywphcloptp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
}

.field .time-picker-input input[b-ywphcloptp] {
    width: 20px;
    min-height: auto;
    padding: 0;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    outline: none;
    box-shadow: none;
}

.suggestion-picker[b-ywphcloptp] {
    position: relative;
}

.input-suggestions[b-ywphcloptp] {
    position: absolute;
    top: 0;
    left: auto;
    right: calc(100% + 12px);
    width: 420px;
    max-height: 240px;
    overflow-y: auto;
    border-radius: 10px;
    background: #1f2937;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.35);
    z-index: 60;
    padding: 6px;
}

.input-suggestions button[b-ywphcloptp] {
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 12px;
    text-align: left;
}

.input-suggestions button:hover[b-ywphcloptp] {
    background: rgba(255, 255, 255, 0.12);
}

.linked-course[b-ywphcloptp] {
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.time-grid[b-ywphcloptp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.type-grid[b-ywphcloptp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.type-card[b-ywphcloptp] {
    min-height: 80px;
    border: 2px solid var(--border);
    border-radius: 12px;
    background: var(--modal-bg);
    color: var(--text);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 700;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.type-card[b-ywphcloptp]  svg {
    width: 22px;
    height: 22px;
}

.type-card.selected[b-ywphcloptp] {
    border-color: #06b6d4;
    background: rgba(6, 182, 212, 0.12);
    color: #2563eb;
}

.validation-box[b-ywphcloptp] {
    border: 1px solid rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-radius: 10px;
    padding: 12px;
    font-size: 13px;
    font-weight: 600;
}

.actions[b-ywphcloptp] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: center;
}

.btn[b-ywphcloptp] {
    min-height: 44px;
    border: 0;
    border-radius: 12px;
    padding: 0 32px;
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
}

.btn:disabled[b-ywphcloptp] {
    opacity: 0.6;
    cursor: default;
}

.primary[b-ywphcloptp] {
    background: linear-gradient(135deg, #06b6d4, #3b82f6);
}

.primary:hover:not(:disabled)[b-ywphcloptp] {
    background: linear-gradient(135deg, #0891b2, #2563eb);
}

@media (max-width: 640px) {
    .event-editor[b-ywphcloptp],
    .time-grid[b-ywphcloptp],
    .type-grid[b-ywphcloptp] {
        grid-template-columns: 1fr;
    }

    .color-grid[b-ywphcloptp] {
        grid-template-columns: repeat(5, 48px);
    }

    .color-swatch[b-ywphcloptp] {
        width: 48px;
    }

    .input-suggestions[b-ywphcloptp] {
        top: calc(100% + 6px);
        left: 0;
        right: auto;
        width: 100%;
    }
}
/* /Components/Overlay/Modals/CreateSwapModal.razor.rz.scp.css */
.swap-modal-header[b-ocb503tb4w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 44px;
}

.swap-modal-icon[b-ocb503tb4w] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swap-modal-icon[b-ocb503tb4w]  svg {
    width: 24px;
    height: 24px;
}

.swap-modal-title[b-ocb503tb4w] {
    color: white;
    font-size: 20px;
    font-weight: 800;
}

.swap-modal-subtitle[b-ocb503tb4w] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-weight: 800;
    margin-top: 4px;
}

.swap-event-pair[b-ocb503tb4w] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.swap-error[b-ocb503tb4w] {
    border: 1px solid rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-radius: 10px;
    padding: 12px;
    font-size: 13px;
    font-weight: 700;
}

.swap-modal-actions[b-ocb503tb4w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.swap-btn[b-ocb503tb4w] {
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 800;
}

.swap-btn:disabled[b-ocb503tb4w] {
    cursor: default;
    opacity: 0.7;
}

.swap-btn.primary[b-ocb503tb4w] {
    background: linear-gradient(135deg, #a855f7, #7c3aed);
    color: white;
}

.swap-btn.secondary[b-ocb503tb4w] {
    background: var(--card-bg);
    color: var(--text);
}
/* /Components/Overlay/Modals/DownloadModal.razor.rz.scp.css */
/* header spacing */
.modal-header-inner[b-twy5qwrsd4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* header icons */
.modal-header-inner .icon-box[b-twy5qwrsd4] {
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-twy5qwrsd4] .nav-icon {
    width: 24px;
    height: 24px;
}

.modal-header-inner[b-twy5qwrsd4]  .nav-icon {
    color: white;
}

/* title */
.modal-title[b-twy5qwrsd4] {
    font-size: 20px;
    font-weight: 700;
    color: white;
}

/* text */
.modal-text[b-twy5qwrsd4] {
    color: var(--text);
    font-size: 16px;
    margin: 0 0 8px 0;
}

/* list */
.format-list[b-twy5qwrsd4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* card base */
.format-card[b-twy5qwrsd4] {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 20px;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.format-card .icon-box[b-twy5qwrsd4] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* titles */
.format-title[b-twy5qwrsd4] {
    font-weight: 600;
}

.format-sub[b-twy5qwrsd4] {
    font-size: 14px;
    opacity: 0.8;
}

/* excel */
.excel[b-twy5qwrsd4] {
    border: 1px solid rgba(34,197,94,0.5);
    background: rgba(34,197,94,0.1);
    color: #22c55e;
}

    .excel:hover[b-twy5qwrsd4] {
        background: rgba(34,197,94,0.2);
    }

    .excel .icon-box[b-twy5qwrsd4] {
        background: rgba(34,197,94,0.2);
    }

/* pdf */
.pdf[b-twy5qwrsd4] {
    border: 1px solid rgba(239,68,68,0.5);
    background: rgba(239,68,68,0.1);
    color: #ef4444;
}

    .pdf:hover[b-twy5qwrsd4] {
        background: rgba(239,68,68,0.2);
    }

    .pdf .icon-box[b-twy5qwrsd4] {
        background: rgba(239,68,68,0.2);
    }

/* calendar */
.calendar[b-twy5qwrsd4] {
    border: 1px solid rgba(59,130,246,0.5);
    background: rgba(59,130,246,0.1);
    color: #3b82f6;
}

    .calendar:hover[b-twy5qwrsd4] {
        background: rgba(59,130,246,0.2);
    }

    .calendar .icon-box[b-twy5qwrsd4] {
        background: rgba(59,130,246,0.2);
    }
/* /Components/Overlay/Modals/EditEventModal.razor.rz.scp.css */
.modal-header-left[b-3vpv6wrdv7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-title[b-3vpv6wrdv7] {
    color: white;
    font-size: 22px;
    font-weight: 800;
}

.modal-subtitle[b-3vpv6wrdv7] {
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
    font-weight: 600;
    margin-top: 2px;
}

.icon-box[b-3vpv6wrdv7] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-icon[b-3vpv6wrdv7] {
    color: white;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.event-form[b-3vpv6wrdv7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.event-editor[b-3vpv6wrdv7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 136px;
    gap: 24px;
    align-items: start;
}

.color-panel[b-3vpv6wrdv7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    align-self: stretch;
    justify-content: flex-start;
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.color-grid[b-3vpv6wrdv7] {
    display: grid;
    grid-template-columns: repeat(2, 56px);
    flex: 1;
    align-content: space-between;
    column-gap: 10px;
    row-gap: 10px;
}

.color-swatch[b-3vpv6wrdv7] {
    width: 56px;
    height: 38px;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 4px rgba(15, 23, 42, 0.16);
}

.color-swatch.selected[b-3vpv6wrdv7] {
    border-color: var(--text);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.24);
}

.field[b-3vpv6wrdv7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
}

.field input[b-3vpv6wrdv7],
.field select[b-3vpv6wrdv7] {
    width: 100%;
    min-height: 52px;
    border: 2px solid var(--border);
    border-radius: 12px;
    padding: 0 16px;
    background: var(--modal-bg);
    color: var(--text);
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
}

.field input:focus[b-3vpv6wrdv7],
.field select:focus[b-3vpv6wrdv7] {
    border-color: #06b6d4;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
}

.select-wrapper[b-3vpv6wrdv7] {
    position: relative;
    display: flex;
    align-items: center;
}

.select-wrapper select[b-3vpv6wrdv7] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    padding-right: 40px;
}

.select-icon[b-3vpv6wrdv7] {
    position: absolute;
    right: 16px;
    pointer-events: none;
    color: var(--text);
}

.suggestion-picker[b-3vpv6wrdv7] {
    position: relative;
}

.input-suggestions[b-3vpv6wrdv7] {
    position: absolute;
    top: 0;
    left: auto;
    right: calc(100% + 12px);
    width: 420px;
    max-height: 240px;
    overflow-y: auto;
    border-radius: 10px;
    background: #1f2937;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.35), 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 60;
    padding: 6px;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(6, 182, 212, 0.3) transparent;
}

.input-suggestions[b-3vpv6wrdv7]::-webkit-scrollbar {
    width: 6px;
}

.input-suggestions[b-3vpv6wrdv7]::-webkit-scrollbar-track {
    background: transparent;
}

.input-suggestions[b-3vpv6wrdv7]::-webkit-scrollbar-thumb {
    background-color: rgba(6, 182, 212, 0.3);
    border-radius: 9999px;
}

.input-suggestions[b-3vpv6wrdv7]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(6, 182, 212, 0.5);
}

.input-suggestions button[b-3vpv6wrdv7] {
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 12px;
    text-align: left;
}

.input-suggestions button:hover[b-3vpv6wrdv7] {
    background: rgba(255, 255, 255, 0.12);
}

.linked-course[b-3vpv6wrdv7] {
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.time-grid[b-3vpv6wrdv7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.type-grid[b-3vpv6wrdv7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.type-card[b-3vpv6wrdv7] {
    min-height: 80px;
    border: 2px solid var(--border);
    border-radius: 12px;
    background: var(--modal-bg);
    color: var(--text);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 700;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.type-card[b-3vpv6wrdv7]  svg {
    width: 22px;
    height: 22px;
}

.type-card.selected[b-3vpv6wrdv7] {
    border-color: #06b6d4;
    background: rgba(6, 182, 212, 0.12);
    color: #2563eb;
}

.validation-box[b-3vpv6wrdv7] {
    border: 1px solid rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-radius: 10px;
    padding: 12px;
    font-size: 13px;
    font-weight: 600;
}

.actions[b-3vpv6wrdv7] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: center;
}

.btn[b-3vpv6wrdv7] {
    min-height: 44px;
    border: 0;
    border-radius: 12px;
    padding: 0 32px;
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
}

.btn:disabled[b-3vpv6wrdv7] {
    opacity: 0.6;
    cursor: default;
}

.primary[b-3vpv6wrdv7] {
    background: linear-gradient(135deg, #06b6d4, #3b82f6);
}

.primary:hover:not(:disabled)[b-3vpv6wrdv7] {
    background: linear-gradient(135deg, #0891b2, #2563eb);
}

.time-picker[b-3vpv6wrdv7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 2px solid var(--border);
    border-radius: 12px;
    background: var(--modal-bg);
}

.time-picker-btn[b-3vpv6wrdv7] {
    padding: 8px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease;
    opacity: 1;
}

.time-picker-btn:hover[b-3vpv6wrdv7] {
    background-color: var(--hover-bg, rgba(0, 0, 0, 0.05));
    opacity: 1;
}

.time-picker-input[b-3vpv6wrdv7] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
}

.field .time-picker-input input[b-3vpv6wrdv7] {
    width: 20px;
    min-height: auto;
    padding: 0;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    outline: none;
    box-shadow: none;
}
@media (max-width: 640px) {
    .event-editor[b-3vpv6wrdv7],
    .time-grid[b-3vpv6wrdv7],
    .type-grid[b-3vpv6wrdv7] {
        grid-template-columns: 1fr;
    }

    .color-grid[b-3vpv6wrdv7] {
        grid-template-columns: repeat(5, 48px);
    }

    .color-swatch[b-3vpv6wrdv7] {
        width: 48px;
    }

    .input-suggestions[b-3vpv6wrdv7] {
        top: calc(100% + 6px);
        left: 0;
        right: auto;
        width: 100%;
    }
}
/* /Components/Overlay/Modals/EventDetailModal.razor.rz.scp.css */
.detail-header[b-438uxlkynm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-right: 44px;
}

.detail-icon[b-438uxlkynm] {
    width: 22px;
    height: 22px;
    color: white;
    margin-top: 2px;
}

.detail-icon[b-438uxlkynm]  svg {
    width: 22px;
    height: 22px;
}

.modal-title[b-438uxlkynm] {
    color: white;
    font-size: 20px;
    font-weight: 800;
}

.modal-shortcut[b-438uxlkynm],
.modal-subtitle[b-438uxlkynm] {
    color: rgba(255, 255, 255, 0.94);
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px;
}

.modal-subtitle[b-438uxlkynm] {
    font-size: 13px;
    margin-top: 4px;
}

.detail-list[b-438uxlkynm] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.detail-row[b-438uxlkynm] {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 16px;
    align-items: center;
}

.detail-row-icon[b-438uxlkynm] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: var(--card-bg);
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.detail-label[b-438uxlkynm] {
    color: var(--tt-day-sub);
    font-size: 13px;
    font-weight: 800;
}

.detail-value[b-438uxlkynm] {
    color: var(--text);
    font-size: 15px;
    font-weight: 800;
    margin-top: 6px;
}

.detail-actions[b-438uxlkynm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.action-card[b-438uxlkynm] {
    width: 100%;
    min-height: 72px;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--modal-bg);
    color: var(--text);
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 12px;
    align-items: center;
    text-align: left;
    padding: 14px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-card:not(:disabled):hover[b-438uxlkynm] {
    filter: brightness(0.9);
}

.action-card strong[b-438uxlkynm],
.action-card small[b-438uxlkynm] {
    display: block;
}

.action-card strong[b-438uxlkynm] {
    font-size: 15px;
}

.action-card small[b-438uxlkynm] {
    color: var(--tt-day-sub);
    font-size: 12px;
    font-weight: 700;
    margin-top: 4px;
}

.action-icon[b-438uxlkynm] {
    font-size: 22px;
    font-weight: 800;
}

.exchange[b-438uxlkynm] {
    border: 0;
    background: linear-gradient(135deg, #a855f7, #7c3aed);
    color: white;
}

.exchange small[b-438uxlkynm] {
    color: rgba(255, 255, 255, 0.86);
}

.exchange:disabled[b-438uxlkynm] {
    cursor: default;
    opacity: 0.75;
}

.edit[b-438uxlkynm] {
    color: #2563eb;
}

.delete[b-438uxlkynm] {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
}
/* /Components/Overlay/Modals/HelpModal.razor.rz.scp.css */
.modal-header-left[b-ncmtytnu1f] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.icon-box[b-ncmtytnu1f] {
    padding: 12px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-ncmtytnu1f] .icon-box svg {
    height: 24px;
    width: 24px;
    color: #ffffff;
}

.modal-title[b-ncmtytnu1f] {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff; 
}

.modal-content[b-ncmtytnu1f] {
    display: flex;
    flex-direction: column;
}
/* /Components/Overlay/Modals/LogoutModal.razor.rz.scp.css */
/* header spacing */
.modal-header-left[b-4zx3dmz2a5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* title */
.modal-title[b-4zx3dmz2a5] {
    font-size: 20px;
    font-weight: 700;
    color: white;
}

/* text */
.modal-text[b-4zx3dmz2a5] {
    font-size: 16px;
    text-align: center;
    color: var(--text);
    margin: 0;
}

/* warning */
.warning-box[b-4zx3dmz2a5] {
    padding: 16px;
    border-radius: 12px;
    background: rgba(251,191,36,0.1);
    border: 1px solid rgba(251,191,36,0.3);
}

/* actions */
.actions[b-4zx3dmz2a5] {
    display: flex;
    justify-content: center;
}

/* buttons */
.btn[b-4zx3dmz2a5] {
    padding: 12px 32px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn:hover[b-4zx3dmz2a5] {
    transform: scale(1.05);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
}

/* confirm */
.danger[b-4zx3dmz2a5] {
    background: linear-gradient(to right, #06b6d4, #3b82f6);
    color: white;
}

/* icon */
.icon-box[b-4zx3dmz2a5] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-4zx3dmz2a5] .nav-icon {
    width: 24px;
    height: 24px;
    color: white;
}

/* /Components/Overlay/Modals/ResetModal.razor.rz.scp.css */
/* header spacing */
.modal-header-left[b-7fgv8atgnm] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* title */
.modal-title[b-7fgv8atgnm] {
    font-size: 20px;
    font-weight: 700;
    color: white;
}

/* text */
.modal-text[b-7fgv8atgnm] {
    font-size: 16px;
    text-align: center;
    color: var(--text);
    margin: 0;
}

/* warning */
.warning-box[b-7fgv8atgnm] {
    padding: 16px;
    border-radius: 12px;
    background: rgba(251,191,36,0.1);
    border: 1px solid rgba(251,191,36,0.3);
}

/* actions */
.actions[b-7fgv8atgnm] {
    display: flex;
    justify-content: center;
}

/* buttons */
.btn[b-7fgv8atgnm] {
    padding: 12px 32px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn:hover[b-7fgv8atgnm] {
        transform: scale(1.05);
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
    }

/* confirm */
.danger[b-7fgv8atgnm] {
    background: linear-gradient(to right, #f97316, #ea580c);
    color: white;
}

/* icon */
.icon-box[b-7fgv8atgnm] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-7fgv8atgnm] .nav-icon {
    width: 24px;
    height: 24px;
    color: white;
}
/* /Components/Overlay/SidebarLayout.razor.rz.scp.css */
/* container */
.sidebar-container[b-bv34p3243c] {
    width: 380px;
    height: 100%;
    max-width: 100vw;
    min-height: 0;
    overflow: hidden;
    background: var(--modal-bg);
    box-shadow: -10px 0 40px rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    border-radius: 0;
}

.sidebar-container:has(.course-suggestions)[b-bv34p3243c] {
    overflow: visible;
}

/* header */
.sidebar-header[b-bv34p3243c] {
    position: relative;
    padding: 20px 56px 20px 24px;
    color: white;
    min-height: 72px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* header inner */
.sidebar-header-inner[b-bv34p3243c] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* close button */
.sidebar-close[b-bv34p3243c] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background-color 0.15s ease;
}

.sidebar-close:hover[b-bv34p3243c] {
    background: rgba(255, 255, 255, 0.22);
}

/* body */
.sidebar-body[b-bv34p3243c] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    scrollbar-width: thin;
    scrollbar-color: rgba(6, 182, 212, 0.3) transparent;
}

.sidebar-body[b-bv34p3243c]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-body[b-bv34p3243c]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-body[b-bv34p3243c]::-webkit-scrollbar-thumb {
    background-color: rgba(6, 182, 212, 0.3);
    border-radius: 9999px;
}

.sidebar-body[b-bv34p3243c]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(6, 182, 212, 0.5);
}

.sidebar-container:has(.course-suggestions) .sidebar-body[b-bv34p3243c] {
    overflow: visible;
}
/* /Components/Overlay/Sidebars/CourseFilterItem.razor.rz.scp.css */
.course-item[b-682jok2jau] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 16px;
    border-radius: 14px;
    background: var(--card-bg);
    color: var(--text);
    transition: background 0.2s;
}

.course-item:hover[b-682jok2jau] {
    background: var(--tt-row-hover);
}

.course-main[b-682jok2jau] {
    min-width: 0;
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.course-color[b-682jok2jau] {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.course-main span:last-child[b-682jok2jau] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 800;
    font-size: 14px;
}

.course-actions[b-682jok2jau] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.remove-button[b-682jok2jau] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.switch[b-682jok2jau] {
    position: relative;
    width: 44px;
    height: 24px;
    flex: 0 0 auto;
}

.switch input[b-682jok2jau] {
    display: none;
}

.slider[b-682jok2jau] {
    position: absolute;
    inset: 0;
    background: var(--switch-bg, #cbd5e1);
    border-radius: 999px;
    transition: 0.2s;
}

.slider[b-682jok2jau]::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    top: 3px;
    background: white;
    border-radius: 50%;
    transition: 0.2s;
}

input:checked + .slider[b-682jok2jau] {
    background: #06b6d4;
}

input:checked + .slider[b-682jok2jau]::before {
    transform: translateX(20px);
}
/* /Components/Overlay/Sidebars/CoursesSidebar.razor.rz.scp.css */
.add-course[b-ff0c0ncrd2] {
    display: grid;
    grid-template-columns: 1fr 44px;
    gap: 10px;
    align-items: center;
    padding: 14px;
    border: 2px dashed var(--border);
    border-radius: 14px;
    transition: all 0.2s;
}

.add-course:hover[b-ff0c0ncrd2],
.add-course:focus-within[b-ff0c0ncrd2] {
    border-color: #06b6d4;
    background-color: rgba(6, 182, 212, 0.05);
}

.course-search[b-ff0c0ncrd2] {
    position: relative;
    min-width: 0;
}

.add-course input[b-ff0c0ncrd2] {
    width: 100%;
    min-height: 42px;
    border: 0;
    background: transparent;
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    outline: none;
    min-width: 0;
    box-sizing: border-box;
}

.course-suggestions[b-ff0c0ncrd2] {
    position: absolute;
    top: 0;
    left: auto;
    right: calc(100% + 12px);
    width: 420px;
    max-height: 280px;
    overflow-y: auto;
    border-radius: 10px;
    background: #1f2937;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.35), 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 40;
    padding: 6px;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(6, 182, 212, 0.3) transparent;
}

.course-suggestions[b-ff0c0ncrd2]::-webkit-scrollbar {
    width: 6px;
}

.course-suggestions[b-ff0c0ncrd2]::-webkit-scrollbar-track {
    background: transparent;
}

.course-suggestions[b-ff0c0ncrd2]::-webkit-scrollbar-thumb {
    background-color: rgba(6, 182, 212, 0.3);
    border-radius: 9999px;
}

.course-suggestions[b-ff0c0ncrd2]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(6, 182, 212, 0.5);
}

.course-suggestions button[b-ff0c0ncrd2] {
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: white;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 12px;
    text-align: left;
}

.course-suggestions button:hover[b-ff0c0ncrd2] {
    background: rgba(255, 255, 255, 0.12);
}

.add-course button[b-ff0c0ncrd2] {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: #06b6d4;
    color: white;
    font-size: 22px;
    cursor: pointer;
}

.add-course button:disabled[b-ff0c0ncrd2] {
    opacity: 0.5;
    cursor: default;
}

.add-course .course-suggestions button[b-ff0c0ncrd2] {
    width: 100%;
    height: auto;
    border-radius: 8px;
    background: transparent;
    color: white;
    font-size: 13px;
    line-height: 1.25;
    padding: 10px 12px;
    text-align: left;
}

.add-course .course-suggestions button:hover[b-ff0c0ncrd2] {
    background: rgba(255, 255, 255, 0.12);
}

.section-title[b-ff0c0ncrd2] {
    margin-top: 4px;
    color: var(--tt-day-sub);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

@media (max-width: 760px) {
    .course-suggestions[b-ff0c0ncrd2] {
        top: calc(100% + 8px);
        left: 0;
        right: auto;
        width: 100%;
    }
}
/* /Components/Overlay/Sidebars/EventPreview.razor.rz.scp.css */
.swap-preview-block[b-l4tywqt1mg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.swap-preview-label[b-l4tywqt1mg] {
    color: var(--tt-day-sub);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.swap-preview-card[b-l4tywqt1mg] {
    border-radius: 8px;
    color: white;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 1.1fr);
    gap: 12px;
    padding: 16px;
    min-height: 110px;
}

.swap-preview-course[b-l4tywqt1mg],
.swap-preview-meta[b-l4tywqt1mg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.swap-preview-shortcut[b-l4tywqt1mg],
.swap-preview-meta[b-l4tywqt1mg] {
    font-size: 15px;
    font-weight: 900;
}

.swap-preview-title[b-l4tywqt1mg] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.swap-preview-meta div[b-l4tywqt1mg] {
    overflow-wrap: anywhere;
}

@media (max-width: 430px) {
    .swap-preview-card[b-l4tywqt1mg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Overlay/Sidebars/SwapsSidebar.razor.rz.scp.css */
.swaps-header[b-ikj7q371di] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.swaps-header[b-ikj7q371di]  svg {
    width: 24px;
    height: 24px;
}

.swaps-header h3[b-ikj7q371di] {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
}

.swaps-header span[b-ikj7q371di] {
    min-width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
}

.swaps-sidebar[b-ikj7q371di] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.swap-tabs[b-ikj7q371di] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.swap-tabs button[b-ikj7q371di] {
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    background: rgba(168, 85, 247, 0.85);
    color: white;
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
}

.swap-tabs button.active[b-ikj7q371di] {
    background: white;
    color: #9333ea;
}

.swap-empty[b-ikj7q371di] {
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--tt-day-sub);
    font-size: 14px;
    font-weight: 800;
    padding: 24px;
    text-align: center;
}

.swap-list[b-ikj7q371di] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.swap-card[b-ikj7q371di] {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--modal-bg);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}

.swap-card-date[b-ikj7q371di] {
    color: var(--tt-day-sub);
    font-size: 12px;
    font-weight: 700;
}

.swap-countdown[b-ikj7q371di] {
    border: 1px solid rgba(255, 45, 62, 0.55);
    border-radius: 8px;
    background: rgba(255, 45, 62, 0.08);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
}

.swap-countdown-row[b-ikj7q371di] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text);
    font-weight: 800;
}

.swap-countdown-row strong[b-ikj7q371di] {
    color: #ff2d3e;
    font-size: 20px;
}

.swap-progress[b-ikj7q371di] {
    height: 8px;
    border-radius: 999px;
    background: #e5e7eb;
    overflow: hidden;
}

.swap-progress div[b-ikj7q371di] {
    height: 100%;
    border-radius: inherit;
    background: #ff2d3e;
}

.swap-actions[b-ikj7q371di] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.swap-actions.two[b-ikj7q371di] {
    grid-template-columns: 1fr 1fr;
}

.swap-actions button[b-ikj7q371di] {
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
}

.swap-actions button:disabled[b-ikj7q371di] {
    cursor: default;
    opacity: 0.7;
}

.danger[b-ikj7q371di] {
    background: #ff2d3e;
}

.success[b-ikj7q371di] {
    background: #05b84f;
}

.swap-status[b-ikj7q371di] {
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-weight: 900;
    padding: 12px;
    text-align: center;
}

.swap-status.accepted[b-ikj7q371di] {
    background: #05b84f;
}

.swap-status.rejected[b-ikj7q371di],
.swap-status.expired[b-ikj7q371di] {
    background: #ff2d3e;
}

.swap-status.cancelled[b-ikj7q371di] {
    background: #6b7280;
}