/**
 * Audere Hub - sezioni My Account (Assistenza + Licenze).
 * Colori dai token --ah-* iniettati per sito, cosi' eredita il brand.
 * Superfici chiare con testo scuro esplicito: a prova di tema scuro.
 */
/* Default a bassa specificita' (:root): l'iniezione per-sito, aggiunta come
   inline-style DOPO questo file e anch'essa su :root, li sovrascrive. Un
   fallback con selettore piu' specifico vincerebbe invece sull'inline e
   ignorerebbe il brand del sito. */
:root{
	--ah-accent: #0c8f74;
	--ah-accent-ink: #0a6f59;
	--ah-on-accent: #ffffff;
}

/* SLA banner */
.ah-sla{
	display:flex; align-items:center; gap:.6rem;
	background:color-mix(in srgb, var(--ah-accent) 10%, #ffffff);
	border:1px solid color-mix(in srgb, var(--ah-accent) 28%, #ffffff);
	/* Sfondo fisso chiaro: il testo deve restare accent-ink a prescindere dal
	   tema. L'!important batte eventuali regole del tema su "p" nell'account. */
	color:var(--ah-accent-ink) !important;
	border-radius:12px; padding:.8rem 1rem; margin:0 0 1.2rem;
	font-size:.95rem; font-weight:600; line-height:1.4;
}
.ah-sla__dot{
	width:9px; height:9px; border-radius:999px; background:var(--ah-accent);
	flex:0 0 auto; box-shadow:0 0 0 4px color-mix(in srgb, var(--ah-accent) 20%, transparent);
}
.ah-sla--inline{margin:.2rem 0 1rem; font-size:.9rem;}

/* Lista ticket */
.ah-tickets{display:flex; flex-direction:column; gap:.5rem; margin:0 0 1.4rem;}
.ah-ticket{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto auto;
	align-items:center; gap:.9rem;
	background:#fff; color:#1c2024;
	border:1px solid rgba(0,0,0,.10); border-radius:12px;
	padding:.85rem 1rem; text-decoration:none;
	transition:border-color .12s ease, transform .12s ease, box-shadow .12s ease;
}
.ah-ticket:hover{border-color:color-mix(in srgb, var(--ah-accent) 45%, #ffffff); transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.06);}
.ah-ticket__id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.85rem; color:#6b7280;}
.ah-ticket__subject{font-weight:700; color:#0f1419; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ah-ticket__date{font-size:.82rem; color:#6b7280; white-space:nowrap;}
@media(max-width:560px){
	.ah-ticket{grid-template-columns:auto minmax(0,1fr) auto;}
	.ah-ticket__date{display:none;}
}

/* Badge stato */
.ah-badge{display:inline-block; padding:3px 10px; border-radius:999px; font-size:.75rem; font-weight:700; white-space:nowrap;}
.ah-badge--open{background:#fdecea; color:#8a1c12;}
.ah-badge--answered{background:#e6f4ec; color:#0a6f4a;}
.ah-badge--closed{background:#eceff1; color:#4b5560;}

/* Empty + locked. Il testo vuoto sta sul fondo pagina (chiaro o scuro a
   seconda del tema): eredita il colore del tema invece di un grigio fisso. */
.ah-empty{color:inherit; opacity:.7; margin:0 0 1.2rem;}
.ah-panel{background:#fff; color:#1c2024; border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:1.4rem 1.5rem; margin:0 0 1.2rem;}
.ah-panel h3{margin:0 0 .5rem; color:#0f1419;}
.ah-panel p{color:#41474d; margin:0 0 1rem;}

/* Bottoni */
.ah-btn{
	display:inline-block; cursor:pointer;
	border:0; border-radius:10px; font-weight:700; font-size:.95rem;
	padding:.7rem 1.3rem; text-decoration:none; line-height:1.2;
}
/* Sfondo = accent-ink (piu' scuro): garantisce AA col testo bianco anche
   quando l'accent chiaro del brand da solo non arriva a 4.5:1. */
.ah-btn--primary{background:var(--ah-accent-ink); color:var(--ah-on-accent);}
.ah-btn--primary:hover{filter:brightness(.92);}

/* Form nuovo ticket */
.ah-new{margin:0 0 1rem;}
.ah-new > summary{list-style:none; display:inline-block; margin-bottom:1rem;}
.ah-new > summary::-webkit-details-marker{display:none;}
.ah-form{display:flex; flex-direction:column; gap:.9rem; background:#fff; color:#1c2024; border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:1.2rem 1.3rem;}
.ah-field{display:flex; flex-direction:column; gap:.35rem;}
.ah-field > span{font-weight:600; font-size:.85rem; color:#41474d;}
.ah-input{
	width:100%; box-sizing:border-box;
	border:1px solid rgba(0,0,0,.16); border-radius:9px;
	padding:.65rem .75rem; font-size:.95rem; color:#1c2024; background:#fff;
	font-family:inherit;
}
.ah-input:focus{outline:none; border-color:var(--ah-accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--ah-accent) 22%, transparent);}
textarea.ah-input{resize:vertical; min-height:110px;}

/* Thread. Back e titolo stanno sul fondo pagina: ereditano il colore del
   tema, cosi' restano leggibili sia su chiaro sia su scuro. */
.ah-back{display:inline-block; margin:0 0 1rem; color:inherit; text-decoration:underline; font-weight:600;}
.ah-thread-head{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 0 1rem;}
.ah-thread-head h3{margin:0; color:inherit;}
.ah-msgs{display:flex; flex-direction:column; gap:.7rem; margin:0 0 1.2rem;}
.ah-msg{border:1px solid rgba(0,0,0,.10); border-radius:12px; padding:.85rem 1rem; background:#fff; color:#1c2024; max-width:88%;}
.ah-msg--me{align-self:flex-end; background:color-mix(in srgb, var(--ah-accent) 8%, #ffffff); border-color:color-mix(in srgb, var(--ah-accent) 26%, #ffffff);}
.ah-msg--staff{align-self:flex-start;}
.ah-msg__meta{font-size:.78rem; color:#565e68; margin-bottom:.35rem;}
.ah-msg__meta b{color:#0f1419;}
.ah-msg__body{line-height:1.55; color:#1c2024;}
.ah-reply{margin-top:.5rem;}

/* Licenze */
.ah-licenses{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem;}
.ah-license{background:#fff; color:#1c2024; border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:1.1rem 1.2rem;}
.ah-license__top{display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.8rem;}
.ah-license__product{font-weight:700; color:#0f1419;}
.ah-license__key{display:flex; align-items:center; gap:.5rem; margin:0 0 .8rem;}
.ah-license__key code{
	flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	background:#f6f7f9; border:1px solid rgba(0,0,0,.10); border-radius:8px;
	padding:.5rem .6rem; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.82rem; color:#1c2024;
}
.ah-copy{cursor:pointer; border:1px solid var(--ah-accent); background:#fff; color:var(--ah-accent-ink); border-radius:8px; padding:.5rem .7rem; font-weight:700; font-size:.8rem; white-space:nowrap;}
.ah-copy:hover{background:var(--ah-accent); color:var(--ah-on-accent);}
.ah-copy.is-done{background:var(--ah-accent); color:var(--ah-on-accent);}
.ah-license__meta{display:flex; flex-wrap:wrap; gap:.3rem 1.1rem; font-size:.85rem; color:#41474d;}
.ah-license__meta b{color:#0f1419;}

/* ==================================================================
   Impianto dell'area riservata
   Il My Account di WooCommerce e' un elenco puntato con due colonne
   flottanti. Qui diventa una griglia con il menu a schede.
   ================================================================== */
.woocommerce-account .woocommerce{
	display:grid; grid-template-columns:250px minmax(0,1fr); gap:34px; align-items:start;
}
/* Il contenitore degli avvisi e' il primo figlio: senza questo occupa una
   cella e spinge menu e contenuto fuori posto. */
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1;}
/* WooCommerce imposta float e larghezze in percentuale (30% / 68%) per un
   layout a colonne flottanti: dentro la griglia diventano frazioni della
   cella e schiacciano il menu. Il suo foglio viene caricato dopo il nostro,
   quindi serve un selettore piu' pesante. */
.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation{
	grid-column:1; width:100%; float:none;
}
.woocommerce-account .woocommerce div.woocommerce-MyAccount-content{
	grid-column:2; width:100%; float:none; min-width:0;
}
@media(max-width:820px){
	.woocommerce-account .woocommerce{grid-template-columns:1fr; gap:22px;}
	.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce div.woocommerce-MyAccount-content{grid-column:1;}
}

/* Menu laterale */
.woocommerce-MyAccount-navigation ul{
	list-style:none; margin:0; padding:6px; display:flex; flex-direction:column; gap:2px;
	background:color-mix(in srgb, var(--ah-accent) 5%, #ffffff);
	border:1px solid rgba(0,0,0,.10); border-radius:16px;
}
.woocommerce-MyAccount-navigation li{margin:0;}
.woocommerce-MyAccount-navigation li::marker{content:"";}
.woocommerce-MyAccount-navigation a{
	display:flex; align-items:center; gap:.6em;
	padding:.7em .85em; border-radius:11px; text-decoration:none;
	color:#1c2024; font-size:.94rem; font-weight:500; line-height:1.3;
	transition:background .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation a::before{
	content:""; width:17px; height:17px; flex:none;
	background-color:currentColor; opacity:.6;
	-webkit-mask:var(--ah-ico) center/contain no-repeat;
	mask:var(--ah-ico) center/contain no-repeat;
}
.woocommerce-MyAccount-navigation a:hover{background:#fff; color:var(--ah-accent-ink);}
.woocommerce-MyAccount-navigation .is-active a{
	background:var(--ah-accent); color:var(--ah-on-accent); font-weight:600;
}
.woocommerce-MyAccount-navigation .is-active a::before{opacity:1;}

/* Un'icona per voce, disegnata come maschera cosi' segue il colore del testo. */
.woocommerce-MyAccount-navigation li{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--licenze,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--view-license-keys{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='4.5'/%3E%3Cpath d='M10.7 12.3 21 2'/%3E%3Cpath d='m17 6 3 3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h5'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--supporto{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.2A8.4 8.4 0 0 1 12 3.1a8.4 8.4 0 0 1 9 8.4z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V8l9-5 9 5v13'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{
	--ah-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}

/* Bacheca */
.ah-saluto{margin:0 0 1.3rem; color:#41474d;}
.ah-download{
	display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
	background:color-mix(in srgb, var(--ah-accent) 7%, #ffffff);
	border-color:color-mix(in srgb, var(--ah-accent) 30%, #ffffff);
}
.ah-download__testo{flex:1 1 320px;}
.ah-download h3{margin:0 0 .35rem;}
.ah-download p{margin:0;}
.ah-download .ah-btn{flex:none;}

.ah-scorciatoie{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px;}
.ah-scorciatoia{
	display:block; text-decoration:none; background:#fff; color:#1c2024;
	border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:1.1rem 1.2rem;
	transition:border-color .15s ease, transform .15s ease;
}
.ah-scorciatoia:hover{border-color:var(--ah-accent); transform:translateY(-2px);}
.ah-scorciatoia__titolo{display:block; font-weight:700; margin-bottom:.3rem; color:#0f1419;}
.ah-scorciatoia__testo{display:block; font-size:.9rem; color:#41474d; line-height:1.5;}

/* Le schede licenza riempiono la colonna: con auto-fill restava una colonna
   vuota accanto all'unica licenza. */
.ah-licenses{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));}

/* Tabelle dell'area riservata (ordini, metodi di pagamento) */
.woocommerce-MyAccount-content table.shop_table{
	width:100%; border-collapse:separate; border-spacing:0; font-size:.93rem;
	border:1px solid rgba(0,0,0,.10); border-radius:14px; overflow:hidden;
	background:#fff; color:#1c2024;
}
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td{
	padding:.8em 1em; border:0; border-bottom:1px solid rgba(0,0,0,.08); text-align:left;
}
.woocommerce-MyAccount-content table.shop_table thead th{
	background:color-mix(in srgb, var(--ah-accent) 6%, #ffffff);
	font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; color:#41474d;
}
.woocommerce-MyAccount-content table.shop_table tr:last-child td{border-bottom:0;}

/* Accesso e registrazione */
/* Fuori dall'accesso non c'e' menu: una colonna sola, e le due schede
   (accedi / registrati) affiancate dentro il loro contenitore. */
.woocommerce-account:not(.logged-in) .woocommerce{grid-template-columns:1fr;}
.woocommerce-account .col2-set{
	display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
	gap:24px; align-items:start;
}
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after{content:none;}
.woocommerce-account .col2-set > div > h2{margin-top:0;}
/* Le due colonne prendono width:48% e float da WooCommerce: dentro la griglia
   diventano meta' della cella e lasciano il resto vuoto. */
.woocommerce-account .woocommerce .u-column1,
.woocommerce-account .woocommerce .u-column2{width:100%; float:none;}

/* Superficie chiara con testo scuro dichiarato: su un tema scuro il colore
   ereditato sarebbe grigio chiaro, illeggibile dentro la scheda bianca. */
.woocommerce-account form.login,
.woocommerce-account form.register{
	border:1px solid rgba(0,0,0,.10); border-radius:16px; padding:26px;
	background:#fff; color:#1c2024; margin:0;
}
.woocommerce-account form.login p,
.woocommerce-account form.register p,
.woocommerce-account form.login label,
.woocommerce-account form.register label{color:#1c2024;}
.woocommerce-account form.login a,
.woocommerce-account form.register a{color:var(--ah-accent-ink);}
.woocommerce-account form .form-row{margin:0 0 1.1em;}
.woocommerce-account form .form-row label{display:block; margin-bottom:.35em; font-size:.88rem; font-weight:600;}
/* Sfondo e testo dichiarati insieme, con un selettore piu' pesante di quello
   dei temi: un tema scuro colora il campo di scuro e, dentro la scheda bianca,
   quello che si scrive diventa illeggibile. */
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row input[type="text"],
.woocommerce-account .woocommerce form .form-row input[type="email"],
.woocommerce-account .woocommerce form .form-row input[type="tel"],
.woocommerce-account .woocommerce form .form-row input[type="password"],
.woocommerce-account .woocommerce form .form-row textarea,
.woocommerce-account .woocommerce form .form-row select{
	width:100%; padding:.72em .9em; border:1px solid rgba(0,0,0,.16); border-radius:10px;
	font:inherit; font-size:.95rem;
	background:#fff; color:#1c2024; -webkit-text-fill-color:#1c2024;
}
.woocommerce-account .woocommerce form .form-row input::placeholder,
.woocommerce-account .woocommerce form .form-row textarea::placeholder{color:#6b7280;}
.woocommerce-account .woocommerce form .form-row input:focus,
.woocommerce-account .woocommerce form .form-row textarea:focus,
.woocommerce-account .woocommerce form .form-row select:focus{
	outline:none; border-color:var(--ah-accent);
	box-shadow:0 0 0 3px color-mix(in srgb, var(--ah-accent) 22%, transparent);
}
/* Il riempimento automatico del browser ridipinge il campo di suo: qui lo
   riportiamo su fondo chiaro, altrimenti torna il testo invisibile. */
.woocommerce-account .woocommerce form .form-row input:-webkit-autofill{
	-webkit-text-fill-color:#1c2024;
	box-shadow:0 0 0 60px #fff inset;
}
.woocommerce-account .woocommerce-form-login__rememberme{font-weight:400 !important; font-size:.9rem;}
.woocommerce-account .woocommerce-privacy-policy-text p{font-size:.85rem; color:#41474d; line-height:1.55;}

/* I pulsanti dei form dell'account (Accedi, Registrati, Salva) non sono
   raggiunti dagli stili del tema: senza questo restano grigi di sistema. */
.woocommerce-account .woocommerce-MyAccount-content button.button,
.woocommerce-account form.login button.button,
.woocommerce-account form.register button.button,
.woocommerce-account form.woocommerce-EditAccountForm button.button,
.woocommerce-account form.edit-account button.button{
	background:var(--ah-accent); color:var(--ah-on-accent);
	border:0; border-radius:999px; padding:.7em 1.5em;
	font:inherit; font-weight:600; cursor:pointer;
	transition:filter .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
.woocommerce-account form.login button.button:hover,
.woocommerce-account form.register button.button:hover,
.woocommerce-account form.woocommerce-EditAccountForm button.button:hover,
.woocommerce-account form.edit-account button.button:hover{filter:brightness(1.08);}

/* Conferma di download: riquadro in basso a destra, sopra a tutto. */
.ah-toast{
	position:fixed; right:20px; bottom:20px; z-index:99999;
	display:flex; align-items:flex-start; gap:.75rem; max-width:min(92vw,380px);
	background:#fff; color:#1c2024;
	border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:1rem 1.15rem;
	box-shadow:0 18px 40px rgba(0,0,0,.18);
	opacity:0; transform:translateY(12px);
	transition:opacity .28s ease, transform .28s ease;
}
.ah-toast.is-in{opacity:1; transform:translateY(0);}
.ah-toast strong{display:block; margin-bottom:.15rem; color:#0f1419;}
.ah-toast span{display:block; font-size:.88rem; color:#41474d; line-height:1.45;}
.ah-toast__ico{
	flex:none; width:26px; height:26px; border-radius:50%;
	background:color-mix(in srgb, var(--ah-accent) 16%, #ffffff);
	position:relative;
}
/* Freccia verso il basso, disegnata: niente immagini da caricare. */
.ah-toast__ico::before{
	content:""; position:absolute; left:50%; top:6px;
	width:2px; height:9px; background:var(--ah-accent-ink); transform:translateX(-50%);
}
.ah-toast__ico::after{
	content:""; position:absolute; left:50%; top:11px;
	width:7px; height:7px; border-right:2px solid var(--ah-accent-ink);
	border-bottom:2px solid var(--ah-accent-ink);
	transform:translateX(-50%) rotate(45deg);
}
@media (prefers-reduced-motion:reduce){
	.ah-toast{transition:none; opacity:1; transform:none;}
}