/* MajdTel V10.16.93 — interface management for four portals */
.mti-page{padding-bottom:92px}.mti-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:16px;background:#30353a;color:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(30,35,40,.12)}.mti-hero h2{margin:5px 0 6px;font-size:22px}.mti-hero p{margin:0;color:#cbd0d4}.mti-policy-badge{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#e4c15b;font-weight:900;font-size:11px;white-space:nowrap}.mti-interface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.mti-interface-card{position:relative;display:grid;grid-template-columns:54px 1fr;gap:12px;text-align:right;padding:17px;background:#fff!important;color:#30363c!important;border:1px solid #e0e4e7!important;border-radius:13px!important;box-shadow:0 5px 15px rgba(30,35,40,.045)!important;overflow:hidden}.mti-interface-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--mti-tone)}.mti-interface-card.selected{border-color:var(--mti-tone)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--mti-tone) 18%,transparent)!important}.mti-interface-card.sales{--mti-tone:#b9942b}.mti-interface-card.mobile{--mti-tone:#4674a8}.mti-interface-card.internet{--mti-tone:#3f8069}.mti-interface-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#f1f3f4;font-size:24px}.mti-interface-card small,.mti-interface-card h3,.mti-interface-card p{display:block;margin:0}.mti-interface-card>div>small{color:#8b9298;font-size:9px}.mti-interface-card h3{margin-top:3px;font-size:16px}.mti-interface-card p{margin-top:5px;color:#798087;font-size:10px;line-height:1.6}.mti-interface-card footer{grid-column:1/-1;display:flex;gap:8px;padding-top:10px;border-top:1px solid #eef0f2}.mti-interface-card footer span{flex:1;display:flex;align-items:baseline;gap:4px;color:#8a9197;font-size:9px}.mti-interface-card footer b{color:#343a40;font-size:13px}.mti-interface-card>i{position:absolute;top:12px;left:12px;color:#478164;background:#edf7f1;border-radius:20px;padding:4px 7px;font-size:8px;font-style:normal}.mti-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}.mti-workspace>aside{position:sticky;top:15px;padding:11px;background:#fff;border:1px solid #e1e4e7;border-radius:13px}.mti-selected{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:9px;background:#30353a;color:#fff;border-radius:10px}.mti-selected>span{width:34px;height:34px;display:grid;place-items:center;background:rgba(255,255,255,.1);border-radius:8px;font-size:18px}.mti-selected small,.mti-selected b{display:block}.mti-selected small{color:#bfc5ca;font-size:8px}.mti-workspace aside>button{width:100%;min-height:41px;margin:3px 0;padding:9px 10px!important;text-align:right;background:transparent!important;color:#68717a!important;border:0!important;border-radius:8px!important;box-shadow:none!important;font-size:10px!important}.mti-workspace aside>button.active{background:#eef1f3!important;color:#292f34!important;box-shadow:inset -3px 0 #c8a232!important}.mti-active{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px;border-top:1px solid #eceff1}.mti-active input{width:17px;height:17px}.mti-active b,.mti-active small{display:block}.mti-active b{font-size:10px}.mti-active small{color:#8b9299;font-size:8px;margin-top:2px}.mti-panel{background:#fff;border:1px solid #e0e4e7;border-radius:13px;overflow:hidden}.mti-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #e8ebed}.mti-panel-head span,.mti-panel-head h3,.mti-panel-head p{display:block;margin:0}.mti-panel-head span{color:#a1842e;font-size:9px;font-weight:900}.mti-panel-head h3{margin-top:4px;color:#30363b;font-size:15px}.mti-panel-head p{margin-top:4px;color:#858c93;font-size:9px;line-height:1.6}.mti-permission-count{min-width:72px;padding:9px 12px;text-align:center;background:#f4f5f6;border-radius:9px}.mti-permission-count b,.mti-permission-count small{display:block}.mti-permission-count b{font-size:20px}.mti-permission-count small{color:#8b9298;font-size:9px}.mti-tools{display:flex;gap:7px;padding:10px 14px;background:#fafbfb;border-bottom:1px solid #eceff1}.mti-tools label{flex:1;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fff;border:1px solid #dfe3e6;border-radius:8px}.mti-tools input{width:100%;height:34px;border:0!important;outline:0;background:transparent}.mti-permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px}.mti-permission-group{border:1px solid #e2e5e8;border-radius:10px;overflow:hidden}.mti-permission-group>header{display:flex;gap:9px;align-items:center;padding:11px 12px;background:#f6f7f8;border-bottom:1px solid #e6e9eb}.mti-permission-group>header>span{width:30px;height:30px;display:grid;place-items:center;background:#fff;border-radius:7px}.mti-permission-group h4,.mti-permission-group small{display:block;margin:0}.mti-permission-group h4{font-size:11px}.mti-permission-group small{color:#8a9197;font-size:8px;margin-top:2px}.mti-switch-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #eef0f1}.mti-switch-row:last-child{border-bottom:0}.mti-switch-row.hidden{display:none}.mti-switch-row span b,.mti-switch-row span small{display:block}.mti-switch-row span b{font-size:9.5px;color:#42494f}.mti-switch-row span small{margin-top:2px;color:#92989e;font-size:7.5px}.mti-switch-row input{position:absolute;opacity:0;pointer-events:none}.mti-switch-row>i{position:relative;width:34px;height:19px;flex:0 0 34px;border-radius:20px;background:#cdd2d6;transition:.2s}.mti-switch-row>i:after{content:"";position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s}.mti-switch-row input:checked+i{background:#3f8069}.mti-switch-row input:checked+i:after{transform:translateX(-15px)}.mti-device-list,.mti-employee-list,.mti-notification-list{padding:13px}.mti-device-list article,.mti-employee-list article{display:grid;grid-template-columns:42px 1fr minmax(180px,280px);align-items:center;gap:11px;padding:11px 12px;margin-bottom:8px;border:1px solid #e2e5e7;border-radius:10px}.mti-device-icon,.mti-avatar{width:40px;height:40px;display:grid;place-items:center;background:#eef1f3;color:#58636d;border-radius:9px;font-weight:900}.mti-device-list b,.mti-device-list small,.mti-employee-list b,.mti-employee-list small{display:block}.mti-device-list small,.mti-employee-list small{color:#8d949a;font-size:8px;margin-top:3px}.mti-device-list label span{display:block;color:#8a9197;font-size:8px}.mti-device-list select{width:100%;height:34px}.mti-employee-list article{grid-template-columns:42px minmax(150px,1fr) minmax(320px,2fr) auto}.mti-interface-checks{display:flex;gap:5px;flex-wrap:wrap}.mti-interface-checks label{position:relative}.mti-interface-checks input{position:absolute;opacity:0}.mti-interface-checks span{display:block;padding:6px 8px;border:1px solid #dce0e3;border-radius:7px;color:#7b838a;font-size:8px}.mti-interface-checks input:checked+span{background:#30353a;color:#fff;border-color:#30353a}.mti-empty{padding:25px;text-align:center;color:#858d94}.mti-savebar{position:fixed;right:calc(var(--sidebar-width,240px) + 24px);left:24px;bottom:16px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(255,255,255,.96);border:1px solid #dce0e3;border-radius:12px;box-shadow:0 12px 30px rgba(25,30,35,.14);backdrop-filter:blur(10px)}.mti-savebar>div{margin-left:auto}.mti-savebar b,.mti-savebar small{display:block}.mti-savebar b{font-size:10px}.mti-savebar small{color:#899097;font-size:8px;margin-top:2px}.mti-preview-row{padding:9px 0;border-bottom:1px solid #eceeef}.mti-preview-row b,.mti-preview-row span{display:block}.mti-preview-row b{color:#a1832c;font-size:10px}.mti-preview-row span{margin-top:3px;color:#5f6870;font-size:9px}.mti-tech-alert{position:fixed;left:22px;bottom:22px;z-index:90;display:grid!important;grid-template-columns:32px 24px;grid-template-rows:auto auto;align-items:center;gap:0 7px;min-width:190px;padding:10px 12px!important;background:#30353a!important;color:#fff!important;border:1px solid #444a50!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(20,25,30,.25)!important;text-align:right}.mti-tech-alert>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;background:#c6a137;color:#24282c;border-radius:8px}.mti-tech-alert>b{color:#edcc6c;font-size:15px}.mti-tech-alert>small{grid-column:2/4;color:#d4d8db;font-size:8px}.mti-notification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mti-notification-list .mti-switch-row{border:1px solid #e2e5e7;border-radius:9px}.mti-page button[data-mti-open-employees]{white-space:nowrap}
@media(max-width:1050px){.mti-interface-grid{grid-template-columns:1fr}.mti-workspace{grid-template-columns:1fr}.mti-workspace>aside{position:static;display:flex;gap:5px;flex-wrap:wrap}.mti-selected{width:100%}.mti-workspace aside>button{width:auto;flex:1;min-width:140px}.mti-active{width:100%}.mti-permission-groups{grid-template-columns:1fr}.mti-savebar{right:18px;left:18px}.mti-employee-list article{grid-template-columns:42px 1fr}.mti-interface-checks{grid-column:1/-1}.mti-employee-list .badge{position:absolute}.mti-notification-list{grid-template-columns:1fr}}
@media(max-width:650px){.mti-hero,.mti-panel-head,.mti-savebar{align-items:stretch;flex-direction:column}.mti-interface-card{grid-template-columns:45px 1fr}.mti-tools{flex-wrap:wrap}.mti-tools label{flex-basis:100%}.mti-device-list article{grid-template-columns:40px 1fr}.mti-device-list article label{grid-column:1/-1}.mti-savebar{position:static;margin-top:12px}.mti-page{padding-bottom:10px}}