/* Allegati delle circolari */
.al-drop{display:grid;gap:8px}
.al-zone{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:16px;border:1.5px dashed var(--hl);border-radius:14px;background:var(--tint);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.al-zone:hover,.al-zone:focus-visible,.al-drop.on .al-zone{border-color:var(--lane);background:color-mix(in srgb,var(--lane) 14%,transparent);outline:none}
.al-drop.on .al-zone{transform:scale(1.01)}
.al-zone svg{width:30px;height:30px;flex:none;color:var(--lane)}
.al-zone>span{display:grid;gap:2px;font-size:.95rem;font-weight:400;color:var(--ink)}.al-zone u{color:var(--lane);text-underline-offset:3px}
.al-zone small{color:var(--muted);font-size:.8rem}
.al-list,.al-files{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.al-files{margin-top:10px}
.al-list li,.al-files li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.al-ext{flex:none;font:700 .68rem var(--body);letter-spacing:.04em;color:var(--lane);background:var(--tint);border-radius:6px;padding:4px 6px;min-width:36px;text-align:center}
.al-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.92rem}
.al-s{flex:none;color:var(--muted);font-size:.8rem}
.al-btns{flex:none;display:flex;gap:6px}
.al-dl{display:inline-flex;align-items:center;gap:5px;background:var(--lane);color:var(--lane-ink);border:0;border-radius:99px;padding:6px 12px;font:700 .82rem var(--body);cursor:pointer;transition:transform .15s,box-shadow .2s}
.al-dl:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px var(--glow)}
.al-dl svg{width:15px;height:15px}
.al-dl:disabled,.al-btns .ghost:disabled{opacity:.6;cursor:wait}
.al-prog{position:relative;height:26px;border-radius:99px;background:var(--line);overflow:hidden}
.al-prog i{position:absolute;inset:0 auto 0 0;width:0;background:var(--lane);transition:width .2s}
.al-prog span{position:relative;display:block;text-align:center;line-height:26px;font-size:.8rem;font-weight:600;color:var(--ink);mix-blend-mode:difference}
@media (max-width:520px){.al-files li{flex-wrap:wrap}.al-files .al-n{flex-basis:calc(100% - 110px)}.al-btns{width:100%;justify-content:flex-end}}