/* Panoul online (9 nov): bara „online” de sus + panourile de acasă făcute pentru telefon. */
#tk-bara{position:sticky;top:0;z-index:9999;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 10px;
  background:#13294B;color:#fff;font:600 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif}
#tk-bara a,#tk-bara button{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:8px;
  padding:6px 10px;text-decoration:none;font:inherit;cursor:pointer;min-height:34px}
#tk-bara .tk-pc{padding:4px 8px;border-radius:99px;background:#2E7D4F}
#tk-bara .tk-pc.oprit{background:#C0392B}
#tk-bara .tk-sp{flex:1}
#tk-copie{background:#B7861B;color:#fff;padding:6px 10px;font:600 13px system-ui,sans-serif}

/* pagini simple (intrarea, Claude, mesaje) */
body.tk-simplu{margin:0;background:#F2F5F3;color:#13294B;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
body.tk-simplu main{max-width:720px;margin:0 auto;padding:16px}
body.tk-simplu h1{font-size:24px;margin:8px 0 4px}
.tk-intrare{max-width:380px!important;padding-top:12vh!important}
.tk-intrare form{display:flex;flex-direction:column;gap:8px;margin-top:16px}
body.tk-simplu input,body.tk-simplu textarea,body.tk-simplu select{font:inherit;font-size:16px;padding:10px 12px;border:1px solid #c9d3da;border-radius:10px;background:#fff;color:inherit;width:100%;box-sizing:border-box}
body.tk-simplu button{font:600 16px system-ui,sans-serif;padding:11px 14px;border:0;border-radius:10px;background:#13294B;color:#fff;cursor:pointer}
body.tk-simplu button.alt{background:#fff;color:#13294B;border:1px solid #c9d3da}
.tk-mic{color:#5B6B7F;font-size:14px}
body.tk-simplu a{color:#1F6F78;font-weight:600}
@media (prefers-color-scheme:dark){body.tk-simplu a{color:#4FB3BC}}
.tk-msg{min-height:1.5em;font-weight:600}
@media (prefers-color-scheme:dark){body.tk-simplu{background:#0D1826;color:#E4EBF2}
  body.tk-simplu input,body.tk-simplu textarea,body.tk-simplu select{background:#132235;border-color:#24384F}
  body.tk-simplu button{background:#E4EBF2;color:#0D1826} body.tk-simplu button.alt{background:#132235;color:#E4EBF2;border-color:#24384F}
  .tk-mic{color:#93A3B6}}

/* panourile de acasă pe telefon */
@media (max-width:700px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:16px}
  input,select,textarea{font-size:16px!important;max-width:100%}
  button,.btn,a.btn,.chip{min-height:40px}
  img,video,iframe{max-width:100%;height:auto}
  table{display:block;overflow-x:auto;max-width:100%}
  .lista,.tabel{overflow-x:auto}
  #fisa{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;
    max-height:none!important;margin:0!important;border-radius:0!important;overflow:auto!important;z-index:10050!important;box-sizing:border-box}
  .doua,.fgrila,.grid2{display:block!important}
  .filtre{display:flex;flex-wrap:wrap;gap:6px}
  .filtre > *{flex:1 1 140px}
  pre,code{white-space:pre-wrap;word-break:break-word}
  table{display:block!important;overflow-x:auto!important;max-width:100%!important}
  html,body{overflow-x:hidden}
  header .sus,header .sus2{flex-wrap:wrap!important}
  [role=tablist]{overflow-x:auto;flex-wrap:nowrap;max-width:100%}
  .card.erou{display:flex!important;flex-direction:column;align-items:stretch;gap:12px}
  .card.erou > *{min-width:0;max-width:100%}
  .card.erou button{width:100%}
}