/* Shared visual language with the customer portal; scoped to admin layouts. */
@font-face{font-family:MCF Source;src:url('../fonts/mcf-source-sans.woff2') format('woff2');font-weight:400;font-display:swap}
.mcf-admin-shell,.mcf-admin-login{font-family:MCF Source,'Source Sans Pro',Arial,sans-serif;color:#172438;background:#edf2f8}
.mcf-admin-shell{--mcf-nav:240px;overflow:hidden!important}
.mcf-admin-shell:has(.content-wrapper.full-screen){--mcf-nav:60px}
.mcf-admin-shell:not(:has(.outer-side-nav)){--mcf-nav:0px}
.mcf-admin-shell> .container-fluid>header{position:fixed;left:var(--mcf-nav);top:0;width:calc(100% - var(--mcf-nav));height:64px;padding:0 22px;z-index:50;background:#0d151b;color:#fff;box-shadow:none;overflow:visible;max-height:none}
.mcf-admin-shell .header{display:flex;align-items:center;height:64px;margin:0;flex-wrap:nowrap}
.mcf-admin-shell .header> .col-2{display:none}
.mcf-admin-shell .header> .col-7{flex:1;max-width:none;min-width:0;padding:0}
.mcf-admin-shell .header> .col-3{flex:0 0 auto;width:auto;max-width:none;padding:0 0 0 16px}
.mcf-admin-shell header .links{display:flex;align-items:center;gap:18px;margin:0;flex-wrap:wrap}
.mcf-admin-shell header .links a{font-size:14px;font-weight:600;color:#edf4fb;margin:0}
.mcf-admin-shell header .links a:hover{color:#ff4262}
.mcf-admin-shell header .links a span{position:static;display:inline-block;width:auto;min-width:18px;height:auto;padding:1px 5px;border:0;border-radius:4px;background:#e00024;font-size:11px;margin-right:4px}
.mcf-admin-shell header .user{margin:0;color:#fff;font-size:14px;white-space:nowrap}
.mcf-admin-shell header .profile-picture{width:36px;height:36px;margin-left:10px}
.mcf-admin-shell header .profile-dropdown{top:64px;right:16px;height:auto;min-height:280px;border:1px solid #dde5ef;border-radius:8px;color:#172438;box-shadow:0 12px 35px #0003}
.mcf-admin-shell header .dropdown-menu{border-radius:6px;background:#fff;color:#172438}
.mcf-admin-shell header .dropdown-item{color:#172438!important;padding:9px 16px}
.mcf-admin-shell .responsive-header,.mcf-admin-shell .responsive-nav{display:none}
.mcf-admin-shell .outer-side-nav{display:block;position:fixed;left:0;top:0;bottom:0;height:100vh;width:var(--mcf-nav)!important;max-width:none;background:#0d151b;z-index:60}
.mcf-admin-shell .side-nav{display:block;margin:0;padding:0 10px;height:100%;min-height:0;background:#0d151b;box-shadow:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#54616d #0d151b}
.mcf-admin-brand{display:flex;align-items:center;justify-content:center;height:94px;margin:0 -10px 12px;border-bottom:1px solid #26313b;padding:12px}
.mcf-admin-brand img{width:210px;max-width:100%;height:auto}
.mcf-admin-shell .side-nav>.row{margin:0}
.mcf-admin-shell .side-nav ul{margin:0;padding:0;width:100%;list-style:none}
.mcf-admin-shell .side-nav ul li{padding:0;margin:3px 0;border:0;border-radius:5px;box-shadow:none}
.mcf-admin-shell .side-nav ul li>a{display:flex;align-items:center;gap:10px;padding:11px 10px;color:#d8e6f3;font-size:15px;line-height:1.3;min-height:43px}
.mcf-admin-shell .side-nav ul li>a>i{width:20px;flex:0 0 20px;margin:0;color:#bcd8eb;text-align:center}
.mcf-admin-shell .side-nav .full-only{flex:1;min-width:0;overflow-wrap:anywhere}
.mcf-admin-shell .side-nav li.active>a,.mcf-admin-shell .side-nav li>a:hover,.mcf-admin-shell .side-nav li>a:focus-visible{background:#e00024;border-radius:5px;color:#fff!important}
.mcf-admin-shell .side-nav ul li div{margin:0 0 6px;padding:4px 0 4px 16px;background:#111f29;border-radius:5px}
.mcf-admin-shell .side-nav ul li div a{font-size:14px;line-height:1.4;padding:8px 6px;color:#bdd0e1;overflow-wrap:anywhere}
.mcf-admin-shell .side-nav ul li div a.active,.mcf-admin-shell .side-nav ul li div a:hover{color:#fff;background:#223440;border-radius:4px}
.mcf-admin-shell .close-sidenav{position:absolute;top:102px;right:-17px;left:auto;width:32px;height:32px;border-radius:50%;background:#17242d;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px #0002}
.mcf-admin-shell .close-sidenav i{font-size:20px}
.mcf-admin-shell:has(.content-wrapper.full-screen) .side-nav{padding:0 5px}
.mcf-admin-shell:has(.content-wrapper.full-screen) .mcf-admin-brand{padding:6px;margin:0 -5px 12px}
.mcf-admin-shell:has(.content-wrapper.full-screen) .side-nav ul li>a{justify-content:center;padding:11px 5px}
.mcf-admin-shell .content-wrapper,.mcf-admin-shell .content-wrapper.full-screen{position:fixed;top:64px;left:var(--mcf-nav);width:calc(100% - var(--mcf-nav));height:calc(100vh - 64px);padding:20px;overflow:auto;background:#edf2f8}
.mcf-admin-shell .content-wrapper>.container-fluid{padding:0}
.mcf-admin-shell .content-wrapper .bcrumbs{margin:0 0 18px;font-size:13px}
.mcf-admin-shell .content-wrapper .bcrumbs a{color:#54677e}
.mcf-admin-shell .content-wrapper .page-title{margin-top:0;margin-bottom:22px;line-height:1.4}
.mcf-admin-shell.mcf-admin-no-sidebar{--mcf-nav:0px!important}
.mcf-admin-shell.mcf-admin-no-sidebar>.container-fluid>header{left:0!important;width:100%!important}
.mcf-admin-shell.mcf-admin-no-sidebar .content-wrapper{left:0!important;width:100%!important}
@media(min-width:992px){.mcf-admin-no-sidebar .header>.col-2{display:block;flex:0 0 210px;max-width:210px;padding:0 24px 0 0}.mcf-admin-no-sidebar .header .logo{width:185px;height:54px;object-fit:contain}}
.mcf-admin-masthead{position:relative;display:flex;align-items:center;height:155px;border-radius:8px;overflow:hidden;background:#10151b url('../images/admin-workshop-banner.png') center/cover;margin-bottom:22px;padding:22px 28px;color:#fff}
.mcf-admin-masthead h1{font-size:27px;line-height:1.12;font-weight:800;font-style:italic;margin:0 0 9px;max-width:390px;color:#fff}
.mcf-admin-masthead h1 span{color:#ff0030;display:block}
.mcf-admin-masthead p{font-size:14px;margin:0;font-style:italic;font-weight:600}
.mcf-admin-shell .content-wrapper .card,.mcf-admin-shell .content-wrapper .page{background:#fff;border-radius:8px;box-shadow:0 3px 14px #17243808;border:1px solid #e5ebf2}
.mcf-admin-shell .content-wrapper h2,.mcf-admin-shell .content-wrapper h3,.mcf-admin-shell .content-wrapper h4,.mcf-admin-shell .content-wrapper h5{color:#172438;font-weight:600}
.mcf-admin-shell .content-wrapper .table{color:#24354b;font-size:14px}
.mcf-admin-shell .content-wrapper .table thead th{background:#f5f8fc;border-bottom:1px solid #dce5ef;color:#42566e;font-weight:600;padding-top:12px;padding-bottom:12px}
.mcf-admin-shell .content-wrapper .table td{vertical-align:middle;border-color:#e7edf4}
.mcf-admin-shell .content-wrapper .form-control{border-color:#d7e1ed;border-radius:5px;color:#172438}
.mcf-admin-shell .content-wrapper .form-control:focus,.mcf-admin-login .form-control:focus{border-color:#e00024;box-shadow:0 0 0 3px #e0002418}
.mcf-admin-shell a:focus-visible,.mcf-admin-shell button:focus-visible{outline:2px solid #fa2448;outline-offset:2px}
.mcf-admin-login{min-height:100vh;overflow-y:auto;background:#edf2f8!important}
.mcf-admin-login header{position:relative;background:#0d151b;padding:16px 24px;box-shadow:none;height:104px}
.mcf-admin-login header .header{display:flex!important;margin:0}
.mcf-admin-login header .header> .col-2{flex:0 0 280px;max-width:280px;padding:0}
.mcf-admin-login header .logo{width:280px;max-width:100%;height:70px;object-fit:contain}
.mcf-admin-login #wrap>.container-fluid>.container{margin:48px auto!important;padding:0 20px}
.mcf-admin-login .col-xl-5,.mcf-admin-login .col-5{flex:0 0 100%;max-width:460px}
.mcf-admin-login .card-signin{border:1px solid #e0e7f0;border-radius:8px;box-shadow:0 8px 35px #1724380c}
.mcf-admin-login .card-signin .card-body{padding:32px}
.mcf-admin-login .card-signin .card-title{font-weight:700;color:#172438;font-size:26px}
.mcf-admin-login .btn.save-btn.btn-login{position:static;display:block;box-sizing:border-box;width:100%;max-width:100%;height:46px;margin:20px 0 0;padding:11px;border-radius:5px;background:#e00024;color:#fff;font-size:15px;letter-spacing:0;line-height:22px}
.mcf-admin-login .btn-login .check{display:none}
.mcf-admin-login .btn-change-pass{font-size:14px;letter-spacing:0;color:#d00020}
@media(max-width:1200px){.mcf-admin-shell header .links{gap:12px}.mcf-admin-shell header .links a{font-size:13px}.mcf-admin-shell header .user .open-settings:first-child{max-width:115px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}}
@media(max-width:991px){.mcf-admin-shell{--mcf-nav:0px!important}.mcf-admin-shell .outer-side-nav,.mcf-admin-shell .header{display:none!important}.mcf-admin-shell> .container-fluid>header{left:0;width:100%;height:76px;padding:0 16px;overflow-y:auto;max-height:100vh}.mcf-admin-shell .responsive-header{display:block!important;height:76px;max-height:none;text-align:left}.mcf-admin-shell .responsive-header img{position:static;width:230px;max-width:100%;height:65px;object-fit:contain}.mcf-admin-shell .responsive-header .hamburger-icon{display:block;text-align:right}.mcf-admin-shell .responsive-header .hamburger-icon i{line-height:76px;color:#fff}.mcf-admin-shell .responsive-header:hover{background:transparent}.mcf-admin-shell .responsive-nav{display:block;background:#0d151b;color:#fff}.mcf-admin-shell .responsive-nav .full-only{display:inline!important}.mcf-admin-shell .responsive-nav a{color:#d5e6f4}.mcf-admin-shell .responsive-nav li{padding:8px 12px}.mcf-admin-shell .responsive-nav li.active{background:#e00024}.mcf-admin-shell .content-wrapper,.mcf-admin-shell .content-wrapper.full-screen{left:0!important;width:100%!important;top:76px;height:calc(100vh - 76px);padding:14px}.mcf-admin-masthead{height:130px;padding:18px;background-position:60% center}.mcf-admin-masthead h1{font-size:22px;max-width:245px}.mcf-admin-masthead p{font-size:12px;max-width:235px}.mcf-admin-shell .content-wrapper .table-responsive{overflow-x:auto}.mcf-admin-login .card-signin .card-body{padding:24px}.mcf-admin-login #wrap>.container-fluid>.container{margin-top:30px!important}}

/* Restore the familiar admin quick links with a dark toolbar. */
.mcf-admin-shell> .container-fluid>header{background:#0d151b;color:#edf4fb;box-shadow:0 3px 8px #0000000d}
.mcf-admin-shell header .links{gap:24px}
.mcf-admin-shell header .links a{color:#edf4fb;font-size:16px;font-weight:400;white-space:nowrap}
.mcf-admin-shell header .user{color:#edf4fb;font-size:16px}
.mcf-admin-shell header .links a span{background:#d72027;border-radius:50%;min-width:20px;height:20px;text-align:center;padding:2px;font-size:12px}
@media(max-width:991px){.mcf-admin-shell> .container-fluid>header{background:#0d151b}.mcf-admin-shell header .links-responsive a{color:#fff}}

.mcf-admin-shell .side-nav ul li .collapse.show>a,.mcf-admin-shell .side-nav ul li .collapsing>a{display:flex;align-items:flex-start;gap:8px;color:#edf4fb!important;font-size:15px;line-height:1.45;font-weight:500;padding:10px 8px;white-space:normal;overflow-wrap:anywhere}
.mcf-admin-shell .side-nav ul li .collapse.show>a i{color:#bfd8eb!important;flex:0 0 12px;padding-top:4px}
.mcf-admin-shell .side-nav ul li .collapse.show>a:hover,.mcf-admin-shell .side-nav ul li .collapse.show>a.active{background:#263e50;color:#fff!important}