.auth-body {
    display: grid;
    min-height: 100dvh;
    place-items: center;
    padding: 1.25rem;
    border-top: 0.2rem solid #003399;
}
.auth-card {
    width: min(100%, 34rem);
    background: #fff;
    border: 1px solid #e4e8ef;
    border-radius: 1rem;
    padding: clamp(1.25rem, 4vw, 3rem);
    margin: auto;
    display: grid;
    gap: 1.1rem;
    box-shadow: 0 0.5rem 3rem #00339908;
}
.auth-logo {
    width: 12rem;
    max-width: 75%;
    height: auto;
}
.auth-flags {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #64748b;
}
.auth-flags img {
    width: 1.3rem;
    height: 1.3rem;
}
.auth-flags span {
    margin: 0 0.3rem;
}
.auth-form {
    display: grid;
    gap: 0.75rem;
}
.auth-form input,
.portal-form input,
.portal-form select,
.resource-select {
    width: 100%;
    min-width: 0;
    border: 1px solid #d9e0e9;
    border-radius: 0.5rem;
    padding: 0.8rem;
    font: inherit;
    min-height: 2.75rem;
    background: #fff;
    color: #182c49;
}
.auth-form .btn {
    white-space: normal;
    text-align: center;
    height: auto;
    padding: 0.9rem;
    line-height: 1.5;
}
.logout-button {
    width: 100%;
    margin-top: 0.7rem;
    min-height: 2.75rem;
}
.profile strong,
.profile span {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 11rem;
}
.live-empty {
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    padding: clamp(1.5rem, 4vw, 4rem);
}
.live-empty > .icon {
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    color: #003399;
}
.live-empty p {
    max-width: 42rem;
    color: #64748b;
    line-height: 1.7;
    font-size: 0.9rem;
}
.source-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    color: #526177;
    font-size: 0.75rem;
    padding: 1rem 0;
    line-height: 1.6;
}
.source-meta strong {
    color: #182c49;
}
.source-warning {
    background: #fff8e8;
    border: 1px solid #eddfb8;
    border-radius: 0.6rem;
    padding: 0.8rem 1rem;
    color: #6b4b0d;
    line-height: 1.6;
    font-size: 0.8rem;
    margin-bottom: 1rem;
}
.portal-form {
    display: grid;
    gap: 0.7rem;
}
.action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}
.portal-error {
    color: #a72323;
    background: #fff1f0;
    border: 1px solid #efcecb;
    padding: 0.8rem;
    border-radius: 0.5rem;
    line-height: 1.6;
}
.live-info {
    line-height: 1.7;
    font-size: 0.85rem;
    color: #526177;
}
.connection-card .provider-features {
    flex-wrap: wrap;
}
.connection-card p,
.connection-card h3,
.resource-label {
    overflow-wrap: anywhere;
}
.connection-card .btn {
    white-space: normal;
    line-height: 1.4;
    height: auto;
    min-height: 2.75rem;
}
.provider-card.connection-card {
    gap: 0.7rem;
}
.connection-card .action-row {
    margin-top: auto;
    padding-top: 0.6rem;
}
.configuration-label {
    color: #7b590d;
    background: #fff8e8;
    padding: 0.5rem 0.7rem;
    border-radius: 0.4rem;
    font-size: 0.75rem;
    line-height: 1.6;
}
.status-error {
    color: #ae2c2c;
}
.status-live {
    color: #12785b;
}
.status-pending {
    color: #7b590d;
}
.live-table td {
    max-width: 30rem;
    overflow-wrap: anywhere;
    white-space: normal;
}
.live-table {
    min-width: 38rem;
}
.metric-value {
    overflow-wrap: anywhere;
}
.metric .metric-foot {
    line-height: 1.5;
}
.metric-unavailable {
    color: #8290a4;
}
.source-card {
    margin-bottom: 1rem;
}
.source-card:last-child {
    margin-bottom: 0;
}
.settings-card h3 {
    margin-top: 1rem;
}
.sync-history {
    display: grid;
    gap: 0.75rem;
}
.sync-event {
    padding: 0.8rem;
    border-bottom: 1px solid #e8edf4;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}
.busy-indicator {
    color: #526177;
    font-size: 0.85rem;
    padding: 0.75rem 0;
}
.modal-body .resource-select {
    margin: 0.75rem 0;
}
.modal-body label {
    font-size: 0.9rem;
}
.modal-footer .btn {
    white-space: normal;
    text-align: center;
}
.btn:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}
.live-chart-line {
    fill: none;
    stroke: #003399;
    stroke-width: 2.5;
    vector-effect: non-scaling-stroke;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.user-access-form {
    margin-top: 1.25rem;
    border-top: 1px solid #e8edf4;
    padding-top: 1.25rem;
}
.owner-users {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}
.owner-user {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    background: #f7f9fc;
    border-radius: 0.5rem;
}
.owner-user > div {
    min-width: 0;
    overflow-wrap: anywhere;
}
.owner-user small {
    display: block;
    color: #64748b;
}
.main-footer a {
    white-space: normal;
}
@media (max-width: 600px) {
    .live-table {
        min-width: 34rem;
    }
    .source-meta {
        display: grid;
        gap: 0.35rem;
    }
    .provider-card.connection-card .action-row > .btn {
        flex: 1 1 100%;
    }
    .auth-card h1 {
        font-size: 1.6rem;
    }
    .auth-body {
        align-items: start;
        padding-top: 2rem;
    }
    .modal-footer {
        align-items: stretch;
    }
    .modal-footer .btn {
        max-width: 100%;
    }
}
.readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.readiness-row{display:flex;align-items:center;gap:.65rem;padding:1rem 0;border-bottom:1px solid #e7ecf3;font-size:.8rem}.readiness-row>svg{width:1.2rem;height:1.2rem;flex:none;color:#64748b}.readiness-row>span{flex:1;min-width:0}.readiness-row strong{font-size:.7rem;text-align:right}.readiness-pass{color:#14683f}.readiness-pending{color:#9a4b09}.readiness-card{margin-top:1.5rem}.sidebar{overflow-y:auto}.source-card .metric-grid{margin-top:1rem}.sidebar-bottom{flex-shrink:0}
@media(max-width:767px){.readiness-list{grid-template-columns:1fr}.readiness-row{font-size:.76rem}.readiness-row strong{max-width:6rem}}
.provider-mark.facebook-mark{width:2.1rem;height:2.1rem;object-fit:contain}.btn .provider-mark{width:1.2rem;height:1.2rem;object-fit:contain;flex:none;filter:none}