/* دیباگ — تست میکروفون (فقط سبک‌های همین ابزار؛ رنگ‌ها از متغیرهای قالب) */
.t-mic [hidden]{display:none!important}

/* شروع و راهنمای اجازه */
.t-mic-intro{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding-block:.6rem;text-align:center}
.t-mic-intro>.t-mic-err,.t-mic-intro>.t-mic-help,.t-mic-intro>.t-mic-clipwrap{align-self:stretch;text-align:start}
.t-mic-intro .w-title{margin:0;font-size:1.25rem}
.t-mic-intro p{margin:0;max-inline-size:62ch}
.t-mic-hero{display:grid;place-items:center;inline-size:5.5rem;block-size:5.5rem;border-radius:50%;background:var(--accent-050);color:var(--accent-text);border:1px solid var(--line)}
.t-mic-hero .w-ico{inline-size:2.6rem;block-size:2.6rem}
.t-mic-privacy{display:inline-flex;align-items:center;gap:.4rem}
.t-mic-help summary{cursor:pointer;font-weight:700;padding-block:.55rem;min-block-size:2.75rem;box-sizing:border-box}
.t-mic-help summary:focus-visible{outline:3px solid var(--accent-300);outline-offset:2px;border-radius:.4rem}
.t-mic-help ul{margin:.4rem 0 0;padding-inline-start:1.2rem;color:var(--ink-2);font-size:var(--fs-sm);line-height:2}
.t-mic-help li+li{margin-block-start:.35rem}

/* نوار دستگاه */
.t-mic-top{align-items:flex-end}
.t-mic-dev{flex:1 1 15rem;min-inline-size:0}
.t-mic-dev select{inline-size:100%;min-block-size:2.75rem}
.t-mic-info{display:flex;flex-wrap:wrap;gap:.4rem}
.t-mic-info .w-badge{max-inline-size:100%;min-inline-size:0}
.t-mic-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* نتیجه */
.t-mic-verdict{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid var(--line);border-inline-start:4px solid var(--info);border-radius:var(--r);background:var(--bg-2)}
.t-mic-verdict__ico{flex:none;display:grid;place-items:center;inline-size:2.4rem;block-size:2.4rem;border-radius:50%;background:var(--surface);color:var(--info)}
.t-mic-verdict__ico .w-ico{inline-size:1.35rem;block-size:1.35rem}
.t-mic-verdict strong{display:block;font-size:1.1rem;line-height:1.6}
.t-mic-verdict span{display:block;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.9}
.t-mic-verdict[data-s=good]{border-inline-start-color:var(--ok)}
.t-mic-verdict[data-s=good] .t-mic-verdict__ico{color:var(--ok)}
.t-mic-verdict[data-s=quiet]{border-inline-start-color:var(--accent)}
.t-mic-verdict[data-s=quiet] .t-mic-verdict__ico{color:var(--accent-text)}
.t-mic-verdict[data-s=silent],.t-mic-verdict[data-s=clip],.t-mic-verdict[data-s=muted]{border-inline-start-color:var(--err)}
.t-mic-verdict[data-s=silent] .t-mic-verdict__ico,.t-mic-verdict[data-s=clip] .t-mic-verdict__ico,.t-mic-verdict[data-s=muted] .t-mic-verdict__ico{color:var(--err)}

/* نوار سطح */
.t-mic-meterhead{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-block-end:.35rem;font-size:var(--fs-sm);font-weight:700;color:var(--ink-2)}
.t-mic-meter{block-size:1.6rem}
.t-mic-meter .w-meter__fill{inline-size:100%;border-radius:0;transition:none;clip-path:inset(0 100% 0 0);
    background:linear-gradient(90deg,var(--ok) 0,var(--ok) 72%,var(--accent) 88%,var(--err) 97%)}
.t-mic-meter .w-meter__peak{inline-size:3px;opacity:.85}
.t-mic-scale{position:relative;block-size:1.25rem;margin-block-start:.2rem;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}
.t-mic-scale span{position:absolute;inset-block-start:0;transform:translateX(-50%);white-space:nowrap}
.t-mic-scale span:first-child{transform:none}
.t-mic-scale span:last-child{transform:translateX(-100%)}
.t-mic-led{opacity:.4;letter-spacing:.04em}
.t-mic-led.is-on{opacity:1;color:var(--err);border-color:var(--err);background:color-mix(in oklab,var(--err) 14%,transparent)}
.t-mic .w-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr))}
.t-mic .w-stat b{font-size:1.35rem}

/* نمودارها */
.t-mic-viz{--w-col:19rem}
.t-mic-fig{display:flex;flex-direction:column;gap:.4rem;margin:0;min-inline-size:0}
.t-mic-fig figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.1rem .6rem;font-size:var(--fs-sm)}
.t-mic-wave,.t-mic-spec{block-size:8.5rem}

/* پردازش مرورگر و ضبط */
.t-mic-proc .w-title,.t-mic-rec .w-title,.t-mic-clipwrap .w-title{margin:0}
.t-mic-proc p,.t-mic-rec p{margin:0}
.t-mic-proc .w-check{min-block-size:2.75rem;padding-inline-end:.6rem}
.t-mic-proc .w-check:has(input[disabled]){opacity:.55;cursor:not-allowed}
.t-mic .w-seg button{min-block-size:2.75rem}
.t-mic .w-seg button[disabled]{opacity:.5;cursor:not-allowed}
.t-mic-rec .w-progress i{transition:none}
.t-mic-audio{display:block;inline-size:100%}

@media (max-width:40rem){
    .t-mic-top .w-btn{flex:1 1 auto}
    .t-mic-wave,.t-mic-spec{block-size:7.5rem}
}