/* NotifyMe page refinements */
.notifyme-root {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(1rem, 2vw, 2rem) 1rem 4rem;
}

.notifyme-centered {
    min-height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notifyme-inline {
    margin-top: 1.25rem;
}

.notifyme-search-panel {
    width: 100%;
    max-width: 640px;
    transition: all .25s ease;
}

.notifyme-title {
    font-weight: 500;
    letter-spacing: .5px;
}

.notifyme-sub {
    opacity: .70;
    text-align: center;
}

.notifyme-search-area {
    width: 100%;
    padding: .85rem 1rem;
    border-radius: 14px;
    background: var(--mud-palette-surface);
    backdrop-filter: blur(6px);
}

.notifyme-input {
    flex: 1;
    min-width: 0;
}

.notifyme-search-btn {
    height: 56px;
    padding: 0 1.75rem;
    font-weight: 500;
    border-radius: 12px;
    background: var(--notifyme-btn-bg);
    color: var(--notifyme-btn-fg);
    box-shadow: var(--mud-elevation-2);
    transition: background .2s, color .2s, box-shadow .25s;
}

    .notifyme-search-btn:hover:not(:disabled) {
        background: var(--notifyme-btn-bg-hover);
        color: var(--notifyme-btn-fg);
        box-shadow: var(--mud-elevation-4);
    }

    .notifyme-search-btn:disabled {
        opacity: .45;
        cursor: not-allowed;
    }

.notifyme-hint {
    margin-top: .75rem;
    opacity: .55;
}

.notifyme-results-container {
    margin-top: 1.5rem;
    width: 100%;
    max-width: 1080px;
}

.notifyme-config {
    border-radius: 16px;
}

.notifyme-camera-grid {
    margin-top: .25rem;
}

.notifyme-email {
    min-width: 300px;
}

.notifyme-save-btn {
    height: 44px;
    padding: 0 1.5rem;
    font-weight: 500;
    border-radius: 10px;
    background: var(--notifyme-save-bg);
    color: var(--notifyme-save-fg);
    transition: background .2s, box-shadow .25s;
}

    .notifyme-save-btn:hover:not(:disabled) {
        background: var(--notifyme-save-bg-hover);
        box-shadow: var(--mud-elevation-3);
    }

    .notifyme-save-btn:disabled {
        opacity: .45;
    }

/* Theming tokens */
:root {
    --notifyme-btn-bg: #1976d2;
    --notifyme-btn-bg-hover: #1565c0;
    --notifyme-btn-fg: #ffffff;
    --notifyme-save-bg: #2e7d32;
    --notifyme-save-bg-hover: #256629;
    --notifyme-save-fg: #ffffff;
}

.mud-theme-dark {
    --notifyme-btn-bg: #29435c;
    --notifyme-btn-bg-hover: #33536f;
    --notifyme-btn-fg: #e6eef5;
    --notifyme-save-bg: #336d3a;
    --notifyme-save-bg-hover: #2b5b31;
    --notifyme-save-fg: #e6f2e7;
}

/* Responsive tweaks */
@media (max-width: 720px) {
    .notifyme-search-area {
        padding: .75rem .85rem;
    }

    .notifyme-search-btn {
        height: 52px;
        padding: 0 1.25rem;
    }

    .notifyme-input .mud-input-root {
        font-size: .95rem;
    }
}