/**
 * Flamenet Security Center — Windows-era PC security dashboard.
 */

.fnsec-wrap {
    font-family: Tahoma, Geneva, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    width: 100%;
    margin: 0 0 12px 0;
}

.fnsec-login {
    border: 1px solid #A9C4E0;
    background: #EDF1FE;
    padding: 10px;
    font-size: 12px;
}

/* ---- window chrome ---- */
.fnsec-window {
    border: 2px solid #1F5E38;
    background: #ECE9D8;
    box-shadow: 0 2px 6px rgba(0, 30, 12, 0.35);
}

.fnsec-titlebar {
    background: #2B804C linear-gradient(180deg, #4FA771 0%, #2B804C 55%, #1B5733 100%);
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 9px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.fnsec-shield { margin-right: 3px; }

/* ---- status banner ---- */
.fnsec-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: #FFFFFF;
}
.fnsec-banner.fnsec-ok   { background: #2B804C linear-gradient(180deg, #3F9963, #246B40); }
.fnsec-banner.fnsec-warn { background: #C98A1E linear-gradient(180deg, #DDA33A, #A8730F); }
.fnsec-banner.fnsec-bad  { background: #9E4040 linear-gradient(180deg, #B85858, #7E2E2E); }

.fnsec-banner-score {
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.fnsec-banner-score small { font-size: 13px; opacity: 0.85; }
.fnsec-banner-text { font-size: 12px; line-height: 1.5; }

/* ---- XP-style protection panels ---- */
.fnsec-panels {
    display: flex;
    gap: 8px;
    padding: 10px;
    background: #DCE4F4;
    border-bottom: 1px solid #A9C4E0;
}
.fnsec-panel {
    flex: 1 1 0;
    background: #FFFFFF;
    border: 1px solid #A9C4E0;
    box-shadow: 0 1px 2px rgba(0, 20, 50, 0.16);
}
.fnsec-panel-head {
    font-weight: bold;
    font-size: 11px;
    padding: 3px 6px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fnsec-panel.fnsec-ok   .fnsec-panel-head { background: #2B804C; }
.fnsec-panel.fnsec-warn .fnsec-panel-head { background: #C98A1E; }
.fnsec-panel.fnsec-bad  .fnsec-panel-head { background: #9E4040; }
.fnsec-panel-state {
    font-size: 9px;
    background: rgba(255, 255, 255, 0.28);
    padding: 0 4px;
    border-radius: 6px;
}
.fnsec-panel-note { padding: 5px 6px; color: #444444; line-height: 1.4; }

/* ---- sections ---- */
.fnsec-section { border-bottom: 1px solid #C9C2A8; }
.fnsec-section-head {
    background: #C4D9EF linear-gradient(180deg, #D5E3F4, #BBD0EC);
    font-weight: bold;
    color: #004277;
    padding: 3px 9px;
    font-family: Arial, Helvetica, sans-serif;
}
.fnsec-section-body { padding: 8px 10px; background: #FFFFFF; }

/* ---- account checkup ---- */
.fnsec-checks { list-style: none; margin: 0 0 8px 0; padding: 0; }
.fnsec-checks li { padding: 2px 0; line-height: 1.5; }
.fnsec-check-icon { display: inline-block; width: 16px; font-weight: bold; }
.fnsec-pass .fnsec-check-icon { color: #2B804C; }
.fnsec-fail { color: #9E4040; }
.fnsec-fail .fnsec-check-icon { color: #9E4040; }

.fnsec-account { width: 100%; border-collapse: collapse; }
.fnsec-account td { padding: 2px 4px; border-bottom: 1px dotted #D2D8E0; }
.fnsec-account td:first-child { font-weight: bold; color: #555555; width: 110px; }

/* ---- virus scan ---- */
.fnsec-scan-status { margin-bottom: 6px; }
.fnsec-clean { color: #2B804C; }
.fnsec-scan-bar {
    height: 16px;
    border: 1px solid #7F9DB9;
    background: #FFFFFF;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}
.fnsec-scan-fill {
    height: 100%;
    width: 0;
    background: #2B804C linear-gradient(180deg, #4FA771, #246B40);
    transition: width 0.2s linear;
}
.fnsec-scan-file {
    font-family: "Courier New", monospace;
    font-size: 10px;
    color: #666666;
    margin: 3px 0 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---- buttons ---- */
.fnsec-btn {
    display: inline-block;
    background: linear-gradient(180deg, #FCFBF6 0%, #E7E3D3 52%, #D4CEB9 100%);
    border: 1px solid #87826E;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 14px;
    cursor: pointer;
    color: #000000;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.fnsec-btn:hover { background: linear-gradient(180deg, #FFFFFF, #DED8C5); }
.fnsec-btn:disabled { color: #999999; cursor: default; }

/* ---- login history ---- */
.fnsec-loglist { width: 100%; border-collapse: collapse; }
.fnsec-loglist th {
    background: #DCE4F4;
    text-align: left;
    padding: 2px 6px;
    border: 1px solid #A9C4E0;
    font-size: 10px;
}
.fnsec-loglist td {
    padding: 2px 6px;
    border: 1px solid #D2D8E0;
}
.fnsec-loglist tr:nth-child(even) td { background: #F4F7FD; }

/* ---- tips ---- */
.fnsec-tips { margin: 0; padding-left: 18px; }
.fnsec-tips li { padding: 1px 0; line-height: 1.5; }
.fnsec-muted { color: #888888; font-style: italic; }

/* ---- account checkup fix hint ---- */
.fnsec-check-fix {
    margin: 1px 0 4px 16px;
    color: #9E4040;
    line-height: 1.4;
}

/* ---- scan findings ---- */
.fnsec-scan-result { margin: 6px 0 8px; }
.fnsec-findings { list-style: none; margin: 0; padding: 0; }
.fnsec-finding {
    display: flex;
    gap: 6px;
    padding: 5px 7px;
    margin-bottom: 4px;
    border: 1px solid #E2B8B8;
    background: #FBEFEF;
}
.fnsec-finding-icon {
    flex: 0 0 auto;
    color: #9E4040;
    font-weight: bold;
}
.fnsec-finding-text { line-height: 1.45; }
.fnsec-finding-fix { color: #555555; }

/* ---- current device row ---- */
.fnsec-loglist tr.fnsec-current td { background: #EAF5EC; }
.fnsec-loglist tr.fnsec-current:nth-child(even) td { background: #EAF5EC; }