.prep-connectivity-bar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.65rem .75rem;margin-bottom:.75rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.prep-connectivity-bar>span:nth-child(2){color:var(--muted);font-size:.78rem;flex:1;min-width:180px}.prep-connectivity{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.prep-connectivity.is-online{background:rgba(90,199,89,.12);color:#a8e89e;border:1px solid rgba(90,199,89,.25)}.prep-connectivity.is-offline{background:rgba(255,171,66,.1);color:#ffc275;border:1px solid rgba(255,171,66,.27)}
.prep-list-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.prep-sync-badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.2rem .45rem;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.prep-sync-badge.is-local-only,.prep-sync-badge.is-waiting-to-sync{color:#ffc275;border-color:rgba(255,171,66,.3);background:rgba(255,171,66,.08)}.prep-sync-badge.is-syncing{color:#8fd8ff;border-color:rgba(84,198,255,.3);background:rgba(84,198,255,.08)}.prep-sync-badge.is-conflict,.prep-sync-badge.is-failed{color:#ff8ea1;border-color:rgba(255,100,124,.32);background:rgba(255,100,124,.08)}.prep-sync-error{display:block;color:#ff9cad;font-size:.7rem;font-style:normal;margin-top:.3rem}
.prep-outbox{display:grid;gap:1rem}.prep-outbox-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.prep-outbox-head h3{margin:.1rem 0 .25rem}.prep-outbox-head p{margin:0;color:var(--muted)}.prep-outbox-head>div:last-child{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.prep-outbox-list{display:grid;gap:.65rem}.prep-outbox-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.prep-outbox-row strong,.prep-outbox-row span,.prep-outbox-row small{display:block}.prep-outbox-row span{color:var(--muted);font-size:.75rem;margin-top:.2rem}.prep-outbox-row small{color:#ff9cad;margin-top:.3rem}.prep-outbox-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.prep-conflict-note{display:grid;gap:.25rem;padding:.7rem .8rem;border:1px solid rgba(255,100,124,.32);border-radius:12px;background:rgba(255,100,124,.06);color:#ffd8df}.prep-conflict-note span{color:var(--muted);font-size:.78rem}
@media(max-width:760px){.prep-outbox-head{display:grid}.prep-outbox-head>div:last-child{justify-content:flex-start}.prep-outbox-row{grid-template-columns:1fr}.prep-outbox-actions{justify-content:flex-start}.prep-connectivity-bar{align-items:flex-start}.prep-connectivity-bar>span:nth-child(2){flex-basis:100%}}