/* MajdTel — unified screen appearance, 2026.10.19.1. No print overrides. */
@media screen {
 :root{color-scheme:light;--mt-bg:#f2f6fc;--mt-surface:#ffffff;--mt-raised:#eaf1fb;--mt-field:#f9fbff;--mt-text:#193550;--mt-muted:#526a82;--mt-line:#d6e2ef;--mt-accent:#246fd5;--mt-accent-strong:#1b61c5;--majdtel-bg:var(--mt-bg);--majdtel-text:var(--mt-text);--majdtel-primary:var(--mt-accent);--mt-blue:var(--mt-accent);--mt-blue-light:#e8f1ff;--mt-text-color:var(--mt-text);--mt-border:var(--mt-line)}
 html{background:var(--mt-bg)}
 html body{margin:0;background:var(--mt-bg)!important;color:var(--mt-text)!important;font-family:Tahoma,Arial,sans-serif!important;font-size:16px!important;line-height:1.8;-webkit-text-size-adjust:100%;accent-color:var(--mt-accent)}
 html body *{box-sizing:border-box}
 html body a{color:var(--mt-accent-strong);text-underline-offset:4px}
 html body :is(h1,h2,h3,h4,strong,b){color:inherit}
 html body h1{font-size:28px!important;line-height:1.5}
 html body h2{font-size:23px!important;line-height:1.5}
 html body h3{font-size:19px!important}
 html body :is(.layout,.content,.staff-shell,.hr-shell,.ops-shell,.mt-wa,.mt-maintenance,.mt-employee-home){min-width:0;color:var(--mt-text)!important}
 html body .content{padding:30px;max-width:1680px}
 html body .layout{grid-template-columns:255px minmax(0,1fr)}
 html body .sidebar{background:#ffffff!important;border-color:var(--mt-line)!important;padding:22px 14px}
 html body .sidebar .logo{color:var(--mt-text)!important;border-color:var(--mt-line)!important;font-size:19px;line-height:1.5;gap:10px;padding:16px 9px}
 html body .sidebar .logo::before{background:linear-gradient(140deg,#4295f1,#246fd5)!important;color:#ffffff!important;box-shadow:0 4px 14px #0003!important;width:48px;height:48px}
 html body .sidebar .logo small{color:var(--mt-accent)!important;letter-spacing:2px}
 html body :is(.side-caption,.who,.eyebrow,.muted,.ops-muted,.hr-muted,.wa-hint,.mt-muted,.tile span,.card .label,.login-note,.login-footer){color:var(--mt-muted)!important;font-size:14px!important}
 html body .navlink{display:flex;align-items:center;gap:11px;color:var(--mt-muted)!important;border:1px solid transparent!important;font-size:15px!important;font-weight:600;padding:12px 14px;min-height:50px;border-radius:12px;margin:5px 0;line-height:1.65}
 html body .sidebar :is(a:hover,a.current){color:var(--mt-accent-strong)!important;background:#e8f1ff!important;border-color:#b3cff2!important}
 html body :is(.panel,.card,.box,.tile,.job,.chat-list,.chat-main,.ops-panel,.hr-panel,.wa-panel,.wa-hero,.mt-panel,.mt-home-welcome,.mt-home-alerts,.hr-feedback,.login-box,.login-card){background:var(--mt-surface)!important;color:var(--mt-text)!important;border:1px solid var(--mt-line)!important;border-radius:17px!important;box-shadow:0 6px 22px #203a5610}
 html body :is(.panel,.ops-panel,.hr-panel,.wa-panel,.wa-hero,.mt-panel,.job){padding:24px;margin-block:20px}
 html body :is(.panel,.ops-panel,.hr-panel,.wa-panel,.mt-panel,.job) :is(h2,h3){color:var(--mt-accent-strong)!important}
 html body :is(.cards .card strong,.card .num,.ops-stats strong,.hr-stats strong,.wa-stats b,.mt-total){color:var(--mt-accent-strong)!important}
 html body :is(.ops-stats article,.hr-stats article,.wa-stats>div){background:var(--mt-surface)!important;color:var(--mt-text)!important;border:1px solid var(--mt-line)!important;border-radius:15px;padding:22px}
 html body :is(label,legend,.details){font-size:15px!important;color:var(--mt-muted)!important}
 html body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):not(.leaflet-container *){background:var(--mt-field)!important;color:var(--mt-text)!important;border:1px solid #b7c9de!important;border-radius:10px!important;font-family:inherit!important;font-size:16px!important;line-height:1.6!important;padding:12px 14px!important;min-height:49px;max-width:100%;min-width:0}
 html body textarea:not(.leaflet-container *){min-height:105px;resize:vertical}
 html body :is(input,textarea)::placeholder{color:#6d8197!important;opacity:1}
 html body input:is([type=checkbox],[type=radio]){width:21px!important;height:21px!important;min-width:21px;min-height:21px;accent-color:var(--mt-accent);vertical-align:middle}
 html body :is(input,select,textarea):focus-visible{outline:3px solid var(--mt-accent)!important;outline-offset:2px;border-color:var(--mt-accent)!important}
 html body :is(button,input[type=submit],.btn,.mt-btn,.wa-button,.ops-button,.mt-home-account):not(.leaflet-container *){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:12px 21px!important;border:1px solid var(--mt-accent)!important;border-radius:11px!important;background:var(--mt-accent)!important;color:#ffffff!important;font-family:inherit!important;font-size:16px!important;font-weight:700!important;line-height:1.5!important;text-align:center;text-decoration:none!important;cursor:pointer;white-space:normal;box-shadow:0 2px 6px #0002;transition:background .15s,border-color .15s,box-shadow .15s}
 html body :is(button,input[type=submit],.btn,.mt-btn,.wa-button,.ops-button,.mt-home-account):hover:not(:disabled):not(.leaflet-container *){background:#1b61c5!important;border-color:#1b61c5!important;color:#ffffff!important;box-shadow:0 4px 12px #0003}
 html body :is(button.secondary,.btn.secondary,.mt-btn.secondary,.wa-button.secondary,.ops-button.secondary){background:var(--mt-raised)!important;color:var(--mt-accent-strong)!important;border-color:#b7cee9!important}
 html body :is(button,input[type=submit]):disabled{opacity:.5;cursor:not-allowed!important;box-shadow:none!important}
 html body :is(button,a,summary):focus-visible{outline:3px solid var(--mt-accent-strong)!important;outline-offset:4px}
 html body :is(.ops-tabs,.hr-tabs,.wa-tabs,.tabs,.mt-actions){display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-block:18px 23px}
 html body :is(.ops-tabs,.hr-tabs,.wa-tabs,.tabs)>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:15px!important;font-weight:600!important;line-height:1.55;padding:11px 17px!important;background:var(--mt-raised)!important;color:var(--mt-accent-strong)!important;border:1px solid #c0d4ec!important;border-radius:11px!important;text-decoration:none}
 html body :is(.ops-tabs,.hr-tabs,.wa-tabs,.tabs)>a:is(.active,.current,:hover){background:var(--mt-accent)!important;color:#ffffff!important;border-color:var(--mt-accent)!important}
 html body :is(.ops-fields,.hr-fields,.mt-fields,.fields,.wa-grid){gap:18px}
 html body :is(th,td):not(.leaflet-container *){font-size:15px!important;line-height:1.8!important;border-color:var(--mt-line)!important;padding:14px 12px!important;vertical-align:top;color:var(--mt-text)!important}
 html body th:not(.leaflet-container *){background:#edf4fd!important;color:var(--mt-accent-strong)!important;font-weight:700}
 html body tbody tr:nth-child(even):not(.leaflet-container *){background:#edf4fd66}
 html body :is(.scroll,.ops-scroll,.hr-scroll,.wa-scroll,.mt-scroll){max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#687987 #f2f6fc}
 html body :is(.pill,.badge,.ops-badge,.mt-status){background:#e8f1ff!important;color:var(--mt-accent-strong)!important;border:1px solid #b7cdef;border-radius:20px;font-size:14px!important;padding:5px 10px}
 html body :is(.flash,.flash.ok,.msg,.mt-message){background:#e9f6ee!important;color:#205d3a!important;border:1px solid #a5cfb5!important;border-radius:12px;padding:16px!important;font-size:16px!important;line-height:1.8}
 html body :is(.flash.err,.msg.err,.mt-message.error,[role=alert]){background:#fff0f1!important;color:#873b44!important;border:1px solid #d9b4b9!important;border-radius:12px;padding:15px;line-height:1.8}
 html body :is(.ops-warning,.hr-warning,.hr-private){background:#fff6df!important;color:#6a5724!important;border:1px solid #d6c38e!important;border-radius:12px;padding:16px;line-height:1.8}
 html body details:not(.mt-notifications){border-color:var(--mt-line)!important}
 html body summary:not(.mt-notifications summary){color:var(--mt-accent-strong)!important;min-height:44px;padding:9px 4px;font-size:16px!important;line-height:1.8;cursor:pointer}
 html body pre{color:var(--mt-muted);font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}
 html body .mt-home-actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:20px!important;margin-block:26px}
 html body .mt-home-card{min-height:211px!important;padding:25px!important;gap:13px!important;background:var(--mt-surface)!important;border:1px solid #c4d5e9!important;border-radius:17px!important;color:var(--mt-text)!important;box-shadow:0 5px 16px #0002;transition:background .15s,border-color .15s}
 html body .mt-home-card:hover{background:#edf4ff!important;border-color:var(--mt-accent)!important}
 html body .mt-home-icon{width:60px!important;height:60px!important;flex-shrink:0;background:#e8f1ff!important;color:var(--mt-accent-strong)!important;border-radius:14px;padding:12px}
 html body .mt-home-icon svg{width:100%;height:100%;display:block}
 html body .mt-home-card strong{font-size:22px!important;line-height:1.55!important;color:var(--mt-text)!important}
 html body .mt-home-card>span:not(.mt-home-icon):not(.mt-home-arrow){font-size:14px!important;color:var(--mt-muted)!important;line-height:1.85}
 html body .mt-home-welcome{padding:28px!important}
 html body .mt-home-welcome h2{font-size:28px!important;color:var(--mt-text)!important}
 html body .mt-home-welcome :is(p,span){color:var(--mt-muted)!important;font-size:15px!important}
 html body .mt-home-alerts{padding:24px!important;border-color:#b7cfee!important}
 html body .mt-home-alerts>p{font-size:14px!important;color:var(--mt-muted)!important}
 html body .mt-home-alert-head h2{font-size:22px!important;color:var(--mt-text)!important}
 html body .mt-notifications>summary{min-height:46px;padding:10px 14px;font-size:15px;background:#ffffff!important;color:var(--mt-accent-strong)!important;border-color:#c4d5e9!important}
 html body :is(.mt-notification-panel,.mt-notification-item){background:var(--mt-surface)!important;color:var(--mt-text)!important;border-color:var(--mt-line)!important}
 html body .mt-notification-item{padding:14px;font-size:15px!important;line-height:1.7}
 html body .mt-notification-item :is(span,small){color:var(--mt-muted)!important;font-size:13px!important}
 html body .mt-notification-item.is-unread{background:#edf4ff!important;border-inline-start-color:var(--mt-accent)!important}
 html body :is(.wa-thread.selected,.thread.selected){background:#e8f1ff!important;color:var(--mt-accent-strong)!important}
 html body :is(.wa-messages,.chat-messages){background:var(--mt-field)!important}
 html body :is(.wa-bubble,.bubble){background:#e9eef4!important;color:var(--mt-text)!important}
 html body :is(.wa-bubble.out,.bubble.out){background:#e4efff!important;color:var(--mt-text)!important;border-color:#bed3ef!important}
 html body :is(.wa-bubble small,.bubble small){color:#506a84!important;font-size:12px!important}
 html body .mt-wa img[data-wa-qr]{background:white!important}
 html body .majdtel-footer{color:#647b94!important;font-size:13px!important;line-height:1.85;padding:24px 16px;margin-top:30px;grid-column:1/-1}
 html body .header{background:transparent!important;border-color:var(--mt-line)!important;gap:18px}
 html body .header h1{color:var(--mt-text)!important}
 html body :is(.hr-stars span){border-color:#adc8e9!important;color:var(--mt-accent-strong)!important;background:var(--mt-field)!important;padding:17px 7px;font-size:18px}
 html body .hr-stars input:checked+span{background:var(--mt-accent)!important;color:#ffffff!important}
 html body :is(.login-main,.login-panel,.login){color:var(--mt-text)!important}
 html body .login-brand-title{color:var(--mt-accent-strong)!important}
 /* Maps keep the provider's own attribution, imagery, and compact zoom controls. */
 html body .leaflet-container{color:#17232b;font-size:12px}
 html body .leaflet-popup-content-wrapper{background:#fff;color:#17232b}
 html body .leaflet-popup-content :is(p,h3,strong){color:#17232b!important;font-size:14px!important}
 html body .leaflet-container a{color:#23517b}
 html body .leaflet-control-attribution{background:#ffffffdc!important;color:#333!important}
 html body .leaflet-control-zoom a{background:#fff!important;color:#1a2731!important}
 @media(min-width:801px){html body .sidebar{align-self:start;position:sticky;top:0;max-height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b7c9de #ffffff}}
 @media(max-width:1000px){html body .layout{grid-template-columns:225px minmax(0,1fr)}html body .content{padding:23px}html body .mt-home-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}}
 @media(max-width:800px){html body .layout{display:block}html body .sidebar{padding:12px}html body .sidebar nav{display:flex;gap:8px;overflow:auto;align-items:stretch}html body .navlink{white-space:nowrap;flex-shrink:0;min-height:47px;padding:11px 13px;margin-block:3px;font-size:14px!important}html body .content{padding:20px 16px}html body .header{align-items:flex-start}html body .mt-home-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}html body .mt-home-card{padding:20px!important;min-height:204px!important}html body .mt-home-card strong{font-size:19px!important}html body .mt-home-card>span:not(.mt-home-icon):not(.mt-home-arrow){font-size:13px!important;padding-inline-end:0}html body .mt-home-icon{height:55px!important;width:55px!important}html body :is(.panel,.ops-panel,.hr-panel,.wa-panel,.wa-hero,.mt-panel,.job){padding:19px}html body .mt-home-welcome{padding:22px!important}html body :is(.ops-fields,.hr-fields,.mt-fields,.fields){grid-template-columns:1fr}html body .mt-home-arrow{display:none}html body .mt-notification-panel{max-width:calc(100vw - 34px);width:360px}}
 @media(max-width:430px){html body h1{font-size:25px!important}html body .mt-home-card strong{font-size:18px!important}html body .mt-home-card{padding:17px!important;min-height:202px!important}html body .mt-home-icon{height:52px!important;width:52px!important}html body .mt-home-alerts{padding:18px!important}html body .mt-home-alert-head{align-items:flex-start}html body .mt-home-alert-head h2{font-size:20px!important}html body :is(button,.btn,.mt-btn,.ops-button,.wa-button):not(.leaflet-container *){padding:12px 16px!important;font-size:16px!important}html body .ops-stats{gap:12px}html body .ops-stats article{padding:15px}html body .ops-stats strong{font-size:24px!important}}
 @media(max-width:340px){html body .mt-home-actions{grid-template-columns:1fr!important}}
 @media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
}
@media screen{
 html body .mtui-icon{width:22px;height:22px;display:inline-block;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 html body .mt-home-icon .mtui-icon{width:100%;height:100%;display:block}
 html body .sidebar .mtui-icon{width:21px;height:21px}
 html body .mt-home-card{min-height:205px!important}
 html body .mt-home-welcome h2{font-size:26px!important}
 html body :is(.staff-shell,.mt-wa) .flash{background:#e9f6ee!important;color:#205d3a!important;border-color:#a5cfb5!important}
 html body :is(.staff-shell,.mt-wa) .flash.err{background:#fff0f1!important;color:#873b44!important;border-color:#d9b4b9!important}
 html body .mt-wa .wa-tabs a{background:#eaf1fb!important;color:#1b61c5!important;border-color:#c0d4ec!important}
 html body .mt-wa .wa-tabs a:is(.active,:hover){background:#246fd5!important;color:white!important}
 html body .login{background:#ffffff!important;color:#193550!important;border:1px solid #d6e2ef!important;box-shadow:0 12px 40px #26496e12;border-radius:20px!important;padding:32px;max-width:480px}
 html body .login h1{color:#193550!important;font-size:28px!important}
 html body .login p{color:#526a82}
 html body .login .error{background:#fff0f1;color:#873b44!important;border-radius:10px;padding:12px}
 html body .login button{width:100%;margin-top:10px}
 html body .hr-public{background:#f2f6fc!important}
 html body .hr-brand{color:#246fd5!important}
 html body .hr-feedback{max-width:680px;margin:30px auto;padding:28px}
 html body .ops-chart rect{fill:#246fd5!important}
 html body .ops-chart text{fill:#526a82!important}
 html body .ops-chart line{stroke:#c0d4ec!important}
 html body :is(.hr-stars input:focus-visible+span){outline:3px solid #246fd5!important;outline-offset:3px}
 html body .mt-wa button.secondary{background:#eaf1fb!important;color:#1b61c5!important;border-color:#b7cee9!important}
 html body .mt-wa :is(.wa-subscriber,fieldset){border-color:#c0d4ec!important;color:#193550!important}
 html body :is(.mt-wa legend,.mt-subs legend){color:#193550!important}
 html body .mt-maintenance .mt-total{background:#e8f1ff!important;color:#193550!important;border-color:#b7cfee!important}
 html body .hr-stars input{width:auto!important}
 @media(max-width:800px){html body .navlink span{white-space:nowrap}html body .sidebar{max-height:none}html body .login{margin:24px 16px;max-width:none;padding:24px}}
}
@media screen{
 html body .mt-home-arrow{color:#7297c4!important}
 html body :is(.mt-notification-empty,.mt-notification-hint,.mt-notifications [data-notification-status],.mt-home-alerts [data-notification-status]){color:#526a82!important;font-size:14px!important}
 html body :is(.mt-home-alert-head b,.mt-notifications b){background:#246fd5!important;color:#fff!important}
 html body :is(input,textarea)::placeholder{color:#60768d!important}
 html body .mt-home-alert-list:has(.mt-notification-empty){display:block}
 html body .mt-notification-empty{margin:10px 0 0}
}

@media screen {
 html body .mt-wa .wa-hero h2{color:#1b61c5!important}
 html body .mt-wa :is(.wa-stats span,.wa-bubble small){color:#526a82!important;font-size:14px!important}
 html body .ops-shell :is(.ops-scroll a,.ops-panel summary){color:#1b61c5!important}
}

@media screen {
 html body .mt-maintenance table{background:#fff!important}
 html body .mt-maintenance td{background:#fff!important;color:#193550!important}
 html body .mt-maintenance tr:nth-child(even) td{background:#f4f8fe!important}
 html body :is(.mt-maintenance small,.staff-shell small,.net-legend){color:#526a82!important;font-size:14px!important}
 html body .staff-shell :is(h1,h2,h3,a){color:#1b61c5!important}
 html body .permission-grid .check{border-color:#d6e2ef!important}
}