.agent main{padding:0 1rem calc(96px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}
.mbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;background:#07090ce6;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.mission{flex:1;text-align:right;font-family:var(--mono);font-size:.8rem;line-height:1.2}
.mission .clock{font-size:1.25rem;color:var(--green)}
.mission .clock.warn{color:var(--amber)} .mission .clock.over{color:var(--red)}
.net{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.net.off{background:var(--red);box-shadow:0 0 8px var(--red)}
.net.busy{background:var(--amber);box-shadow:0 0 8px var(--amber)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.grid2 button{padding:1.6rem;font-size:1.4rem;font-family:var(--mono)}
.loc-row{display:flex;align-items:center;gap:.6rem;justify-content:space-between;margin:.8rem 0}
.shutter-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0 1rem;position:relative}
.step{letter-spacing:.15em;color:var(--cyan)}
.shutter{width:min(62vw,250px);height:min(62vw,250px);border-radius:50%;border:3px solid var(--green);background:radial-gradient(circle,#0f2a1d,#07090c 70%);box-shadow:0 0 40px #3dff9a33,inset 0 0 30px #3dff9a22;display:grid;place-items:center;padding:0}
.shutter span{width:62%;height:62%;border-radius:50%;background:var(--green);opacity:.9;box-shadow:0 0 30px var(--green)}
.shutter:active span{transform:scale(.92)}
.shutter.garment{border-color:var(--cyan);box-shadow:0 0 40px #3dd8ff33}
.shutter.garment span{background:var(--cyan);box-shadow:0 0 30px var(--cyan)}
.pending-thumb{position:absolute;right:0;top:1rem;width:64px;height:64px;border-radius:10px;overflow:hidden;border:2px solid var(--cyan)}
.pending-thumb img{width:100%;height:100%;object-fit:cover}
.recent{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.recent .th{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.recent img{width:100%;height:100%;object-fit:cover}
.recent .st{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:.6rem;text-align:center;background:#000b;padding:2px;text-transform:uppercase}
.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0a0e13f2;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:30}
.tabs button{flex:1;border:0;border-radius:0;background:none;padding:.7rem 0 .8rem;display:flex;flex-direction:column;align-items:center;font-size:1.2rem;color:var(--dim)}
.tabs button span{font-size:.72rem;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}
.tabs button.on{color:var(--green)}
.tabs b{color:var(--amber)}
.filters{margin:.8rem 0}
.deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding-bottom:.5rem;scrollbar-width:none;margin:0 -1rem;padding:0 1rem}
.deck::-webkit-scrollbar{display:none}
.card{flex:0 0 calc(100% - .5rem);scroll-snap-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card .photos{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000}
.card .photos img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.card .photos.one{grid-template-columns:1fr}
.card .body{padding:.9rem;display:flex;flex-direction:column;gap:.55rem}
.card .idt{font-size:1.15rem;font-weight:600;line-height:1.25}
.vote{display:flex;align-items:baseline;gap:.6rem;font-family:var(--mono)}
.vote .big{font-size:1.6rem;font-weight:800;letter-spacing:.06em}
.comps{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-family:var(--mono);font-size:.8rem;color:var(--dim)}
.comps b{color:var(--text)}
.note{border-left:3px solid var(--violet);padding:.3rem .6rem;background:#b18cff11;font-size:.95rem}
.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.3rem}
.actions button{padding:1rem .3rem;font-weight:700;font-family:var(--mono);letter-spacing:.05em}
.ok{border-color:var(--green)!important;color:var(--green)!important;background:#0f2a1d!important}
.bad{border-color:var(--red)!important;color:var(--red)!important;background:#2a0f14!important}
.warnb{border-color:var(--amber)!important;color:var(--amber)!important;background:#2a220f!important}
.waiting{color:var(--cyan);font-family:var(--mono);font-size:.85rem;letter-spacing:.08em}
.counter{font-family:var(--mono);font-size:.75rem;color:var(--dim);text-align:center;margin:.4rem}
.list .grp{font-family:var(--mono);font-size:.75rem;color:var(--dim);margin:1rem 0 .4rem;display:flex;justify-content:space-between;align-items:center}
.list .li{display:flex;gap:.7rem;align-items:center;padding:.5rem;border:1px solid var(--line);border-radius:12px;margin-bottom:.4rem;background:var(--panel)}
.list .li img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:none}
.list .li .t{flex:1;min-width:0;font-size:.9rem}
.list .li .t div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list .li input[type=checkbox]{width:28px;height:28px;flex:none;accent-color:var(--green)}
.bulkbar{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));display:flex;gap:.5rem;align-items:center;padding:.6rem 1rem;background:#0f141af5;border-top:1px solid var(--line);z-index:25}
.bulkbar button{padding:.8rem 1.2rem;font-weight:700}
.empty{text-align:center;color:var(--dim);padding:3rem 1rem;font-family:var(--mono)}
.offline-feed .net{background:var(--amber)}