/* M19 human-led collaboration entrance. Static roles, no operational telemetry.
   M19 人与智能体协作入口：静态角色关系，不表示业务已接入或正在执行。 */
.login.login--2030 {
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  min-height:100svh;padding:0;background:var(--mos-canvas);color:var(--mos-text);
  --login-max:1320px;
}
.login--2030 .login__masthead {
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  width:100%;max-width:var(--login-max);margin:0 auto;padding:32px 40px 22px;
}
.login--2030 .login__brand { display:flex;align-items:center;gap:10px; }
.login--2030 .login__brand img[src$="mos-mark-v15.svg"] { display:block;width:35px;height:35px;padding:0;border-radius:0;background:transparent;object-fit:contain; }
.login--2030 .login__brand>span { font-size:25px;line-height:1.2;letter-spacing:-.7px;font-weight:650;color:var(--mos-text); }
.login--2030 .login__locale { display:block;width:auto;max-width:none;margin:0;padding:0;border:0; }
.login--2030 .login__locale select { min-height:40px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--mos-text-secondary);font-size:14px;line-height:1.4;cursor:pointer; }
.login--2030 .login__locale select:hover { background:var(--mos-surface-hover); }
.login--2030 .login__workspace {
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:clamp(56px,7vw,104px);
  flex:1;width:100%;max-width:var(--login-max);margin:0 auto;padding:24px 40px 40px;
}
.login--2030 .login__intro { position:relative;display:block;border:0;overflow:visible;background:none;padding:0;isolation:isolate; }
.login--2030 .login__intro::after { display:none; }
.login--2030 .login__intro-content { margin:0;padding:0;position:relative;z-index:1; }
.login--2030 .login__intro-content .login__eyebrow { margin:0 0 19px;padding:0;color:var(--mos-text-secondary);font-size:13px;line-height:1.5;letter-spacing:.09em;font-weight:500; }
.login--2030 .login__headline { max-width:600px;margin:0;font-size:clamp(36px,3.15vw,47px);line-height:1.22;letter-spacing:-1.8px;font-weight:580;color:var(--mos-text);text-wrap:balance; }
.login--2030 .login__headline>span { display:block; }
.login--2030 .login__mobile-line { display:none; }
.login--2030 .login__intro-content .login__promise { display:block;max-width:455px;margin:20px 0 0;font-size:14px;line-height:1.85;color:var(--mos-text-secondary); }
.login--2030 .login-collaboration { position:relative;margin:34px 0 0;padding:0;max-width:600px;--login-scene-gap:14px; }
.login--2030 .login-collaboration__heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;color:var(--mos-text-secondary);font-size:11px;line-height:1.5;letter-spacing:.07em; }
.login--2030 .login-collaboration__heading>span:last-child { color:var(--mos-text-muted);letter-spacing:0; }
.login--2030 .login-collaboration__command { display:flex;position:relative;align-items:center;gap:16px;max-width:350px;min-height:106px;margin:0 auto;padding:16px 24px 16px 18px;border:1px solid var(--mos-border);border-radius:16px;background:var(--mos-surface);box-shadow:0 10px 32px color-mix(in srgb,var(--mos-text) 4%,transparent); }
.login--2030 .login-collaboration__command>img { display:block;width:72px;height:72px;object-fit:contain;flex-shrink:0; }
.login--2030 .login-collaboration__role { display:block;color:var(--mos-text-secondary);font-size:11px;line-height:1.5; }
.login--2030 .login-collaboration__command strong { display:block;margin-top:3px;color:var(--mos-text);font-size:19px;line-height:1.45;font-weight:600; }
.login--2030 .login-collaboration__command p { margin:5px 0 0;color:var(--mos-text-secondary);font-size:12px;line-height:1.5; }
.login--2030 .login-collaboration__branches { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--login-scene-gap);height:42px;position:relative; }
.login--2030 .login-collaboration__branches::before { content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--mos-border-control); }
.login--2030 .login-collaboration__branches::after { content:"";position:absolute;top:20px;left:calc((100% - 2 * var(--login-scene-gap)) / 6);right:calc((100% - 2 * var(--login-scene-gap)) / 6);height:22px;border:1px solid var(--mos-border-control);border-bottom:0;border-radius:7px 7px 0 0; }
.login--2030 .login-collaboration__branches>i { width:5px;height:5px;z-index:1;border-radius:50%;background:var(--mos-accent);align-self:end;justify-self:center;margin-bottom:-2px; }
.login--2030 .login-collaboration__departments { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--login-scene-gap); }
.login--2030 .login-collaboration__department { display:flex;flex-direction:column;align-items:stretch;min-width:0; }
.login--2030 .login-collaboration__lead { display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:7px;min-height:86px;padding:13px 9px;border:1px solid var(--mos-border);border-radius:13px;background:var(--mos-surface); }
.login--2030 .login-collaboration__lead img { grid-row:1 / 3;display:block;width:52px;height:52px;align-self:center;object-fit:contain; }
.login--2030 .login-collaboration__lead .login-collaboration__role { align-self:end; }
.login--2030 .login-collaboration__lead strong { display:block;align-self:start;font-size:15px;line-height:1.7;font-weight:550;color:var(--mos-text); }
.login--2030 .login-collaboration__handoff { height:21px;position:relative; }
.login--2030 .login-collaboration__handoff::before { content:"";display:block;position:absolute;left:50%;height:100%;border-left:1px solid var(--mos-border-control); }
.login--2030 .login-collaboration__helper { display:flex;align-items:center;gap:7px;min-height:67px;padding:10px 8px;border:1px solid var(--mos-border);border-radius:11px;background:color-mix(in srgb,var(--mos-surface) 52%,var(--mos-canvas)); }
.login--2030 .login-collaboration__helper img { width:36px;height:36px;display:block;object-fit:contain;flex-shrink:0; }
.login--2030 .login-collaboration__helper strong { display:block;font-size:12px;line-height:1.6;font-weight:550;color:var(--mos-text); }
.login--2030 .login-collaboration__helper span { display:block;font-size:12px;line-height:1.6;color:var(--mos-text-secondary); }
.login--2030 .login-collaboration__principle { margin:20px 0 0;padding-top:13px;border-top:1px solid var(--mos-border);font-size:11px;line-height:1.7;color:var(--mos-text-secondary);text-align:center; }
.login--2030 .login__workspace>.login__panel {
  display:grid;gap:25px;align-content:start;align-self:center;
  width:100%;max-width:440px;margin:0 0 0 auto;padding:36px 30px 30px;
  border:1px solid var(--mos-border);border-radius:20px;
  background:var(--mos-surface);box-shadow:0 20px 60px color-mix(in srgb,var(--mos-text) 4%,transparent);
}
.login--2030 .login__panel>* { width:100%;max-width:none;margin-inline:0; }
.login--2030 .login__heading .login__eyebrow { margin:0 0 14px;padding:0;color:var(--mos-accent);font-size:12px;line-height:1.5;letter-spacing:.06em; }
.login--2030 .login__panel h1 { margin:0 0 12px;font-size:27px;line-height:1.45;font-weight:600;letter-spacing:-.65px;color:var(--mos-text);text-wrap:balance; }
.login--2030 .login__heading>p:last-child { margin:0;color:var(--mos-text-secondary);font-size:14px;line-height:1.7; }
.login--2030 .login__form { display:grid;gap:18px; }
.login--2030 .login__form .field { gap:8px; }
.login--2030 .login__form label { font-size:14px;line-height:1.5;font-weight:500;color:var(--mos-text); }
.login--2030 .login__form input { display:block;width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid var(--mos-border-control);border-radius:9px;background:var(--mos-canvas);color:var(--mos-text);font-size:15px;line-height:1.5;transition:border-color 120ms ease,background 120ms ease; }
.login--2030 .login__form input:hover:not(:disabled) { border-color:var(--mos-text-secondary); }
.login--2030 .login__form input:focus-visible { outline:2px solid var(--mos-focus);outline-offset:2px;border-color:var(--mos-accent);background:var(--mos-surface); }
.login--2030 .login__form button[type="submit"] { min-height:48px;margin:3px 0 0;border:1px solid var(--mos-accent);border-radius:9px;background:var(--mos-accent);color:var(--mos-on-accent);font-size:14px;line-height:1.5;font-weight:550;letter-spacing:.015em; }
.login--2030 .login__form button[type="submit"]:hover:not(:disabled) { background:var(--mos-accent-hover);border-color:var(--mos-accent-hover);color:var(--mos-on-accent); }
.login--2030 .login__form button[type="submit"]:active:not(:disabled) { background:var(--mos-accent-pressed);border-color:var(--mos-accent-pressed);color:var(--mos-on-accent); }
.login--2030 .login__form button[type="submit"]:disabled,.login--2030 .login__form button[type="submit"]:disabled:hover { background:var(--mos-surface-subtle);border-color:var(--mos-border-control);color:var(--mos-text-muted);opacity:1;cursor:not-allowed;box-shadow:none; }
.login--2030 .login__form .login__meta { margin:0;color:var(--mos-text-muted);font-size:12px;line-height:1.7;text-align:center; }
.login--2030 .login__assistance { margin:0;padding-top:19px;border-top:1px solid var(--mos-border); }
.login--2030 .login__assistance p { margin:0;color:var(--mos-text-secondary);font-size:13px;line-height:1.85; }
.login--2030 .login__error { padding:12px 14px;border-radius:9px;font-size:14px;line-height:1.7; }
.login--2030 .login__page-footer { display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:var(--login-max);margin:0 auto;padding:12px 40px 24px;color:var(--mos-text-muted);font-size:12px;line-height:1.6; }
@media(min-width:1600px) { .login--2030 .login__workspace { padding-block:40px 56px;gap:110px; } .login--2030 .login__headline { font-size:48px; } }
@media(max-width:1100px) and (min-width:801px) { .login--2030 .login__workspace { grid-template-columns:minmax(0,1fr) minmax(350px,.95fr);gap:35px;padding-inline:28px; } .login--2030 .login__masthead,.login--2030 .login__page-footer { padding-inline:28px; } .login--2030 .login__headline { font-size:37px;letter-spacing:-1.2px; } .login--2030 .login__intro-content .login__promise { font-size:13px; } .login--2030 .login-collaboration { --login-scene-gap:8px; } .login--2030 .login-collaboration__lead { display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px; } .login--2030 .login-collaboration__lead .login-collaboration__role { align-self:center; } .login--2030 .login-collaboration__lead strong { align-self:center; } .login--2030 .login-collaboration__helper { flex-direction:column;gap:4px;text-align:center; } .login--2030 .login-collaboration__heading { font-size:10px; } .login--2030 .login__workspace>.login__panel { padding:28px 24px; } }
@media(max-width:800px) {
  .login.login--2030 { display:flex;min-height:100svh;background:var(--mos-surface); }
  .login--2030 .login__masthead { max-width:510px;gap:16px;padding:17px 24px 9px;min-height:66px; }
  .login--2030 .login__brand img[src$="mos-mark-v15.svg"] { width:30px;height:30px; }
  .login--2030 .login__brand>span { font-size:23px; }
  .login--2030 .login__locale select { font-size:14px;min-height:40px;padding:4px 0 4px 8px; }
  .login--2030 .login__workspace { display:block;max-width:510px;flex:0 0 auto;padding:0 24px 24px; }
  .login--2030 .login__intro { padding:0;min-height:0;background:none;border:0; }
  .login--2030 .login__intro-content { padding:10px 0 20px; }
  .login--2030 .login__intro-content .login__eyebrow,.login--2030 .login__headline,.login--2030 .login__intro-content .login__promise,.login--2030 .login-collaboration { display:none; }
  .login--2030 .login__intro-content .login__mobile-line { display:block;margin:0;color:var(--mos-text-secondary);font-size:18px;line-height:24px;letter-spacing:-.25px;font-weight:450; }
  .login--2030 .login__workspace>.login__panel { max-width:none;margin:0;padding:22px 0 0;gap:24px;border:0;border-top:1px solid var(--mos-border);border-radius:0;background:transparent;box-shadow:none; }
  .login--2030 .login__heading .login__eyebrow { display:none; }
  .login--2030 .login__panel h1 { font-size:26px;letter-spacing:-.6px;margin-bottom:10px; }
  .login--2030 .login__form { gap:18px; }
  .login--2030 .login__form input { font-size:16px; }
  .login--2030 .login__form button[type="submit"] { min-height:50px; }
  .login--2030 .login__form .login__meta { font-size:12px; }
  .login--2030 .login__assistance { padding-top:18px; }
  .login--2030 .login__assistance p { font-size:13px; }
  .login--2030 .login__page-footer { max-width:510px;padding:8px 24px 22px;margin-top:auto;font-size:11px; }
  .login--2030 .login__page-footer>span:last-child { display:none; }
}
@media(max-width:360px) { .login--2030 .login__masthead { padding-inline:20px; } .login--2030 .login__workspace { padding-inline:20px; } .login--2030 .login__page-footer { padding-inline:20px; } .login--2030 .login__panel h1 { font-size:24px; } }
@media(prefers-reduced-motion:reduce) { .login--2030 .login__form input { transition:none; } }
