.rosta-panel { max-width: 1100px; margin: auto; color: var(--c-text); }
.rosta-panel>p { margin: 0; }
.rosta-panel:not(.col)>p { margin-bottom: var(--space-l,var(--s-l)); }
.rosta-panel .rosta-error:empty { display:none; }
.rosta-panel .rosta-card { padding: var(--space-l,var(--s-l)); margin-bottom: var(--space-l,var(--s-l)); background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--radius-l,var(--r-l)); }
.rosta-panel h2 { font-size: 1.2em; margin: 0 0 1em; }
.rosta-panel p { line-height: 1.5; overflow-wrap: anywhere; }
.rosta-panel .rosta-muted { color: var(--c-textSecondary); }
.rosta-panel label { display: grid; gap: var(--space-s,var(--s-s)); margin: 1em 0; }
.rosta-panel input,.rosta-panel select { width: 100%; min-height: 44px; padding: var(--space-s,var(--s-s)); color: inherit; background: var(--c-bg); border: 1px solid var(--c-line); border-radius: var(--radius-m,var(--r-m)); font: inherit; }
.rosta-panel .rosta-check { display:flex; align-items:center; }
.rosta-panel .rosta-check input { width: 22px; min-height: 22px; margin:0; }
.rosta-panel .rosta-button { margin: var(--space-xs,var(--s-xs)); padding: var(--space-m,var(--s-m)); background: var(--c-primary); color: var(--c-onPrimary); border: 0; border-radius: var(--radius-m,var(--r-m)); font: inherit; font-weight: 600; cursor:pointer; min-height:44px; }
.rosta-panel .rosta-button.secondary { background: var(--c-bg); color: var(--c-text); border:1px solid var(--c-line); }
.rosta-panel button:disabled { opacity: .5; cursor:wait; }
.rosta-panel details { margin-top: 1em; }
.rosta-panel summary { cursor:pointer; font-weight:600; min-height:44px; padding: var(--space-s,var(--s-s)); overflow-wrap:anywhere; }
.rosta-panel .rosta-receipt { border-top:1px solid var(--c-line); }
.rosta-panel .rosta-line { padding:var(--space-m,var(--s-m)); margin:var(--space-s,var(--s-s)) 0; background:var(--c-bg); border-radius:var(--radius-m,var(--r-m)); }
.rosta-panel .rosta-error { color:var(--c-accent); }
.rosta-panel .rosta-connection { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-m,var(--s-m)); margin-bottom:var(--space-m,var(--s-m)); }
.rosta-panel .rosta-connection p { flex:1 1 140px; margin:0; }
.rosta-panel .rosta-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-m,var(--s-m)); }
.rosta-panel .rosta-metric { display:flex; flex-direction:column; gap:var(--space-s,var(--s-s)); padding:var(--space-m,var(--s-m)); background:var(--c-bg); border-radius:var(--radius-m,var(--r-m)); }
.rosta-panel .rosta-metric strong { font-size:1.4em; overflow-wrap:anywhere; }
.rosta-panel .rosta-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:var(--space-m,var(--s-m)); }
.rosta-panel .rosta-filter-search,.rosta-panel .rosta-filter-actions { grid-column:1/-1; }
.rosta-panel .rosta-filters label { min-width:0; }
.rosta-panel .rosta-receipt>summary { display:flex; align-items:center; gap:var(--space-m,var(--s-m)); flex-wrap:wrap; padding:var(--space-m,var(--s-m)) 0; }
.rosta-panel .rosta-receipt-title { display:flex; flex-direction:column; gap:var(--space-xs,var(--s-xs)); flex:1; min-width:140px; }
.rosta-panel .rosta-state { padding:var(--space-xs,var(--s-xs)) var(--space-s,var(--s-s)); border:1px solid var(--c-line); border-radius:var(--radius-m,var(--r-m)); font-size:.85em; }
.rosta-panel .rosta-state-review,.rosta-panel .rosta-state-conflict { color:var(--c-accent); }
.rosta-panel .rosta-secondary { margin-bottom:var(--space-l,var(--s-l)); }
@media(max-width:600px){.rosta-panel .rosta-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.rosta-panel .rosta-filters{grid-template-columns:minmax(0,1fr);}.rosta-panel .rosta-state{max-width:100%;}.rosta-panel .rosta-card{padding:var(--space-m,var(--s-m));}}