/* Operacao do sorteio — desktop-first (1920x1080), reaproveita style.css/admin.css */
body.so{min-height:100vh}
.so .top{gap:var(--s4)}
.so-st{margin-left:auto;font:600 13px/1 var(--sans);color:var(--muted)}
.so-st.ok{color:var(--accent)}
.so-err{font:700 13px/1.2 var(--sans);color:var(--live);max-width:50vw;overflow-wrap:anywhere}
.so-err:empty{display:none}
.so-t1{display:flex;justify-content:center;padding:var(--s6) var(--s4)}
.so-entrada{width:min(640px,100%);display:flex;flex-direction:column;gap:var(--s3)}
.so-entrada h1{font:800 32px/1.2 var(--display)}
.so-entrada label{font-size:14px;color:var(--muted)}
.so-entrada .inp{width:100%;flex:none}
.so-entrada .pinbig{min-height:72px;font-size:24px;margin-top:var(--s3)}
.so-t2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:var(--s4);padding:var(--s4);align-items:start;width:100%;max-width:1900px;margin:0 auto}
.so-t2[hidden],.so-t1[hidden]{display:none}
.so-col{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.so-col h2{font:800 20px/1.2 var(--display)}
.so-col h3{font:600 15px/1.2 var(--display)}
.so-cap{min-height:110px;font-size:28px;background:transparent;color:var(--accent);border:2px solid var(--accent)}
.so-cap.on{background:var(--accent);color:var(--on-accent)}
.so-rod{font:800 18px/1.2 var(--display);color:var(--accent)}
.so-cnt{font-size:18px;color:var(--muted)}
.so-cnt b{font:800 40px/1.1 var(--display);color:var(--accent)}
.so-ajuda{font-size:14px;color:var(--muted)}
.so-ajuda b{color:var(--text)}
.so-list{max-height:calc(100vh - 460px);min-height:200px;overflow:auto;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}
.so-p{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);font-size:16px}
.so-p:last-child{border-bottom:0}
.so-p b{overflow-wrap:anywhere}
.so-p span{color:var(--accent);overflow-wrap:anywhere;text-align:right}
.so-sort{display:flex;align-items:center;gap:var(--s3)}
.so-sort label{font-size:14px;color:var(--muted)}
.so-sort .inp{width:90px;flex:none;text-align:center;font-size:20px}
.so-sort .pinbig{flex:1;width:auto;min-height:56px}
.so .sr-win{display:flex;flex-direction:column;gap:var(--s3)}
.so .sr-wn{font-size:20px}
.so .sr-wj{font-size:17px}
.so .sr-vals .inp{height:48px}
.so-rank{display:flex;flex-direction:column;gap:var(--s2)}
.so-r{display:flex;align-items:baseline;gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);font-size:24px;font-weight:700;overflow-wrap:anywhere}
.so-r:first-child{border-color:var(--accent)}
.so-r .pos{flex:none;min-width:44px}
.so-r .nm{flex:1;min-width:0}
.so-r .nm small{display:block;font-size:16px;font-weight:600;color:var(--accent)}
.so-r .vl{flex:none;color:var(--accent);font-family:var(--display);font-weight:800}
.so-obs{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line)}
.so-obsr label{font-size:12px;color:var(--muted)}
.so-obs .inp{height:44px;font-size:13px}
.so-fim{display:flex;gap:var(--s2);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}
.so-fim .btn{flex:1}
@media (max-width:1100px){.so-t2{grid-template-columns:1fr}.so-list{max-height:320px}}
.so-sair{padding:6px 12px;font-size:12px;opacity:.7}.so-sair:hover{opacity:1}
.so-prem{display:flex;align-items:center;gap:var(--s3)}
.so-prem label{font-size:14px;color:var(--muted)}
.so-prem .inp{width:80px;flex:none;text-align:center;font-size:20px}