@import url('./external-terminal.css');
.access-dialog{width:min(1120px,96vw);max-width:96vw;max-height:94dvh;padding:24px;background:var(--card,#121a21);color:var(--foreground,#e5edef);border:1px solid var(--border,#2a3741);border-radius:20px;box-shadow:0 28px 100px #0008}.access-dialog::backdrop{background:#05090dbb;backdrop-filter:blur(5px)}.access-dialog[open]{animation:access-enter .2s ease-out}.access-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.access-dialog h2{margin:0;font-size:20px}.access-connection{color:var(--muted-foreground,#a3b3bc);min-height:24px}.access-toolbar,.access-file-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.access-terminal{height:clamp(250px,55dvh,650px);padding:12px 8px;background:#0b1015;border:1px solid #263743;border-radius:12px;overflow:hidden}.access-files{margin-top:18px}.access-files summary{cursor:pointer;padding:12px 0}.access-file-path{flex:1;min-width:160px}.access-file-results{display:flex;gap:6px;flex-wrap:wrap;max-height:160px;overflow:auto}.access-file-editor{display:block;width:100%;min-height:160px;resize:vertical;font:13px/1.5 ui-monospace,monospace;margin-top:12px;background:#0b1015;color:#dce6eb;border:1px solid #263743;border-radius:8px;padding:12px}.access-owner{max-width:560px;margin:0 auto;padding:28px 22px 40px}.access-wordmark{letter-spacing:.2em;font-size:12px;color:var(--muted-foreground,#93a8b3);margin-bottom:48px}.access-owner h1{font-size:32px;letter-spacing:-.04em;margin:8px 0 12px}.access-owner-copy{color:var(--muted-foreground,#a0b2bd);line-height:1.6}.access-owner-form{display:grid;gap:10px;margin-top:32px}.access-owner-form label{font-size:13px;font-weight:600;margin-top:8px}.access-owner-form input,.access-file-path{padding:13px 14px;border:1px solid var(--border,#30414d);background:var(--background,#0b1117);color:inherit;border-radius:10px;font:inherit}.access-owner-form input:focus-visible,.access-file-path:focus-visible{outline:2px solid #72d8b7;outline-offset:3px}.access-owner-note{font-size:12px;line-height:1.6;color:var(--muted-foreground,#a0b2bd);margin:8px 0 14px}.access-owner-form>.btn{justify-content:center;min-height:48px}.access-owner-actions{display:grid;gap:12px;margin-top:24px}.access-owner-actions .btn{justify-content:center;min-height:46px}.access-lease{display:grid;gap:8px;margin-top:32px;padding:22px;border:1px solid var(--border,#30414d);border-radius:14px}.access-lease.active{border-color:#439d83;background:#439d8312}.access-message{line-height:1.6;color:#8bdfc1}.access-message.error,.access-connection.error{color:#ffacaa}.access-owner>.ghost{margin-top:18px}@keyframes access-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:600px){.access-dialog{padding:16px;border-radius:14px}.access-dialog h2{font-size:17px}.access-file-editor{min-height:130px}.access-owner{padding:24px 18px}.access-wordmark{margin-bottom:36px}}@media(prefers-reduced-motion:reduce){.access-dialog[open]{animation:none}.access-dialog::backdrop{backdrop-filter:none}}

.access-return { display:flex; margin-bottom:16px; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; padding:12px 16px; background:var(--card,#121a21); color:var(--foreground,#e5edef); border:1px solid var(--border,#2a3741); border-radius:14px;  }
.access-return[hidden] { display:none; }
.access-return>span { font-size:13px; }
.access-clipboard { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.access-shortcuts { font-size:12px; line-height:1.7; color:var(--muted-foreground,#a3b3bc); }
@media(max-width:600px) { .access-return { gap:10px; padding:10px; flex-wrap:wrap; } .access-return .btn,.access-clipboard .btn { min-height:44px; } }

.access-view-tabs { display:flex; gap:8px; margin:12px 0; }
.access-view-tabs[hidden], .access-screen[hidden], .access-automation[hidden], .access-automation-notice[hidden] { display:none; }
.access-view-tabs [aria-current="page"] { border-color:#73ddbd; color:#8ee4ce; background:#73ddbd16; }
.access-automation-frame { display:block; width:100%; height:68dvh; min-height:440px; border:1px solid var(--border,#2a3741); border-radius:12px; background:#0d1118; }
.access-automation-notice { padding:12px 14px; border:1px solid #8a7444; border-radius:10px; color:var(--foreground,#e5edef); font-size:13px; line-height:1.6; }
@media(max-width:600px) { .access-view-tabs .btn { min-height:44px; } .access-automation-frame { min-height:500px; } }