/* Madhuban civic design. Scoped to the application shell and sign-in pages. */
:root{--mcs-ink:#182c40;--mcs-muted:#617386;--mcs-navy:#132d42;--mcs-teal:#087f78;--mcs-border:#dde6ec;--mcs-surface:#f3f6f8;--mcs-gold:#e7b45a}
.mcs-app,.mcs-auth{font-family:"Segoe UI",Arial,sans-serif;color:var(--mcs-ink);background:var(--mcs-surface)}
.mcs-app a:focus-visible,.mcs-auth a:focus-visible,.mcs-app button:focus-visible,.mcs-auth button:focus-visible{outline:3px solid #dbad50;outline-offset:3px}
.mcs-skip{position:fixed;left:16px;top:-70px;z-index:10000;padding:12px 20px;background:#fff;color:var(--mcs-navy);border:2px solid var(--mcs-teal)}
.mcs-skip:focus{top:12px}
/* Sign in */
.mcs-auth{margin:0;min-height:100vh;font-size:15px}
.mcs-auth *{box-sizing:border-box}
.mcs-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}
.mcs-auth-story{position:relative;overflow:hidden;background:var(--mcs-navy);color:#fff;padding:48px clamp(32px,5vw,88px);display:flex;flex-direction:column;justify-content:space-between;gap:56px}
.mcs-brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none!important}
.mcs-brand-mark{width:48px;height:48px;flex:none;border:1px solid #ffffff40;border-radius:12px;display:grid;place-items:center;background:#ffffff09}
.mcs-brand-mark svg{width:30px;height:30px}
.mcs-brand-copy strong{display:block;font-size:18px;letter-spacing:.2px;color:inherit}
.mcs-brand-copy small{display:block;font-size:12px;margin-top:5px;letter-spacing:1.6px;text-transform:uppercase;color:#b7cbda}
.mcs-auth-intro{position:relative;z-index:1;max-width:450px}
.mcs-eyebrow{display:block;font-size:11px!important;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mcs-teal);margin-bottom:16px}
.mcs-auth-story .mcs-eyebrow{color:var(--mcs-gold)}
.mcs-auth-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin:0 0 24px;color:#fff}
.mcs-auth-intro>p{color:#bed0dd;font-size:16px;line-height:1.8;max-width:380px}
.mcs-service-list{display:grid;gap:18px;margin-top:38px;color:#d9e6ed;font-size:14px}
.mcs-service-list span{display:flex;gap:12px;align-items:center}
.mcs-service-list b{color:var(--mcs-gold);font-size:18px;font-weight:400}
.mcs-auth-location{font-size:12px;color:#afc3d2;letter-spacing:.5px;position:relative;z-index:1}
.mcs-auth-story:after{content:"";position:absolute;width:470px;height:470px;border:1px solid #ffffff0b;border-radius:50%;right:-230px;bottom:-190px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03;pointer-events:none}
.mcs-auth-main{display:flex;flex-direction:column;padding:36px clamp(28px,6vw,100px);background:#fbfcfd;min-width:0}
.mcs-auth-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--mcs-muted)}
.mcs-auth-top a{color:var(--mcs-muted);text-decoration:none}
.mcs-auth-top a:hover{color:var(--mcs-teal)}
.mcs-auth-top select{padding:7px 10px;border:1px solid var(--mcs-border);border-radius:6px;background:#fff;color:var(--mcs-ink);max-width:120px}
.mcs-auth-card{width:100%;max-width:420px;margin:auto; padding:60px 0}
.mcs-auth-card h2{font-size:32px;line-height:1.2;letter-spacing:-.8px;font-weight:650;margin:0 0 12px;color:var(--mcs-ink)}
.mcs-auth-subtitle{line-height:1.7;color:var(--mcs-muted);margin:0 0 30px;font-size:14px}
.mcs-auth-tabs{display:flex;background:#edf2f4;padding:4px;border-radius:9px;gap:4px;margin-bottom:32px}
.mcs-auth-tabs a{flex:1;text-align:center;padding:10px;font-size:13px;font-weight:600;color:var(--mcs-muted);border-radius:6px;text-decoration:none}
.mcs-auth-tabs a[aria-current="page"]{background:#fff;color:var(--mcs-teal);box-shadow:0 1px 4px #16334412}
.mcs-auth .form-group{margin:0 0 22px}
.mcs-auth label{display:block;font-size:13px;font-weight:600;margin-bottom:9px;color:var(--mcs-ink)}
.mcs-auth .form-control{display:block;width:100%;height:50px;padding:12px 14px;border:1px solid #cdd9e1;border-radius:7px;background:#fff;color:var(--mcs-ink);font-family:inherit;font-size:15px;box-shadow:0 1px 2px #1c344006}
.mcs-auth .form-control:focus{border-color:var(--mcs-teal);outline:none;box-shadow:0 0 0 3px #087f7815}
.mcs-auth .form-control::placeholder{color:#8a9aa8}
.mcs-password{position:relative}
.mcs-password .form-control{padding-right:68px}
.mcs-password-toggle{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--mcs-teal);font:600 12px "Segoe UI",sans-serif;min-height:34px;padding:6px 10px;cursor:pointer}
.mcs-auth .text-danger,.mcs-auth .field-validation-error{display:block;color:#b23535;font-size:12px;line-height:1.5;margin-top:6px}
.mcs-login-message:empty{display:none}
.mcs-login-message{padding:12px;border:1px solid #efcccc;border-radius:6px;background:#fff5f5;color:#a02b2b;font-size:13px;margin:0 0 18px}
.mcs-auth .mcs-submit{display:block;width:100%;min-height:50px;border:1px solid var(--mcs-teal);border-radius:7px;background:var(--mcs-teal);color:#fff;font:600 15px "Segoe UI",sans-serif;cursor:pointer;transition:background .15s;box-shadow:0 4px 8px #087f7815}
.mcs-auth .mcs-submit:hover{background:#06685f}
.mcs-submit span{float:right;font-size:20px;margin-right:6px;line-height:20px}
.mcs-auth .mcs-secondary{margin-top:12px;background:#fff;color:var(--mcs-teal);box-shadow:none}
.mcs-auth .mcs-secondary:hover{background:#f0f7f6}
.mcs-auth-help{text-align:center;margin:22px 0 0;font-size:13px;color:var(--mcs-muted)}
.mcs-auth-help a{color:var(--mcs-teal);font-weight:600;text-decoration:none}
.mcs-auth-note{border-top:1px solid var(--mcs-border);margin-top:32px;padding-top:20px;display:flex;gap:10px;color:var(--mcs-muted);font-size:12px;line-height:1.6}
.mcs-auth-note svg{width:17px;height:19px;flex:none;color:var(--mcs-teal)}
.mcs-auth-footer{text-align:center;color:#7a8a98;font-size:11px;line-height:1.8}
/* Application chrome */
.mcs-app .page-container{background:var(--mcs-surface)}
.mcs-app .page-container .page-sidebar{width:250px;background:var(--mcs-navy)}
.mcs-app .page-container .page-content{margin-left:250px;background:var(--mcs-surface)}
.mcs-app .page-sidebar .x-navigation{background:var(--mcs-navy)}
.mcs-app .page-sidebar .x-navigation>li.xn-logo>a:first-child{height:auto;min-height:86px;padding:24px 20px 20px 62px;background:transparent url('../images/madhuban-civic.svg') no-repeat 18px center;background-size:32px;color:#fff;font-size:15px!important;line-height:21px;text-indent:0;font-weight:650;white-space:normal}
.mcs-app .page-sidebar .x-navigation>li.xn-profile{padding:4px 16px 20px}
.mcs-app .profile{padding:14px;background:#ffffff08;border:1px solid #ffffff0c;border-radius:8px;text-align:left}
.mcs-app .profile .profile-data .profile-data-name{color:#eef5fa;font-size:14px;font-weight:600}
.mcs-app .profile .profile-data .profile-data-name:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#69c9b5;margin-right:9px}
.mcs-app .x-navigation>li{border:0}
.mcs-app .page-sidebar .x-navigation>li.xn-title{color:#8ca7bc;padding:12px 24px;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.mcs-app .page-sidebar .x-navigation>li>a{padding:14px 20px;color:#c7d5df;border:0;font-size:13px;line-height:21px}
.mcs-app .page-sidebar .x-navigation>li>a .fa,.mcs-app .page-sidebar .x-navigation>li>a .fas{color:#8caabb;margin-right:10px;width:20px}
.mcs-app .page-sidebar .x-navigation>li.active>a,.mcs-app .page-sidebar .x-navigation>li>a:hover{color:#fff;background:#ffffff0c;box-shadow:inset 3px 0 0 #69c9b5}
.mcs-app .page-sidebar .x-navigation li>ul{background:#0e2537;padding:5px 0}
.mcs-app .page-sidebar .x-navigation li>ul li>a{border:0;color:#aec4d3;font-size:12px;padding:11px 16px 11px 30px;line-height:1.5}
.mcs-app .page-sidebar .x-navigation li>ul li.active>a,.mcs-app .page-sidebar .x-navigation li>ul li>a:hover{color:#fff;background:#ffffff09}
.mcs-app .page-content>.x-navigation-panel{height:76px;min-height:76px;padding:0 28px;background:#fff;border-bottom:1px solid var(--mcs-border);box-shadow:none;gap:18px}
.mcs-app .x-navigation-panel .xn-icon-button>a{color:var(--mcs-ink)!important;background:transparent;padding:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mcs-border);border-radius:7px;width:auto!important;min-width:40px;min-height:40px}
.mcs-app .x-navigation-panel .xn-icon-button>a:hover{background:#edf5f4}
.mcs-app .x-navigation-panel .xn-icon-button{width:auto!important;flex:none;float:none}
.mcs-topbar-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mcs-topbar-title strong{font-size:14px!important;font-weight:650;color:var(--mcs-ink);line-height:1.4}
.mcs-topbar-title small{font-size:11px!important;color:var(--mcs-muted)}
.mcs-topbar-actions{display:flex;align-items:center;gap:20px}
.mcs-app .trans-section select{position:static;right:auto;border:1px solid var(--mcs-border);background:#fff;border-radius:6px;padding:8px 10px;color:var(--mcs-muted);font-size:12px}
.mcs-app .mcs-logout{font-size:12px;font-weight:600;gap:8px;text-decoration:none}
.mcs-app .page-content>.breadcrumb{background:transparent;padding:20px 28px 6px;margin:0;color:var(--mcs-muted);border:0}
.mcs-app .breadcrumb>li,.mcs-app .breadcrumb>li>a{font-size:12px;color:var(--mcs-muted)}
.mcs-app .page-content-wrap{padding:18px 28px 36px;float:none;display:flow-root}
.mcs-workspace-footer{padding:20px 28px;border-top:1px solid var(--mcs-border);font-size:11px!important;color:var(--mcs-muted);clear:both}
.mcs-app .page-container.page-container-wide .page-sidebar{width:50px}
.mcs-app .page-container.page-container-wide .page-content{margin-left:50px}
.mcs-app .x-navigation.x-navigation-minimized>li.xn-logo>a:first-child{padding:0;height:76px;background-position:center;background-size:28px;font-size:0!important;line-height:0;color:transparent}
.mcs-app .page-sidebar .x-navigation.x-navigation-minimized>li>a{padding:14px 10px;font-size:0}
.mcs-app .page-sidebar .x-navigation.x-navigation-minimized>li>a .fa,.mcs-app .page-sidebar .x-navigation.x-navigation-minimized>li>a .fas{font-size:16px;margin-right:0}
.mcs-app .x-navigation.x-navigation-minimized>li.xn-profile{padding:0}
.mcs-app .x-navigation.x-navigation-minimized .profile-data{display:none}
/* Shared forms and lists retain their existing Bootstrap/plugin behavior. */
.mcs-app .panel{border:1px solid var(--mcs-border);border-radius:10px;box-shadow:0 3px 14px #18364605;background:#fff;margin-bottom:22px;overflow:visible}
.mcs-app .panel .panel-heading{border:0;border-bottom:1px solid #e7edf2;background:#fff;padding:20px 22px;border-radius:10px 10px 0 0}
.mcs-app .panel .panel-title,.mcs-app .panel .panel-title strong{font-size:18px!important;line-height:1.4;color:var(--mcs-ink);font-weight:650}
.mcs-app .panel .panel-body{padding:22px}
.mcs-app .panel .panel-footer{background:#f8fafb;border-color:var(--mcs-border);padding:16px 22px;border-radius:0 0 10px 10px}
.mcs-app .form-control{border:1px solid #cdd9e1;border-radius:6px;box-shadow:none;background:#fff;color:var(--mcs-ink);min-height:38px;font-size:13px}
.mcs-app .form-control:focus{border-color:var(--mcs-teal);box-shadow:0 0 0 3px #087f7814}
.mcs-app textarea.form-control{height:auto}
.mcs-app label,.mcs-app .control-label{font-size:13px;font-weight:600;color:#405369}
.mcs-app .btn{border-radius:6px;font-size:13px;font-weight:600;padding:9px 16px;box-shadow:none}
.mcs-app .btn-sm,.mcs-app .btn-xs{padding:5px 10px;font-size:12px}
.mcs-app .btn-primary,.mcs-app .btn-info,.mcs-app .btn-success{background:var(--mcs-teal);border-color:var(--mcs-teal);color:#fff}
.mcs-app .btn-primary:hover,.mcs-app .btn-info:hover,.mcs-app .btn-success:hover{background:#06685f;border-color:#06685f}
.mcs-app .btn-default{background:#fff;color:#405369;border-color:#cdd9e1}
.mcs-app .table{font-size:13px}
.mcs-app .table>thead>tr>th{background:#f1f5f7;color:#526477;border-color:var(--mcs-border);font-size:11px;font-weight:700;letter-spacing:.3px;padding:13px 12px;vertical-align:middle}
.mcs-app .table>tbody>tr>td{padding:12px;border-color:#e7edf2;vertical-align:middle;font-size:13px}
.mcs-app .table-striped>tbody>tr:nth-of-type(odd){background:#fafcfd}
.mcs-app .table-hover>tbody>tr:hover{background:#f0f8f6}
.mcs-app .dataTables_wrapper{max-width:100%;overflow-x:auto}
.mcs-app .pagination>.active>a,.mcs-app .pagination>.active>span{background:var(--mcs-teal);border-color:var(--mcs-teal)}
.mcs-app .input-group-addon{background:#f1f5f7;border-color:#cdd9e1;color:var(--mcs-muted)}
.mcs-app .modal-content{border-radius:10px;border-color:var(--mcs-border)}
@media(min-width:1025px){.mcs-app .page-sidebar{position:fixed!important;top:0;left:0;bottom:0;height:100vh!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#39566b #132d42}.mcs-app .page-sidebar .x-navigation-control{display:none}}
@media(max-width:1024px){
 .mcs-app .page-container .page-sidebar{width:100%;float:none;position:relative}
 .mcs-app .page-container .page-content,.mcs-app .page-container.page-container-wide .page-content{margin-left:0}
 .mcs-app .page-container.page-container-wide .page-sidebar{width:100%}
 .mcs-app .page-sidebar .x-navigation>li.xn-logo>a:first-child{min-height:68px;padding-top:23px;padding-bottom:23px;padding-right:58px}
 .mcs-app .page-sidebar .x-navigation-control{top:15px;right:16px;background:#ffffff12;border-radius:6px}
 .mcs-app .page-content>.x-navigation-panel{padding:0 18px;height:68px;min-height:68px}
 .mcs-app .mcs-sidebar-toggle{display:none}
 .mcs-app .page-content-wrap{padding:16px 18px 28px}
 .mcs-app .page-content>.breadcrumb{padding-left:18px;padding-right:18px}
}
@media(max-width:760px){
 .mcs-auth-shell{grid-template-columns:1fr}
 .mcs-auth-story{padding:24px;gap:28px}
 .mcs-auth-intro h1{font-size:34px;letter-spacing:-.6px;margin-bottom:12px}
 .mcs-auth-intro>p{font-size:14px;margin:0;max-width:none}
 .mcs-auth-intro .mcs-eyebrow,.mcs-service-list,.mcs-auth-location{display:none}
 .mcs-auth-main{padding:22px 24px 26px}
 .mcs-auth-card{padding:32px 0}
 .mcs-auth-card h2{font-size:28px}
 .mcs-topbar-title small{display:none}
 .mcs-topbar-title strong{font-size:12px!important}
 .mcs-topbar-actions{gap:8px}
 .mcs-app .x-navigation-panel .xn-icon-button>a{padding:8px;min-width:34px;min-height:34px}
 .mcs-app .trans-section select{max-width:88px;padding:7px;font-size:11px}
 .mcs-app .mcs-logout-label{display:none}
 .mcs-app .panel .panel-heading,.mcs-app .panel .panel-body{padding:16px}
 .mcs-app .page-content-wrap{padding:14px 10px 24px}
 .mcs-app .panel .panel-title,.mcs-app .panel .panel-title strong{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.mcs-app *,.mcs-auth *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.mcs-app .page-sidebar,.mcs-app .x-navigation-panel,.mcs-app .breadcrumb,.mcs-workspace-footer,.mcs-skip{display:none!important}.mcs-app .page-container .page-content{margin:0!important}.mcs-app .page-content-wrap{padding:0}.mcs-app .panel{box-shadow:none}}