:root{--navy:#0c2b4a;--blue:#1e88e5;--gold:#fbc02d;--muted:#516478;--line:#dbe3eb}
.account-header{padding:24px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;border-bottom:1px solid #ffffff26}
.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:4px}.brand>span{font-size:29px;font-weight:750;letter-spacing:-1px}.gold{color:var(--gold)}.brand small{font-size:13px;color:#e0e9f2}
.account-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.account-header nav>a{color:#fff;text-decoration:none;font-size:14px}.account-header nav>a:hover{text-decoration:underline}.account-header form{margin:0}.account-header .nav-button{width:auto;background:transparent;border:1px solid #ffffff80;margin:0;padding:9px 14px;font-size:14px}
.account-main{padding:38px clamp(16px,4vw,64px) 56px;align-items:flex-start;min-height:calc(100vh - 190px)}.workspace{width:100%;max-width:1280px}.workspace.narrow{max-width:440px;margin:20px auto}.workspace.form-width{max-width:760px;margin:0 auto}.panel{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 25px #00000018;color:var(--navy)}
h1{font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-.7px;margin-bottom:14px}h2{font-size:23px;margin-bottom:12px}h3{font-size:19px;line-height:1.4}.panel p{line-height:1.65}.eyebrow{font-size:11px!important;font-weight:700;letter-spacing:1.8px;margin-bottom:12px!important;color:#45647c}.light{color:#fff!important}.lead{font-size:16px;line-height:1.6;margin-bottom:22px}.system-logo{max-width:190px;height:75px;object-fit:contain;margin-bottom:24px}.login-panel{text-align:center}.login-panel form{text-align:left}.small-note{font-size:12px!important;margin-top:25px;margin-bottom:0!important}.secondary-link{display:inline-block;margin-top:22px}
a{color:#1264a6;text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b88600;outline-offset:4px}.panel label{font-weight:600;font-size:14px;display:block;margin-bottom:7px}.panel input:not([type=checkbox]),.panel select,.panel textarea{width:100%;padding:11px 12px;margin:0 0 6px;border:1px solid #b4c2cf;border-radius:6px;font:inherit;background:#fff;color:var(--navy)}.panel input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}.panel form p{margin-bottom:19px}.panel .helptext{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px}.panel form ul{margin:8px 0 18px;padding-left:22px}.errorlist{color:#a21b23;line-height:1.6;font-size:14px}.button{display:inline-block;background:var(--blue);color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;text-align:center;font-size:14px}.button:hover{background:var(--navy)}.notice{padding:16px;border-radius:8px;background:#e9f3fc;border-left:4px solid var(--blue);color:var(--navy);margin-bottom:22px;font-size:14px;line-height:1.6}.notice.error{background:#fff1f1;border-color:#b41d29}.notice.success{background:#eaf7f0;border-color:#258351}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;text-decoration:none;min-height:190px;transition:box-shadow .15s,border-color .15s;border:2px solid transparent}.card:hover{border-color:var(--gold);box-shadow:0 12px 30px #0003}.card>span:last-child{margin-top:auto;padding-top:20px;font-size:14px;font-weight:600;color:#1264a6}
.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.title-row h1{margin-bottom:0}.filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:24px 0}.filters>label,.filters>p{flex:1;min-width:150px;margin-bottom:0!important}.filters button[type=submit]{width:auto;margin:0 0 6px;padding:11px 22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f1f5f8;font-size:12px;color:#4a6074;white-space:nowrap}td,th{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;margin-top:5px;color:var(--muted)}.badge{display:inline-block;padding:4px 8px;background:#edf3f8;border-radius:4px;font-size:11px;margin:2px;color:#3f5a70;white-space:nowrap}.pagination{display:flex;gap:24px;justify-content:center;margin-top:24px;font-size:14px}.steps{display:flex;list-style-position:inside;gap:18px;padding:15px 0;margin:0 0 25px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.steps [aria-current]{font-weight:700;color:#1264a6}.summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 24px;margin:25px 0;font-size:14px;line-height:1.6}.summary dt{color:var(--muted)}.summary dd{overflow-wrap:anywhere}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:22px 0}.tabs a{padding:14px;text-decoration:none;font-size:14px}.tabs [aria-current]{border-bottom:3px solid var(--blue);font-weight:700}.pending{padding:55px 20px;text-align:center;max-width:670px;margin:auto}.pending h2{margin-top:22px}.pending h3{font-weight:500;margin:15px 0}pre{max-width:500px;white-space:pre-wrap;word-break:break-word;font-size:12px}.skip-link{position:fixed;top:-80px;left:15px;background:#fff;padding:12px;z-index:99}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-header{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:600px){.account-header{padding:20px}.account-header nav{gap:14px}.brand small{font-size:11px}.account-main{padding:25px 16px 35px}.panel{padding:23px 19px}.card-grid{grid-template-columns:1fr}.workspace.narrow{margin:0}.summary{grid-template-columns:1fr;gap:4px}.summary dd{margin-bottom:12px}.steps{gap:8px;font-size:11px}.tabs a{padding:12px 9px;font-size:12px}.title-row{align-items:flex-start;flex-direction:column}.pending{padding:35px 0}}

/* Keep the sign-in card compact without changing its width or control sizes. */
.login-panel{padding-top:22px;padding-bottom:22px}
.login-panel .system-logo{display:block;margin:0 auto 12px}
.login-panel .eyebrow{margin-bottom:6px!important}
.login-panel h1{margin-bottom:8px}
.login-panel h1 + p{margin-bottom:12px}
.login-panel form p{margin-bottom:8px}
.login-panel label{margin-bottom:5px}
.login-panel input:not([type=checkbox]){margin-bottom:0}
.login-panel button[type=submit]{margin-top:4px}
.login-panel .secondary-link{margin-top:12px}
.login-panel .small-note{margin-top:12px;line-height:1.5}
.readonly-value{display:block;width:100%;padding:11px 12px;border:1px solid #b4c2cf;border-radius:6px;background:#f6f9fb;color:var(--navy);font-weight:500}.project-assignment-panel{border:1px solid var(--line);border-radius:8px;padding:18px;margin:10px 0 20px}.project-assignment-panel h2{font-size:19px;margin-bottom:12px}.project-assignment-panel ul{max-height:260px;overflow:auto;padding:10px 12px!important;border:1px solid var(--line);border-radius:6px;background:#f9fbfd;list-style:none;margin:12px 0 0!important}.project-assignment-panel li{padding:8px 4px;border-bottom:1px solid #e7eef5}.project-assignment-panel li:last-child{border-bottom:0}





.midep-form-shell{max-width:1040px;margin:0 auto 40px;color:#dfeaf6}.midep-form-shell h1{color:#fff}.midep-form-shell .title-row p{color:#b8c7d8}.midep-user-form{display:flex;flex-direction:column;gap:18px}.form-section-card{background:#fff;color:var(--navy);border:1px solid #d8e3ed;border-radius:14px;padding:22px;box-shadow:0 10px 24px #00000014}.form-section-card h2{font-size:18px;margin:0 0 16px}.form-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.form-grid p,.form-section-card p{margin:0 0 14px}.form-section-card label{font-weight:700;color:#34495e;margin-bottom:7px}.form-section-card input:not([type=checkbox]),.form-section-card select,.form-section-card textarea{width:100%;min-height:44px;border:1px solid #b8c7d8;border-radius:8px;padding:10px 12px;background:#fff;color:#102b46}.scope-card{border:1px solid #d8e3ed;border-radius:12px;background:#f7fafc;padding:16px 18px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.scope-card strong{font-size:18px}.scope-card span{font-weight:700;color:#1769aa}.scope-card small,.choice-card small{color:#66788a}.scope-card.compact strong{font-size:15px}.choice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choice-card{display:flex!important;gap:12px;align-items:flex-start;border:1px solid #d8e3ed;border-radius:12px;padding:15px;background:#f9fbfd;cursor:pointer;min-height:96px}.choice-card:hover{border-color:var(--blue);box-shadow:0 8px 20px #1e88e51a}.choice-card input{margin-top:3px}.choice-card span{display:flex;flex-direction:column;gap:4px}.permission-list ul,.form-section-card ul{list-style:none;padding-left:0!important;margin:0!important;display:grid;gap:10px}.permission-list li,.form-section-card li{padding:9px 0;border-bottom:1px solid #e7eef5}.permission-list li:last-child,.form-section-card li:last-child{border-bottom:0}.form-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}.secondary-button{background:#eaf1f7!important;color:#15324d!important}.secondary-button:hover{background:#dce8f2!important}.midep-user-form button[type=submit],.card-body button[type=submit]{width:auto;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:12px 20px;font-weight:700}.midep-user-form [hidden]{display:none!important}@media(max-width:800px){.form-grid.two-col,.choice-card-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch;flex-direction:column}.form-actions .button,.form-actions button{width:100%;text-align:center}}

/* DID access management pages */

.did-access-portal {
  --dashboard-text: #f7f9ff;
  --dashboard-body: #d7e5f5;
  --dashboard-muted: #a9bdd4;
  --dashboard-link: #5db7ff;
}
.did-access-portal .account-main {
  background: radial-gradient(ellipse at 90% 0, #3e608a55, transparent 52%), linear-gradient(140deg, #133655, #0c2948 75%);
}
.did-access-management,
.did-access-management .card,
.did-access-management .card-body {
  color: var(--dashboard-body);
}
.did-access-management .card {
  background: transparent;
  box-shadow: none;
  border: 1px solid #ffffff26;
  border-radius: 10px;
}
.did-access-management .card-body {
  padding: 26px;
}
.did-access-management h1,
.did-access-management h2,
.did-access-management h4,
.did-access-management .page-title-box h4 {
  color: var(--dashboard-text);
}
.did-access-management p,
.did-access-management .title-row p,
.did-access-management .breadcrumb,
.did-access-management .breadcrumb-item,
.did-access-management .pagination,
.did-access-management table td {
  color: var(--dashboard-body);
}
.did-access-management .eyebrow,
.did-access-management .page-title-box .breadcrumb-item.active,
.did-access-management td small,
.did-access-management .small-note {
  color: var(--dashboard-muted) !important;
}
.did-access-management a {
  color: var(--dashboard-link);
}
.did-access-management .button,
.did-access-management button[type="submit"] {
  color: #fff;
}
.did-access-management .filters label {
  color: var(--dashboard-body);
  font-weight: 700;
}
.did-access-management .filters input,
.did-access-management .filters select {
  color: #102b46;
  background: #fff;
}
.did-access-management table {
  color: var(--dashboard-body);
}
.did-access-management tbody tr {
  border-bottom: 1px solid #ffffff30;
}
.did-access-management td,
.did-access-management th {
  border-bottom-color: #ffffff30;
}
.did-access-management th {
  background: #f1f5f8;
  color: #294766;
}
.did-access-management .badge {
  background: #edf3f8;
  color: #3f5a70;
}
.did-add-user-page .card,
.did-add-user-page .form-section-card {
  color: var(--navy);
}
.did-add-user-page .form-section-card h2,
.did-add-user-page .form-section-card label {
  color: #183b5a;
}
.did-add-user-page .form-section-card p,
.did-add-user-page .form-section-card small,
.did-add-user-page .choice-card small,
.did-add-user-page .scope-card small {
  color: #5b6f83;
}
.did-access-user-form .access-type-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.did-access-user-form .choice-card {
  min-height: 112px;
}
.did-access-user-form .municipality-admin-fields {
  margin-top: 16px;
}
.did-access-user-form .municipality-admin-fields p,
.did-access-user-form .form-section-card:last-of-type p {
  margin-bottom: 0;
}
.did-access-user-form .scope-card.compact {
  margin-bottom: 16px;
}
@media(max-width:800px){
  .did-access-management .card-body { padding: 20px; }
  .did-access-user-form .access-type-grid { grid-template-columns: 1fr; }
}