/* Frosted-glass AI top bar source stylesheet.
   Active deploy target: C:\Users\Admin\.config\yasb\styles.css */

* {
    color: rgba(244, 249, 255, 0.94);
    font-family: "JetBrainsMono NFP";
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

/* Top bar shell */
.yasb-bar {
    padding: 0 12px;
    margin: 0;
    background-color: transparent;
    border: none;
}

.container-left,
.container-center,
.container-right {
    margin: 0;
    padding: 0;
}

/* Shared frosted widgets */
.widget {
    min-height: 28px;
    margin: 6px 4px;
    padding: 0 10px;
    border: 1px solid #6f8796;
    border-radius: 10px;
    background-color: rgba(10, 28, 46, 0.52);
}

.widget:hover {
    background-color: rgba(24, 48, 68, 0.58);
    border: 1px solid #93adbb;
}

.widget .widget-container {
    background-color: transparent;
}

.widget .label {
    padding: 0 2px;
    color: rgba(246, 250, 255, 0.94);
}

.widget .label.alt {
    padding: 0 6px;
}

.icon,
.widget .icon {
    color: rgba(203, 226, 250, 0.94);
    font-size: 14px;
    margin-right: 5px;
}

/* Left fullscreen power trigger */
.power-menu-widget {
    min-width: 30px;
    padding: 0 9px;
    background-color: rgba(60, 30, 42, 0.34);
}

.power-menu-widget .label {
    color: rgba(255, 228, 228, 0.96);
    font-size: 14px;
    padding: 0 1px;
}

/* Center clock and compact weather */
.clock-widget {
    padding: 0 13px;
    background-color: rgba(12, 34, 55, 0.46);
}

.clock-widget .label {
    color: rgba(255, 255, 255, 0.96);
}

/* Calendar popup */
.clock-popup.calendar {
    min-width: 430px;
    max-width: 430px;
    padding: 12px;
    border: 1px solid #6f8796;
    border-radius: 12px;
    background-color: rgba(8, 25, 42, 0.48);
}

.clock-popup.calendar .calendar-layout {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.clock-popup.calendar .calendar-table,
.clock-popup.calendar .calendar-table QWidget,
.clock-popup.calendar .calendar-table QHeaderView,
.clock-popup.calendar .calendar-table QHeaderView::section,
.clock-popup.calendar .calendar-table::item {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    color: rgba(246, 250, 255, 0.94);
    font-family: "JetBrainsMono NFP";
    font-size: 13px;
}

.clock-popup.calendar .calendar-table {
    min-width: 302px;
    max-width: 302px;
    min-height: 238px;
    max-height: 238px;
    gridline-color: transparent;
}

.clock-popup.calendar .calendar-table::item {
    min-width: 36px;
    min-height: 28px;
}

.clock-popup.calendar .calendar-table::item:selected {
    border-radius: 7px;
    background-color: rgba(213, 233, 255, 0.14);
    color: rgba(255, 255, 255, 0.98);
}

.clock-popup.calendar .day-label,
.clock-popup.calendar .month-label,
.clock-popup.calendar .year-label,
.clock-popup.calendar .date-label,
.clock-popup.calendar .week-label {
    min-width: 82px;
    max-width: 82px;
    color: rgba(246, 250, 255, 0.90);
    font-family: "Segoe UI";
    font-size: 13px;
    font-weight: 700;
}

.clock-popup.calendar .day-label {
    margin-top: 6px;
}

.clock-popup.calendar .month-label,
.clock-popup.calendar .year-label {
    color: rgba(237, 245, 255, 0.72);
    font-weight: 600;
}

.clock-popup.calendar .date-label {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.96);
    font-size: 34px;
    font-weight: 800;
}

.open-meteo-widget {
    min-width: 54px;
    padding: 0 10px;
    background-color: rgba(12, 34, 55, 0.44);
}

.open-meteo-widget .icon {
    color: rgba(203, 226, 250, 0.96);
    font-size: 15px;
}

.open-meteo-widget .icon.sunnyDay {
    color: rgba(255, 236, 178, 0.96);
}

.open-meteo-widget .icon.clearNight {
    color: rgba(202, 224, 255, 0.96);
}

.open-meteo-widget .icon.rainyDay,
.open-meteo-widget .icon.rainyNight,
.open-meteo-widget .icon.drizzleDay,
.open-meteo-widget .icon.drizzleNight {
    color: rgba(166, 210, 255, 0.96);
}

/* Minimal weather popup */
.open-meteo-card {
    min-width: 360px;
    max-width: 410px;
    padding: 16px;
    background-color: rgba(8, 25, 42, 0.46);
    border: 1px solid #6f8796;
    border-radius: 12px;
}

.open-meteo-card-today .label,
.open-meteo-card-day .day-name,
.open-meteo-card-day .day-temp-min,
.open-meteo-card .search-description {
    color: rgba(237, 245, 255, 0.72);
    font-family: "Segoe UI";
}

.open-meteo-card-today .label.location,
.open-meteo-card-day .day-temp-max,
.open-meteo-card .search-head {
    color: rgba(255, 255, 255, 0.94);
    font-family: "Segoe UI";
}

.open-meteo-card-today .label.location {
    font-size: 22px;
    font-weight: 700;
}

.open-meteo-card-day {
    min-width: 88px;
    max-width: 88px;
    min-height: 86px;
    margin: 4px;
    padding: 4px;
    border: 1px solid #5e7483;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.05);
}

.open-meteo-card-day.active,
.open-meteo-card-day:hover {
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid #8aa7b7;
}

.open-meteo-card .hourly-container {
    min-height: 0;
    max-height: 0;
    border: none;
    background-color: transparent;
}

.open-meteo-card .search-input {
    padding: 8px 12px;
    border: 1px solid #6f8796;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.13);
    color: rgba(255, 255, 255, 0.96);
    font-family: "Segoe UI";
    font-size: 14px;
}

/* Quick navigation buttons */
.quick-nav-widget,
.apps-widget {
    padding: 0 8px;
    background-color: rgba(10, 28, 46, 0.42);
}

.quick-nav-widget .label,
.apps-widget .label {
    min-width: 28px;
    padding: 0 8px;
    color: rgba(238, 247, 255, 0.88);
    font-size: 14px;
}

.quick-nav-widget .label:hover,
.apps-widget .label:hover {
    color: rgba(255, 255, 255, 0.98);
}

/* Network speed stays outside the resource menu */
.traffic-widget {
    min-width: 142px;
    background-color: rgba(10, 28, 46, 0.42);
}

.traffic-widget .icon {
    color: rgba(202, 225, 249, 0.94);
}

/* Battery stays visible; click toggles prediction/time remaining */
.battery-widget {
    min-width: 52px;
    background-color: rgba(10, 28, 46, 0.42);
}

.battery-widget .icon {
    color: rgba(215, 238, 255, 0.96);
}

.battery-widget.status-critical .icon,
.battery-widget.status-low .icon {
    color: rgba(255, 198, 198, 0.96);
}

.battery-widget.status-charging .icon {
    color: rgba(199, 244, 224, 0.96);
}

/* Collapsed resource monitor menu */
.system-resources {
    margin: 6px 3px;
    padding: 0;
    border: none;
    background-color: transparent;
}

.system-resources .container {
    min-height: 28px;
    border: 1px solid #6f8796;
    border-radius: 10px;
    background-color: rgba(10, 28, 46, 0.52);
}

.system-resources .container:hover {
    background-color: rgba(24, 48, 68, 0.58);
    border: 1px solid #93adbb;
}

.system-resources .grouper-button {
    min-width: 30px;
    padding: 0 8px;
    border: none;
    background-color: transparent;
    color: rgba(219, 237, 255, 0.95);
    font-size: 14px;
}

.system-resources .cpu-widget,
.system-resources .memory-widget {
    min-width: 48px;
    min-height: 26px;
    margin: 0;
    padding: 0 7px;
    border: none;
    background-color: transparent;
}

.system-resources .cpu-widget .icon,
.system-resources .memory-widget .icon {
    color: rgba(211, 233, 255, 0.94);
}

/* Fullscreen power menu overlay */
.power-menu-overlay {
    background-color: rgba(4, 10, 18, 0.28);
}

.power-menu-overlay .uptime {
    margin-bottom: 18px;
    color: rgba(235, 244, 255, 0.74);
    font-family: "Segoe UI";
    font-size: 14px;
    font-weight: 600;
}

.power-menu-popup {
    padding: 32px;
    border: 1px solid #718b9a;
    border-radius: 20px;
    background-color: rgba(8, 25, 42, 0.32);
}

.power-menu-popup .profile-info {
    margin-bottom: 18px;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #5e7483;
    background-color: transparent;
}

.power-menu-popup .profile-info .profile-avatar {
    border-radius: 36px;
}

.power-menu-popup .profile-info .profile-username {
    color: rgba(255, 255, 255, 0.98);
    font-family: "Segoe UI";
    font-size: 22px;
    font-weight: 700;
}

.power-menu-popup .profile-info .profile-account-type {
    margin-top: 4px;
    color: rgba(235, 244, 255, 0.66);
    font-family: "Segoe UI";
    font-size: 12px;
    font-weight: 600;
}

.power-menu-popup .button {
    min-width: 164px;
    max-width: 164px;
    min-height: 104px;
    max-height: 104px;
    margin: 8px;
    padding: 0;
    border: 1px solid #5e7483;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.10);
}

.power-menu-popup .button.hover {
    border: 1px solid #93adbb;
    background-color: rgba(255, 255, 255, 0.18);
}

.power-menu-popup .button .icon {
    padding-top: 10px;
    color: rgba(220, 239, 255, 0.92);
    font-size: 32px;
}

.power-menu-popup .button .label {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.96);
    font-family: "Segoe UI";
    font-size: 14px;
    font-weight: 700;
}

.power-menu-popup .button.shutdown .icon,
.power-menu-popup .button.restart .icon {
    color: rgba(255, 222, 222, 0.95);
}

.power-menu-popup .button.sleep .icon,
.power-menu-popup .button.lock .icon {
    color: rgba(210, 231, 255, 0.95);
}

.power-menu-popup .button.cancel .icon,
.power-menu-popup .button.cancel .label {
    color: rgba(235, 244, 255, 0.76);
}
