/* Classic Light Mode for BugTracker.NET */
/* This preserves the original BugTracker.NET styling before modern facelift */
/* Applied when body has 'classic-mode' class */

/* Classic mode - override modern styles back to original */
body.classic-mode {
    font-family: verdana, arial;
    font-size: 10pt;
    background: #ffffff;
    color: #000000;
}

/* Reset body padding/margin that modern theme might have added */
body.classic-mode {
    margin: 0;
    padding: 0;
}

/* Classic links */
body.classic-mode a {
    color: #353561;
    font-size: 10pt;
    text-decoration: none;
}

body.classic-mode a:visited {
    color: #353561;
    font-size: 10pt;
    text-decoration: none;
}

body.classic-mode a:hover {
    color: #ff6633;
    font-size: 10pt;
    text-decoration: none;
}

/* Classic menu bar */
body.classic-mode .menubar {
    background: #f0f0ff !important;
    padding: 3px !important;
    border-bottom: 1px solid #cccccc !important;
    box-shadow: none !important;
    width: 100% !important;
    display: block !important;
}

/* Keep menubar table compact - don't stretch */
body.classic-mode .menubar table {
    width: auto !important;
}

body.classic-mode .menubar td {
    border: 0px !important;
    color: black !important;
    background: transparent !important;
}

body.classic-mode .menubar a {
    color: #353561 !important;
    padding: 0 !important;
    margin: 0 2px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    display: inline !important;
    transform: none !important;
}

body.classic-mode .menubar a:hover {
    color: #ff6633 !important;
    background: transparent !important;
    transform: none !important;
}

/* Classic menu item colors - restore black text */
body.classic-mode .menu_item,
body.classic-mode .selected_menu_item {
    color: #000000 !important;
}

/* Classic Font Awesome icon colors */
body.classic-mode .bugs_checkbox {
    color: #3462DA !important;
}

body.classic-mode .sprints_checkbox {
    color: #bf64cf !important;
}

body.classic-mode .merges_checkbox {
    color: #cf6464 !important;
}

body.classic-mode .builds_checkbox {
    color: #647ccf !important;
}

body.classic-mode .deployments_checkbox {
    color: #50b76c !important;
}

body.classic-mode .tests_checkbox {
    color: #ff6464 !important;
}

body.classic-mode .imports_checkbox {
    color: #eb7d00 !important;
}

body.classic-mode .app_monitor_checkbox {
    color: #50b76c !important;
}

/* Classic logo */
body.classic-mode .logo {
    background: transparent !important;
    font-family: arial !important;
    padding: 3px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #353561 !important;
    font-size: 0 !important;
    display: table-cell !important;
    vertical-align: middle !important;
}

/* Add logo image for classic theme - smaller than modern theme */
    body.classic-mode .logo::before {
        content: '';
        display: inline-block !important;
        width: 30px !important;
        height: 30px !important;
        background: url('../logo.jpg') no-repeat center !important;
        background-size: cover !important;
        margin-right: 5px !important;
        margin-bottom: 0px !important;
        border-radius: 4px !important;
        vertical-align: bottom;
    }

/* Show text next to logo in classic mode */
    body.classic-mode .logo::after {
        content: 'Bug Tracker';
        font-size: 16pt !important;
        color: #3564da !important;
        margin-left: 3px !important;
    }

/* Classic bug table */
body.classic-mode .bugt {
    border-collapse: collapse !important;
    border-width: 1px !important;
    border-color: #aaaaaa !important;
    padding: 3px !important;
    width: 100% !important;
    table-layout: fixed !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    /*display: table !important;*/
    position: static !important;
    left: auto !important;
}

/* Classic bug headers */
body.classic-mode .bugh {
    background: #f0f0ff !important;
    height: 30px !important;
    vertical-align: middle !important;
    text-align: center !important;
    border: 1px solid #cccccc !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10pt !important;
    color: black !important;
    text-transform: none !important;
    border-radius: 0 !important;
}

body.classic-mode .bugh a {
    color: #353561 !important;
    font-size: 10pt !important;
}

body.classic-mode .bugh:first-child {
    border-left: 1px solid #cccccc !important;
}

/* Classic bug data cells */
body.classic-mode .bugd {
    vertical-align: middle !important;
    border: 1px solid #e7e5e5 !important;
    padding: 5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background: white !important;
    color: black !important;
    border-radius: 0 !important;
}

body.classic-mode .bugd a {
    color: #262323 !important;
    text-decoration: none !important;
}

body.classic-mode .bugd a:visited {
    color: #262323 !important;
    text-decoration: none !important;
}

/* Classic colored cells - keep original colors */
    body.classic-mode .bugd_red {
        height: 30px;
        background: #cf485e !important;
        color: white !important;
    }

    body.classic-mode .bugd_purple {
        height: 30px;
        background: #a662c2 !important;
        color: white !important;
    }

    body.classic-mode .bugd_blue {
        height: 30px;
        background: #62a6c2 !important;
        color: white !important;
    }

    body.classic-mode .bugd_green {
        height: 30px;
        background: #62c276 !important;
        color: white !important;
    }

    body.classic-mode .bugd_yellow {
        height: 30px;
        background: #f8d135 !important;
        color: white !important;
    }

    body.classic-mode .bugd_dark-blue {
        height: 30px;
        background: #6276c2 !important;
        color: white !important;
    }

    body.classic-mode .bugd_white {
        height: 30px;
        background: white !important;
        color: gray !important;
    }

/* Classic text-colored cells */
body.classic-mode .bugd_red_text {
    color: #cf485e !important;
    background: white !important;
    font-weight: bold !important;
}

body.classic-mode .bugd_purple_text {
    color: #a662c2 !important;
    background: white !important;
    font-weight: bold !important;
}

body.classic-mode .bugd_blue_text {
    color: #62a6c2 !important;
    background: white !important;
    font-weight: bold !important;
}

body.classic-mode .bugd_green_text {
    color: #62c276 !important;
    background: white !important;
    font-weight: bold !important;
}

body.classic-mode .bugd_black_text {
    color: gray !important;
    background: white !important;
    font-weight: bold !important;
}

/* Classic form controls */
    body.classic-mode select {
        height: 30px;
        font-size: 11pt !important;
        border: 1px solid #cccccc !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    body.classic-mode input[type="text"],
    body.classic-mode input[type="password"],
    body.classic-mode textarea {
        border: 1px solid #cccccc;
        background: white;
        color: black;
        margin: 5px;
        margin-top:0px;
        border-radius: 0 !important;
    }

body.classic-mode .txt {
    font-family: Verdana !important;
    font-size: 11pt !important;
    border: 1px solid #cccccc !important;
    margin: 2px !important;
    padding: 3px !important;
}

/* Classic buttons */
body.classic-mode .btn {
    background: #ffeeaa !important;
    color: #0000ff !important;
    border: 1px solid #cccccc !important;
    border-radius: 0 !important;
    padding: 2px 5px !important;
    font-size: 9pt !important;
}

/* Classic filter controls */
    body.classic-mode .bugs_filter {
        border: 0px !important;
        font-family: arial !important;
        font-size: 9pt !important;
        background: #f0f0ff !important;
        color: #666666 !important;
        padding: 2px !important;
        margin: 0px !important;
        height: 30px !important;
        width: 100%;
    }

    body.classic-mode .bugs_filter_selected {
        font-family: arial !important;
        font-size: 9pt !important;
        background: #7490dc !important;
        color: white !important;
        margin: 0px !important;
        height: 30px !important;
        width: 100%;
    }

/* Classic menu inputs */
body.classic-mode .menuinput {
    margin: 5px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 3px !important;
    font-size: 11pt !important;
    border: 1px solid #cccccc !important;
    width: auto !important;
    vertical-align: middle !important;
    background: white !important;
    color: black !important;
}

    body.classic-mode .menuinput_selected {
        margin: 5px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding: 3px !important;
        font-size: 11pt !important;
        border: 1px solid #7490dc !important; 
        background: #7490dc !important; 
        color: white !important; 
        width: auto !important;
        vertical-align: middle !important;
    }

/* Fix ID search form alignment in menubar */
body.classic-mode #searchId {
    display: inline-block !important;
    vertical-align: middle !important;
}

body.classic-mode #searchId .menuinput,
body.classic-mode #searchId .menubtn {
    vertical-align: middle !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Classic paging */
body.classic-mode .buglist_paging {
    padding-left: 3px !important;
    height: 25px !important;
    font-size: 11pt !important;
    background: transparent !important;
}

body.classic-mode .buglist_paging a {
    color: gray !important;
    font-size: 11pt !important;
    text-decoration: none !important;
}

/* Disable modern transitions and animations in classic mode */
body.classic-mode * {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* Reset modern theme shadows and rounded corners */
body.classic-mode .bugt,
body.classic-mode .bugh,
body.classic-mode .bugd,
body.classic-mode select,
body.classic-mode input,
body.classic-mode textarea,
body.classic-mode .btn,
body.classic-mode .menubtn {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.buginput_selected {
    font-family: arial;
    background: #7490dc;
    color: white;
    padding: 3px;
    height: 30px;
}

/* Fix for buginput_selected text color in classic theme - ensure white text on blue background */
body.classic-mode input.buginput_selected,
body.classic-mode input[type="text"].buginput_selected,
body.classic-mode input[type="password"].buginput_selected,
body.classic-mode textarea.buginput_selected {
    color: white !important;
    background: #7490dc !important;
}

/* Fix Search button positioning in filter forms */
    body.classic-mode #searchFilters .menubtn,
    body.classic-mode form[action="search_text.aspx"] .menubtn {
        /*margin-top: 12px !important;*/
        /*margin-bottom: 5px !important;*/
        vertical-align: bottom;
        background: #7490dc;
    }

/* Fix smallnote color for classic theme - was white on white background */
body.classic-mode .smallnote {
    color: #353561 !important; /* Dark blue-gray for visibility */
}

/* Classic filter row */
body.classic-mode .bugf {
    background: #f0f0ff !important;
    vertical-align: top !important;
    text-align: center !important;
    border: 1px solid #cccccc !important;
}

/* Classic popup */
body.classic-mode .buglist_popup {
    z-index: 111 !important;
    border: 1px solid silver !important;
    padding: 3px !important;
    position: absolute !important;
    background: #f0f0ff !important;
    color: black !important;
    display: none; /* Allow JavaScript to override this */
    max-width: 500px !important;
    max-height: 400px !important;
    font-size: 9pt !important;
    font-family: verdana !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Override any hover effects from modern theme */
body.classic-mode .bugt tr:hover .bugd {
    background: transparent !important;
}

/* Classic new/old indicators */
body.classic-mode .new {
    margin: auto !important;
    display: block !important;
    width: 30% !important;
    height: 80% !important;
    background: orange !important;
    border: none !important;
}

body.classic-mode .old {
    margin: auto !important;
    display: block !important;
    width: 30% !important;
    height: 80% !important;
    border: 1px solid #cccccc !important;
    background: transparent !important;
}

/* Classic flag indicators */
body.classic-mode .wht {
    margin: auto !important;
    display: block !important;
    width: 40% !important;
    height: 80% !important;
    border: 1px solid #cccccc !important;
    background: transparent !important;
}

body.classic-mode .red {
    margin: auto !important;
    display: block !important;
    width: 40% !important;
    height: 80% !important;
    background: red !important;
    border: 1px solid #ff4c4c !important;
}

body.classic-mode .grn {
    margin: auto !important;
    display: block !important;
    width: 40% !important;
    height: 80% !important;
    background: #33ff33 !important;
    border: 1px solid #4cff4c !important;
}

/* Preserve colored backgrounds exactly as they were */
body.classic-mode td[bgcolor] {
    /* Keep the original bgcolor attribute value */
}

/* Classic comment/post styling */
body.classic-mode .cmt {
    background: white !important;
    border: 1px silver solid !important;
    padding: 3px !important;
}

body.classic-mode .cmt_text {
    font-family: 'Verdana' !important;
    line-height: 1.5 !important;
}

body.classic-mode .pst {
    font-size: 8pt !important;
    color: darkgreen !important;
}

/* Classic edit bug form */
body.classic-mode .frm {
    padding-top: 6px !important;
    padding-left: 6px !important;
    border: 1px solid silver !important;
    background: #f0f0ff !important;
}

/* Ensure no mobile optimizations in classic mode */
@media (max-width: 1200px) {
    body.classic-mode .bugt {
        min-width: auto !important;
    }
}

/* Theme toggle button in classic mode */
body.classic-mode .theme-toggle {
    background: #f0f0ff !important;
    color: #353561 !important;
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    padding: 3px 8px !important;
    font-size: 10pt !important;
    margin: 0 5px !important;
}

body.classic-mode .theme-toggle:hover {
    background: #e0e0ff !important;
    color: #ff6633 !important;
    transform: none !important;
}

body.classic-mode .theme-toggle-text {
    font-size: 10pt !important;
    font-weight: normal !important;
}

/* Ensure theme toggle cell in classic mode */
body.classic-mode .theme-toggle-cell {
    text-align: right !important;
    padding-right: 10px !important;
}

/* Fix popup display in classic mode - removed duplicate rule */

/* Fix clearable clear button for classic theme */
body.classic-mode .clearable__clear {
    color: white !important; /* Dark gray for visibility on white background */
    background: transparent !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 2px 6px !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

body.classic-mode .clearable__clear:hover {
    color: #ff6633 !important; /* Orange on hover to match classic theme hover color */
    background: #f0f0f0 !important;
    border-radius: 2px !important;
}

/* Ensure clearable container has proper positioning */
body.classic-mode .clearable {
    position: relative !important;
}

/* Preserve original button-17 rounded shape for Classic theme */
body.classic-mode .button-17 {
    border-radius: 24px !important; /* Keep original pill shape */
    /* All other styles remain from monitor_base.css */
}

/* Bugs plus class for classic theme */
body.classic-mode .bugs_plus {
    color: #6399e9 !important;
}

/* Add Target button in targets.aspx - classic theme specific styling */
body.classic-mode .btn {
    padding: 5px !important;
    margin-bottom: 10px !important;
    margin-right: 5px !important;
    font-size: 14px !important;
}

/* Target Monitor icon - red color in classic theme */
body.classic-mode .fa-bullseye.targets_checkbox {
    color: red !important;
}

/* Target Monitor Status Column Colors - Classic Theme */
/* Use the same colors as default/light theme for classic consistency */
body.classic-mode .assignee-counts .bugh.status-opendev,
body.classic-mode .assignee-counts .status-opendev {
    color: #c117c1 !important;
    font-weight: bold !important;
}

body.classic-mode .assignee-counts .bugh.status-openci,
body.classic-mode .assignee-counts .status-openci {
    color: #4169E1 !important;
    font-weight: bold !important;
}

body.classic-mode .assignee-counts .bugh.status-openqa,
body.classic-mode .assignee-counts .status-openqa {
    color: green !important;
    font-weight: bold !important;
}

body.classic-mode .assignee-counts .bugh.status-opencd,
body.classic-mode .assignee-counts .status-opencd {
    color: #DAA520 !important;
    font-weight: bold !important;
}

body.classic-mode .assignee-counts .bugh.status-closed,
body.classic-mode .assignee-counts .status-closed {
    color: #333 !important;
    font-weight: bold !important;
}

body.classic-mode .assignee-counts .bugh.status-waiting,
body.classic-mode .assignee-counts .status-waiting {
    color: red !important;
    font-weight: bold !important;
}

body.classic-mode .assignee-counts .bugh.status-total,
body.classic-mode .assignee-counts .status-total {
    font-weight: bold !important;
}

/* Control highlighting for classic theme */
body.classic-mode .control-update-success {
    border: 4px solid #62c276 !important;
    box-shadow: 0 0 6px rgba(98, 194, 118, 0.5) !important;
    /*background-color: rgba(98, 194, 118, 0.1) !important;*/
}

body.classic-mode .control-update-failed {
    border: 4px solid #cf485e !important;
    box-shadow: 0 0 6px rgba(207, 72, 94, 0.5) !important;
   /* background-color: rgba(207, 72, 94, 0.1) !important;*/
}