/* Panel DUST Studio — detale wyglądu poza Filamentem. Przedrostek klas: dss- */
.dss-karta { display: flex; flex-direction: column; gap: 1rem; font-size: .875rem; }
.dss-siatka { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.dss-pole { background: #fff; border: 1px solid rgb(0 0 0 / .08); border-radius: .75rem; padding: 1rem 1.25rem; }
.dark .dss-pole { background: rgb(255 255 255 / .04); border-color: rgb(255 255 255 / .1); }
.dss-pole p + p { margin-top: .25rem; }
.dss-nad { font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b8f12; margin-bottom: .35rem; }
.dark .dss-nad { color: #b7d65a; }
.dss-duzy { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.dss-sredni { font-size: 1.05rem; font-weight: 600; }
.dss-waluta { font-size: .9rem; font-weight: 500; opacity: .7; }
.dss-szary { opacity: .7; }
.dss-karta .b { font-weight: 600; }
.dss-karta .r { text-align: right; }
.dss-karta .nw { white-space: nowrap; }
.dss-dl { display: grid; grid-template-columns: auto 1fr; gap: .2rem .9rem; margin-top: .5rem; }
.dss-dl dt { opacity: .65; }
.dss-tabela-ramka { overflow-x: auto; }
.dss-tabela { width: 100%; border-collapse: collapse; }
.dss-tabela th { font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; opacity: .65; text-align: left; padding: .4rem .5rem; border-bottom: 1px solid rgb(0 0 0 / .1); }
.dss-tabela td { padding: .5rem; border-bottom: 1px solid rgb(0 0 0 / .06); vertical-align: top; }
.dark .dss-tabela th, .dark .dss-tabela td { border-color: rgb(255 255 255 / .08); }
.dss-tabela th.r, .dss-tabela td.r { text-align: right; }
.dss-sumy { max-width: 28rem; margin: .75rem 0 .5rem auto; }
.dss-alert { border-radius: .75rem; padding: .75rem 1rem; background: #f4f9e6; border: 1px solid #c9e07f; }
.dark .dss-alert { background: rgb(153 191 34 / .12); border-color: rgb(153 191 34 / .35); }
.dss-alert--zle { background: #fff1ee; border-color: #f2b8aa; }
.dss-znacznik { display: inline-block; font-size: .75rem; font-weight: 600; padding: .1rem .55rem; border-radius: 999px; background: rgb(0 0 0 / .06); }
.dss-znacznik--paid { background: #e3f3c4; color: #3f5a00; }
.dss-znacznik--overdue { background: #ffd9d1; color: #8a1f05; }
.dss-znacznik--partial { background: #fff0c2; color: #6b4e00; }
@media (max-width: 640px) {
    .dss-pole { padding: .85rem 1rem; }
    .dss-duzy { font-size: 1.3rem; }
}