/* MarinovOS terminal — the boot terminal's material, reopened as a tool.
   Dark in both themes on purpose: it is an instrument panel, not a page. */
.term{position:fixed;inset:0;z-index:800;display:flex;justify-content:center;align-items:flex-start;
  padding:clamp(56px,14vh,140px) 12px 12px;background:rgba(8,14,28,.28);
  opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}
.term.is-open{opacity:1}
.term-panel{display:flex;flex-direction:column;width:min(680px,100%);height:min(440px,calc(100dvh - 180px));min-height:240px;
  border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#10141c;color:#e6edf3;
  box-shadow:0 24px 60px rgba(0,0,0,.34),0 2px 6px rgba(0,0,0,.2);overflow:hidden;
  font:13px/22px ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;
  transform:translateY(8px) scale(.99);transition:transform var(--dur-base) var(--ease-out)}
.term.is-open .term-panel{transform:none}
.term-head{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex:none}
.term-dots{display:flex;gap:6px}
.term-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.term-title{margin:0;flex:1;font:500 12px/18px -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;color:rgba(230,237,243,.62)}
.term-close{min-width:44px;height:28px;padding:0 10px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:transparent;
  color:rgba(230,237,243,.72);font:inherit;font-size:12px;cursor:pointer}
.term-close:hover{background:rgba(255,255,255,.1);color:#fff}
.term-out{flex:1;min-height:0;overflow:auto;padding:10px 14px 4px;overscroll-behavior:contain;outline:0}
.term-line{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.term-echo{color:rgba(230,237,243,.62);margin-top:6px}
.term-dim{color:rgba(230,237,243,.62)}
.term-err{color:#ff9d8f}
.term-ok{color:#8fe3a8}
.term-amber{color:#f4c542}
.term-cmd{display:inline-block;min-width:31ch;color:#9cc4ff}
.term-link{padding:0;border:0;background:none;color:#9cc4ff;font:inherit;white-space:pre;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(156,196,255,.35);text-underline-offset:3px}
.term-link:hover{color:#fff;text-decoration-color:currentColor}
.term-form{display:flex;align-items:center;gap:8px;padding:8px 14px 12px;flex:none}
.term-prompt{color:#f4c542;white-space:nowrap;flex:none}
.term-input{flex:1;min-width:0;padding:0;border:0;outline:0;background:none;color:#fff;font:inherit;caret-color:#f4c542}
.term :focus-visible{outline:2px solid #9cc4ff;outline-offset:2px;border-radius:4px}
.term-input:focus-visible{outline:0}
@media (max-width:760px){
  .term{padding:52px 8px 8px}
  .term-panel{height:min(420px,calc(100dvh - 68px))}
  .term-input{font-size:16px} /* below 16px iOS zooms the page on focus */
  .term-cmd{display:block;min-width:0}
  .term-user{display:none}
  .term-prompt{max-width:55%;overflow:hidden;text-overflow:ellipsis}
}
