/* Hawk Eye v6.9 — App Detail Related Apps + Report Console */

/* ===== Related apps: compact version of the homepage application identity ===== */
.hk-body .app-detail-v26 .app-related-section{
  position:relative;
  overflow:hidden;
  padding:26px!important;
  border:1px solid rgba(139,92,246,.18)!important;
  border-radius:0!important;
  clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))!important;
  background:
    radial-gradient(circle at 10% 0,rgba(104,218,255,.07),transparent 28%),
    radial-gradient(circle at 90% 100%,rgba(255,95,83,.06),transparent 30%),
    linear-gradient(145deg,#0d1123,#090c19 72%,#150d1c)!important;
}
.hk-body .app-detail-v26 .app-related-section:before{
  content:"";position:absolute;top:0;right:28px;width:130px;height:2px;
  background:linear-gradient(90deg,#67d9ff,#8b5cf6,#ff6656);box-shadow:0 0 18px rgba(139,92,246,.18)
}
.hk-body .app-detail-v26 .app-related-head{align-items:flex-end!important;margin-bottom:18px!important}
.hk-body .app-detail-v26 .app-related-head .section-title{margin:0!important}
.hk-body .app-detail-v26 .app-related-head .section-title h2{font-size:34px!important;line-height:1.05!important;margin:6px 0 7px!important;color:#fff!important}
.hk-body .app-detail-v26 .app-related-head .section-title p{font-size:12px!important;color:#929ab3!important;max-width:680px!important}
.hk-body .app-detail-v26 .app-related-head .kicker{color:#71dcff!important;font-size:10px!important;font-weight:900!important}
.hk-body .app-detail-v26 .app-related-all,
.hk-body .app-detail-v26 .app-related-mobile-all a{
  min-height:44px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;
  color:#fff!important;font-size:11px!important;font-weight:900!important;
  border:1px solid rgba(139,92,246,.22);background:linear-gradient(120deg,rgba(20,23,45,.96),rgba(32,20,50,.92));
  clip-path:polygon(0 9px,9px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);
}
.hk-body .app-detail-v26 .app-related-all:hover{border-color:rgba(255,96,77,.35);transform:translateY(-2px)}
.hk-body .app-detail-v26 .app-related-track{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important
}
.hk-body .app-detail-v26 .app-related-card{
  position:relative;min-width:0;overflow:hidden;padding:14px!important;
  display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:11px 12px!important;
  border:1px solid rgba(139,92,246,.16)!important;border-radius:0!important;
  clip-path:polygon(0 13px,13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px))!important;
  background:linear-gradient(145deg,rgba(17,20,41,.98),rgba(8,10,22,.99) 68%,rgba(24,10,28,.96))!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important
}
.hk-body .app-detail-v26 .app-related-card:before{
  content:"";position:absolute;top:0;left:16px;width:66px;height:2px;background:linear-gradient(90deg,#8b5cf6,#ff6252);opacity:.85
}
.hk-body .app-detail-v26 .app-related-card:hover{transform:translateY(-4px);border-color:rgba(151,104,255,.38)!important;box-shadow:0 22px 50px rgba(1,3,12,.26)}
.hk-body .app-detail-v26 .app-related-icon{
  grid-column:1;grid-row:1/3;width:88px!important;height:88px!important;padding:5px!important;border-radius:0!important;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  background:linear-gradient(145deg,#7450b6,#ff6656)!important;box-shadow:0 14px 30px rgba(0,0,0,.18)
}
.hk-body .app-detail-v26 .app-related-icon img{width:100%;height:100%;object-fit:cover;border-radius:0!important;clip-path:inherit;background:#fff}
.hk-body .app-detail-v26 .app-related-copy{grid-column:2;grid-row:1;min-width:0;padding-top:2px}
.hk-body .app-detail-v26 .app-related-ready{display:inline-flex;align-items:center;gap:5px;color:#63e2a2!important;font-size:8.5px!important;font-weight:900!important}
.hk-body .app-detail-v26 .app-related-ready i{width:6px;height:6px;border-radius:50%;background:#59dda0;box-shadow:0 0 0 4px rgba(89,221,160,.09)}
.hk-body .app-detail-v26 .app-related-copy h3{margin:5px 0 0!important;color:#fff!important;font-size:15px!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-body .app-detail-v26 .app-related-copy p{display:none!important}
.hk-body .app-detail-v26 .app-related-meta{grid-column:2;grid-row:2;display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:5px!important;align-self:end}
.hk-body .app-detail-v26 .app-related-meta span{padding:6px 7px!important;border-radius:0!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(139,92,246,.10)!important;min-width:0}
.hk-body .app-detail-v26 .app-related-meta small{font-size:7px!important;color:#6f7690!important}
.hk-body .app-detail-v26 .app-related-meta b{font-size:8px!important;color:#d7d5e5!important}
.hk-body .app-detail-v26 .app-related-actions{grid-column:1/-1;grid-row:3;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important;margin-top:2px}
.hk-body .app-detail-v26 .app-related-primary,
.hk-body .app-detail-v26 .app-related-download{
  min-height:40px!important;border-radius:0!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%,6px 50%)
}
.hk-body .app-detail-v26 .app-related-primary{background:linear-gradient(95deg,#7d3df0,#9a4df0 50%,#ff6250)!important;color:#fff!important;box-shadow:0 10px 25px rgba(124,58,237,.16)}
.hk-body .app-detail-v26 .app-related-download{border:1px solid rgba(139,92,246,.17)!important;color:#fff!important;background:rgba(8,10,20,.72)!important}
.hk-body .app-detail-v26 .app-related-primary:hover,.hk-body .app-detail-v26 .app-related-download:hover{filter:brightness(1.08)}
.hk-body .app-detail-v26 .app-related-mobile-all{display:none!important}

/* ===== Report Console ===== */
.hk-body .app-detail-v26 .report-card-v375{
  position:relative;overflow:hidden;padding:26px!important;border-radius:0!important;
  clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))!important;
  border:1px solid rgba(139,92,246,.18)!important;
  background:radial-gradient(circle at 100% 0,rgba(125,61,240,.10),transparent 30%),linear-gradient(145deg,#0c1122,#0a0d1a 72%,#120d1c)!important
}
.hk-body .app-detail-v26 .report-card-v375:before{content:"";position:absolute;top:0;right:24px;left:24px;height:2px;background:linear-gradient(90deg,transparent,#67d9ff 12%,#8b5cf6 50%,#ff6250 88%,transparent)}
.hk-body .app-detail-v26 .report-head-v375{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:22px!important;align-items:center!important;margin-bottom:18px!important}
.hk-body .app-detail-v26 .report-heading-v375{position:relative;padding-inline-start:16px}
.hk-body .app-detail-v26 .report-heading-v375:before{content:"";position:absolute;inset-inline-start:0;top:4px;width:3px;height:60px;background:linear-gradient(180deg,#67d9ff,#8b5cf6,#ff6250);box-shadow:0 0 16px rgba(139,92,246,.16)}
.hk-body .app-detail-v26 .report-kicker-v375{color:#70dfff!important;font-size:10px!important;font-weight:900!important}
.hk-body .app-detail-v26 .report-heading-v375 h2{font-size:34px!important;line-height:1.08!important;margin:6px 0 7px!important;color:#fff!important}
.hk-body .app-detail-v26 .report-heading-v375 p{font-size:12px!important;line-height:1.8!important;color:#949bb3!important;max-width:720px!important;margin:0!important}
.hk-body .app-detail-v26 .report-app-chip-v375{min-width:180px;padding:10px 12px!important;border-radius:0!important;clip-path:polygon(0 11px,11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%);background:rgba(14,18,35,.82)!important;border:1px solid rgba(139,92,246,.16)!important}
.hk-body .app-detail-v26 .report-app-chip-v375 img{width:44px!important;height:44px!important;border-radius:10px!important;object-fit:cover}
.hk-body .app-detail-v26 .report-app-chip-v375 small{color:#6f7892!important;font-size:8px!important}.hk-body .app-detail-v26 .report-app-chip-v375 b{color:#fff!important;font-size:11px!important}
.hk-body .app-detail-v26 .report-form-v375{padding:18px!important;border:1px solid rgba(139,92,246,.12)!important;background:linear-gradient(145deg,rgba(13,17,32,.86),rgba(8,11,23,.94))!important;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))}
.hk-body .app-detail-v26 .report-grid-v375{gap:12px!important}
.hk-body .app-detail-v26 .report-field-v375>span{font-size:9px!important;font-weight:900!important;color:#cbd0e0!important;margin-bottom:6px!important}
.hk-body .app-detail-v26 .report-field-v375 em{color:#68dda2!important}.hk-body .app-detail-v26 .report-field-v375 em.optional{color:#818aa4!important}
.hk-body .app-detail-v26 .report-control-v375{min-height:48px!important;border-radius:0!important;background:#090c19!important;border:1px solid rgba(139,92,246,.13)!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease!important}
.hk-body .app-detail-v26 .report-control-v375:focus-within{border-color:rgba(112,218,255,.44)!important;box-shadow:0 0 0 3px rgba(103,217,255,.05)!important}
.hk-body .app-detail-v26 .report-control-v375 svg{stroke:#8d6bff!important;opacity:.9}
.hk-body .app-detail-v26 .report-control-v375 input,.hk-body .app-detail-v26 .report-control-v375 select,.hk-body .app-detail-v26 .report-control-v375 textarea{color:#f5f4fb!important;background:transparent!important;font-size:11px!important}
.hk-body .app-detail-v26 .report-control-v375 input::placeholder,.hk-body .app-detail-v26 .report-control-v375 textarea::placeholder{color:#626a82!important}
.hk-body .app-detail-v26 .report-message-v375{min-height:142px!important;align-items:stretch!important}.hk-body .app-detail-v26 .report-message-v375 textarea{min-height:140px!important;padding:14px!important;resize:vertical}
.hk-body .app-detail-v26 .human-check-v375{margin-top:12px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(160px,220px)!important;gap:12px!important;align-items:center!important;padding:12px 14px!important;border-radius:0!important;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:linear-gradient(90deg,rgba(17,26,48,.95),rgba(16,20,38,.95))!important;border:1px solid rgba(103,217,255,.11)!important}
.hk-body .app-detail-v26 .human-check-icon-v375{width:38px!important;height:38px!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(61,202,169,.17),rgba(103,217,255,.08))!important;color:#68dda2!important}
.hk-body .app-detail-v26 .human-check-copy-v375 span{font-size:8px!important;color:#7f8aa5!important}.hk-body .app-detail-v26 .human-code-v376{font:900 20px/1.1 monospace!important;letter-spacing:.24em!important;color:#fff!important}
.hk-body .app-detail-v26 .human-answer-v375{min-height:42px!important;border-radius:0!important;background:#080b17!important;border:1px solid rgba(139,92,246,.13)!important;color:#fff!important}.hk-body .app-detail-v26 .human-answer-v375 input{color:#fff!important}
.hk-body .app-detail-v26 .report-submit-row-v375{margin-top:12px!important;display:flex!important;justify-content:flex-start!important}
.hk-body .app-detail-v26 .report-submit-v375{min-width:210px!important;min-height:48px!important;border-radius:0!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);background:linear-gradient(95deg,#7b3df0,#9d4df0 50%,#ff6250)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;border:0!important;box-shadow:0 14px 30px rgba(124,58,237,.18)!important}
.hk-body .app-detail-v26 .report-submit-v375:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* ===== Light mode equivalents ===== */
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-section,
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-card-v375{
  background:radial-gradient(circle at 10% 0,rgba(103,217,255,.08),transparent 30%),linear-gradient(145deg,#fbfcff,#f2f4fb 72%,#fff7f6)!important;
  border-color:rgba(94,70,162,.14)!important
}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-head .section-title h2,
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-heading-v375 h2{color:#171d32!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-head .section-title p,
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-heading-v375 p{color:#687187!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-card{background:linear-gradient(145deg,#fff,#f7f7fc 70%,#fff8f6)!important;border-color:rgba(94,70,162,.13)!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-copy h3{color:#151b2f!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-meta span{background:#f8f9fd!important;border-color:rgba(94,70,162,.10)!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-meta b{color:#333b52!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .app-related-download{background:#f4f5fa!important;color:#22293d!important;border-color:rgba(94,70,162,.14)!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-app-chip-v375{background:#fff!important;border-color:rgba(94,70,162,.13)!important}html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-app-chip-v375 b{color:#171d32!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-form-v375{background:linear-gradient(145deg,#f9faff,#f4f5fb)!important;border-color:rgba(94,70,162,.11)!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-field-v375>span{color:#343d55!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-control-v375{background:#fff!important;border-color:rgba(94,70,162,.13)!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-control-v375 input,
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-control-v375 select,
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .report-control-v375 textarea{color:#171d32!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .human-check-v375{background:linear-gradient(90deg,#edf7f8,#f4f2fb)!important;border-color:rgba(63,176,191,.13)!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .human-code-v376{color:#172035!important}
html[data-hawk-theme="light"] .hk-body .app-detail-v26 .human-answer-v375{background:#fff!important;color:#171d32!important;border-color:rgba(94,70,162,.13)!important}html[data-hawk-theme="light"] .hk-body .app-detail-v26 .human-answer-v375 input{color:#171d32!important}

@media(max-width:1120px){
  .hk-body .app-detail-v26 .app-related-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .hk-body .app-detail-v26 .app-related-section,.hk-body .app-detail-v26 .report-card-v375{padding:16px!important}
  .hk-body .app-detail-v26 .app-related-head{display:grid!important;gap:10px!important;align-items:start!important}
  .hk-body .app-detail-v26 .app-related-all{justify-self:start!important}
  .hk-body .app-detail-v26 .app-related-head .section-title h2,.hk-body .app-detail-v26 .report-heading-v375 h2{font-size:26px!important}
  .hk-body .app-detail-v26 .app-related-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .hk-body .app-detail-v26 .app-related-card{padding:10px!important;grid-template-columns:58px minmax(0,1fr)!important;gap:7px!important}
  .hk-body .app-detail-v26 .app-related-icon{width:58px!important;height:58px!important;padding:3px!important}
  .hk-body .app-detail-v26 .app-related-copy h3{font-size:12px!important}.hk-body .app-detail-v26 .app-related-ready{font-size:7px!important}
  .hk-body .app-detail-v26 .app-related-meta{grid-template-columns:1fr!important}.hk-body .app-detail-v26 .app-related-meta span.is-bundle{display:none!important}
  .hk-body .app-detail-v26 .app-related-actions{grid-template-columns:1fr 34px!important;gap:5px!important}.hk-body .app-detail-v26 .app-related-primary,.hk-body .app-detail-v26 .app-related-download{min-height:34px!important;font-size:8px!important}
  .hk-body .app-detail-v26 .report-head-v375{grid-template-columns:1fr!important;gap:12px!important}.hk-body .app-detail-v26 .report-app-chip-v375{justify-self:start!important;min-width:160px}
  .hk-body .app-detail-v26 .report-form-v375{padding:12px!important}.hk-body .app-detail-v26 .report-grid-v375{grid-template-columns:1fr!important}
  .hk-body .app-detail-v26 .human-check-v375{grid-template-columns:auto 1fr!important}.hk-body .app-detail-v26 .human-answer-v375{grid-column:1/-1!important;width:100%!important}
  .hk-body .app-detail-v26 .report-submit-v375{width:100%!important;min-width:0!important}
}
