/* MOB365 Enterprise Manager Final - manager-facing Web ERP polish only */
:root{--m365-navy:#0b2f50;--m365-navy2:#123e65;--m365-teal:#0d9488;--m365-blue:#2563eb;--m365-bg:#f4f7fb;--m365-line:#dce5ef;--m365-text:#102a43;--m365-muted:#64748b;--m365-danger:#b42318}
body{background:var(--m365-bg)}

/* LOGIN */
.mob-login-page{background:radial-gradient(circle at 16% 18%,rgba(13,148,136,.13),transparent 26%),radial-gradient(circle at 82% 12%,rgba(37,99,235,.10),transparent 24%),#f3f7fb!important}
.mob-login-wrapper{max-width:1180px!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 28px 80px rgba(12,47,80,.15)!important;border:1px solid rgba(203,213,225,.72)!important}
.mob-login-presentation{background:linear-gradient(145deg,#082d4d 0%,#103e66 56%,#0a625e 140%)!important;position:relative!important}
.mob-login-presentation:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-210px;bottom:-190px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.mob-presentation-logo,.mob-login-logo{display:grid!important;place-items:center!important;background:#fff!important;overflow:hidden!important}
.mob-presentation-logo img,.mob-login-logo img{width:78%!important;height:78%!important;object-fit:contain!important}
.mob-presentation-content{position:relative;z-index:2}
.mob-presentation-badge{color:#75ead9!important;letter-spacing:1.8px!important;font-weight:850!important}
.mob-presentation-content h1{font-size:42px!important;line-height:1.08!important;letter-spacing:-1.2px!important;max-width:520px!important}
.mob-feature-item{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;padding:12px 14px!important}
.mob-login-panel{background:#fff!important}
.mob-login-card{max-width:520px!important}
.mob-login-heading h3{font-size:32px!important;letter-spacing:-.6px!important;color:#0b2f50!important}
.mob-input-wrapper{border-radius:12px!important;border:1px solid #cedae6!important;background:#fbfdff!important;transition:.18s ease!important}
.mob-input-wrapper:focus-within{border-color:#0d9488!important;box-shadow:0 0 0 3px rgba(13,148,136,.10)!important;background:#fff!important}
.mob-login-button{border-radius:12px!important;background:linear-gradient(135deg,#0d9488,#08766e)!important;box-shadow:0 10px 24px rgba(13,148,136,.20)!important}
.mob-download-apk{border-radius:13px!important;background:#f7fafc!important;border:1px solid #e2e8f0!important}

/* NAV */
.bc-shell-nav{background:linear-gradient(180deg,#092f50 0%,#0b385d 55%,#082b48 100%)!important;box-shadow:6px 0 24px rgba(15,35,58,.08)!important}
.bc-brand{border-bottom-color:rgba(255,255,255,.10)!important}
.bc-brand-title{letter-spacing:.3px!important;font-weight:900!important}
.bc-company-box{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:13px!important}
.bc-menu-section{font-size:10px!important;letter-spacing:1.4px!important;color:rgba(255,255,255,.48)!important}
.bc-menu-item{border-radius:10px!important;margin:2px 8px!important;transition:.16s ease!important}
.bc-menu-item:hover{background:rgba(255,255,255,.08)!important;transform:translateX(2px)}
.bc-menu-item.active{background:linear-gradient(90deg,rgba(13,148,136,.96),rgba(13,148,136,.72))!important;color:#fff!important;box-shadow:0 6px 18px rgba(6,95,89,.20)!important}

/* BUSINESS MANAGER */
.pm-page{max-width:1720px!important;padding:22px 26px 34px!important}
.enterprise-manager-hero{background:linear-gradient(135deg,#0b2f50,#123e65)!important;color:#fff!important;border-radius:20px!important;padding:22px 24px!important;margin-bottom:14px!important;box-shadow:0 15px 38px rgba(11,47,80,.13)!important}
.pm-hero-brand{display:flex!important;align-items:center!important;gap:15px!important}
.pm-hero-logo{width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pm-hero-logo img{width:78%;height:78%;object-fit:contain}
.enterprise-manager-hero .pm-kicker{color:#6ee7d8!important;font-size:10px!important;letter-spacing:1.7px!important}
.enterprise-manager-hero h1{color:#fff!important;font-size:30px!important;letter-spacing:-.6px!important;margin:3px 0 4px!important}
.enterprise-manager-hero p{color:rgba(255,255,255,.72)!important;font-size:13px!important}
.pm-hero-actions{display:flex;align-items:center;gap:9px}
.pm-live-pill{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800;color:#b8fff2}
.enterprise-manager-hero .pm-btn{background:#fff!important;color:#0b2f50!important;border:0!important;min-height:40px!important}

.pm-tabs{border-radius:14px!important;padding:7px!important;box-shadow:0 5px 18px rgba(15,35,58,.04)!important;position:sticky;top:8px;z-index:20}
.pm-tabs button{min-height:39px!important;padding:0 15px!important;border:1px solid transparent!important;font-size:12px!important;cursor:pointer}
.pm-tabs button:hover{background:#e8eef5!important}
.pm-tabs button.active{background:linear-gradient(135deg,#0d9488,#08766e)!important;box-shadow:0 5px 14px rgba(13,148,136,.18)!important}
.pm-tabs button.staff.active{background:linear-gradient(135deg,#123e65,#0b2f50)!important}

.pm-manager-strip{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:stretch;background:#fff;border:1px solid var(--m365-line);border-radius:16px;padding:11px;margin:0 0 15px;box-shadow:0 6px 22px rgba(15,35,58,.04)}
.pm-manager-strip-title{padding:9px 12px;border-right:1px solid #e7edf4;display:flex;flex-direction:column;justify-content:center}.pm-manager-strip-title small{font-size:9px;letter-spacing:1.3px;font-weight:850;color:#0d9488}.pm-manager-strip-title strong{margin-top:4px;font-size:16px;color:#0b2f50}
.pm-manager-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pm-quick-action{appearance:none;border:1px solid #dce5ef;background:#f9fbfd;border-radius:12px;min-height:62px;padding:9px 11px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:8px;cursor:pointer;color:#18314e;transition:.16s ease}
.pm-quick-action>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#e7f5f2;color:#08766e;display:grid;place-items:center;font-size:16px;font-weight:900;align-self:center}.pm-quick-action b{font-size:11.5px;align-self:end}.pm-quick-action small{font-size:9.5px;color:#7a8ca1;align-self:start}.pm-quick-action:hover{border-color:#9fb8cc;background:#fff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,35,58,.07)}.pm-quick-action.primary{background:#edf9f7;border-color:#bce7df}.pm-quick-action.primary>span{background:#0d9488;color:#fff}

.pm-kpis{gap:10px!important}.pm-kpis article{border-radius:14px!important;padding:14px 15px!important;box-shadow:0 4px 14px rgba(15,35,58,.035)!important;position:relative;overflow:hidden}.pm-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d9e4ef}.pm-kpis article:nth-child(2):before{background:#0d9488}.pm-kpis article:nth-child(4):before{background:#2563eb}.pm-kpis strong{font-size:23px!important;color:#0b2f50!important}.pm-kpis small{font-size:10px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.6px}.pm-kpis span{font-size:10px!important}
.pm-focus{border-radius:14px!important;background:#fff!important;border-color:#dce5ef!important;box-shadow:0 5px 18px rgba(15,35,58,.035)!important}.pm-focus-icon{background:#ecf8f6!important;color:#08766e!important;box-shadow:none!important}
.pm-grid{grid-template-columns:minmax(380px,.85fr) minmax(620px,1.35fr)!important;gap:12px!important}.pm-card{border-radius:15px!important;box-shadow:0 6px 20px rgba(15,35,58,.04)!important;margin-bottom:12px!important}.pm-card-head{padding:14px 15px!important}.pm-card-head h2{font-size:16px!important;color:#0b2f50!important}.pm-card-head p{font-size:10.5px!important}
.pm-btn{appearance:none!important;border-radius:9px!important;min-height:36px!important;padding:0 12px!important;cursor:pointer!important}.pm-btn.primary{background:linear-gradient(135deg,#0d9488,#08766e)!important;border-color:#0d9488!important;box-shadow:0 4px 12px rgba(13,148,136,.16)}
.pm-filters input,.pm-modal input,.pm-modal select{min-height:36px!important;padding:7px 10px!important;border-radius:9px!important}.pm-filters input:focus,.pm-modal input:focus,.pm-modal select:focus{outline:none;border-color:#0d9488!important;box-shadow:0 0 0 3px rgba(13,148,136,.08)}
.pm-table th{background:#f5f8fb!important;color:#61758b!important;font-size:9.5px!important;padding:9px 11px!important}.pm-table td{padding:10px 11px!important;font-size:11px!important}.pm-table tbody tr:hover{background:#f8fbfd}.pm-link{cursor:pointer!important;border:1px solid #d7e3ee!important;background:#fff!important;color:#0b5f85!important;border-radius:8px!important}.pm-link:hover{border-color:#9fb8cc!important;background:#f3f8fb!important}.pm-link.danger{color:#b42318!important;background:#fff7f6!important;border-color:#ffd3cf!important}
.status,.tag{font-size:9.5px!important;padding:4px 7px!important}.status.open{background:#e8f8f2!important;color:#08765f!important}.status.closed{background:#f1f4f7!important;color:#66788b!important}.tag{background:#eaf3f8!important;color:#0b5f85!important}
.pm-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important}.pm-person{border-radius:12px!important;padding:11px!important;background:#fff}.pm-person:hover{border-color:#a9bdcd;box-shadow:0 5px 14px rgba(15,35,58,.05)}.avatar{background:#e8f8f2!important;color:#08766e!important;border-radius:10px!important}
.pm-modal-bg{backdrop-filter:blur(4px)}.pm-modal{border-radius:18px!important;border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 90px rgba(15,35,58,.28)!important}.pm-modal h2{color:#0b2f50}.close-summary{border:1px solid #e2e8f0;background:#f7fafc!important}

@media(max-width:1200px){.pm-manager-strip{grid-template-columns:1fr}.pm-manager-strip-title{border-right:0;border-bottom:1px solid #e7edf4}.pm-manager-actions{grid-template-columns:repeat(2,1fr)}.pm-grid{grid-template-columns:1fr!important}.pm-staff-grid{grid-template-columns:1fr!important}}
@media(max-width:700px){.enterprise-manager-hero{align-items:flex-start!important;gap:14px!important}.pm-hero-actions{width:100%;justify-content:space-between}.pm-manager-actions{grid-template-columns:1fr}.pm-page{padding:12px!important}.pm-live-pill{display:none}.mob-presentation-content h1{font-size:32px!important}}