.voice-page{max-width:1500px;margin:20px auto;padding:0 14px;color:#24364b;font-family:Arial,sans-serif}
.voice-heading,.voice-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.voice-page h1{font-size:25px;margin:0 0 8px}.voice-page h2{font-size:18px;margin:0 0 12px}
.voice-card,.voice-player{background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:18px;margin-bottom:14px}
.voice-player{background:#edf4fc;border-color:#bfd1e8}.voice-layout{display:grid;grid-template-columns:1fr;gap:16px}
.voice-page button,.voice-page select,.voice-page input:not([type=checkbox]){font:inherit;padding:10px;border:1px solid #a8b8cd;border-radius:6px;min-height:44px}
.voice-page button{background:#2c5282;color:white;cursor:pointer}.voice-page button:disabled{opacity:.5;cursor:default}
.voice-page button:focus-visible,.voice-page a:focus-visible{outline:3px solid #de9a20;outline-offset:3px}
.voice-page label{display:block;margin-bottom:12px}.voice-page select,.voice-page input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;background:white;color:#24364b}
.voice-page input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.voice-page audio{display:block;width:100%;margin:12px 0}
.voice-page [hidden]{display:none!important}.voice-hint,.voice-meta{font-size:13px;color:#59697d;line-height:1.6}.voice-status{min-height:24px;color:#8b3409}
.voice-actions{justify-content:flex-start}.voice-actions label{margin:0}.voice-card p{overflow-wrap:anywhere}
.voice-list-title{font-size:18px;font-weight:bold;margin-top:0}.voice-drive .voice-interactive,.voice-drive .voice-card .voice-actions{display:none}
.voice-drive .voice-player{position:sticky;top:0;z-index:100}.voice-current{border:2px solid #2c5282}.voice-admin-grid{display:grid;gap:16px}
@media(min-width:900px){.voice-layout{grid-template-columns:200px minmax(0,1fr) 300px}.voice-admin-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.voice-page *{scroll-behavior:auto}}
.voice-topic-grid{max-height:260px;overflow:auto}.voice-page summary{cursor:pointer;min-height:44px;font-weight:bold}.voice-page fieldset{border:1px solid #dce4ef;border-radius:6px;margin-bottom:12px;padding:10px}.voice-page legend{font-size:15px}.voice-page ol{padding-left:24px}.voice-page li{margin-bottom:10px;overflow-wrap:anywhere}.voice-sponsored{border-color:#b37715}.voice-page dialog{max-width:calc(100vw - 48px);border:1px solid #a8b8cd;border-radius:10px}.voice-page dialog::backdrop{background:#0007}
/* [HY-VOICE-UI2] Нийтийн /voice хуудасны харагдах байдал. Зөвхөн #voiceApp — админ (#voiceAdmin) хэвээр. Буцаах бол энэ блокыг устгана. */
#voiceApp{--vb:#2c5282;--vb-dark:#1a365d;--vb-soft:#edf4fc;--vline:#e2e8f0;--vmuted:#5f6f82;--vrec:#c53030}
#voiceApp .voice-heading{margin-bottom:4px}
#voiceApp .voice-heading h1{font-size:28px;font-weight:800;color:var(--vb-dark);margin-bottom:4px}
#voiceApp .voice-heading p{margin:0;color:var(--vmuted)}
#voiceApp .voice-heading a{color:var(--vb);text-decoration:none;font-weight:600;padding:8px 14px;border:1px solid var(--vline);border-radius:999px;background:#fff}
#voiceApp .voice-heading a:hover{background:var(--vb-soft)}
#voiceApp .voice-status{min-height:0;margin:10px 0 12px}
#voiceApp .voice-status:not(:empty){padding:10px 14px;border-radius:10px;background:#fffaf0;border:1px solid #f6e0b5}
#voiceApp .voice-card{border-color:var(--vline);border-radius:14px;box-shadow:0 1px 2px rgba(26,54,93,.05),0 6px 16px rgba(26,54,93,.04)}
#voiceApp .voice-card h2{color:var(--vb-dark)}
#voiceApp .voice-hint{margin:6px 0 12px}
/* Товч: үндсэн нь цагаан (secondary), гол үйлдэл нь цэнхэр (primary) */
#voiceApp button{background:#fff;color:var(--vb);border:1px solid #c3d2e6;border-radius:10px;padding:8px 14px;font-weight:600;transition:background-color .15s,border-color .15s}
#voiceApp button:hover:not(:disabled){background:var(--vb-soft);border-color:var(--vb)}
#voiceApp #voiceSubmit,#voiceApp #answerQuestion,#voiceApp #voicePlaylistDialog button[value=add],#voiceApp .voice-card .voice-actions>button:first-child{background:var(--vb);color:#fff;border-color:var(--vb)}
#voiceApp #voiceSubmit:hover:not(:disabled),#voiceApp #answerQuestion:hover:not(:disabled),#voiceApp #voicePlaylistDialog button[value=add]:hover,#voiceApp .voice-card .voice-actions>button:first-child:hover:not(:disabled){background:var(--vb-dark);border-color:var(--vb-dark)}
/* Тоглуулагч */
#voiceApp .voice-player{background:linear-gradient(135deg,#1a365d 0%,#2c5282 100%);border:0;border-radius:16px;color:#fff;padding:20px 22px;box-shadow:0 8px 24px rgba(26,54,93,.18)}
#voiceApp .voice-player h2{color:#fff;font-size:20px;margin-bottom:0}
#voiceApp .voice-player audio{margin:14px 0}
#voiceApp .voice-player .voice-actions{gap:10px 18px}
#voiceApp .voice-player button{background:#fff;color:var(--vb-dark);border-color:#fff;font-weight:700}
#voiceApp .voice-player button:hover:not(:disabled){background:#e6eef8;border-color:#e6eef8}
#voiceApp #voicePrevious::before{content:"‹ ";content:"‹ "/""}
#voiceApp #voiceNext::after{content:" ›";content:" ›"/""}
#voiceApp .voice-player label{color:#fff}
#voiceApp .voice-player input[type=checkbox]{accent-color:#fff}
#voiceApp .voice-player .voice-hint{color:rgba(255,255,255,.8);margin:12px 0 0}
/* Талбарууд */
#voiceApp label{font-size:14px;color:#2d3748}
#voiceApp select,#voiceApp input:not([type=checkbox]){margin-top:6px;border-color:#cbd5e0;border-radius:10px;background-color:#fff}
#voiceApp select:focus-visible,#voiceApp input:not([type=checkbox]):focus-visible{outline:none;border-color:var(--vb);box-shadow:0 0 0 3px rgba(44,82,130,.22)}
#voiceApp input[type=checkbox]{accent-color:var(--vb);margin:1px 10px 0 0;flex:none}
#voiceApp label:has(>input[type=checkbox]){display:flex;align-items:flex-start;line-height:1.45}
#voiceApp label:has(>#voiceConsent){background:#fffaf0;border:1px solid #f6e0b5;border-radius:10px;padding:10px 12px}
#voiceApp summary:focus-visible{outline:3px solid #de9a20;outline-offset:3px;border-radius:6px}
#voiceApp #voiceCommunity>summary,#voiceApp .voice-more>summary{display:flex;align-items:center;gap:12px;list-style:none;color:var(--vb-dark)}
#voiceApp #voiceCommunity>summary::-webkit-details-marker,#voiceApp .voice-more>summary::-webkit-details-marker{display:none}
#voiceApp #voiceCommunity>summary::before,#voiceApp .voice-more>summary::before{content:"";flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
#voiceApp #voiceCommunity[open]>summary::before,#voiceApp .voice-more[open]>summary::before{transform:rotate(45deg)}
#voiceApp #voiceCommunity:not([open]){padding-top:6px;padding-bottom:6px}
#voiceApp #voiceCommunity[open]>summary{margin-bottom:12px}
#voiceApp .voice-more{border:1px solid var(--vline);border-radius:12px;padding:0 12px;margin-bottom:12px;background:#fafcfe}
#voiceApp .voice-more>summary{font-size:14px}
#voiceApp .voice-more[open]{padding-bottom:2px}
#voiceApp .voice-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px}
#voiceApp .voice-topic-grid label{margin-bottom:6px}
#voiceApp #communityContent>section{border-top:1px solid #edf2f7;padding-top:14px}
#voiceApp #communityContent h2{margin-top:18px}
#voiceApp #communityContent section>h2:first-child{margin-top:0}
#voiceApp #communityContent form{margin-bottom:12px}
#voiceApp dialog{padding:20px;border-radius:14px}
#voiceApp dialog form{display:flex;flex-wrap:wrap;gap:10px}
#voiceApp dialog form label{flex:1 1 100%;margin:0}
/* Шүүлтүүр (зүүн багана) */
#voiceApp .voice-layout>aside>button{width:100%;margin-bottom:12px}
#voiceApp #voiceQuestion{background:var(--vb-soft);border-radius:12px;padding:14px;margin-bottom:12px}
#voiceApp #voiceQuestion h2{font-size:15px;margin-bottom:6px}
#voiceApp #voiceQuestion p{margin:0 0 4px;font-weight:600}
#voiceApp #voiceQuestion button{width:100%;margin-top:8px}
#voiceApp #voiceEarnings{margin:4px 0 0;font-size:13px;color:var(--vmuted)}
#voiceApp #voiceEarnings:empty{display:none}
/* Бичлэгийн жагсаалт */
#voiceApp #voiceList .voice-card{padding:16px 18px;transition:border-color .15s}
#voiceApp #voiceList .voice-card:hover{border-color:#c3d2e6}
#voiceApp #voiceList .voice-card p{margin:0 0 6px}
#voiceApp #voiceList .voice-list-title{font-size:17px;line-height:1.35;color:var(--vb-dark);margin-bottom:4px}
#voiceApp #voiceList .voice-meta{color:var(--vmuted)}
#voiceApp #voiceList .voice-actions{gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #edf2f7}
#voiceApp #voiceList .voice-actions>button{padding:6px 14px;font-size:14px;border-radius:999px}
#voiceApp #voiceList .voice-actions>button:not(:first-child){background:#f7fafc;border-color:var(--vline);color:#2d3748;font-weight:500}
#voiceApp #voiceList .voice-actions>button:not(:first-child):hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}
#voiceApp #voiceList .voice-card.voice-sponsored{border-color:#e0b252;background:#fffcf3}
#voiceApp #voiceList .voice-card.voice-current{border-width:1px;border-color:var(--vb);background:#f8fbff;box-shadow:0 0 0 3px rgba(44,82,130,.18)}
#voiceApp #voiceList .voice-current .voice-list-title::before{content:"Тоглож байна";display:inline-block;margin:0 8px 2px 0;padding:2px 9px;border-radius:999px;background:var(--vb);color:#fff;font-size:12px;font-weight:700;vertical-align:middle}
#voiceApp #voiceList>p:only-child{margin:0;padding:40px 16px;text-align:center;color:var(--vmuted);background:#fff;border:1px dashed #cbd5e0;border-radius:14px}
#voiceApp #voiceMore{width:100%}
/* Бичлэг хийх (баруун багана) */
#voiceApp #voiceQuota{margin:-4px 0 10px;font-size:13px;color:var(--vmuted)}
#voiceApp #voiceContext:empty{display:none}
#voiceApp #voiceContext{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:var(--vb-soft);font-weight:600}
#voiceApp #voiceForm .voice-actions{gap:10px;margin:4px 0 12px;padding:10px;border:1px solid var(--vline);border-radius:12px;background:#f7fafc}
#voiceApp #recordStart{background:var(--vrec);border-color:var(--vrec);color:#fff}
#voiceApp #recordStart:hover:not(:disabled){background:#9b2c2c;border-color:#9b2c2c}
#voiceApp #recordTime{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--vb-dark)}
#voiceApp #voiceSubmit{width:100%;font-size:16px}
/* Desktop: багана өргөн, шүүлтүүр наалддаг */
@media(min-width:900px){
#voiceApp .voice-layout{grid-template-columns:220px minmax(0,1fr) 320px;align-items:start}
#voiceApp .voice-layout>aside{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}
}
@media(min-width:1200px){#voiceApp .voice-layout{grid-template-columns:250px minmax(0,1fr) 360px}}
/* Mobile: шүүлтүүрийн select-үүд 2 багана */
@media(max-width:899px){
#voiceApp .voice-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:end}
#voiceApp .voice-layout>aside>:not(label){grid-column:1/-1}
}
/* Зөвхөн сонсох горим: том товч. Доорх мөр нь дээрх display-ийг дарж нуухыг баталгаажуулна. */
#voiceApp.voice-drive .voice-player .voice-actions>button{flex:1 1 140px;min-height:64px;font-size:19px}
#voiceApp.voice-drive #nowTitle{font-size:24px}
#voiceApp.voice-drive .voice-interactive,#voiceApp.voice-drive .voice-card .voice-actions{display:none}
@media(prefers-reduced-motion:reduce){#voiceApp *{transition:none!important}}