/* Dashboard page — full rewrite */
[data-page="dashboard"] h1{letter-spacing:.2px;margin:0 0 6px}
[data-page="dashboard"] .dash{display:grid;gap:16px}

/* Uploader */
.dash__uploader{padding:0}
.dash__label{
  display:block;padding:14px 16px;border-bottom:1px solid var(--border);
  color:var(--muted);text-align:center
}
.dash__textarea{
  width:100%;min-height:220px;border:2px dashed var(--border);
  background:var(--bg);border-radius:10px;margin:16px;resize:vertical;
  padding:12px;color:var(--text)
}
.dash__textarea:focus{outline:none;border-color:var(--red)}
.dash__actions{display:flex;justify-content:center;padding:0 16px 16px}
.btn{
  border:1px solid var(--border);background:var(--card);border-radius:10px;
  height:40px;padding:0 14px;cursor:pointer
}
.btn-primary{background:#ffe4e4;border-color:var(--red-600)}
.btn-primary:hover{filter:brightness(.98)}
.btn-danger{background:var(--red);border-color:var(--red-600);color:#fff}
.btn-danger:hover{filter:brightness(.96)}

/* Providers list */
.dash__providers{padding:10px}
.providers-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:8px 24px}
@media (min-width: 1100px){ .providers-grid{grid-template-columns:repeat(4,minmax(280px,1fr))} }
@media (max-width: 700px){ .providers-grid{grid-template-columns:1fr} }

.provider{
  display:flex;align-items:center;gap:10px;
  border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--card)
}
.provider:hover{border-color:var(--red)}
.provider .ico{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border);font-size:12px}
.provider .name{font-weight:500}
.provider .spacer{flex:1}
.badge{display:inline-block;min-width:38px;text-align:center;border:1px solid var(--border);border-radius:999px;padding:2px 8px}
.pill{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--border)}
.pill-off{background:var(--bg-soft);color:var(--muted)}
.provider[data-toggle="off"]{opacity:.65}

/* Big dashed panel like reference */
.dashed{
  border:2px dashed var(--border);border-radius:10px;padding:16px;min-height:220px;background:transparent
}
.dash__panel{position:relative}
.panel__summary{
  position:absolute;right:16px;top:16px;max-width:360px;min-width:280px;
  padding:16px;display:flex;flex-direction:column;gap:8px
}
.panel__summary h3{margin:0 0 8px;font-size:1.35rem}

/* Lightbox */
.lightbox{position:fixed;inset:0;display:grid;place-items:center;z-index:80}
.lightbox.hidden{display:none}
.lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.lightbox__panel{position:relative;max-width:min(1200px,95vw);max-height:min(90vh,900px);display:flex;flex-direction:column;gap:10px}
.lightbox__panel img{max-width:100%;max-height:70vh;border-radius:8px;object-fit:contain;background:var(--bg)}
.lightbox__actions{display:flex;gap:10px;justify-content:flex-end}