/* "Il nostro sito in tasca". Usa i token del tema (--cfy-*, --s-*, --r-*); prefisso as- per non toccare altro. */
.as{display:grid;gap:var(--s-6)}
.as h2{margin-bottom:var(--s-3)}
.as-lic{margin:0;padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);border:1.5px solid;font-size:.97rem}
.as-lic a{font-weight:700;margin-left:.4em}
.as-lic--warn{background:#fff7e0;border-color:var(--cfy-gold);color:#4d3300}
.as-lic--bad{background:#fdecec;border-color:var(--cfy-red);color:#6d1313}

.as-hero{display:grid;gap:var(--s-5);padding:var(--s-5);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--cfy-ink),var(--cfy-navy));color:#fff;box-shadow:var(--shadow-2)}
.as-hero h2{color:#fff}
.as-hero p{color:#dbe4f5}
.as-hero .muted{color:#b9c6e0}
.as-hero .btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.as-hero .btn--outline:hover{background:rgba(255,255,255,.12);color:#fff}
.as-ok{display:inline-flex;align-items:center;gap:.5em;font-weight:700;color:#8be0c3}
.as-steps{display:grid;gap:var(--s-2);align-content:start}
.as-det{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-sm);padding:0 var(--s-4)}
.as-det summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;font-weight:700;list-style:none}
.as-det summary::-webkit-details-marker{display:none}
.as-det summary::after{content:"+";margin-left:auto;font-size:1.3rem;line-height:1}
.as-det[open] summary::after{content:"–"}
.as-det ol{margin:0 0 var(--s-4);padding-left:1.3em;color:#dbe4f5;display:grid;gap:.35em}
.as-det :focus-visible,.as-hero :focus-visible{box-shadow:0 0 0 3px var(--cfy-ink),0 0 0 5px #fff}
@media (min-width:860px){.as-hero{grid-template-columns:1.1fr .9fr;padding:var(--s-7)}}

.as-tiles{margin-top:0}
.as-two{display:grid;gap:var(--s-5)}
@media (min-width:860px){.as-two{grid-template-columns:1fr 1fr;align-items:start}.as-two--form{grid-template-columns:1.1fr .9fr}}
.as-card{background:#fff;border:1px solid var(--cfy-line);border-radius:var(--r-md);padding:var(--s-5);box-shadow:var(--shadow-1)}
.as-card--flat{background:var(--cfy-bg-alt);box-shadow:none}
.as-card form{display:grid;gap:var(--s-3)}
.as-card textarea,.as-card select{width:100%;border:1.5px solid var(--cfy-line);border-radius:var(--r-sm);padding:.7em .9em;font:inherit;color:var(--cfy-text);background:#fff;min-height:var(--tap)}
.as-card textarea:focus,.as-card select:focus,.as-card input:focus{border-color:var(--cfy-navy);outline:none;box-shadow:0 0 0 3px rgba(18,48,107,.15)}
.as-card input[type=file]{width:100%;font:inherit;padding:.5em 0}
.as-card .field input:not([type=file]){width:100%;min-height:var(--tap);border:1.5px solid var(--cfy-line);border-radius:var(--r-sm);padding:0 .9em;font:inherit}
.as-checks{border:0;margin:0;padding:0;display:grid;gap:var(--s-2)}
.as-check{display:flex;align-items:center;gap:.7em;min-height:var(--tap);padding:0 var(--s-3);border:1.5px solid var(--cfy-line);border-radius:var(--r-sm);cursor:pointer}
.as-check:has(input:checked){background:var(--cfy-navy-soft);border-color:var(--cfy-navy)}
.as-check input{width:22px;height:22px;accent-color:var(--cfy-navy);flex:none}
.as-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.as-msg{margin:0;min-height:1.4em;font-weight:600}
.as-msg--ok{color:var(--cfy-green)}
.as-msg--err{color:var(--cfy-red)}
.as-small{font-size:.9rem;color:var(--cfy-muted);margin:var(--s-3) 0 0}
.as-muted{color:var(--cfy-muted);font-size:.92rem}
.as-badge{display:inline-block;margin:0 0 var(--s-2);padding:.15em .7em;border-radius:var(--r-pill);background:var(--cfy-orange-50);color:var(--cfy-orange-600);font-weight:700;font-size:.82rem}
.as-bugs{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}
.as-bug{padding:var(--s-3);border:1px solid var(--cfy-line);border-radius:var(--r-sm);background:var(--cfy-bg-alt)}
.as-bug__top{display:flex;justify-content:space-between;gap:var(--s-2);align-items:center;flex-wrap:wrap}
.as-bug__t{margin:.3em 0;font-size:.95rem}
.as-bug__r{margin:.3em 0;padding:.4em .7em;background:#fff;border-radius:var(--r-sm);font-size:.93rem}
.as-tag{padding:.1em .7em;border-radius:var(--r-pill);font-size:.8rem;font-weight:700;background:var(--cfy-navy-soft);color:var(--cfy-navy)}
.as-tag--in_lavorazione{background:#fff3d6;color:var(--cfy-gold-ink)}
.as-tag--risolta{background:#dcf5ec;color:#075f47}

/* guida / novità / licenza a tutto schermo */
.as-lock{overflow:hidden}
.as-ov{position:fixed;inset:0;z-index:2000;display:grid;place-items:end center;background:rgba(11,23,48,.62);padding:var(--s-4);padding-bottom:max(var(--s-4),env(safe-area-inset-bottom));animation:as-in .25s var(--ease)}
.as-ov__box{width:100%;max-width:480px;background:#fff;border-radius:var(--r-lg);padding:var(--s-6) var(--s-5);box-shadow:var(--shadow-2);animation:as-up .3s var(--ease)}
@media (min-width:640px){.as-ov{place-items:center}}
.as-guida{display:grid;gap:var(--s-3)}
.as-guida__t{font-size:1.45rem;margin:0}
.as-guida__p{margin:0;color:var(--cfy-muted)}
.as-dots{display:flex;gap:6px}
.as-dots i{width:8px;height:8px;border-radius:50%;background:var(--cfy-line)}
.as-dots i.on{width:24px;border-radius:99px;background:var(--cfy-orange)}
.as-row{display:flex;justify-content:flex-end;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-2)}
@keyframes as-in{from{opacity:0}to{opacity:1}}
@keyframes as-up{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.as-ov,.as-ov__box{animation:none}}

/* offline */
.as-off{justify-items:start}
.as-off__ico{display:grid;place-items:center;width:84px;height:84px;border-radius:var(--r-lg);background:var(--cfy-orange-50);color:var(--cfy-orange-600)}
.as-off__list{width:100%;max-width:560px}
.as-off__list ul{margin:0;padding-left:1.2em;display:grid;gap:.3em;text-transform:capitalize}

.as .as-tiles{display:grid;grid-template-columns:1fr;gap:var(--s-3)}
@media (min-width:600px){.as .as-tiles{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}