@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap");
/* Back office (Unfold) inside the ManbiTech cockpit: shell bar on top, BTP-style navigation, page background */
body.mt-cockpit{background:var(--canvas)!important}
body.mt-cockpit #page{padding-top:52px}
body.mt-cockpit .shell{position:fixed;left:0;right:0;top:0}
body.mt-cockpit #nav-sidebar{top:52px!important;max-height:calc(100vh - 52px)!important;background:var(--nav)!important;border-color:var(--ln)!important}
body.mt-cockpit #nav-sidebar-inner{background:var(--nav)!important;min-height:calc(100vh - 52px)!important}
body.mt-cockpit #nav-sidebar *:has(> .mt-lockup){display:none!important}
body.mt-cockpit #nav-sidebar-inner a{border-radius:8px;color:var(--navtx)}
body.mt-cockpit #nav-sidebar-inner a:not(.active){background:transparent!important;font-weight:500}
body.mt-cockpit #nav-sidebar-inner a .material-symbols-outlined{color:var(--navic)}
body.mt-cockpit #nav-sidebar-inner a:hover{background:var(--acs)!important}
body.mt-cockpit #nav-sidebar-inner a.active{background:var(--acs)!important;color:var(--ac)!important;box-shadow:inset 3px 0 0 var(--ac);font-weight:600}
body.mt-cockpit #nav-sidebar-inner a.active .material-symbols-outlined{color:var(--ac)!important}
body.mt-cockpit #nav-sidebar-inner h2,body.mt-cockpit #nav-sidebar-inner h3{font-size:.7rem!important;text-transform:uppercase;letter-spacing:.07em;color:var(--navic)!important}
body.mt-cockpit #main{background:var(--canvas)!important}
body.mt-cockpit #main>div:first-child{background:var(--card)!important;border-color:var(--ln)!important}
body.mt-cockpit #content{color:var(--tx)}
body.mt-cockpit #content h1{color:var(--canvas-tx)}
.mt-dash .mt-hello h1{font:600 1.45rem Poppins,Inter,sans-serif;color:var(--canvas-tx)}
.mt-section{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);margin:8px 0 10px}
.mt-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px;margin:0 0 24px}
.mt-tile{display:flex;flex-direction:column;justify-content:space-between;height:140px;background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:16px;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.mt-tile:hover{border-color:var(--ac);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.mt-tile .material-symbols-outlined{font-size:30px;color:var(--ac)}.mt-tile b{color:var(--tx);font-size:.95rem}.mt-tile small{color:var(--mu);font-size:.77rem;display:block;margin-top:2px}
.mt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:26px}
.mt-card{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:16px 18px;text-decoration:none}
.mt-card .l{font-size:.8rem;color:var(--mu)}.mt-card .v{font:600 1.6rem Poppins,Inter;color:var(--ac)}.mt-card .s{font-size:.78rem;color:var(--mu)}
.mt-card.warn{border-left:4px solid #E8A33D}.mt-card.danger{border-left:4px solid #D14343}
.mt-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}
.mt-table{background:var(--card);border:1px solid var(--ln);border-radius:14px;overflow:hidden}
.mt-table header{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ln)}.mt-table h2{font-size:.95rem;margin:0;color:var(--tx)}
.mt-table table{width:100%;border-collapse:collapse;font-size:.87rem}.mt-table th{text-align:left;color:var(--mu);font-weight:500;padding:8px 16px}.mt-table td{padding:9px 16px;border-top:1px solid var(--ln);color:var(--tx)}
.mt-pill{background:var(--acs);color:var(--ac);border-radius:999px;padding:2px 10px;font-size:.76rem;font-weight:600}
.mt-lockup{display:flex;align-items:center;gap:10px;text-decoration:none}.mt-lockup img{height:36px}.mt-lockup .wm{display:flex;flex-direction:column;line-height:1}
.mt-lockup .nm{font:700 21px Poppins,sans-serif;color:#14217A}.mt-lockup .nm span{color:#2D64E0}.mt-lockup .tl{font-size:10px;font-weight:600;color:#556B82;margin-top:3px}
.mt-lockup.big img{height:56px}.mt-lockup.big .nm{font-size:34px}.mt-lockup.big .tl{font-size:11.6px;color:#14217A;margin-top:6px}
.mt-login-head{margin-bottom:22px}.mt-login-head h1{font-size:1.35rem;font-weight:700;margin:20px 0 4px;color:#1D2D3E}.mt-login-head p{color:#556B82;margin:0}
.mt-btn{background:var(--ac,#0070F2);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer}
.mt-form input,.mt-form select{width:100%;border:1px solid #CBD5E1;border-radius:8px;padding:9px 12px;background:#fff}
.mt-flow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.mt-step{display:flex;flex-direction:column;gap:3px;width:210px;background:var(--card);border:1px solid var(--ln);border-top:3px solid var(--ac);border-radius:10px;padding:12px 14px;text-decoration:none}
.mt-step b{color:var(--tx);font-size:.9rem}.mt-step small{color:var(--mu);font-size:.76rem}.mt-step em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--ac);margin-top:4px}.mt-step.off{opacity:.55}.mt-arrow{align-self:center;color:#94a3b8}
/* ===== back-office menu v3: SAP BTP style, resizable, no empty logo block ===== */
body.mt-cockpit #nav-sidebar-inner>div:first-child{display:none!important}
body.mt-cockpit #nav-sidebar-inner>div.mb-2\.5{margin-top:12px!important}
body.mt-cockpit #nav-sidebar{width:var(--nav-w,288px)!important;background:#fff!important;border-right:1px solid #E5E5E5!important}
body.mt-cockpit div:has(>#nav-sidebar){width:var(--nav-w,288px)!important;min-width:var(--nav-w,288px)!important;flex:none!important}
body.mt-cockpit #nav-sidebar-inner{background:#fff!important}
html[data-theme="midnight"] body.mt-cockpit #nav-sidebar,html[data-theme="midnight"] body.mt-cockpit #nav-sidebar-inner{background:var(--nav)!important}
body.mt-cockpit #nav-sidebar-apps div[class*="mb-1.5"]{margin:0 10px!important;background:none!important}
body.mt-cockpit #nav-sidebar-apps div[class*="mb-1.5"] h2{margin:1px 0!important;padding:8px 12px!important;border:1px solid transparent;border-radius:8px;gap:12px;font:500 .875rem Inter,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#1D2D3E!important}
html[data-theme="midnight"] body.mt-cockpit #nav-sidebar-apps div[class*="mb-1.5"] h2{color:var(--navtx)!important}
body.mt-cockpit #nav-sidebar-apps div[class*="mb-1.5"] h2:hover{background:#F5F6F7}
body.mt-cockpit #nav-sidebar-apps div[class*="mb-1.5"] h2 .material-symbols-outlined{color:#556B82!important}
body.mt-cockpit #nav-sidebar-apps div[class*="mb-1.5"] ol{margin:0!important;padding:0 0 4px 22px!important;border:0!important}
body.mt-cockpit #nav-sidebar-apps ol a{border:1px solid transparent;border-radius:8px!important;color:#1D2D3E!important;font-size:.85rem!important}
html[data-theme="midnight"] body.mt-cockpit #nav-sidebar-apps ol a{color:var(--navtx)!important}
body.mt-cockpit #nav-sidebar-apps ol a .material-symbols-outlined{color:#556B82!important}
body.mt-cockpit #nav-sidebar-apps ol a:hover{background:#F5F6F7!important}
body.mt-cockpit #nav-sidebar-apps ol a.active{background:#EBF5FF!important;border-color:#0064D9!important;color:#0A2E5C!important;box-shadow:none!important;font-weight:600}
body.mt-cockpit #nav-sidebar-apps ol a.active .material-symbols-outlined{color:#0064D9!important}
#mt-resizer{position:fixed;width:7px;cursor:col-resize;z-index:70;background:transparent;transition:background .15s}
#mt-resizer:hover,body.mt-resizing #mt-resizer{background:color-mix(in srgb,#0064D9 35%,transparent)}
body.mt-resizing{cursor:col-resize;user-select:none}
body.mt-cockpit #page>div:has(#nav-sidebar),body.mt-cockpit #page>div:has(#nav-sidebar)>div,body.mt-cockpit #page>div:has(#nav-sidebar)>div>div{width:var(--nav-w,288px)!important;min-width:var(--nav-w,288px)!important;max-width:var(--nav-w,288px)!important;flex:none!important}