/* Impostazioni › Pulizia disco (disco.js). La pagina è il foglio: righe sottili e spazio, nessun riquadro dietro
   caselle e pulsanti (polish.css); i gruppi del disco con le tinte di Luce (guscio.css). */
.dk { --dk-blue: var(--c-t-blue, #2f6bff); --dk-teal: var(--c-t-teal, #0f9a94); --dk-violet: var(--c-t-violet, #7c5cff);
  --dk-sky: var(--c-t-sky, #0b8ecf); --dk-g1: var(--c-g1, #38bdf8); --dk-amber: var(--c-t-amber, #b8760a);
  --dk-rose: var(--c-t-rose, #e5484d); --dk-grey: color-mix(in srgb, var(--muted) 70%, var(--line));
  --dk-orange: var(--c-g5, #f26b2a); --dk-mint: var(--c-t-mint, #12a56a); --dk-pink: var(--c-g4, #e8478f); }

/* la pagina azzera i margini dei suoi figli diretti (c-impostazioni.css): qui dentro valgono i nostri */
.dk-in { display: block; padding-top: .3rem; }
.dk-top { display: flex; align-items: center; justify-content: space-between; gap: .8rem 1rem; flex-wrap: wrap; margin-bottom: 1.1rem; }
.dk-free { display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; min-width: 0; }
.dk-free .dk-big { font-size: var(--fs-5xl); font-weight: 700; letter-spacing: -.02em; line-height: 1; color: var(--ink); }
.dk-free .dk-of { font-size: var(--fs-lg); color: var(--ink-2); }
.dk-free .meta { flex-basis: 100%; font-size: var(--fs-sm); }
.dk-top button { display: inline-flex; align-items: center; gap: .45rem; }

.dk-note { display: flex; align-items: flex-start; gap: .55rem; padding: .65rem 0; margin-bottom: .6rem; font-size: var(--fs-sm);
  color: var(--ink-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); line-height: 1.45; }
.dk-note.warn { color: var(--warn); }
.dk-note.err { color: var(--danger); }
.dk-note > svg { width: var(--ic-sm); height: var(--ic-sm); flex: none; margin-top: .1rem; }
.dk-note code { font-size: var(--fs-xs); word-break: break-all; }
.dk-spin { width: var(--ic-xs); height: var(--ic-xs); flex: none; margin-top: .15rem; border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--accent) 25%, transparent); border-top-color: var(--accent); animation: dk-spin .9s linear infinite; }
@keyframes dk-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .dk-spin { animation: none; } }

/* la barra del disco: un pezzo per gruppo, il resto è libero */
.dk-bar { display: flex; height: .9rem; border-radius: var(--radius); overflow: hidden; gap: 2px; margin-bottom: .4rem;
  background: color-mix(in srgb, var(--line) 70%, transparent); }
.dk-bar:empty { display: none; }
.dk-bar i { display: block; height: 100%; min-width: 2px; }
.dk [data-tone="blue"] { background: var(--dk-blue); } .dk [data-tone="teal"] { background: var(--dk-teal); }
.dk [data-tone="violet"] { background: var(--dk-violet); } .dk [data-tone="sky"] { background: var(--dk-sky); }
.dk [data-tone="g1"] { background: var(--dk-g1); } .dk [data-tone="amber"] { background: var(--dk-amber); }
.dk [data-tone="rose"] { background: var(--dk-rose); } .dk [data-tone="grey"] { background: var(--dk-grey); }
.dk [data-tone="orange"] { background: var(--dk-orange); } .dk [data-tone="mint"] { background: var(--dk-mint); }
.dk [data-tone="pink"] { background: var(--dk-pink); } .dk [data-tone="line"] { background: var(--line-strong); }
.dk [data-tone="free"] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--line-strong); }

/* i gruppi: due colonne sul computer, una sul telefono */
.dk-groups { list-style: none; margin: 0 0 1.2rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)); column-gap: 1.6rem; }
.dk-groups li { border-bottom: 1px solid var(--line); min-width: 0; }
.dk-g { all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: .7rem; padding: .6rem 0; cursor: pointer; }
span.dk-g { cursor: default; }
.dk-g:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius); }
.dk .dk-g:hover, .dk .dk-open:hover { background: none; }
button.dk-g:hover b { color: var(--accent); }
.dk-g > i { width: .75rem; height: .75rem; border-radius: 50%; flex: none; }
.dk-main { display: flex; flex-direction: column; gap: .1rem; min-width: 0; flex: 1; }
.dk-main b { font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.dk-main small { font-size: var(--fs-xs); color: var(--muted); line-height: 1.4; overflow-wrap: anywhere; }
.dk-main small.dk-last { color: var(--ink-2); }
.dk-size { flex: none; text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--ink); white-space: nowrap; }
.dk-size small { display: block; font-weight: 400; font-size: var(--fs-2xs); color: var(--muted); }

/* le liste: anomalie, pulizie, file grandi, cartelle */
.dk-list { list-style: none; margin: 0; padding: 0; }
.dk-row { display: flex; align-items: center; gap: .75rem; padding: .6rem 0; border-bottom: 1px solid var(--line); min-width: 0; }
.dk-row:last-child { border-bottom: 0; }
.dk-row > svg { width: var(--ic-sm); height: var(--ic-sm); flex: none; }
.dk-row.dk-warn > svg { color: var(--warn); }
.dk-row > button:not(.dk-open):not(.dk-i), .dk-act > button { flex: none; display: inline-flex; align-items: center; gap: .35rem; }
.dk-row button svg { width: var(--ic-xs); height: var(--ic-xs); }
.dk-act { flex: 0 0 8.5rem; display: flex; justify-content: flex-end; }
.dk-act:empty { flex-basis: 0; }
.dk-tree .dk-act:empty, [data-dk-big] .dk-act:empty { flex-basis: 8.5rem; }
.dk-open { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: .65rem; min-width: 0; flex: 1; }
.dk-open > svg { width: var(--ic-md); height: var(--ic-md); flex: none; color: var(--muted); }
button.dk-open { cursor: pointer; }
button.dk-open:hover b { color: var(--accent); }
button.dk-open:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius); }
.dk-dir .dk-open > svg { color: var(--accent); }
.dk-meter { flex: 0 1 5rem; height: .35rem; border-radius: var(--radius); background: color-mix(in srgb, var(--line) 80%, transparent); overflow: hidden; }
.dk-meter i { display: block; height: 100%; background: color-mix(in srgb, var(--accent) 70%, transparent); border-radius: inherit; }
.dk-why { font-size: var(--fs-2xs); color: var(--muted); text-align: right; line-height: 1.35; }
.dk-auto .switch { flex: none; }
/* «Cos'è»: la scheda di ogni file e cartella, sotto la sua riga (righe sottili, niente riquadro) */
.dk-list .dk-row { flex-wrap: wrap; }
.dk-i { flex: none; width: 2rem; height: 2rem; padding: 0; display: inline-grid; place-items: center; color: var(--muted);
  background: none !important; border: 0 !important; box-shadow: none !important; }
.dk-i svg { width: var(--ic-sm); height: var(--ic-sm); }
.dk-i:hover, .dk-on .dk-i { color: var(--accent); }
.dk-more { flex: 0 0 100%; padding: .2rem 0 .35rem calc(var(--ic-md) + .65rem); }
.dk-more dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .3rem 1rem; margin: 0; font-size: var(--fs-sm); line-height: 1.45; }
.dk-more dt { color: var(--muted); }
.dk-more dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.dk-more code { font-size: var(--fs-xs); }
.dk-verdict { display: flex; align-items: center; gap: .45rem; margin: .55rem 0 0; font-size: var(--fs-sm); font-weight: 600; }
.dk-verdict svg { width: var(--ic-sm); height: var(--ic-sm); flex: none; }
.dk-verdict.ok { color: var(--ok); }
.dk-verdict.keep { color: var(--ink-2); }
.dk-acts { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; padding-top: .6rem; }
.dk-acts button { display: inline-flex; align-items: center; gap: .45rem; }

.dk-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: .15rem .35rem; margin: .1rem 0 .4rem; font-size: var(--fs-sm); color: var(--muted); }
.dk-crumbs button { all: unset; cursor: pointer; color: var(--ink-2); padding: .1rem 0; overflow-wrap: anywhere; }
.dk-crumbs button:last-child { color: var(--ink); font-weight: 600; }
.dk-crumbs button:hover { color: var(--accent); }
.dk-crumbs button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius); }

@media (max-width: 640px) {
  .dk-free .dk-big { font-size: var(--fs-4xl); }
  .dk-meter { display: none; }
  .dk-row { flex-wrap: wrap; row-gap: .35rem; }
  .dk-row .dk-open, .dk-row > .dk-main { flex-basis: calc(100% - 9rem); }
  .dk-act, .dk-tree .dk-act:empty, [data-dk-big] .dk-act:empty { flex-basis: 100%; justify-content: flex-start; padding-left: calc(var(--ic-md) + .65rem); }
  .dk-act:empty, .dk-tree .dk-act:empty, [data-dk-big] .dk-act:empty { display: none; }
  .dk-why { text-align: left; }
  .dk-more { padding-left: 0; }
  .dk-more dl { grid-template-columns: minmax(0, 1fr); gap: .05rem; }
  .dk-more dd + dt { margin-top: .4rem; }
}