/* Approved Createrun Identity direction: quiet geometry, blue accents, clear tasks.
   Presentation only; form, authorization and validation contracts remain in Razor. */
body.idm-surface { --brand-600:#117caf; --brand-700:#096b9a; background:#fcfdfd; color:#182b3d; -webkit-font-smoothing:antialiased; }
.idm-topbar { position:relative; background:#fcfdfd; border-bottom:0; }
.idm-topbar-inner { max-width:1200px; height:100px; padding-inline:40px; }
.idm-topbar-inner > a img { width:151px; height:auto; }
.idm-product-name { margin-left:14px; padding-left:22px; font-size:13px; color:#657381; border-color:#dce3e7; }
.idm-topbar nav > a { font-size:13px; }
.idm-topbar nav > a[href='/Account/Login'] { padding:10px 19px; border:1px solid #d8e0e6; border-radius:6px; background:white; }
.idm-user-pill { border:1px solid #e1e8ec; background:#fff; padding:5px 10px 5px 5px; }
.idm-user-pill > span:first-child { background:#117caf; box-shadow:none; }
.idm-public-frame { position:relative; isolation:isolate; }
.idm-public-frame::before { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse at 50% 32%,#eaf5fb99,transparent 66%); }
.idm-public-frame::after { content:''; position:absolute; z-index:-1; top:20px; left:50%; transform:translateX(-50%); width:min(960px,100%); height:600px; pointer-events:none; background:center top/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 600' fill='none'%3E%3Cg stroke='%23dceef5' stroke-width='.8'%3E%3Cpath d='M480 8 800 193v214L480 592 160 407V193Z'/%3E%3Cpath d='M480 51 763 214v172L480 549 197 386V214Z'/%3E%3C/g%3E%3C/svg%3E"); }
.idm-public-main { padding:44px 24px 68px; align-items:flex-start; }
.idm-public-main > .idm-card { position:relative; width:100%; max-width:464px; min-width:0; padding:36px 38px; background:#fff; border:1px solid #e1e9ed; border-radius:10px; box-shadow:0 12px 40px -30px #285b7526; }
.idm-public-main > .idm-card:has(form[action='/Account/SwitchAccount']) { max-width:520px; }
.idm-public-main h1 { color:#182b3d; font-size:30px; font-weight:600; letter-spacing:-1px; line-height:1.25; }
.idm-public-main h1 + p { margin-top:12px; line-height:1.7; color:#657582; }
.idm-public-main .idm-card > .text-center:first-of-type { margin-bottom:30px; }
.idm-label { font-size:13px; font-weight:500; color:#334f61; margin-bottom:8px; }
.idm-input { min-height:46px; padding:11px 13px; border:1px solid #d7e1e7; border-radius:6px; background:#fff; font-size:14px; color:#182b3d; box-shadow:none; }
.idm-input::placeholder { color:#8798a4; }
.idm-input:focus { border-color:#117caf; box-shadow:0 0 0 3px #117caf14; outline:none; }
.idm-input[aria-invalid='true'] { border-color:#c45151; }
.idm-btn-primary,.idm-btn-cta-primary { min-height:46px; border-radius:6px; background:#117caf; color:white; border-color:#117caf; font-size:14px; font-weight:600; box-shadow:0 3px 8px #12679116; }
.idm-btn-primary:hover,.idm-btn-cta-primary:hover { background:#096b9a; border-color:#096b9a; }
.idm-btn-secondary,.idm-btn-cta-secondary { min-height:42px; border-radius:6px; border-color:#d8e1e6; background:#fff; color:#334f61; }
.idm-link { color:#0976a7; }
.idm-link:hover { color:#075e85; }
.idm-surface input[type='checkbox'] { accent-color:#117caf; }
.idm-surface :is(a,button,summary):focus-visible { outline:3px solid #117caf; outline-offset:3px; }
.idm-surface .text-brand-700,.idm-surface .text-brand-600 { color:#0976a7; }
.idm-surface .bg-brand-50 { background:#edf7fb; }
.idm-alert { border-radius:6px; font-size:13px; line-height:1.7; }
.idm-public-main form[action='/Account/SwitchAccount'] button { gap:12px; padding:18px 16px; }
.idm-public-main form[action='/Account/SwitchAccount'] button > :first-child { flex-shrink:0; }
.idm-public-main form[action='/Account/SwitchAccount'] .truncate { white-space:normal; overflow-wrap:anywhere; }
.idm-public-main form[action='/Account/ForgetAccount'] button { min-width:42px; }
.idm-public-main form[action='/Account/SignOutAll'] button { padding:8px; }
.idm-sidebar { background:#fcfdfd; padding-inline:40px; border-color:#e1e8ec; }
.idm-account-nav { max-width:1040px; gap:32px; }
.idm-account-nav a { color:#657582; padding-block:16px; font-size:13px; }
.idm-account-nav a[aria-current='page'] { color:#087caf; border-color:#117caf; }
.idm-workspace-frame,.idm-workspace-main { background:#fcfdfd; }
.idm-workspace-main { padding:48px 40px 64px; }
.idm-workspace-main > .w-full,.idm-overview { max-width:1040px!important; }
.idm-workspace-main h1,.idm-page-heading h1 { font-size:34px; font-weight:600; letter-spacing:-1.2px; color:#182b3d; }
.idm-workspace-main header > p,.idm-page-heading > p { color:#657582; font-size:14px; line-height:1.8; }
.idm-workspace-main .idm-card { background:#fff; border:1px solid #e1e8ec; border-radius:8px; box-shadow:none; }
.idm-workspace-main > .idm-card { max-width:496px; margin:0 auto; padding:34px; }
.idm-overview { padding-top:9px; }
.idm-page-heading { margin-bottom:36px; }
.idm-overview-grid { background:#fff; border-color:#e1e8ec; }
.idm-overview-card { padding:28px; column-gap:22px; border-color:#e8eef1; }
.idm-overview-card:hover { background:#f5fafc; }
.idm-overview-icon { width:40px; height:40px; border-radius:8px; background:#edf7fb; color:#2686ae; }
.idm-overview-card h2 { font-size:16px; color:#243e50; }
.idm-overview-card p { color:#6b7d89; font-size:13px; }
.idm-card-action { color:#3985a7; }
.idm-overview-support { margin-top:28px; color:#71808d; }
.idm-workspace-main table { font-size:13px; }
.idm-workspace-main th { color:#536e7e; background:#f6fafc; }
.idm-workspace-main td { border-color:#e5ecef; }
.idm-workspace-main select { border-color:#d7e1e7; border-radius:5px; }
.idm-public-main > :not(.idm-card) { min-width:0; }
.idm-public-main .prose { color:#536b7b; line-height:1.85; }
.idm-public-main .prose h2 { color:#243e50; letter-spacing:-.5px; }
.idm-footer { background:#fcfdfd; border-color:#e9eef1; }
.idm-footer > div,.idm-workspace .idm-footer > div { max-width:1200px; padding:25px 40px; font-size:11px; color:#71818e; }
@media(max-width:800px) {
 .idm-topbar-inner { height:80px; padding-inline:24px; }
 .idm-topbar-inner > a img { width:130px; }
 .idm-product-name { padding-left:14px; margin-left:6px; }
 .idm-sidebar { padding-inline:24px; }
 .idm-account-nav { gap:25px; }
 .idm-workspace-main { padding:34px 24px 50px; }
 .idm-workspace-main h1,.idm-page-heading h1 { font-size:29px; }
 .idm-public-main { padding:30px 20px 50px; }
 .idm-public-main > .idm-card { padding:30px 25px; }
 .idm-footer > div,.idm-workspace .idm-footer > div { padding:24px; }
}
@media(max-width:480px) {
 .idm-product-name { display:none; }
 .idm-public-main > .idm-card { padding:28px 21px; }
 .idm-public-main h1 { font-size:28px; }
 .idm-public-main form[action='/Account/SwitchAccount'] button { padding:15px 10px; gap:8px; }
 .idm-public-main form[action='/Account/SwitchAccount'] button > :first-child { width:32px; height:32px; }
 .idm-public-main form[action='/Account/SwitchAccount'] button > span { padding-inline:5px; font-size:10px; }
 .idm-overview-card { padding:23px 18px; column-gap:16px; }
 .idm-overview-card h2 { font-size:15px; }
 .idm-overview-card p { font-size:12px; }
 .idm-overview-icon { width:34px; height:34px; }
 .idm-workspace-main > .idm-card { padding:26px 22px; }
}

/* Focused tasks occupy the available viewport, not a top-aligned document column.
   Auto block margins collapse to zero when a form is taller than its viewport. */
.idm-public-frame:has(.idm-public-main > div.idm-card),
.idm-workspace-frame:has(.orgc-wrap, .idm-workspace-main > .idm-card) {
 background:radial-gradient(ellipse at 50% 45%,#f8fcfe 0%,#edf4f8 100%);
}
.idm-public-frame::before,.idm-public-frame::after { display:none; }
.idm-public-main:has(> div.idm-card) {
 align-items:stretch; flex-direction:column; justify-content:flex-start; padding:40px 24px;
}
.idm-public-main > div.idm-card { margin:auto; }
.idm-workspace-frame:has(.orgc-wrap, .idm-workspace-main > .idm-card) {
 display:flex; flex-direction:column; align-items:stretch; min-width:0;
}
.idm-workspace-frame:has(.orgc-wrap, .idm-workspace-main > .idm-card) > .idm-sidebar { width:100%; min-width:0; }
.idm-workspace-main:has(> .orgc-wrap, > .idm-card) {
 display:flex; flex-direction:column; flex:1; background:transparent; padding:40px 24px;
}
.idm-workspace-main > .orgc-wrap,.idm-workspace-main > .idm-card { margin:auto; }
.idm-public-main > div.idm-card,
.idm-workspace-main > .orgc-wrap,
.idm-workspace-main > .idm-card {
 position:relative; width:100%; max-width:480px; padding:40px;
 background:#fff; border:1px solid #dce6ed; border-radius:16px;
 box-shadow:0 18px 60px -24px #244c6b30,0 3px 8px -4px #244c6b14;
}
.idm-public-main > div.idm-card::before,
.idm-workspace-main > .orgc-wrap::before,
.idm-workspace-main > .idm-card::before {
 content:''; display:block; width:36px; height:3px; margin:0 auto 26px;
 border-radius:3px; background:#117caf;
}
.idm-workspace-main > .orgc-wrap { max-width:560px; }
.orgc-wrap > header { text-align:center; }
.idm-workspace-main .orgc-wrap h1 { font-size:28px; letter-spacing:-.8px!important; }
.orgc-wrap > .idm-card { padding:0; border:0; border-radius:0; box-shadow:none; }
.orgc-wrap > .idm-helper:last-child { margin-top:26px; padding-top:20px; border-top:1px solid #e7eef2; line-height:1.8; }
.idm-public-main > div.idm-card > .text-center { margin-bottom:30px; }
.idm-public-main > div.idm-card h1 { letter-spacing:-.8px; }
.idm-footer { position:relative; }
@media(max-width:600px) {
 .idm-public-main:has(> div.idm-card),.idm-workspace-main:has(> .orgc-wrap, > .idm-card) { padding:28px 18px; }
 .idm-public-main > div.idm-card,.idm-workspace-main > .orgc-wrap,.idm-workspace-main > .idm-card { padding:28px 24px; border-radius:12px; }
 .idm-public-main > div.idm-card::before,.idm-workspace-main > .orgc-wrap::before,.idm-workspace-main > .idm-card::before { margin-bottom:23px; }
 .idm-workspace-main .orgc-wrap h1 { font-size:25px; }
}