/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Match the legacy GopherCentral green theme (accents use #009900 / #3d7a10). */
.eca-navbar[b-bw07922rzz] {
    background-color: #3d7a10;
    border-bottom: 3px solid #009900;
}

/* Blazor's circuit error banner. It lives in MainLayout.razor and MUST default to
   display:none — Blazor's JS sets it to display:block only on a real unhandled error.
   Without this rule the "An unhandled error has occurred" banner shows permanently. */
#blazor-error-ui[b-bw07922rzz] {
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1050;
    border-top: 2px solid #ffc107;
}

#blazor-error-ui .dismiss[b-bw07922rzz] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #6c757d;
}

#blazor-error-ui .dismiss:hover[b-bw07922rzz] {
    color: #000;
}
/* /Components/Pages/EmailChange.razor.rz.scp.css */
.eca-logo[b-fc517myb2l] { text-align: center; margin: 0 0 6px; }
.eca-logo img[b-fc517myb2l] { max-height: 110px; }

.eca-box[b-fc517myb2l] {
    border: 3px solid #009900;
    max-width: 720px;
    margin: 0 auto;
    padding: 18px 22px 22px;
    background: #fff;
}

.eca-title[b-fc517myb2l] {
    text-align: center;
    color: #3d7a10;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 16px;
}

.eca-field[b-fc517myb2l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.eca-field label[b-fc517myb2l] { font-weight: bold; color: #000; }
.eca-field input[b-fc517myb2l] { width: 230px; padding: 3px 6px; }
/* BootstrapInput renders its own .form-control in a child component; reach it with ::deep. */
.eca-field[b-fc517myb2l]  .bb-input,
.eca-field[b-fc517myb2l]  .form-control { width: 230px; display: inline-block; }

.eca-rule[b-fc517myb2l] { border: 0; border-top: 1px solid #009900; width: 90%; margin: 8px auto 14px; }

.eca-actions[b-fc517myb2l] { text-align: center; margin: 14px 0 6px; }
/* The buttons are BootstrapBlazor <Button> child components, so their rendered <button> does not
   carry this component's scope attribute — reach it with ::deep. Color="Color.None" keeps Bootstrap
   from applying a btn-primary theme over these. */
.eca-actions[b-fc517myb2l]  .eca-btn {
    background: #e9e9e9; border: 1px solid #adadad; border-radius: 4px;
    padding: 5px 16px; cursor: pointer;
}
.eca-actions[b-fc517myb2l]  .eca-btn-go { background: #009900; border-color: #067306; color: #fff; }
.eca-actions[b-fc517myb2l]  .eca-btn:disabled { opacity: 0.6; cursor: default; }

.eca-note[b-fc517myb2l] { text-align: center; color: #444; font-size: 14px; margin: 10px 0; }

.eca-matches[b-fc517myb2l] { max-width: 480px; margin: 0 auto; }
.eca-match[b-fc517myb2l], .eca-result[b-fc517myb2l] {
    display: flex; align-items: flex-start; gap: 10px;
    border: 1px solid #ccc; border-radius: 6px; padding: 8px 12px; margin-bottom: 8px;
}
.eca-match-body[b-fc517myb2l] { flex: 1; display: flex; flex-direction: column; }
.eca-brand[b-fc517myb2l] { font-weight: bold; }
.eca-sub[b-fc517myb2l] { font-size: 12px; color: #555; }

.eca-badge[b-fc517myb2l] { font-size: 12px; padding: 2px 8px; border-radius: 4px; white-space: nowrap; }
.eca-ready[b-fc517myb2l], .eca-success[b-fc517myb2l] { background: #e1f3d8; color: #2b6b1f; }
.eca-warning[b-fc517myb2l], .eca-partialfailure[b-fc517myb2l] { background: #fbeecb; color: #8a5b00; }
.eca-blocked[b-fc517myb2l], .eca-error[b-fc517myb2l], .eca-conflict[b-fc517myb2l] { background: #f7d6d6; color: #8a1f1f; }

.eca-error[b-fc517myb2l] { color: #c0392b; text-align: center; font-weight: bold; margin: 8px 0; }

.eca-tip[b-fc517myb2l] {
    text-align: center; color: #c0392b; font-size: 12px; line-height: 1.5;
    max-width: 560px; margin: 16px auto 0;
}
.eca-tip-label[b-fc517myb2l] { font-weight: bold; }