/* ===================================
   Login page styles (login2.html)
   =================================== */

/* Saved centers panel */
.login-saved-panel {
    background-color: white;
    padding-bottom: 30px;
}

/* Individual center card */
.login-center-card {
    background-color: white;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    margin-top: 3px;
}

/* Center/result logo image */
.login-center-img {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 5px;
}

/* Remove/forget center button */
.login-remove-btn {
    margin-top: 5px;
    margin-left: calc(100% - 38px);
    margin-bottom: -5px;
    height: 24px;
    line-height: 0.7;
    padding: 0px 2px;
}

/* Search section panel */
.login-search-panel {
    margin-top: 30px;
    background-color: lightgray;
}

/* Block centered text (animated prompt) */
.login-block-center {
    display: block;
    text-align: center;
}

/* Inline input */
.login-input-inline {
    display: inline;
}

/* Clear/times icon next to input */
.login-clear-icon {
    margin-left: -25px;
    position: relative;
    display: initial;
}

/* Clear icon with pointer and muted color */
.login-clear-icon-styled {
    margin-left: -25px;
    cursor: pointer;
    position: relative;
    display: initial;
    color: var(--color-text-muted, #999);
}

/* Search title heading */
.login-search-title {
    text-align: center;
    margin-top: 0;
}

/* Centered wrapper for search input */
.login-input-wrapper {
    text-align: center;
    margin-bottom: 15px;
}

/* Main search input (inline, constrained width) */
.login-input-main {
    display: inline;
    max-width: 90%;
}

/* First-time guide box */
.login-guide-box {
    text-align: center;
    margin-top: 25px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: var(--radius-md, 5px);
}

/* Guide description text */
.login-guide-text {
    margin-bottom: 5px;
    font-size: 0.9em;
    color: var(--color-text-muted, #666);
}

/* Guide link */
.login-guide-link {
    font-weight: bold;
    text-decoration: none;
    color: var(--color-primary, #007bff);
}

/* Results panel with border */
.login-results-panel {
    border: 1px solid black;
    cursor: pointer;
}

/* Individual result item */
.login-result-item {
    text-align: center;
    margin-bottom: 10px;
    background-color: white;
}

/* Alert with top margin (used in multiple places) */
.login-alert-spaced {
    margin-top: 10px;
}

/* Ambiguous results alert */
.login-alert-ambiguous {
    margin-top: 20px;
}

/* Blog link */
.login-blog-link {
    color: var(--color-danger, red);
    text-align: center;
    display: block;
}

/* Version info footer */
.login-version-info {
    text-align: center;
}