/* #714: Telegram as an opt-in app inside the #202/#383 phone renderer. */
.tgp__app {height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;color:#233d50;font:400 .8rem/1.45 Inter,Arial,sans-serif}
.tgp__app * {box-sizing:border-box}
.tgp__app button,.tgp__app input{font:inherit}
.tgp__app button{cursor:pointer}
.tgp__app button:focus-visible,.tgp__app input:focus-visible{outline:3px solid #f1c96e;outline-offset:2px}
.tgp__head{display:flex;align-items:center;gap:.48rem;min-height:3.1rem;flex:0 0 auto;padding:.42rem .65rem;background:#488fbc;color:#fff}
.tgp__head strong{color:#fff;font-size:.9rem}
.tgp__head .tgp__back{padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:1.65rem!important;line-height:1;width:2rem;flex:0 0 2rem}
.tgp__person{display:flex;flex-direction:column;gap:.09rem;min-width:0}
.tgp__person strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgp__person small{font-size:.6rem;color:#dceefa}
.tgp__avatar{width:2.2rem;height:2.2rem;display:grid;place-items:center;flex:0 0 auto;background:#9270ca;color:#fff;border-radius:100%;font-weight:800;font-size:.66rem}
.tgp__search{margin:.6rem;padding:.5rem .75rem;color:#8ca2ae;border-radius:20px;background:#f2f6f9}
.tgp__subtitle{padding:.42rem .75rem;font-weight:750;color:#4d8bb5;font-size:.7rem;background:#f6f9fb}
.tgp__chat{display:flex;align-items:center;width:100%;text-align:left;padding:.65rem;gap:.55rem;border:0;border-bottom:1px solid #e5edf2;background:#fff;color:#223a4b}
.tgp__chat span:not(.tgp__avatar){display:flex;flex-direction:column;min-width:0}
.tgp__chat strong{font-size:.79rem;line-height:1.35}
.tgp__chat small{color:#7a8d98;font-size:.69rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tgp__chat:hover,.tgp__plain:hover{background:#edf6fa}
.tgp__quick{display:flex;gap:.4rem;margin:.75rem}
.tgp__plain{background:#fff;border:1px solid #c7dce7;padding:.62rem .8rem;border-radius:8px;color:#206b8e;flex:1;text-align:center}
.tgp__wall{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:.5rem;padding:.65rem;background:#d9e8df;
  background-image:radial-gradient(circle at 20px 40px,#ffffff50 1px,transparent 3px);background-size:65px 75px}
.tgp__date{align-self:center;padding:.15rem .55rem;background:#86aaa2;color:#fff;border-radius:20px;font-size:.61rem}
.tgp__notice{background:#7ca99d;color:#fff;align-self:center;text-align:center;padding:.32rem .55rem;border-radius:8px;font-size:.63rem}
.tgp__bubble{max-width:91%;min-width:0;padding:.43rem .57rem;display:flex;flex-direction:column;gap:.12rem;border-radius:10px;overflow-wrap:anywhere;box-shadow:0 1px 2px #0001}
.tgp__bubble.is-out{align-self:flex-end;background:#dcf5ce;border-bottom-right-radius:3px}
.tgp__bubble.is-in{align-self:flex-start;background:#fff;border-bottom-left-radius:3px}
.tgp__bubble small{align-self:flex-end;font-size:.58rem;color:#668c9b}
.tgp__empty{font-size:.72rem;color:#628477;text-align:center}
.tgp__form{display:flex;flex:0 0 auto;gap:.3rem;align-items:center;padding:.38rem .45rem;background:#fff;border-top:1px solid #dce4e9}
.tgp__form input{flex:1;min-width:0;width:100px;padding:.5rem .45rem;border:0!important;color:#213d4d;background:#f6f9fa;border-radius:12px}
.tgp__form button{background:#4797c4;border:0;color:#fff;width:2.15rem;height:2.15rem;border-radius:100%;display:grid;place-items:center}
.tgp__profile{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem .55rem;background:#f5f9fb}
.tgp__profile strong{font-size:1rem}
.tgp__profile small{font-size:.73rem;color:#5c8298}
.tgp__info{padding:1rem .7rem;font-size:.77rem}
.tgp-pair{--ifd-ink:#16354a;max-width:1250px;margin:auto;font-family:Inter,Arial,sans-serif}
.tgp-pair header{padding:1rem 1.3rem;color:#eaf8fc;background:#0d2a41;border-radius:12px 12px 0 0}
.tgp-pair header strong{font-size:1.15rem;color:#fff}
.tgp-pair header p{font-size:.83rem;line-height:1.45;margin:.4rem 0 0}
.tgp-pair__devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:.8rem;background:#f1f6f9}
.tgp-pair__devices section{min-width:0;display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #d8e4eb;border-radius:10px;padding:.55rem}
.tgp-pair__devices h2{font-size:1rem;text-align:center;margin:.2rem 0 .4rem;color:#153d56}
.tgp-pair__devices iframe{height:min(78dvh,760px);min-height:540px;border:0;width:100%;background:#e6eff4}
.tgp-pair__devices a{padding:.5rem;color:#11688a;text-align:center;font-size:.77rem;font-weight:750}
.tgp-pair__foot{font-size:.78rem;color:#35576c;padding:.6rem .8rem}
.ifd-phone-world-nav{padding:.5rem .75rem;font-size:.77rem}
body.ifd-phone-embedded{height:100dvh;overflow:hidden;background:#e6eff4}
body.ifd-phone-embedded .md-header,body.ifd-phone-embedded .md-tabs,
body.ifd-phone-embedded .md-sidebar,body.ifd-phone-embedded .md-footer,
body.ifd-phone-embedded .ifd-modebar,body.ifd-phone-embedded .ifd-phone-world-nav{display:none!important}
body.ifd-phone-embedded .md-main,body.ifd-phone-embedded .md-main__inner,
body.ifd-phone-embedded .md-content,body.ifd-phone-embedded .md-content__inner{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden}
body.ifd-phone-embedded #ifd-phone-explorer{height:100%;max-height:100%;overflow:hidden}
body.ifd-phone-embedded .phone-explorer-shell{height:100%;min-height:0;display:block;overflow:hidden}
body.ifd-phone-embedded .phone-controls,body.ifd-phone-embedded .phone-network-observations{display:none!important}
body.ifd-phone-embedded .phone-stage{height:100%;padding:.25rem;min-height:0;overflow:hidden;display:grid;place-items:center}
body.ifd-phone-embedded .phone-device{height:100%;max-height:100%;min-height:0;margin:0 auto}
body.ifd-phone-embedded .phone-display{height:calc(100% - 1.1rem);min-height:0;max-height:none}
body.ifd-phone-embedded .phone-screen{min-height:0}
@media(max-width:770px){.tgp-pair__devices{grid-template-columns:1fr}.tgp-pair__devices iframe{height:72dvh}}

/* Side-by-side machine review: no site chrome across the actual handsets. */
body:has(.tgp-pair) .md-header,
body:has(.tgp-pair) .md-tabs,
body:has(.tgp-pair) .md-sidebar,
body:has(.tgp-pair) .ifd-modebar {display:none!important}
body:has(.tgp-pair) .md-main__inner,
body:has(.tgp-pair) .md-content,
body:has(.tgp-pair) .md-content__inner {max-width:none;width:100%}
body:has(.tgp-pair) .md-content__inner>h1{display:none!important}
body.ifd-phone-embedded .md-content__inner>h1,
body.ifd-phone-embedded h1 {display:none!important}
body.ifd-phone-embedded .md-content__inner:before,
body.ifd-phone-embedded .md-content__inner:after {display:none!important}

body:has(.tgp-pair) .md-main,
body:has(.tgp-pair) .md-main__inner,
body:has(.tgp-pair) .md-content,
body:has(.tgp-pair) .md-content__inner,
body:has(.tgp-pair) #ifd-main-content{
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 box-sizing:border-box!important
}
body:has(.tgp-pair) h1{display:none!important}
body:has(.tgp-pair){overflow-x:clip}

/* Scoped iPhone polish and shorter standalone review entry, preserving old fixtures. */
body:has(#ifd-phone-explorer[data-manifest*="tg714"]) #ifd-main-content>h1,
body:has(#ifd-phone-explorer[data-manifest*="tg714"]) .md-content__inner>h1 {display:none!important}
body:has(#ifd-phone-explorer[data-manifest*="tg714-ravi"]) .phone-device.is-ios .phone-system-nav{
  height:2.5rem;min-height:2.5rem;padding:.15rem .7rem;background:#f8f8fb
}
body:has(#ifd-phone-explorer[data-manifest*="tg714-ravi"]) .phone-device.is-ios .phone-system-nav button{
  min-height:2rem;padding:.17rem .35rem;font-size:.74rem;color:#1672b2;background:transparent;border:0
}
body:has(#ifd-phone-explorer[data-manifest*="tg714-ravi"]) .phone-device.is-ios .phone-system-nav button[data-action="home"]{
  width:4.4rem;height:.24rem;min-height:.24rem;padding:0!important;
  font-size:0!important;border-radius:12px;background:#283e48!important
}