.plain-input { border: 1px solid #cbd7e4; border-radius: 9px; padding: 11px 12px; min-width: 190px; }
.job { margin-top: 14px; padding: 16px; border: 1px solid #bdd8c8; border-radius: 10px; background: #f1faf4; }
.job p { margin: 8px 0; }
.job a { color: #1267bd; }
.optional { background: #f7fafc; }
@media (max-width: 850px) { .draft-action { align-items: stretch; flex-direction: column; } }
.approval { margin-top: 14px; padding: 18px; border: 1px solid #e4c46b; border-radius: 10px; background: #fffaf0; }
.approval label { display: block; margin: 12px 0; }
.approval input[type="checkbox"] { display: inline-block; margin-right: 8px; }
.id-field { display: flex; align-items: center; gap: 8px; white-space: nowrap; color: #52647a; }
.access-gate { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(120deg,#071a35,#103d75 68%,#1577b8); }
.access-gate.hidden, #appShell.hidden, .verify.hidden { display: none; }
.access-card { width: min(420px,100%); display: flex; flex-direction: column; gap: 14px; padding: 30px; border-radius: 16px; background: white; box-shadow: 0 24px 80px #00152f55; }
.access-card h1 { margin: 0; color: #18233a; font-size: 32px; }
.access-card p { margin: 0; color: #68778d; }
.access-card .eyebrow { color: #1769aa; }
.meituan-access { width: min(560px,100%); }
.meituan-access a { color: #166fd1; font-weight: 600; }
.meituan-access .message { min-height: 46px; padding: 12px; border-radius: 9px; background: #fff7df; color: #8a5a00; }
.meituan-access .message.connected { background: #eaf8ef; color: #237442; }
.access-actions { display: flex; gap: 12px; }
.access-actions button { flex: 1; }
.text-button { padding: 4px; background: transparent; color: #607189; }
.meituan-login-panel { margin-bottom: 18px; }
.meituan-login-panel > form { margin-top: 16px; flex-wrap: wrap; }
.verify { margin-top: 16px; padding: 16px; border: 1px solid #e4c46b; border-radius: 10px; background: #fffaf0; }
.verify img { display: block; max-width: 100%; max-height: 420px; margin: 12px 0; border: 1px solid #d7e0e9; border-radius: 8px; }
.secondary { background: #61758b; }
.verify-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.verify-tip { color: #725800; font-size: 14px; }
.interactive-shot { cursor: crosshair; user-select: none; }
.header-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.header-actions button { width: auto; margin: 0; }
.login-page .access-gate { min-height: 100vh; display: flex; flex-direction: column; gap: 28px; }
.extension-guide { width: min(1120px,100%); padding: 28px; border-radius: 18px; background: #f8fbff; box-shadow: 0 24px 80px #00152f45; }
.extension-guide-heading { margin-bottom: 22px; }
.extension-guide-heading h2 { margin-top: 7px; font-size: clamp(24px,3vw,34px); }
.extension-guide-heading p { margin: 0; color: #68778d; }
.extension-steps { display: grid; gap: 22px; margin: 0; padding-left: 28px; }
.extension-step { padding: 18px; border: 1px solid #dbe6f1; border-radius: 14px; background: white; }
.extension-step::marker { color: #166fd1; font-size: 20px; font-weight: 700; }
.step-copy { margin-bottom: 14px; }
.step-copy b { font-size: 18px; }
.step-copy p { margin: 7px 0 0; color: #52647a; line-height: 1.65; }
.step-copy code { padding: 2px 5px; border-radius: 5px; background: #eaf2fb; color: #174f86; }
.extension-step img { display: block; width: 100%; height: auto; border: 1px solid #d9e2ec; border-radius: 10px; }
.important-step { border-color: #efb3a8; background: #fff9f7; }
.important-step strong { color: #b23423; }
@media (max-width: 650px) { .extension-guide { padding: 18px; } .extension-steps { padding-left: 22px; } .extension-step { padding: 12px; } }
.vnc-screen { width: 100%; height: min(72vh,720px); min-height: 480px; margin: 12px 0; overflow: hidden; border: 1px solid #8ba3bb; border-radius: 8px; background: #172234; }
.vnc-screen canvas { width: 100% !important; height: 100% !important; }
.verify details { margin-top: 12px; color: #52647a; }
.confirmations{margin:16px 0;padding:16px;border:1px solid #f2c66d;border-radius:12px;background:#fff9eb}.confirmations h3{margin:0 0 6px}.confirmations p{margin:0 0 12px;color:#765b22}.confirmations label{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:12px;align-items:center;margin:8px 0}.confirmations select{width:100%;padding:9px;border:1px solid #cfd7e3;border-radius:8px;background:#fff}
.save-controls{display:flex;align-items:center;gap:10px}.save-controls span{font-size:13px;color:#237442;max-width:260px;text-align:right}
.create-new{display:flex;gap:8px;align-items:center;margin-top:10px;color:#8a3d22;font-size:13px}
.create-new.hidden{display:none}