body{font-family:'Segoe UI',Arial,sans-serif;margin:0;background:transparent;color:#e6eef7;}
.hidden{display:none!important;}
:root{--c-accent:#2a5d92;--c-accent-hover:#3a82c4;--c-focus:#3d90d6;}
#tablet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1040px;max-height:82vh;background:#0d1f33;border:2px solid #2d6ea8;border-radius:22px;box-shadow:0 8px 34px rgba(0,0,0,.55),0 0 10px #1e6cc7 inset;padding:18px 22px 22px;display:flex;flex-direction:column;overflow:hidden;gap:10px;font-size:15px;line-height:1.35;}
.header{display:flex;align-items:center;justify-content:space-between;min-height:48px;position:relative;}
.title{font-size:22px;font-weight:600;letter-spacing:.5px;}
.statusBadge{background:#1b4e80;padding:4px 10px;border-radius:20px;font-size:12px;text-transform:uppercase;border:1px solid #2d75b7;letter-spacing:1px;}
button,.miniBtn{cursor:pointer;background:#1b4e80;border:1px solid #2d75b7;color:#e6eef7;padding:8px 14px;border-radius:8px;font-size:14px;transition:.18s;}
button:hover,.miniBtn:hover{background:#22639f;}
button.primary,.miniBtn.primary{background:#2481d1;border-color:#3392e0;}
button.primary:hover,.miniBtn.primary:hover{background:#2f96f2;}
.miniBtn{font-size:12px;padding:4px 10px;border-radius:6px;}
.miniBtn.danger,.danger{background:#a33838;border:1px solid #c95555;}
.miniBtn.danger:hover,.danger:hover{background:#c14646;}
#closeBtn{width:36px;height:36px;font-size:20px;padding:0;background:#992e2e;border-color:#c94545;display:flex;align-items:center;justify-content:center;font-weight:600;}
#closeBtn:hover{background:#c23b3b;}
.section{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;}
label{font-size:13px;opacity:.85;}
select,textarea,input{background:#12314f;border:1px solid #2d6ea8;color:#e6eef7;padding:8px 10px;border-radius:8px;font:inherit;}
textarea{min-height:150px;resize:vertical;}
.flex{display:flex;}
.listContainer,.myList,.detailsContainer,.myChat{background:#0f2a44;border:1px solid #2d6ea8;border-radius:12px;}
.listContainer,.detailsContainer{height:480px;padding:0;display:flex;flex-direction:column;overflow:hidden;}
.listHeader,.myListHeader{display:flex;gap:8px;align-items:center;padding:8px 10px;background:#123553;border-bottom:1px solid #2d6ea8;font-size:13px;font-weight:500;}
.listHeader input{flex:1;font-size:13px;background:#12212e;border:1px solid #2c4e6c;padding:8px 12px;border-radius:10px;transition:.25s;}
.listHeader input:focus{border-color:var(--c-focus);box-shadow:0 0 0 1px var(--c-focus);}
#reportList,#myReportList{list-style:none;margin:0;padding:0;overflow:auto;flex:1;scroll-behavior:smooth;}
#reportList li,#myReportList li{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;cursor:pointer;animation:listIn .5s ease both;transition:.15s;}
#reportList li:hover,#myReportList li:hover{background:#15486e;}
#reportList li.active{background:#1e608f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);}
#reportList li.separator{background:#123553;position:sticky;top:0;text-align:center;font-size:11px;letter-spacing:1px;opacity:.85;cursor:default;}
.badges{display:flex;flex-wrap:wrap;gap:6px;}
.badge{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:10px;background:#1b4e80;border:1px solid #2d6ea8;letter-spacing:.5px;}
.badge.priority-urgent{background:#a33535;}
.badge.priority-high{background:#ba5b13;}
.badge.priority-medium{background:#1d6d9e;}
.badge.status-progress{background:#4657b8;}
.badge.status-closed{background:#2f7b4d;}
.detailsContainer{padding:18px 20px;gap:14px;flex:1;}
.placeholder{margin:auto;opacity:.6;font-size:18px;}
#details{display:flex;flex-direction:column;gap:14px;overflow:auto;flex:1 1 auto;animation:fadeGrow .38s ease;}
.descBox{background:#132c45;border:1px solid #2f78b8;border-radius:8px;padding:14px 16px;line-height:1.4;white-space:pre-wrap;font-size:14px;}
.screenshotWrap{background:#132c45;border:1px solid #2f78b8;padding:10px 12px;display:flex;flex-direction:column;gap:6px;max-width:260px;align-self:flex-start;border-radius:14px;}
.screenshotWrap img{width:100%;max-height:240px;object-fit:cover;border:1px solid #2d6ea8;border-radius:10px;transition:.3s;}
.screenshotWrap img:hover{transform:scale(1.02);}
.screenshotWrap.no-shot{display:none!important;}
.actions{display:flex;flex-wrap:wrap;gap:10px;}
.tabs{display:flex;gap:6px;margin-bottom:10px;}
.tabBtn{background:#123553;border:1px solid #2d6ea8;padding:8px 16px;font-weight:500;border-radius:10px;transition:.25s;}
.tabBtn.active{background:#2481d1;border-color:#3392e0;box-shadow:0 0 0 1px #1e6cc7 inset;position:relative;}
.tabBtn.active::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,var(--c-accent-hover),transparent);border-radius:2px;animation:underlineGlow 2.2s ease-in-out infinite;}
.playerTabContent.hidden{display:none!important;}
.myReportsLayout{display:flex;gap:14px;height:420px;max-height:calc(82vh - 140px);}
.myList{flex-direction:column;overflow:hidden;}
#myReportList li{padding:10px 12px;gap:4px;}
#myReportList li.active{background:#1d5a89;}
#myReportList li:hover{background:#144064;}
.myChat{flex:1;display:flex;flex-direction:column;padding:10px;}
.chatBox{background:#12314f;border:1px solid #2d6ea8;border-radius:8px;padding:8px;flex:1 1 auto;overflow:auto;font-size:13px;display:flex;flex-direction:column;gap:6px;min-height:260px;}
.chatMsg{display:flex;flex-direction:column;gap:2px;}
.chatBubble{background:#1b4e80;padding:6px 8px;border-radius:6px;line-height:1.3;word-break:break-word;}
.chatMsg.self .chatBubble{background:#2481d1;}
.chatMsg.staff .chatBubble{background:#2e7047;}
.chatMeta{font-size:10px;opacity:.65;}
.chatInputRow{margin-top:8px;display:flex;gap:6px;}
.chatInputRow input{flex:1;height:34px;}
.statusChanger{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#132c45;border:1px solid #2f78b8;padding:14px 16px;border-radius:14px;box-shadow:0 4px 14px -6px rgba(0,0,0,.55);}
.statusChanger select,.statusChanger button{min-height:38px;}
.quickActionsPanel{padding:14px 16px 18px;border-radius:14px;gap:14px;box-shadow:0 4px 14px -6px rgba(0,0,0,.55);background:#132c45;border:1px solid #2f78b8;}
.qa-enter{animation:qaFade .45s ease;}
.playerClose{background:#a33838;border:1px solid #c95555;padding:3px 8px;font-size:11px;border-radius:5px;margin-left:auto;}
.playerClose:hover{background:#c14646;}
.shotModal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:999;}
.shotModal.hidden{display:none!important;}
.shotInner{position:relative;background:#0f2a44;border:2px solid #2d6ea8;border-radius:14px;padding:12px 16px 16px;max-width:80vw;max-height:80vh;display:flex;flex-direction:column;gap:10px;}
#shotFull{max-width:76vw;max-height:70vh;object-fit:contain;border-radius:8px;background:#091b2a;}
.closeBtn{position:absolute;top:8px;right:8px;background:#992e2e;border-color:#c94545;padding:4px 10px;font-size:16px;}
.closeBtn:hover{background:#c23b3b;}
.detailGrid{display:grid;grid-template-columns:1fr 300px;gap:26px;}
@media (max-width:1250px){.detailGrid{grid-template-columns:1fr;}}
.infoStack,.sideStack{display:flex;flex-direction:column;gap:22px;}
.sideStack>*{position:relative;}
.sideStack>*:not(:last-child)::after{content:"";position:absolute;left:6%;right:6%;bottom:-12px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);}
button,.miniBtn,.playerClose{transition:background .25s,transform .18s,border-color .25s;}
button:active,.miniBtn:active,.playerClose:active{transform:scale(.97);}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:#0e2236;}
::-webkit-scrollbar-thumb{background:#1d4f7b;border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:#276397;}
/* Custom Select (caret removed, no blur) */
.cSel{position:relative;font-size:13px;}
.cSel .cSel-hidden{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0;pointer-events:none;}
.cSel-head{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;background:#12314f;border:1px solid #2b3f52;padding:10px 14px;border-radius:12px;min-height:42px;color:#e5eef7;width:100%;font-weight:500;transition:.25s;}
.cSel:hover .cSel-head{background:#162f47;border-color:#396089;}
.cSel.cSel-open .cSel-head{border-color:#3d8bff;background:#16334e;box-shadow:0 0 0 2px rgba(61,139,255,.35);}
.cSel-head::after{display:none!important;}
.cSel-list{position:absolute;z-index:40;top:100%;left:0;right:0;background:#0f2233;border:1px solid #2b3f52;border-radius:14px;margin-top:6px;max-height:260px;overflow:auto;padding:6px;display:none;box-shadow:0 14px 36px -10px rgba(0,0,0,.65),0 4px 12px -3px rgba(0,0,0,.5);}
.cSel-open .cSel-list{display:block;}
.cSel-option{list-style:none;padding:10px 12px 9px;border-radius:10px;font-size:13px;cursor:pointer;color:#d6e5f4;display:flex;align-items:center;gap:8px;transition:.18s;}
.cSel-option:hover,.cSel-option.hover{background:linear-gradient(135deg,rgba(61,139,255,.22),rgba(61,139,255,.06));}
.cSel-option.selected{background:linear-gradient(135deg,rgba(61,139,255,.35),rgba(61,139,255,.12));box-shadow:0 0 0 1px rgba(61,139,255,.45);font-weight:600;}
.cSel-option.selected::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6fb3ff,#3d8bff);box-shadow:0 0 0 3px rgba(61,139,255,.35);}
.cSel-list::-webkit-scrollbar{width:10px;}
.cSel-list::-webkit-scrollbar-track{background:#0d1823;border-radius:12px;}
.cSel-list::-webkit-scrollbar-thumb{background:#203e55;border-radius:10px;}
.cSel-list::-webkit-scrollbar-thumb:hover{background:#2c5774;}
/* Animations */
@keyframes listIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeGrow{from{opacity:0;transform:translateY(8px) scale(.985);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes qaFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@keyframes underlineGlow{0%,100%{opacity:.35;transform:scaleX(.85);}50%{opacity:.9;transform:scaleX(1);}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
/* Remove all blur / glow pulses */
#tablet,#tablet *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#tablet::after{display:none;}
@keyframes listIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeGrow{from{opacity:0;transform:translateY(8px) scale(.985);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes qaFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@keyframes underlineGlow {
  0%,100% { opacity:.35; transform:scaleX(.85); }
  50% { opacity:.9; transform:scaleX(1); }
}
@keyframes tabletClose{from{opacity:1;transform:translate(-50%,0) scale(1);}to{opacity:0;transform:translate(-50%,-4%) scale(.97);}}
.tabletClosing{animation:tabletClose .32s ease forwards;}
@keyframes selectPulse{0%{box-shadow:0 0 0 0 rgba(58,128,180,0);}45%{box-shadow:0 0 0 6px rgba(58,128,180,.35);}100%{box-shadow:0 0 0 0 rgba(58,128,180,0);}}
#reportList li.selectPulse{animation:selectPulse .55s ease;border-left-color:var(--c-accent);}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
#tablet,#tablet *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.row { flex-direction:row; }
.gap { gap:16px; }

.listContainer {
  width: 38%;
  background:#0f2a44;
  border:1px solid #2d6ea8;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  height: 480px;
  overflow:hidden;
}

.listHeader {
  padding:10px;
  display:flex;
  gap:8px;
  background:#123553;
  border-bottom:1px solid #2d6ea8;
}

.listHeader input, .listHeader select {
  flex:1;
  font-size:13px;
}

#reportList {
  list-style:none;
  margin:0;
  padding:0;
  overflow:auto;
  flex:1;
}

#reportList li {
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:6px;
  transition:.12s;
}
#reportList li:hover {
  background:#15486e;
}
#reportList li.active {
  background:#1e608f;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

#reportList li.separator {
  background:#123553;
  text-align:center;
  font-size:11px;
  letter-spacing:1px;
  opacity:.85;
  cursor:default;
  position:sticky;
  top:0;
}
#reportList li.separator:hover { background:#123553; }

.badges { display:flex; gap:6px; flex-wrap:wrap; }
.badge {
  font-size:10px;
  text-transform:uppercase;
  padding:2px 6px;
  border-radius:10px;
  letter-spacing:.5px;
  background:#1b4e80;
  border:1px solid #2d6ea8;
}

.badge.priority-urgent { background:#a33535; }
.badge.priority-high { background:#ba5b13; }
.badge.priority-medium { background:#1d6d9e; }
.badge.priority-low { background:#1b4e80; }

.badge.status-progress { background:#4657b8; }
.badge.status-closed { background:#2f7b4d; }

.detailsContainer {
  flex:1;
  background:#0f2a44;
  border:1px solid #2d6ea8;
  border-radius:12px;
  height:480px;
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  gap:14px;
}

.placeholder {
  margin:auto;
  opacity:.6;
  font-size:18px;
}

#details {
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:auto;
  flex:1 1 auto;
}

.descBox {
  background:#132c45;
  border:1px solid #2f78b8;
  border-radius:8px;
  padding:14px 16px;
  font-size:14px;
  line-height:1.4;
  white-space:pre-wrap;
  box-shadow:0 0 0 1px rgba(255,255,255,0.02) inset;
}

.screenshotWrap {
  background:#132c45;
  border-color:#2f78b8;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  max-width: 260px;
  align-self:flex-start;
}

.screenshotWrap img {
  width:100%;
  max-height:200px;
  object-fit:cover;
  border:1px solid #2d6ea8;
  border-radius:6px;
  background:#0a1d2e;
}

.actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.actions button.miniBtn {
  padding:6px 12px;
  font-size:12px;
}

.statusChanger {
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  background:#132c45;
  border:1px solid #2f78b8;
  padding:10px 12px;
  border-radius:10px;
}

.statusChanger label {
  font-size:12px;
  opacity:.75;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-weight:600;
}

.muted {
  opacity:.7;
  font-size:12px;
}

.topLine { justify-content: space-between; align-items:center; }
.miniBtn {
  background:#2481d1;
  border:1px solid #3392e0;
  padding:4px 10px;
  font-size:12px;
  border-radius:6px;
}
.miniBtn:hover { background:#2f96f2; }
.miniBtn.danger, .danger {
  background:#a33838;
  border:1px solid #c95555;
}
.miniBtn.danger:hover, .danger:hover {
  background:#c14646;
}
.playerClose {
  background:#a33838;
  border:1px solid #c95555;
  padding:3px 8px;
  font-size:11px;
  border-radius:5px;
  margin-left:auto;
}
.playerClose:hover { background:#c14646; }

::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:#0e2236; }
::-webkit-scrollbar-thumb { background:#1d4f7b; border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:#276397; }

.tabs { display:flex; gap:6px; margin-bottom:10px; }
.tabBtn { background:#123553; border:1px solid #2d6ea8; padding:8px 16px; font-weight:500; border-radius:10px; }
.tabBtn.active { background:#2481d1; border-color:#3392e0; box-shadow:0 0 0 1px #1e6cc7 inset; }
.playerTabContent.hidden { display:none !important; }

.myReportsLayout { display:flex; gap:14px; height:420px; }
.myList { width:38%; display:flex; flex-direction:column; background:#0f2a44; border:1px solid #2d6ea8; border-radius:10px; overflow:hidden; }
.myListHeader { display:flex; justify-content:space-between; align-items:center; padding:8px 10px; background:#123553; border-bottom:1px solid #2d6ea8; font-size:13px; font-weight:500; letter-spacing:.4px; }
#myReportList { list-style:none; margin:0; padding:0; overflow:auto; flex:1; }
#myReportList li { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,0.07); cursor:pointer; display:flex; flex-direction:column; gap:4px; }
#myReportList li.active { background:#1d5a89; }
#myReportList li:hover { background:#144064; }

.myChat { flex:1; display:flex; flex-direction:column; background:#0f2a44; border:1px solid #2d6ea8; border-radius:10px; padding:10px; }
.chatBox { background:#12314f; border:1px solid #2d6ea8; border-radius:8px; padding:8px; flex:1 1 auto; overflow:auto; font-size:13px; display:flex; flex-direction:column; gap:6px; min-height:260px; max-height:none; align-items:flex-start; }
.chatMsg { display:flex; flex-direction:column; gap:2px; }
.chatMsg.player .chatBubble { background:#1b4e80; } 
.chatMsg.self .chatBubble { background:#2481d1; }
.chatMsg.staff .chatBubble { background:#2e7047; }
.chatMsg.long .chatBubble { }
.chatBubble { background:#1b4e80; padding:6px 8px; border-radius:6px; line-height:1.3; word-break:break-word; }
.chatMeta { font-size:10px; opacity:.65; }
.chatInputRow { margin-top:8px; display:flex; gap:6px; }
.chatInputRow input { flex:1; height:34px; }

.chatSection { margin-top:10px; display:flex; flex-direction:column; gap:8px; flex:1; }
.chatSection h4 { margin:0 0 2px 0; }

.placeholder.small { font-size:14px; }

.miniBtn.primary { background:#2481d1; border-color:#3392e0; }

.shotModal {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:999;
}
.shotModal.hidden { display:none !important; }
.shotInner {
  position:relative;
  background:#0f2a44;
  border:2px solid #2d6ea8;
  border-radius:14px;
  padding:12px 16px 16px;
  max-width:80vw;
  max-height:80vh;
  display:flex;
  flex-direction:column;
  gap:10px;
}
#shotFull {
  max-width:76vw;
  max-height:70vh;
  object-fit:contain;
  border-radius:8px;
  background:#091b2a;
}
.closeBtn {
  position:absolute;
  top:8px;
  right:8px;
  background:#992e2e;
  border-color:#c94545;
  padding:4px 10px;
  font-size:16px;
  line-height:1;
}
.closeBtn:hover { background:#c23b3b; }

#playerTabs.staffHidden,
.playerTabContent.staffHidden { display:none !important; }

.detailGrid { display:grid; grid-template-columns:1fr 300px; gap:26px; }
@media (max-width:1250px){ .detailGrid { grid-template-columns:1fr; } }

.infoStack { display:flex; flex-direction:column; gap:22px; }
.sideStack { display:flex; flex-direction:column; gap:22px; }

.statusChanger {
  padding:14px 16px;
  gap:14px;
  row-gap:10px;
  border-radius:14px;
  box-shadow:0 4px 14px -6px rgba(0,0,0,.55);
}

.statusChanger select,
.statusChanger button { min-height:38px; }

.quickActionsPanel {
  padding:14px 16px 18px;
  border-radius:14px;
  gap:14px;
  box-shadow:0 4px 14px -6px rgba(0,0,0,.55);
}

.actions#quickActions {
  gap:10px;
  display:flex;
  flex-wrap:wrap;
}

.actions#quickActions .miniBtn {
  border-radius:9px;
  padding:8px 16px;
  font-size:13px;
  font-weight:500;
  position:relative;
  overflow:hidden;
}

.actions#quickActions .miniBtn::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(140deg,rgba(255,255,255,0.09),transparent 65%);
  opacity:0;
  transition:.35s;
  pointer-events:none;
}
.actions#quickActions .miniBtn:hover::after { opacity:.55; }

.descBox {
  border-radius:14px;
  padding:18px 20px;
  line-height:1.55;
  font-size:15px;
}

.screenshotWrap {
  border-radius:14px;
  padding:14px 16px 16px;
  gap:10px;
  max-width:100%;
}

.screenshotWrap img {
  max-height:240px;
  transition:.35s ease;
  border-radius:10px;
  object-fit:cover;
}
.screenshotWrap img:hover { transform:scale(1.02); }

.detailHeader {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.07);
  animation:fadeSlide .45s ease;
}

#dTitle {
  font-size:22px;
  font-weight:600;
  letter-spacing:.6px;
  margin:0;
}

#dBadges { display:flex; flex-wrap:wrap; gap:8px; }

.badge.slim {
  padding:4px 10px;
  font-size:11px;
  border-radius:30px;
  background:var(--c-badge-alt);
  border:1px solid var(--c-border);
  letter-spacing:.5px;
}

#reportList li { animation:listIn .5s ease both; }
#reportList li .titleLine { font-size:14px; font-weight:600; letter-spacing:.3px; }

#reportList li:not(.separator) { border-left:3px solid transparent; }
#reportList li.active { border-left-color:var(--c-accent); }

#reportList li .badges { margin-bottom:2px; }

#myReportList li { animation:listIn .5s ease both; }

@keyframes listIn {
  from { opacity:0; transform:translateY(6px); }
  to { opacity:1; transform:translateY(0); }
}

#tablet::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:0 0 0 0 rgba(58,128,180,0.25);
  animation:pulseGlow 5.5s ease-in-out infinite;
}
@keyframes pulseGlow {
  0%,100% { box-shadow:0 0 0 0 rgba(58,128,180,0.18); }
  50% { box-shadow:0 0 22px 0 rgba(58,128,180,0.32); }
}

button, .miniBtn, .playerClose {
  transition:background .25s, transform .18s, border-color .25s;
}
button:active, .miniBtn:active, .playerClose:active {
  transform:translateY(0) scale(.97);
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline:2px solid var(--c-focus);
  outline-offset:2px;
}

#details {
  animation:fadeGrow .38s cubic-bezier(.45,.12,.18,.98);
}
@keyframes fadeGrow {
  from { opacity:0; transform:translateY(8px) scale(.985); }
  to { opacity:1; transform:translateY(0) scale(1); }
}

.sideStack > * {
  position:relative;
}
.sideStack > *:not(:last-child)::after {
  content:"";
  position:absolute;
  bottom:-12px;
  left:6%;
  right:6%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);
  pointer-events:none;
}

#reportList, #myReportList, #details { scroll-behavior:smooth; }

#claimBtn, #unclaimBtn, #closeReportBtn { position:relative; }
#claimBtn::after, #unclaimBtn::after, #closeReportBtn::after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.16), transparent 70%);
  opacity:0;
  transition:.35s;
  border-radius:inherit;
}
#claimBtn:hover::after,
#unclaimBtn:hover::after,
#closeReportBtn:hover::after { opacity:.65; }

.listHeader input {
  background:#12212e;
  border:1px solid var(--c-border);
  padding:8px 12px;
  border-radius:10px;
  transition:.25s;
}
.listHeader input:focus {
  border-color:var(--c-focus);
  box-shadow:0 0 0 1px var(--c-focus);
}

#reportList li.active::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:6px;
  pointer-events:none;
  box-shadow:0 0 0 1px rgba(255,255,255,0.05), 0 0 0 3px rgba(42,144,214,0.15);
}

.actions#quickActions .miniBtn { line-height:1.2; }

.tabletOpening { animation:tabletIn .35s ease; }
@keyframes tabletClose {
  from { opacity:1; transform:translate(-50%,0) scale(1); }
  to { opacity:0; transform:translate(-50%,-4%) scale(.97); }
}
.tabletClosing { animation:tabletClose .32s ease forwards; }

@keyframes selectPulse {
  0% { box-shadow:0 0 0 0 rgba(58,128,180,0); }
  45% { box-shadow:0 0 0 6px rgba(58,128,180,.35); }
  100% { box-shadow:0 0 0 0 rgba(58,128,180,0); }
}
#reportList li.selectPulse { animation:selectPulse .55s ease; border-left-color:var(--c-accent); }

.qa-enter { animation:qaFade .45s ease; }
@keyframes qaFade { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

@keyframes tabIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes tabOut { from { opacity:1; transform:translateY(0); } to { opacity:0; transform:translateY(6px); } }
.playerTabContent.tabIn { animation:tabIn .28s ease; }
.playerTabContent.tabOut { animation:tabOut .24s ease forwards; }

#tablet.hidden.tabletClosing { display:flex !important; }

.tabBtn.active { position:relative; }
.tabBtn.active::after {
  content:"";
  position:absolute;
  left:12px; right:12px; bottom:4px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--c-accent-hover),transparent);
  border-radius:2px;
  animation:underlineGlow 2.2s ease-in-out infinite;
}
@keyframes underlineGlow {
  0%,100% { opacity:.35; transform:scaleX(.85); }
  50% { opacity:.9; transform:scaleX(1); }
}

#tablet {
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  height:auto;
  max-height:82vh;
}

#tablet > .flex,
#tablet .myReportsLayout { max-height:calc(82vh - 140px); }

#tablet .header { position:relative; }
#tablet .header .centerBadge {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  margin:0;
}


body.compact #tablet .header .centerBadge { top:50%; }

select {
  appearance:auto;
  -webkit-appearance:auto;
  -moz-appearance:auto;
  width:100%;
  background:#12314f;
}
#tablet[data-skin="neo"] select {
  background:rgba(18,28,38,.55);
  border:1px solid #2b3f52;
  padding:10px 12px;
  border-radius:10px;
}

.screenshotWrap.no-shot img { display:none !important; }
.screenshotWrap.no-shot { display:none !important; }

.shotModal {}

#tablet[data-skin="neo"] {
  --neo-bg:#0e141b;
  --neo-surface:rgba(26,36,48,0.72);
  --neo-surface-alt:rgba(32,46,60,0.55);
  --neo-border:#2b3f52;
  --neo-border-soft:#3b556d;
  --neo-accent:#3d8bff;
  --neo-accent-hover:#5ca1ff;
  --neo-accent-rgb:61 139 255;
  --neo-danger:#d35050;
  --neo-danger-hover:#e06262;
  --neo-ok:#3aa875;
  --neo-text:#e5eef6;
  --neo-text-soft:#9fb4c6;
  --neo-shadow:0 8px 28px -6px rgba(0,0,0,.65), 0 2px 4px rgba(0,0,0,.4);
  background:
    linear-gradient(155deg,rgba(46,92,130,.18),rgba(36,108,168,.06) 42%,rgba(23,38,53,.42)),
    linear-gradient(90deg,#0b1218,#121d27);
  border:1px solid var(--neo-border);
  box-shadow:var(--neo-shadow);
  font-size:14px;
  gap:14px;
  padding:20px 26px 24px;
}

#tablet[data-skin="neo"] .header {
  align-items:flex-start;
  gap:18px;
  margin-bottom:4px;
}
#tablet[data-skin="neo"] .titleWrap { display:flex; flex-direction:column; gap:2px; }
#tablet[data-skin="neo"] .title { font-size:24px; font-weight:600; letter-spacing:.8px; background:linear-gradient(90deg,#fff,var(--neo-accent)); -webkit-background-clip:text; color:transparent; }
#tablet[data-skin="neo"] .subtleSub { font-size:11px; letter-spacing:.6px; text-transform:uppercase; color:var(--neo-text-soft); }

#tablet[data-skin="neo"] .statusBadge {
  font-weight:600;
  background:var(--neo-surface-alt);
  border:1px solid var(--neo-border-soft);
  color:var(--neo-text-soft);
  padding:6px 16px;
  border-radius:40px;
  font-size:12px;
  letter-spacing:.9px;
  box-shadow:0 0 0 1px rgba(255,255,255,0.04);
}
#tablet[data-skin="neo"] .statusBadge.role-player {
  color:#6ab7ff;
  background:linear-gradient(135deg,rgba(61,139,255,.16),rgba(61,139,255,0));
  border-color:rgba(61,139,255,.35);
}
#tablet[data-skin="neo"] .statusBadge.role-staff {
  color:#8bffcf;
  background:linear-gradient(135deg,rgba(58,168,130,.22),rgba(58,168,130,0));
  border-color:rgba(58,168,130,.4);
}

#tablet[data-skin="neo"] .tabs { gap:10px; }
#tablet[data-skin="neo"] .tabBtn {
  background:var(--neo-surface-alt);
  border:1px solid var(--neo-border);
  color:var(--neo-text-soft);
  font-weight:500;
  padding:10px 20px;
  border-radius:14px;
  font-size:13px;
  transition:.22s;
  position:relative;
  overflow:hidden;
}
#tablet[data-skin="neo"] .tabBtn::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 70%);
  opacity:0;
  transition:.35s;
}
#tablet[data-skin="neo"] .tabBtn:hover::before { opacity:.4; }
#tablet[data-skin="neo"] .tabBtn.active {
  background:linear-gradient(135deg,rgba(var(--neo-accent-rgb)/.55),rgba(var(--neo-accent-rgb)/.18));
  border-color:rgba(var(--neo-accent-rgb)/.65);
  color:#fff;
  box-shadow:0 4px 14px -4px rgba(var(--neo-accent-rgb)/.55),0 0 0 1px rgba(var(--neo-accent-rgb)/.5) inset;
}

#tablet[data-skin="neo"] .formSurface {
  background:var(--neo-surface);
  border:1px solid var(--neo-border);
  border-radius:20px;
  padding:18px 20px 8px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px 24px;
  box-shadow:0 2px 6px -2px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.03);
}
#tablet[data-skin="neo"] .formSurface .section { margin:0; gap:6px; }
#tablet[data-skin="neo"] .formSurface textarea { grid-column:1/-1; }
#tablet[data-skin="neo"] #submitBtn {
  grid-column:1/-1;
  justify-self:flex-start;
  margin-top:4px;
  font-size:14px;
  padding:12px 28px;
}

#tablet[data-skin="neo"] input,
#tablet[data-skin="neo"] select,
#tablet[data-skin="neo"] textarea {
  background:rgba(18,28,38,.55);
  border:1px solid var(--neo-border);
  color:var(--neo-text);
  font-size:13px;
  padding:10px 12px;
  border-radius:12px;
  transition:.2s;
}
#tablet[data-skin="neo"] input:hover,
#tablet[data-skin="neo"] select:hover,
#tablet[data-skin="neo"] textarea:hover {
  border-color:var(--neo-border-soft);
  background:rgba(26,38,50,.7);
}
#tablet[data-skin="neo"] input:focus,
#tablet[data-skin="neo"] select:focus,
#tablet[data-skin="neo"] textarea:focus {
  outline:none;
  border-color:var(--neo-accent);
  box-shadow:0 0 0 2px rgba(var(--neo-accent-rgb)/.35);
  background:rgba(32,48,64,.85);
}

#tablet[data-skin="neo"] .miniBtn,
#tablet[data-skin="neo"] button {
  border-radius:14px;
  font-size:13px;
  letter-spacing:.3px;
  background:var(--neo-surface-alt);
  border:1px solid var(--neo-border);
  color:var(--neo-text-soft);
  padding:9px 18px;
  transition:.25s cubic-bezier(.4,.2,.2,1);
  position:relative;
  overflow:hidden;
}
#tablet[data-skin="neo"] .miniBtn::after,
#tablet[data-skin="neo"] button::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(125deg,rgba(255,255,255,.22),transparent 65%);
  mix-blend-mode:overlay;
  opacity:0;
  transition:.35s;
}
#tablet[data-skin="neo"] .miniBtn:hover::after,
#tablet[data-skin="neo"] button:hover::after { opacity:.55; }
#tablet[data-skin="neo"] button.primary,
#tablet[data-skin="neo"] .miniBtn.primary {
  background:linear-gradient(135deg,var(--neo-accent),var(--neo-accent-hover));
  color:#fff;
  border-color:rgba(var(--neo-accent-rgb)/.7);
  box-shadow:0 6px 18px -6px rgba(var(--neo-accent-rgb)/.7);
}
#tablet[data-skin="neo"] button.primary:hover {
  filter:brightness(1.08);
}
#tablet[data-skin="neo"] .miniBtn.danger,
#tablet[data-skin="neo"] .danger {
  background:linear-gradient(135deg,var(--neo-danger),#b53535);
  border-color:#d76565;
  color:#fff;
  box-shadow:0 6px 16px -6px rgba(214,80,80,.6);
}
#tablet[data-skin="neo"] .miniBtn.danger:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] .listContainer,
#tablet[data-skin="neo"] .detailsContainer,
#tablet[data-skin="neo"] .myList {
  background:var(--neo-surface);
  border:1px solid var(--neo-border);
  border-radius:20px;
  box-shadow:0 4px 14px -6px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03);
}

#tablet[data-skin="neo"] .listHeader,
#tablet[data-skin="neo"] .myListHeader {
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0));
  border-bottom:1px solid var(--neo-border);
  padding:12px 14px;
}

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li {
  background:rgba(255,255,255,0);
  border-bottom:1px solid rgba(255,255,255,0.04);
  padding:14px 16px 12px;
  position:relative;
  transition:.25s;
  border-left:4px solid transparent;
  border-radius:10px;
  margin:2px 6px;
}
#tablet[data-skin="neo"] #reportList li:hover,
#tablet[data-skin="neo"] #myReportList li:hover {
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  transform:translateX(4px);
}
#tablet[data-skin="neo"] #reportList li.active {
  background:linear-gradient(90deg,rgba(var(--neo-accent-rgb)/.24),rgba(var(--neo-accent-rgb)/.06));
  border-left-color:var(--neo-accent);
  box-shadow:0 0 0 1px rgba(var(--neo-accent-rgb)/.35),0 0 0 4px rgba(var(--neo-accent-rgb)/.18);
}

#tablet[data-skin="neo"] .badge {
  background:rgba(255,255,255,.04);
  border:1px solid var(--neo-border);
  color:var(--neo-text-soft);
  padding:4px 10px;
  border-radius:30px;
  font-size:10.5px;
  letter-spacing:.6px;
  font-weight:600;
}
#tablet[data-skin="neo"] .badge.status-progress { background:rgba(var(--neo-accent-rgb)/.25); color:#fff; border-color:rgba(var(--neo-accent-rgb)/.5); }
#tablet[data-skin="neo"] .badge.status-closed { background:linear-gradient(135deg,var(--neo-ok),#2d7a56); color:#fff; border-color:#3fb181; }

#tablet[data-skin="neo"] .descBox {
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,0));
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:18px 20px;
  line-height:1.55;
  font-size:14.5px;
  color:var(--neo-text);
}
#tablet[data-skin="neo"] .statusChanger,
#tablet[data-skin="neo"] .quickActionsPanel,
#tablet[data-skin="neo"] .screenshotWrap {
  background:var(--neo-surface-alt);
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:16px 18px 18px;
  box-shadow:0 2px 10px -4px rgba(0,0,0,.55);
  gap:14px;
}
#tablet[data-skin="neo"] .screenshotWrap img {
  border-radius:14px;
  border:1px solid var(--neo-border-soft);
  background:#0b141c;
  transition:.35s;
}
#tablet[data-skin="neo"] .screenshotWrap img:hover { transform:scale(1.02); filter:brightness(1.08); }

#tablet[data-skin="neo"] #closeBtn {
  background:linear-gradient(135deg,var(--neo-danger),#b53b3b);
  border:1px solid #e07474;
  color:#fff;
  width:42px;
  height:42px;
  font-size:22px;
  border-radius:14px;
  box-shadow:0 6px 18px -8px rgba(222,88,88,.65);
  transition:.25s;
}
#tablet[data-skin="neo"] #closeBtn:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li { animation:listIn .45s ease both; }

#tablet[data-skin="neo"]::after {
  animation:pulseGlow 6.2s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(var(--neo-accent-rgb)/.22);
}
@media (max-width:1050px){
  #tablet[data-skin="neo"] .detailGrid { grid-template-columns:1fr; }
  #tablet[data-skin="neo"] .formSurface { grid-template-columns:1fr; }
}

body.compact #tablet[data-skin="neo"] {
  font-size:13px;
  padding:16px 18px 18px;
}
body.compact #tablet[data-skin="neo"] .badge { padding:3px 8px; font-size:9.5px; }

body.ultra #tablet[data-skin="neo"] { width: clamp(1080px, 64vw, 1620px); }

#tablet[data-skin="neo"] .miniBtn.danger:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] .listContainer,
#tablet[data-skin="neo"] .detailsContainer,
#tablet[data-skin="neo"] .myList {
  background:var(--neo-surface);
  border:1px solid var(--neo-border);
  border-radius:20px;
  box-shadow:0 4px 14px -6px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03);
}

#tablet[data-skin="neo"] .listHeader,
#tablet[data-skin="neo"] .myListHeader {
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0));
  border-bottom:1px solid var(--neo-border);
  padding:12px 14px;
}

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li {
  background:rgba(255,255,255,0);
  border-bottom:1px solid rgba(255,255,255,0.04);
  padding:14px 16px 12px;
  position:relative;
  transition:.25s;
  border-left:4px solid transparent;
  border-radius:10px;
  margin:2px 6px;
}
#tablet[data-skin="neo"] #reportList li:hover,
#tablet[data-skin="neo"] #myReportList li:hover {
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  transform:translateX(4px);
}
#tablet[data-skin="neo"] #reportList li.active {
  background:linear-gradient(90deg,rgba(var(--neo-accent-rgb)/.24),rgba(var(--neo-accent-rgb)/.06));
  border-left-color:var(--neo-accent);
  box-shadow:0 0 0 1px rgba(var(--neo-accent-rgb)/.35),0 0 0 4px rgba(var(--neo-accent-rgb)/.18);
}

#tablet[data-skin="neo"] .badge {
  background:rgba(255,255,255,.04);
  border:1px solid var(--neo-border);
  color:var(--neo-text-soft);
  padding:4px 10px;
  border-radius:30px;
  font-size:10.5px;
  letter-spacing:.6px;
  font-weight:600;
}
#tablet[data-skin="neo"] .badge.status-progress { background:rgba(var(--neo-accent-rgb)/.25); color:#fff; border-color:rgba(var(--neo-accent-rgb)/.5); }
#tablet[data-skin="neo"] .badge.status-closed { background:linear-gradient(135deg,var(--neo-ok),#2d7a56); color:#fff; border-color:#3fb181; }

#tablet[data-skin="neo"] .descBox {
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,0));
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:18px 20px;
  line-height:1.55;
  font-size:14.5px;
  color:var(--neo-text);
}
#tablet[data-skin="neo"] .statusChanger,
#tablet[data-skin="neo"] .quickActionsPanel,
#tablet[data-skin="neo"] .screenshotWrap {
  background:var(--neo-surface-alt);
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:16px 18px 18px;
  box-shadow:0 2px 10px -4px rgba(0,0,0,.55);
  gap:14px;
}
#tablet[data-skin="neo"] .screenshotWrap img {
  border-radius:14px;
  border:1px solid var(--neo-border-soft);
  background:#0b141c;
  transition:.35s;
}
#tablet[data-skin="neo"] .screenshotWrap img:hover { transform:scale(1.02); filter:brightness(1.08); }

#tablet[data-skin="neo"] #closeBtn {
  background:linear-gradient(135deg,var(--neo-danger),#b53b3b);
  border:1px solid #e07474;
  color:#fff;
  width:42px;
  height:42px;
  font-size:22px;
  border-radius:14px;
  box-shadow:0 6px 18px -8px rgba(222,88,88,.65);
  transition:.25s;
}
#tablet[data-skin="neo"] #closeBtn:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li { animation:listIn .45s ease both; }

#tablet[data-skin="neo"]::after {
  animation:pulseGlow 6.2s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(var(--neo-accent-rgb)/.22);
}
@media (max-width:1050px){
  #tablet[data-skin="neo"] .detailGrid { grid-template-columns:1fr; }
  #tablet[data-skin="neo"] .formSurface { grid-template-columns:1fr; }
}

body.compact #tablet[data-skin="neo"] {
  font-size:13px;
  padding:16px 18px 18px;
}
body.compact #tablet[data-skin="neo"] .badge { padding:3px 8px; font-size:9.5px; }

body.ultra #tablet[data-skin="neo"] { width: clamp(1080px, 64vw, 1620px); }

#tablet[data-skin="neo"] .miniBtn.danger:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] .listContainer,
#tablet[data-skin="neo"] .detailsContainer,
#tablet[data-skin="neo"] .myList {
  background:var(--neo-surface);
  border:1px solid var(--neo-border);
  border-radius:20px;
  box-shadow:0 4px 14px -6px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03);
}

#tablet[data-skin="neo"] .listHeader,
#tablet[data-skin="neo"] .myListHeader {
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0));
  border-bottom:1px solid var(--neo-border);
  padding:12px 14px;
}

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li {
  background:rgba(255,255,255,0);
  border-bottom:1px solid rgba(255,255,255,0.04);
  padding:14px 16px 12px;
  position:relative;
  transition:.25s;
  border-left:4px solid transparent;
  border-radius:10px;
  margin:2px 6px;
}
#tablet[data-skin="neo"] #reportList li:hover,
#tablet[data-skin="neo"] #myReportList li:hover {
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  transform:translateX(4px);
}
#tablet[data-skin="neo"] #reportList li.active {
  background:linear-gradient(90deg,rgba(var(--neo-accent-rgb)/.24),rgba(var(--neo-accent-rgb)/.06));
  border-left-color:var(--neo-accent);
  box-shadow:0 0 0 1px rgba(var(--neo-accent-rgb)/.35),0 0 0 4px rgba(var(--neo-accent-rgb)/.18);
}

#tablet[data-skin="neo"] .badge {
  background:rgba(255,255,255,.04);
  border:1px solid var(--neo-border);
  color:var(--neo-text-soft);
  padding:4px 10px;
  border-radius:30px;
  font-size:10.5px;
  letter-spacing:.6px;
  font-weight:600;
}
#tablet[data-skin="neo"] .badge.status-progress { background:rgba(var(--neo-accent-rgb)/.25); color:#fff; border-color:rgba(var(--neo-accent-rgb)/.5); }
#tablet[data-skin="neo"] .badge.status-closed { background:linear-gradient(135deg,var(--neo-ok),#2d7a56); color:#fff; border-color:#3fb181; }

#tablet[data-skin="neo"] .descBox {
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,0));
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:18px 20px;
  line-height:1.55;
  font-size:14.5px;
  color:var(--neo-text);
}
#tablet[data-skin="neo"] .statusChanger,
#tablet[data-skin="neo"] .quickActionsPanel,
#tablet[data-skin="neo"] .screenshotWrap {
  background:var(--neo-surface-alt);
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:16px 18px 18px;
  box-shadow:0 2px 10px -4px rgba(0,0,0,.55);
  gap:14px;
}
#tablet[data-skin="neo"] .screenshotWrap img {
  border-radius:14px;
  border:1px solid var(--neo-border-soft);
  background:#0b141c;
  transition:.35s;
}
#tablet[data-skin="neo"] .screenshotWrap img:hover { transform:scale(1.02); filter:brightness(1.08); }

#tablet[data-skin="neo"] #closeBtn {
  background:linear-gradient(135deg,var(--neo-danger),#b53b3b);
  border:1px solid #e07474;
  color:#fff;
  width:42px;
  height:42px;
  font-size:22px;
  border-radius:14px;
  box-shadow:0 6px 18px -8px rgba(222,88,88,.65);
  transition:.25s;
}
#tablet[data-skin="neo"] #closeBtn:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li { animation:listIn .45s ease both; }

#tablet[data-skin="neo"]::after {
  animation:pulseGlow 6.2s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(var(--neo-accent-rgb)/.22);
}
@media (max-width:1050px){
  #tablet[data-skin="neo"] .detailGrid { grid-template-columns:1fr; }
  #tablet[data-skin="neo"] .formSurface { grid-template-columns:1fr; }
}

body.compact #tablet[data-skin="neo"] {
  font-size:13px;
  padding:16px 18px 18px;
}
body.compact #tablet[data-skin="neo"] .badge { padding:3px 8px; font-size:9.5px; }

body.ultra #tablet[data-skin="neo"] { width: clamp(1080px, 64vw, 1620px); }

#tablet[data-skin="neo"] .miniBtn.danger:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] .listContainer,
#tablet[data-skin="neo"] .detailsContainer,
#tablet[data-skin="neo"] .myList {
  background:var(--neo-surface);
  border:1px solid var(--neo-border);
  border-radius:20px;
  box-shadow:0 4px 14px -6px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03);
}

#tablet[data-skin="neo"] .listHeader,
#tablet[data-skin="neo"] .myListHeader {
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0));
  border-bottom:1px solid var(--neo-border);
  padding:12px 14px;
}

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li {
  background:rgba(255,255,255,0);
  border-bottom:1px solid rgba(255,255,255,0.04);
  padding:14px 16px 12px;
  position:relative;
  transition:.25s;
  border-left:4px solid transparent;
  border-radius:10px;
  margin:2px 6px;
}
#tablet[data-skin="neo"] #reportList li:hover,
#tablet[data-skin="neo"] #myReportList li:hover {
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  transform:translateX(4px);
}
#tablet[data-skin="neo"] #reportList li.active {
  background:linear-gradient(90deg,rgba(var(--neo-accent-rgb)/.24),rgba(var(--neo-accent-rgb)/.06));
  border-left-color:var(--neo-accent);
  box-shadow:0 0 0 1px rgba(var(--neo-accent-rgb)/.35),0 0 0 4px rgba(var(--neo-accent-rgb)/.18);
}

#tablet[data-skin="neo"] .badge {
  background:rgba(255,255,255,.04);
  border:1px solid var(--neo-border);
  color:var(--neo-text-soft);
  padding:4px 10px;
  border-radius:30px;
  font-size:10.5px;
  letter-spacing:.6px;
  font-weight:600;
}
#tablet[data-skin="neo"] .badge.status-progress { background:rgba(var(--neo-accent-rgb)/.25); color:#fff; border-color:rgba(var(--neo-accent-rgb)/.5); }
#tablet[data-skin="neo"] .badge.status-closed { background:linear-gradient(135deg,var(--neo-ok),#2d7a56); color:#fff; border-color:#3fb181; }

#tablet[data-skin="neo"] .descBox {
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,0));
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:18px 20px;
  line-height:1.55;
  font-size:14.5px;
  color:var(--neo-text);
}
#tablet[data-skin="neo"] .statusChanger,
#tablet[data-skin="neo"] .quickActionsPanel,
#tablet[data-skin="neo"] .screenshotWrap {
  background:var(--neo-surface-alt);
  border:1px solid var(--neo-border);
  border-radius:18px;
  padding:16px 18px 18px;
  box-shadow:0 2px 10px -4px rgba(0,0,0,.55);
  gap:14px;
}
#tablet[data-skin="neo"] .screenshotWrap img {
  border-radius:14px;
  border:1px solid var(--neo-border-soft);
  background:#0b141c;
  transition:.35s;
}
#tablet[data-skin="neo"] .screenshotWrap img:hover { transform:scale(1.02); filter:brightness(1.08); }

#tablet[data-skin="neo"] #closeBtn {
  background:linear-gradient(135deg,var(--neo-danger),#b53b3b);
  border:1px solid #e07474;
  color:#fff;
  width:42px;
  height:42px;
  font-size:22px;
  border-radius:14px;
  box-shadow:0 6px 18px -8px rgba(222,88,88,.65);
  transition:.25s;
}
#tablet[data-skin="neo"] #closeBtn:hover { filter:brightness(1.06); }

#tablet[data-skin="neo"] #reportList li,
#tablet[data-skin="neo"] #myReportList li { animation:listIn .45s ease both; }

#tablet[data-skin="neo"]::after {
  animation:pulseGlow 6.2s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(var(--neo-accent-rgb)/.22);
}
@media (max-width:1050px){
  #tablet[data-skin="neo"] .detailGrid { grid-template-columns:1fr; }
  #tablet[data-skin="neo"] .formSurface { grid-template-columns:1fr; }
}

body.compact #tablet[data-skin="neo"] {
  font-size:13px;
  padding:16px 18px 18px;
}
body.compact #tablet[data-skin="neo"] .badge { padding:3px 8px; font-size:9.5px; }

body.ultra #tablet[data-skin="neo"] { width: clamp(1080px, 64vw, 1620px); }

/* Custom Select Core */
.cSel { position:relative; font-size:13px; --csel-bg:#12314f; --csel-border:#2b3f52; --csel-hover:#1e415f; --csel-accent:#3d8bff; }
.cSel .cSel-hidden { position:absolute !important; left:-9999px !important; top:-9999px !important; height:0 !important; width:0 !important; opacity:0 !important; pointer-events:none; }
.cSel-head {
  all:unset;
  box-sizing:border-box;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  background:var(--csel-bg);
  border:1px solid var(--csel-border);
  padding:10px 14px;
  border-radius:12px;
  min-height:42px;
  color:#e5eef7;
  position:relative;
  width:100%;
  font-weight:500;
  letter-spacing:.3px;
  transition:.25s;
}
.cSel-head::after {
  content:"";
  width:10px;
  height:10px;
  border:2px solid #89bdf8;
  border-top:none;
  border-left:none;
  transform:rotate(45deg);
  transition:.35s;
  margin-left:auto;
  opacity:.75;
}
.cSel:hover .cSel-head { background:#162f47; border-color:#396089; }
.cSel-head:focus-visible { outline:2px solid var(--csel-accent); outline-offset:2px; }
.cSel.cSel-open .cSel-head { border-color:var(--csel-accent); background:#16334e; box-shadow:0 0 0 2px rgba(61,139,255,.35); }
.cSel.cSel-open .cSel-head::after { transform:rotate(225deg); }

.cSel-list {
  position:absolute;
  z-index:40;
  top:100%;
  left:0;
  right:0;
  background:#0f2233;
  border:1px solid var(--csel-border);
  border-radius:14px;
  margin-top:6px;
  max-height:260px;
  overflow:auto;
  padding:6px;
  display:none;
  box-shadow:0 14px 36px -10px rgba(0,0,0,.65), 0 4px 12px -3px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.05);
  animation:cSelIn .28s cubic-bezier(.45,.15,.18,.95);
  backdrop-filter:blur(6px);
}
@keyframes cSelIn { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.cSel-open .cSel-list { display:block; }

.cSel-option {
  list-style:none;
  padding:10px 12px 9px;
  border-radius:10px;
  font-size:13px;
  letter-spacing:.25px;
  cursor:pointer;
  position:relative;
  color:#d6e5f4;
  transition:.18s;
  display:flex;
  align-items:center;
  gap:8px;
}
.cSel-option:hover,
.cSel-option.hover { background:linear-gradient(135deg,rgba(61,139,255,.22),rgba(61,139,255,.06)); }
.cSel-option.selected {
  background:linear-gradient(135deg,rgba(61,139,255,.35),rgba(61,139,255,.12));
  box-shadow:0 0 0 1px rgba(61,139,255,.45);
  font-weight:600;
}
.cSel-option.selected::before {
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,#6fb3ff,#3d8bff);
  box-shadow:0 0 0 3px rgba(61,139,255,.35);
}

.cSel-option:active { transform:translateY(1px); }

.cSel-list::-webkit-scrollbar { width:10px; }
.cSel-list::-webkit-scrollbar-track { background:#0d1823; border-radius:12px; }
.cSel-list::-webkit-scrollbar-thumb { background:#203e55; border-radius:10px; }
.cSel-list::-webkit-scrollbar-thumb:hover { background:#2c5774; }

/* Neo skin overrides */
#tablet[data-skin="neo"] .cSel { --csel-bg:rgba(26,36,48,.55); --csel-border:#2b3f52; --csel-hover:#32475c; --csel-accent:#3d8bff; }
#tablet[data-skin="neo"] .cSel-head {
  background:var(--csel-bg);
  border:1px solid var(--csel-border);
  backdrop-filter:blur(4px);
  font-size:13px;
}
#tablet[data-skin="neo"] .cSel:hover .cSel-head { background:rgba(40,56,70,.6); border-color:#3b556d; }
#tablet[data-skin="neo"] .cSel.cSel-open .cSel-head { background:rgba(48,68,85,.75); }
#tablet[data-skin="neo"] .cSel-list {
  background:linear-gradient(140deg,rgba(26,36,48,.92),rgba(26,36,48,.82));
  border:1px solid #2b3f52;
  box-shadow:0 12px 34px -10px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.04);
}
#tablet[data-skin="neo"] .cSel-option { font-size:12.8px; }
#tablet[data-skin="neo"] .cSel-option.selected {
  background:linear-gradient(135deg,rgba(61,139,255,.42),rgba(61,139,255,.16));
  box-shadow:0 0 0 1px rgba(61,139,255,.55), 0 0 0 4px rgba(61,139,255,.2);
}
#tablet[data-skin="neo"] .cSel-option:hover { background:linear-gradient(135deg,rgba(61,139,255,.28),rgba(61,139,255,.08)); }

/* Accessibility: reduced motion */
@media (prefers-reduced-motion:reduce){
  .cSel-list, .cSel-option, .cSel-head { transition:none !important; animation:none !important; }
}

#tablet,
#tablet * {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.cSel-head,
#tablet[data-skin="neo"] .cSel-head,
.cSel-list,
#tablet[data-skin="neo"] .cSel-list {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.cSel-head::after {
  display:none !important;
}

#tablet::after,
#tablet[data-skin="neo"]::after {
  animation:none !important;
  box-shadow:none !important;
}