/* Dodatki panelu SeeTrade */
.sidebar .brand { flex-direction: column; align-items: flex-start; gap: 6px; }
.sidebar .brand-logo { width: 150px; height: auto; display: block; }
.login-brand { text-align: center; margin-bottom: 20px; }
.login-brand img { width: 220px; max-width: 80%; height: auto; }
.login-brand p { color: var(--muted); margin-top: 6px; font-size: 14px; }
.eyebrow { color: var(--accent); }
.slupki { display: flex; align-items: flex-end; gap: 4px; height: 170px; padding-top: 18px; overflow-x: auto; }
.sl { flex: 1 0 18px; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; min-width: 18px; }
.sl-bar { width: 100%; max-width: 34px; background: #cfd8e3; border-radius: 5px 5px 0 0; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; min-height: 2px; }
.sl-p { background: var(--accent); width: 100%; }
.sl-n { font-size: 11px; font-weight: 700; color: var(--ink); margin-bottom: 3px; min-height: 14px; }
.sl-d { font-size: 10px; color: var(--muted); margin-top: 4px; white-space: nowrap; }
.legenda { display: flex; gap: 16px; font-size: 12px; color: var(--muted); margin-top: 10px; }
.legenda .kw { display: inline-block; width: 10px; height: 10px; border-radius: 2px; background: #cfd8e3; margin-right: 5px; vertical-align: -1px; }
.legenda .kw.p { background: var(--accent); }
.pl { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 6px; margin-right: 4px; }
.pl-meta { background: #e8f0fe; color: #1a56db; } .pl-google { background: #fef3c7; color: #92400e; }
tr.wyszarz td { color: var(--muted); }
.note-info { background: var(--accent-soft); border-left: 4px solid var(--accent); padding: 12px 14px; border-radius: 10px; margin-bottom: 16px; line-height: 1.5; }
.leady-tab td { vertical-align: top; }
.leady-tab .wiad { margin-top: 4px; color: var(--muted); max-width: 320px; white-space: pre-wrap; }
.st-form { display: flex; flex-direction: column; gap: 6px; min-width: 190px; }
.st-form select, .st-form input { font: inherit; font-size: 13px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 8px; background: #fff; }
.st-dobry { background: #ecfdf3 !important; color: #166534; } .st-słaby, .st-spam { background: #fdf0f0 !important; color: #b42318; }
.st-w-kontakcie { background: #fef9c3 !important; color: #854d0e; }
ul.prace { list-style: none; padding: 0; margin: 0; }
ul.prace li { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
ul.prace li:last-child { border-bottom: 0; }
ul.prace form.usun { flex-shrink: 0; }
.filters a b { font-weight: 600; margin-left: 2px; }
@media (max-width: 860px) {
  .sidebar .brand { flex-direction: row; align-items: center; }
  .sidebar .brand-logo { width: 110px; }
  .grid2, .grid3 { grid-template-columns: 1fr; }
}
.kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.sidebar .brand { padding-top: 26px; }
@media (max-width: 860px) {
  .sidebar .brand { padding: 12px 16px 4px; }
  .sidebar .brand-logo { width: 84px; }
  .leady-tab thead { display: none; }
  .leady-tab, .leady-tab tbody, .leady-tab tr, .leady-tab td { display: block; width: 100%; }
  .leady-tab tr { border-bottom: 1px solid var(--border); padding: 12px 0; }
  .leady-tab td { padding: 3px 0 !important; border: 0 !important; }
  .leady-tab td:empty { display: none; }
  .st-form { min-width: 0; margin-top: 6px; }
}