/* DVL v0.12 — Mobile Lens Sheet */
@media (max-width:820px){
  body.dvl-sheet-open{overflow:hidden}
  .mobile-lens-trigger{position:absolute;right:8px;bottom:10px;z-index:32;height:38px;min-width:92px;padding:0 12px;border:1px solid #5b4c19;border-radius:999px;background:linear-gradient(180deg,#211d0d,#17150d);color:#f1cc5e;font-size:10px;font-weight:850;box-shadow:0 12px 32px rgba(0,0,0,.34)}
  .mobile-lens-trigger:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#f0be24;margin-right:7px;vertical-align:1px}
  .mobile-lens-backdrop{display:none;position:fixed;inset:0;z-index:108;background:rgba(0,0,0,.52);backdrop-filter:blur(2px)}
  .mobile-lens-backdrop.show{display:block}
  .lens{display:flex!important;position:fixed!important;left:0;right:0;bottom:0;top:auto!important;width:100%!important;max-width:none!important;height:min(78dvh,720px)!important;min-height:0!important;z-index:110;border:1px solid #2a3036;border-bottom:0;border-radius:20px 20px 0 0;background:#0d1013;transform:translateY(calc(100% + 12px));transition:transform .24s ease;box-shadow:0 -24px 70px rgba(0,0,0,.52);overflow:hidden}
  .lens.mobile-sheet-open{transform:translateY(0)}
  .lens.collapsed{display:flex!important}
  .lens-head{height:52px;min-height:52px;padding:12px 14px 8px;position:relative;border-bottom:1px solid #22282e}
  .lens-head:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:99px;background:#343b42}
  .lens-title{font-size:11px;margin-top:5px}.lens-head .icon-btn{width:34px;height:30px;font-size:15px}
  .lens-body{padding:10px 10px calc(18px + env(safe-area-inset-bottom));gap:8px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .context-card{padding:12px;border-radius:12px}.context-card h2{font-size:17px}.context-card p{font-size:10px}
  .context-score{margin-top:10px;padding-top:9px}.score{font-size:24px}
  .mini-metrics{grid-template-columns:1fr 1fr;gap:6px}.mini{padding:8px}.mini span{font-size:7px}.mini b{font-size:10px}
  .why{padding-left:9px}.why b,.why p{font-size:9px}
  .lens-actions{grid-template-columns:1fr 1fr;gap:6px}.btn{padding:10px 8px;font-size:9px}
  .activity{display:none}
  #decisionJournal,#scenarioBridgeCard,#executionGuard,#sessionLensCard,#readinessLens{margin-top:0!important}
  .journal-card,.bridge-card,.execution-guard,.session-lens,.readiness-lens{border-radius:10px!important}
}
@media (max-width:390px){
  .lens{height:82dvh!important;border-radius:18px 18px 0 0}
  .mobile-lens-trigger{height:36px;min-width:86px;font-size:9px}
}