/* Auto-Save: Status-Pille + Wiederherstellen-Banner */

.lp-as-bar {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 .75rem 0;
}

.lp-as-pill {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .3rem .7rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 500;
    line-height: 1;
    border: 1px solid transparent;
    background: #eef2f7;
    color: #5b6675;
    transition: background .2s, color .2s, border-color .2s;
    white-space: nowrap;
}

.lp-as-pill i { font-size: .95rem; }

.lp-as-pill--idle        { background: #eef2f7; color: #5b6675; }
.lp-as-pill--saving      { background: #fff7e0; color: #8a6d1a; border-color: #f3e2a8; }
.lp-as-pill--saved       { background: #e7f6ec; color: #1d7a45; border-color: #bfe6cd; }
.lp-as-pill--offline     { background: #fdeceb; color: #b23b32; border-color: #f4c7c3; }
.lp-as-pill--reconnected { background: #e8f1fd; color: #0783ff; border-color: #c4ddff; }

@keyframes lp-as-spin { to { transform: rotate(360deg); } }
.lp-as-spin { display: inline-block; animation: lp-as-spin .9s linear infinite; }

/* Wiederherstellen-Banner */
.lp-as-restore {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem;
    margin: 0 0 1rem 0;
    border-radius: 12px;
    background: linear-gradient(0deg, #eef5ff, #f6faff);
    border: 1px solid #c4ddff;
    box-shadow: 0 2px 8px rgba(7, 131, 255, .08);
}

.lp-as-restore-msg {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #234;
    font-size: .92rem;
}

.lp-as-restore-msg i { font-size: 1.2rem; color: #0783ff; }
.lp-as-restore-msg b { font-weight: 600; }

.lp-as-restore-actions {
    display: flex;
    gap: .5rem;
    align-items: center;
}

/* ── Dark Mode ── */
html[data-theme="dark"] .lp-as-pill--idle        { background: #2a2f37; color: #aab3bf; }
html[data-theme="dark"] .lp-as-pill--saving      { background: #3a3320; color: #e6cf8a; border-color: #5a4d28; }
html[data-theme="dark"] .lp-as-pill--saved       { background: #1f3a2a; color: #7fd6a1; border-color: #2f5a40; }
html[data-theme="dark"] .lp-as-pill--offline     { background: #3a2422; color: #f0a39c; border-color: #5a302c; }
html[data-theme="dark"] .lp-as-pill--reconnected { background: #1d2c44; color: #6fb2ff; border-color: #2c4566; }

html[data-theme="dark"] .lp-as-restore {
    background: linear-gradient(0deg, #1b2533, #1f2a3a);
    border-color: #2c4566;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] .lp-as-restore-msg { color: #d6dde6; }
html[data-theme="dark"] .lp-as-restore-msg i { color: #6fb2ff; }