/* CRP V1.6.16: scoped authentication repair and neutral task glass materials.
 * Loaded last. Business rules, task structure, connectors and menus are unchanged.
 * Theme colors of sign-in's right panel are preserved, with an architectural grid. */
.auth-shell { display:flex!important;flex-direction:column!important;min-height:100vh!important;min-height:100svh!important;min-width:0;overflow-x:clip; }
.auth-shell>main { flex:1 0 auto!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important;max-width:none!important; }
.auth-shell .auth-layout { display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;flex:1 0 auto!important;min-height:min(800px,calc(100svh - 52px))!important;width:100%!important;align-items:stretch!important;isolation:isolate; }
.auth-shell .auth-story { position:relative!important; isolation:isolate;overflow:hidden;min-width:0;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;
  padding:clamp(28px,4.3vw,72px)!important;
  background:#223a55 url('/static/auth-construction-scene.svg') center 47% / cover no-repeat!important;
  color:#f6f9ff!important; }
/* Image contrast masks differ subtly by theme. Both safeguard readable type in all crops. */
.auth-shell .auth-story::before { content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(12,28,50,.91) 0%,rgba(14,37,60,.71) 42%,rgba(12,35,59,.32) 100%),linear-gradient(0deg,rgba(12,25,45,.94),transparent 37%,rgba(20,39,64,.20)); }
html[data-theme="dark"] .auth-shell .auth-story {background-color:#131e2c!important; }
html[data-theme="dark"] .auth-shell .auth-story::before {background:linear-gradient(90deg,rgba(6,16,30,.92),rgba(10,22,41,.76) 46%,rgba(8,19,35,.52)),linear-gradient(0deg,rgba(5,13,26,.94),transparent 55%,rgba(5,12,26,.22));}
.auth-shell .auth-story>*{position:relative;z-index:1;min-width:0;max-width:100%;}
.auth-shell .auth-story .brand{margin:0 0 clamp(26px,5vh,65px)!important;font-size:clamp(23px,2.1vw,30px)!important;color:#fff!important;text-shadow:0 2px 18px #11223833;}
.auth-shell .auth-story .brand-mark{background:linear-gradient(140deg,#74baff,#2364c8)!important;box-shadow:0 12px 30px #06192c66;flex:none;}
.auth-shell .auth-story .eyebrow{color:#bedbff!important;letter-spacing:.16em!important;font-size:clamp(10px,.78vw,12px)!important;margin:0 0 13px!important;}
.auth-shell .auth-story h1{font-size:clamp(33px,3.25vw,58px)!important;line-height:1.12!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 clamp(20px,3vh,33px)!important;text-shadow:0 3px 20px rgba(3,15,30,.22);overflow-wrap:normal;}
.auth-shell .auth-story p{color:#e3ebf6!important;max-width:360px!important;font-size:clamp(14px,1.07vw,17px)!important;line-height:1.65!important;}
.auth-shell .auth-story .story-stats{display:flex!important;flex-wrap:wrap!important;gap:clamp(12px,2vw,30px)!important;margin:clamp(20px,5vh,60px) 0 clamp(16px,3vh,28px)!important;color:#9fcfff!important;}
.auth-shell .story-stats>div{min-width:75px;font-size:clamp(17px,1.45vw,23px);}
.auth-shell .story-stats small{color:#d1e1f4!important;font-size:clamp(10px,.76vw,12px)!important;}
.auth-shell .auth-story>small{color:#d1dfef!important;font-size:11px!important;line-height:1.5!important;}
/* Restore the existing light/dark right-side ground; only add the square grid. */
.auth-shell .auth-panel { position:relative;display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;padding:clamp(24px,4.5vw,88px)!important;
 background-color:#e9edf2!important;background-image:linear-gradient(rgba(47,73,109,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(47,73,109,.075) 1px,transparent 1px)!important;background-size:28px 28px!important;background-position:0 0!important; }
html[data-theme="dark"] .auth-shell .auth-panel{background-color:#080808!important;background-image:linear-gradient(rgba(255,255,255,.062) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.062) 1px,transparent 1px)!important;}
.auth-shell .auth-panel .auth-card { box-sizing:border-box!important;width:min(100%,470px)!important;max-width:470px!important;min-width:0!important; margin:0 auto!important;padding:clamp(25px,3.2vw,48px)!important;
 background:rgba(243,246,250,.90)!important;border:1px solid rgba(144,162,187,.53)!important;border-radius:22px!important;box-shadow:0 28px 65px rgba(23,42,64,.12),inset 0 1px rgba(255,255,255,.79)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#233447!important; }
html[data-theme="dark"] .auth-shell .auth-panel .auth-card{background:rgba(31,31,34,.91)!important;border-color:rgba(145,156,177,.22)!important;box-shadow:0 35px 95px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06)!important;color:#f5f5f6!important;}
.auth-shell .auth-card :is(h2,p,label,.eyebrow){max-width:100%;overflow-wrap:anywhere}
.auth-shell .auth-card h2{font-size:clamp(26px,2.25vw,34px)!important;line-height:1.18!important;margin:7px 0 19px!important;letter-spacing:-.025em!important;}
.auth-shell .auth-card .eyebrow{font-size:11px!important;letter-spacing:.14em!important;}
.auth-shell .auth-card .muted{font-size:14px!important;line-height:1.55!important;}
.auth-shell .auth-card form{margin-top:26px!important;}
.auth-shell .auth-card label{display:block!important;min-width:0!important;margin-bottom:17px!important;font-size:13px!important;}
.auth-shell .auth-card :is(input,select,textarea){width:100%!important;min-width:0!important;min-height:46px!important;margin-top:8px!important;}
.auth-shell .auth-card :is(input,select,textarea):focus-visible{outline:2px solid #62a4f8!important;outline-offset:1px;}
.auth-shell .auth-card button.primary{min-height:49px!important;margin-top:11px!important;border-radius:12px!important;}
.auth-shell .auth-card .auth-links{gap:12px!important;line-height:1.4!important;margin-top:21px!important;}
.auth-shell .auth-card .auth-links a{overflow-wrap:anywhere;}
.auth-shell>footer { flex:0 0 auto!important;min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px 24px!important;background-color:inherit;text-align:center!important;}
@media(max-width:980px){.auth-shell .auth-layout{grid-template-columns:minmax(0,43%) minmax(0,57%)!important}.auth-shell .auth-story{padding:30px!important}.auth-shell .auth-panel{padding:24px!important}.auth-shell .auth-panel .auth-card{padding:28px!important}}
@media(max-width:720px){.auth-shell .auth-layout{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.auth-shell .auth-story{min-height:340px!important;padding:25px 24px 26px!important;background-position:72% 47%!important}.auth-shell .auth-story .brand{margin-bottom:28px!important}.auth-shell .auth-story h1{font-size:clamp(30px,7.8vw,42px)!important;margin-bottom:13px!important}.auth-shell .auth-story p{font-size:13px!important;max-width:410px!important}.auth-shell .auth-story .story-stats{display:none!important}.auth-shell .auth-story>small{margin-top:4px}.auth-shell .auth-panel{min-height:390px!important;padding:28px 18px 34px!important}.auth-shell .auth-panel .auth-card{width:min(100%,460px)!important;padding:clamp(20px,5vw,32px)!important}}
@media(max-width:390px){.auth-shell .auth-story{min-height:320px!important;padding:22px 18px!important}.auth-shell .auth-panel{padding:20px 12px 28px!important}.auth-shell .auth-panel .auth-card{padding:22px 18px!important;border-radius:17px!important}.auth-shell .auth-story h1{font-size:31px!important}}
/* Task cards return to neutral surfaces while retaining subtle specular glass.
   Scope is deliberate: status dots, controls, activity/update hierarchy, layout and
   broader dashboard's colored metrics remain as before. */
html:not([data-theme="dark"]) .signed-in main :is(.workspace-task-item[data-task-tone]>.workspace-task-row,.task-board article[data-task-tone]>.task-row,.project-task-table article[data-task-tone]>.task-table-row,.task-table-row[data-task-tone]){
 background:linear-gradient(145deg,rgba(250,252,255,.84),rgba(220,228,237,.67))!important;
 border:1px solid rgba(137,154,177,.40)!important;border-left:1px solid rgba(137,154,177,.40)!important;color:#233448!important;
 box-shadow:0 8px 24px rgba(39,61,89,.080),inset 0 1px rgba(255,255,255,.88)!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:13px!important;
}
html[data-theme="dark"] .signed-in main :is(.workspace-task-item[data-task-tone]>.workspace-task-row,.task-board article[data-task-tone]>.task-row,.project-task-table article[data-task-tone]>.task-table-row,.task-table-row[data-task-tone]){
 background:linear-gradient(140deg,rgba(48,51,57,.77),rgba(19,21,26,.78))!important;
 border:1px solid rgba(173,185,204,.22)!important;border-left:1px solid rgba(173,185,204,.22)!important;color:#eff3f8!important;
 box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.09)!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:13px!important;
}
html:not([data-theme="dark"]) .signed-in main :is(.workspace-task-item[data-task-tone]>.workspace-task-row,.task-board article[data-task-tone]>.task-row,.project-task-table article[data-task-tone]>.task-table-row,.task-table-row[data-task-tone]) :is(.task-name strong,.task-name small,.last-actor){color:#24364b!important;}
html[data-theme="dark"] .signed-in main :is(.workspace-task-item[data-task-tone]>.workspace-task-row,.task-board article[data-task-tone]>.task-row,.project-task-table article[data-task-tone]>.task-table-row,.task-table-row[data-task-tone]) :is(.task-name strong,.task-name small,.last-actor){color:#e8eef5!important;}
html:not([data-theme="dark"]) .signed-in main .task-branches .branch-event[data-update-tone]>.branch-card{
 background:linear-gradient(135deg,rgba(250,252,254,.84),rgba(218,227,235,.69))!important;
 border-color:rgba(116,139,164,.53)!important;color:#233348!important;
 box-shadow:0 12px 34px rgba(33,50,75,.08),inset 0 1px rgba(255,255,255,.78)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
html[data-theme="dark"] .signed-in main .task-branches .branch-event[data-update-tone]>.branch-card{
 background:linear-gradient(135deg,rgba(39,42,47,.84),rgba(16,18,21,.85))!important;
 border-color:rgba(149,163,180,.30)!important;color:#f0f3f7!important;
 box-shadow:0 13px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
html:not([data-theme="dark"]) .signed-in main .task-branches .branch-event[data-update-tone]>.branch-card :is(h3,time,.event-kind,p,small,strong){color:#25364b!important;}
html[data-theme="dark"] .signed-in main .task-branches .branch-event[data-update-tone]>.branch-card :is(h3,time,.event-kind,p,small,strong){color:#eef3fa!important;}
html:not([data-theme="dark"]) .signed-in main .task-canvas[data-task-tone] .task-meta-strip{background:linear-gradient(130deg,rgba(249,251,254,.80),rgba(219,227,238,.67))!important;border-color:rgba(139,156,176,.40)!important;box-shadow:inset 0 1px #ffffffb0!important;backdrop-filter:blur(12px);}
html[data-theme="dark"] .signed-in main .task-canvas[data-task-tone] .task-meta-strip{background:linear-gradient(130deg,rgba(47,50,56,.80),rgba(19,21,24,.83))!important;border-color:rgba(142,155,175,.32)!important;box-shadow:inset 0 1px #ffffff17!important;backdrop-filter:blur(12px);}
/* Disable pre-1.6.15 tone bleed on expanded previews. Keep status markers intact. */
html:not([data-theme="dark"]) .signed-in main .workspace-task-item[data-task-tone]{background:transparent!important;}
html[data-theme="dark"] .signed-in main .workspace-task-item[data-task-tone]{background:transparent!important;}
@media(hover:hover){.signed-in main :is(.workspace-task-item[data-task-tone]>.workspace-task-row,.task-board article[data-task-tone]>.task-row,.project-task-table article[data-task-tone]>.task-table-row,.task-table-row[data-task-tone],.task-branches .branch-event[data-update-tone]>.branch-card):hover{border-color:rgba(95,153,227,.65)!important;box-shadow:0 11px 30px rgba(34,96,177,.15),inset 0 1px rgba(255,255,255,.2)!important;}}
@media(prefers-reduced-motion:reduce){.auth-shell *, .signed-in main .branch-card{transition:none!important;animation:none!important;}}
/* Preserve CRP's blue primary action in the light login form (a general theme
   rule previously turned it green on some screen widths). */
html:not([data-theme="dark"]) .auth-shell .auth-card button.primary{
 background:linear-gradient(135deg,#1c67c4,#2451a7)!important;
 border-color:#356ab7!important;color:#fff!important;
 box-shadow:0 8px 19px rgba(31,89,167,.14)!important;
}