/* SUPERAI_TELEGRAM_V28: Tek ekran, ekran üzerindeki gerçek bağlantılara doğrudan dokun. */
.browser-launch{background:#19362e;border:1px solid #3b6857;color:#c6f4db;border-radius:100px;font-size:12px;padding:9px 12px;font-weight:650;cursor:pointer;white-space:nowrap}
.browser-panel[hidden]{display:none!important}
.browser-panel{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;background:#071118;color:#e7f2ef;font-family:inherit;overscroll-behavior:contain}
.browser-top{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid #233943;box-sizing:border-box;flex-shrink:0}
.browser-brand{display:flex;align-items:center;gap:11px;min-width:0}.browser-live-dot{width:9px;height:9px;border-radius:50%;background:#8be0bd;box-shadow:0 0 0 5px rgba(139,224,189,.08);flex-shrink:0}
.browser-brand strong{font-size:16px;font-weight:750;display:block;line-height:1.3}.browser-brand small{display:block;color:#91aaa9;font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#browserClose{background:#223139;border:1px solid #344c53;border-radius:12px;min-width:43px;min-height:43px;color:#f5f8f7;font-size:25px;cursor:pointer}
.browser-layout{min-height:0;flex:1;max-width:650px;width:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding:3px 8px max(5px,env(safe-area-inset-bottom));box-sizing:border-box;gap:5px}
.browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:1px 5px;color:#a4c9bd;font-size:12px;flex-shrink:0}
#browserStatus{overflow-wrap:anywhere;line-height:1.3}#browserRefresh{border:1px solid #3c665b;border-radius:9px;background:#1b3734;color:#b9eed9;padding:7px 12px;font-size:12px;white-space:nowrap}
.browser-screen-outer{background:#101d25;width:100%;min-height:0;flex:1 1 0;max-height:100%;margin:0 auto;position:relative;border:1px solid #35515a;border-radius:12px;overflow:hidden;box-shadow:0 3px 15px #0004;touch-action:none;overscroll-behavior:contain;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.browser-screen-outer img{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-drag:none}
.browser-screen-outer img[hidden]{display:none!important}
.browser-placeholder{position:absolute;left:0;right:0;top:42%;font-size:14px;color:#b1c8c4;text-align:center;padding:12px}
.browser-tap-marker{position:absolute;pointer-events:none;width:23px;height:23px;transform:translate(-50%,-50%);border:2px solid #80dfbe;box-shadow:0 0 0 7px #64e4b61f;border-radius:50%;transition:opacity .3s}
.browser-diagnostic{flex-shrink:0;font-size:12px;color:#ffd0a8;line-height:1.5;padding:0 5px;overflow-wrap:anywhere}
.browser-compose{flex-shrink:0;background:#11252b;border:1px solid #396960;border-radius:13px;padding:9px 11px;display:grid;gap:5px}
.browser-compose[hidden]{display:none!important}.browser-compose label{font-size:12px;color:#b1ecda;font-weight:650}
.browser-compose small{font-size:10px;color:#9eb6b8;line-height:1.4}
.browser-input-row{display:flex;gap:7px}.browser-input-row input{flex:1;min-width:0;min-height:43px;background:#0e1c25;border:1px solid #48645d;border-radius:10px;color:#f4faf9;padding:0 11px;font-size:16px;outline:none}
.browser-input-row input:focus{border-color:#9fe8c9;box-shadow:0 0 0 2px #6bc3a229}.browser-input-row button{border:0;border-radius:10px;background:#9cdec3;color:#0e2b25;padding:0 15px;font-weight:800;font-size:14px;min-width:68px}
.browser-mini-actions{display:flex;justify-content:center;gap:5px;flex-wrap:nowrap;flex-shrink:0;overflow-x:auto;min-height:34px}
.browser-mini-actions button,.browser-actions button{background:#172d32;border:1px solid #34535a;color:#c3ded9;border-radius:10px;font-size:11px;min-height:32px;padding:6px 9px;cursor:pointer;flex-shrink:0}
.browser-advanced{flex-shrink:0;margin-top:1px;border-top:1px solid #263a3f;padding:5px 5px;max-height:32vh;overflow:auto}.browser-advanced summary{color:#9dc6ba;font-size:12px;cursor:pointer}.browser-advanced p{font-size:11px;color:#9facb0;line-height:1.5}.browser-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.browser-actions button{min-height:38px}
.browser-privacy{font-size:10px;color:#91a9ad;line-height:1.25;margin:0;padding:0 5px;flex-shrink:0}
.browser-ephemeral{background:#132329;border:1px solid #47655c;border-radius:17px;padding:14px;margin:18px 12px;display:grid;gap:10px;min-width:0}.browser-ephemeral strong{color:#b6ebd3;font-size:14px}.browser-ephemeral p{font-size:12px;color:#b1c3c6;line-height:1.5;margin:0}
.browser-chat-image{width:min(100%,340px);height:auto;max-height:540px;object-fit:contain;border-radius:12px;background:#f4f5f5}.browser-ephemeral button{justify-self:start;background:#23483f;color:#e5fff5;border:1px solid #59796a;padding:9px 15px;border-radius:99px}
@media(max-width:430px){.topbar .browser-launch{width:36px;min-width:36px;height:36px;padding:0;font-size:0;line-height:1}.topbar .browser-launch::after{content:'◉';font-size:19px}}

@media(prefers-reduced-motion:reduce){.browser-tap-marker{transition:none}}

/* Android keyboard may shrink the visual viewport; prioritize the typing field. */
@media(max-height:560px){
  .browser-top{min-height:44px;padding:5px 12px}
  .browser-toolbar{min-height:27px}
  .browser-layout{gap:3px;padding-bottom:3px}
  .browser-privacy,.browser-advanced,.browser-mini-actions{display:none}
  .browser-compose{padding:5px 8px}
  .browser-compose small{display:none}
  .browser-input-row input{min-height:42px}
}