/* ÈNERGIMAN V49 UI/UX FINAL — presentation + safe navigation only
   No business logic, API, permissions, payroll formulas or database behavior. */
:root{--em49-radius:14px;--em49-soft:#f7f9fb;--em49-line:#dfe7ed;--em49-text:#17324a;--em49-muted:#6c7e8d;--em49-shadow:0 8px 24px rgba(26,51,75,.07)}
#workspace,#workspace button,#workspace input,#workspace select,#workspace textarea,#workspace table{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] #workspace{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
#view{padding:2px 4px 48px}
#view>.panel,#view>.cnas-dashboard,#view>.eg-doc-home{animation:em49Fade .16s ease-out}
@keyframes em49Fade{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:none}}

/* Context return button for SPA pages */
.em49-context-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 12px;position:sticky;top:0;z-index:8;padding:5px 0;background:linear-gradient(180deg,var(--bg,#f5f7f9) 70%,rgba(245,247,249,0))}
.em49-back-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid #cad7e0;border-radius:11px;background:#fff;color:#24465f;padding:7px 13px;font-weight:800;font-size:12px;box-shadow:0 3px 10px rgba(25,50,75,.05);cursor:pointer}
.em49-back-btn:hover{background:#f4f8fb;border-color:#aebfcb;transform:translateY(-1px)}
.em49-back-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
html[dir="ltr"] .em49-back-btn svg{transform:scaleX(-1)}

/* Header identity: separated pills, never glued text */
#workspace .workspace-brand>span{display:flex!important;align-items:center!important;gap:7px!important;min-width:0}
#workspace .workspace-brand>span>b,#workspace .workspace-brand>span>small{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 9px!important;border-radius:9px!important;white-space:nowrap!important}
#workspace .workspace-brand>span>b{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important}
#workspace .workspace-brand>span>small{background:rgba(4,24,42,.16)!important;border:1px solid rgba(255,255,255,.14)!important;color:#eef6fb!important}
#workspace .header-profile-copy{display:flex!important;align-items:center!important;gap:5px!important}
#workspace .header-profile-copy>b,#workspace .header-profile-copy>small{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:3px 7px!important;border-radius:8px!important}
#workspace .header-profile-copy>b{background:#f4f7f9!important;color:#274a62!important}
#workspace .header-profile-copy>small{background:#eef4f8!important;color:#657c8b!important}

/* Shared cards/buttons */
#view .panel{border:1px solid var(--em49-line)!important;border-radius:var(--em49-radius)!important;box-shadow:var(--em49-shadow)!important;background:#fff!important;overflow:hidden}
#view .panel-head{padding-bottom:12px!important;border-bottom:1px solid #edf1f4!important;margin-bottom:12px!important;gap:14px!important}
#view .panel-head h2{font-weight:800!important;letter-spacing:0!important;color:var(--em49-text)!important}
#view .panel-head p{color:var(--em49-muted)!important;line-height:1.65!important}
#view .btn,#view button.btn,#view a.btn{border-radius:10px!important;min-height:36px!important;padding:7px 12px!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:normal!important;line-height:1.25!important}
#view .btn-small{min-height:31px!important;padding:5px 9px!important}
#view .row-actions,#view .actions,#view .form-actions{gap:7px!important;flex-wrap:wrap!important}
#view .module-grid,#view .document-library-grid,#view .eg-doc-home{gap:13px!important}
#view .module-card,#view .document-library-card,#view .eg-doc-tile,#view .secure-doc-card{border:1px solid var(--em49-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 14px rgba(30,55,78,.045)!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
#view .module-card:hover,#view .document-library-card:hover,#view .eg-doc-tile:hover{transform:translateY(-2px);border-color:#bccbd6!important;box-shadow:0 8px 22px rgba(30,55,78,.08)!important}

/* Document templates: equal cards */
#view .document-library-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important;align-items:stretch!important}
#view .document-library-card{min-height:230px!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:15px!important;gap:12px!important}
#view .document-library-card-head{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"icon title" "status status"!important;gap:8px 10px!important;align-items:center!important}
#view .document-library-icon{grid-area:icon;width:42px!important;height:42px!important;border-radius:11px!important;background:#eef5f8!important;display:grid!important;place-items:center!important}
#view .document-library-title{grid-area:title;min-width:0!important}
#view .document-library-title h3{margin:0!important;line-height:1.4!important}
#view .document-library-status{grid-area:status;justify-self:start!important;display:inline-flex!important;padding:5px 8px!important;border-radius:999px!important;background:#f2f6f8!important;font-size:10px!important;font-weight:800!important}
#view .document-library-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#view .document-library-meta>span{padding:8px!important;border-radius:9px!important;background:#f8fafb!important;border:1px solid #edf1f4!important;min-width:0!important}
#view .document-library-actions{margin-top:auto!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important}

/* Documents home cards */
#view .eg-doc-home{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;align-items:stretch!important;margin-bottom:14px!important}
#view .eg-doc-tile{min-height:205px!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
#view .eg-doc-tile .eg-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#edf5f9!important;color:#315d77!important;font-weight:900!important}
#view .eg-doc-tile p{flex:1!important;color:var(--em49-muted)!important;line-height:1.65!important}

/* Dashboard: readable counters and equal cards */
#view .cnas-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;gap:10px!important}
#view .cnas-stat{min-height:118px!important;border:1px solid var(--em49-line)!important;border-radius:13px!important;background:#fff!important;padding:14px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:0 4px 14px rgba(30,55,78,.045)!important}
#view .cnas-stat>span{font-size:11px!important;color:#61798a!important;font-weight:800!important}
#view .cnas-stat>b{font-size:29px!important;line-height:1!important;color:#173f5d!important;font-variant-numeric:tabular-nums!important}
#view .cnas-stat>small{font-size:9px!important;color:#8c9aa5!important}
#view .cnas-service-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:11px!important;align-items:stretch!important}
#view .cnas-service-card{height:100%!important;min-height:96px!important;border:1px solid var(--em49-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 14px rgba(30,55,78,.04)!important}

/* Notifications */
#view .notification-item{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;margin:9px 0!important;padding:12px!important;border:1px solid #e1e8ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 12px rgba(30,55,78,.035)!important}
#view .notification-item.unread{border-inline-start:4px solid #2f779d!important;background:#f8fbfd!important}
#view .notification-svg{width:40px!important;height:40px!important;border-radius:11px!important;background:#edf5f9!important;display:grid!important;place-items:center!important;color:#376b89!important}
#view .notification-item b{display:block!important;color:#243f53!important;margin-bottom:4px!important}
#view .notification-item span{color:#70818e!important;line-height:1.55!important}

/* Audit */
#view .audit-security-banner{border-radius:12px!important;background:#f7fafc!important;border:1px solid #dfe7ed!important;padding:13px!important}
#view .audit-filterbar{display:grid!important;grid-template-columns:minmax(220px,1fr) 160px 160px!important;gap:8px!important;margin:12px 0!important}
#view .audit-filterbar input{min-height:39px!important;border-radius:9px!important;border:1px solid #d6e0e7!important;padding:7px 10px!important}
#view .table-wrap{border:1px solid #e5ebef!important;border-radius:11px!important;overflow:auto!important}
#view table{border-collapse:separate!important;border-spacing:0!important}
#view th{background:#f7f9fb!important;color:#536b7b!important;font-size:10.5px!important;white-space:nowrap!important}
#view td{vertical-align:middle!important}
#view tbody tr:hover td{background:#fbfcfd!important}
#view .audit-json{white-space:pre-wrap!important;word-break:break-word!important;background:#f7f9fb!important;border-radius:8px!important;padding:8px!important}

/* Print actions requested green */
.em-print-action,#view .em-print-action,.em-embedded-module .em-print-action{background:#198754!important;border-color:#198754!important;color:#fff!important;box-shadow:none!important}
.em-print-action:hover,#view .em-print-action:hover,.em-embedded-module .em-print-action:hover{background:#157347!important;border-color:#157347!important;color:#fff!important}

/* Any unknown legacy tool label stays isolated, never glued into nearby text */
.em-special-tool{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 10px!important;margin:4px!important;border:1px solid #cfdbe3!important;border-radius:10px!important;background:#f7fafc!important;color:#365a71!important;font-weight:800!important;letter-spacing:.03em!important}

/* Embedded/standalone service pages */
.em-embedded-module body,.em-embedded-module{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;background:#f5f7f9!important}
.em49-frame-context{position:sticky;top:0;z-index:9999;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(248,250,252,.96);backdrop-filter:blur(8px);border-bottom:1px solid #dfe7ed}
.em49-frame-back{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;border:1px solid #cbd8e0;border-radius:10px;background:#fff;color:#24475f;font-weight:800;cursor:pointer}
.em49-frame-back:hover{background:#eef5f9}
.em-embedded-module .top,.em-embedded-module header.top{box-shadow:none!important;border-bottom:1px solid #e1e8ed!important}
.em-embedded-module .wrap,.em-embedded-module .eo-wrap,.em-embedded-module .e360-wrap{max-width:1440px!important;margin-inline:auto!important;padding-inline:16px!important}
.em-embedded-module .card,.em-embedded-module .eo-card,.em-embedded-module .eo-panel,.em-embedded-module .panel{border-radius:13px!important;border-color:#dfe7ed!important;box-shadow:0 5px 18px rgba(30,55,78,.05)!important}
.em-embedded-module .btn,.em-embedded-module .eo-btn,.em-embedded-module a.btn,.em-embedded-module button{border-radius:10px!important}
.em-embedded-module .grid{gap:13px!important;align-items:stretch!important}
.em-embedded-module .grid>.card{height:100%!important;display:flex!important;flex-direction:column!important;gap:9px!important;padding:15px!important}
.em-embedded-module .grid>.card>.actions:last-of-type{margin-top:auto!important}
.em-embedded-module .badge{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:4px 8px!important;border-radius:999px!important;border:1px solid #dbe4ea!important;background:#f7fafc!important;font-weight:800!important}
.em-embedded-module .eo-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important}
.em-embedded-module .eo-card{min-height:95px!important;padding:13px!important;background:#fff!important}
.em-embedded-module .eo-card b{font-size:21px!important;color:#214862!important}
.em-embedded-module .eo-actions,.em-embedded-module .actions{gap:7px!important;flex-wrap:wrap!important}
.em-embedded-module .service-link{border-radius:12px!important}

/* Payroll context/services */
.em-embedded-module .service-grid{gap:11px!important}
.em-embedded-module .service-link{min-height:110px!important;border:1px solid #dfe7ed!important;background:#fff!important;box-shadow:0 4px 14px rgba(30,55,78,.045)!important;padding:14px!important}
.em-embedded-module .service-link>span{width:38px!important;height:38px!important;border-radius:10px!important;background:#eef5f8!important;display:grid!important;place-items:center!important}
.em-embedded-module .backbtn{border-radius:10px!important}

@media(max-width:850px){
 #view .audit-filterbar{grid-template-columns:1fr 1fr!important}
 #view .audit-filterbar input:first-child{grid-column:1/-1!important}
 #workspace .workspace-brand>span>small{display:none!important}
 .em-embedded-module .wrap,.em-embedded-module .eo-wrap,.em-embedded-module .e360-wrap{padding-inline:9px!important}
}
@media(max-width:600px){
 #view .notification-item{grid-template-columns:36px minmax(0,1fr)!important}
 #view .notification-item>.btn{grid-column:2!important;justify-self:start!important}
 #view .document-library-grid,#view .eg-doc-home,#view .cnas-service-grid,#view .cnas-stats{grid-template-columns:1fr!important}
 #view .audit-filterbar{grid-template-columns:1fr!important}
 #view .audit-filterbar input:first-child{grid-column:auto!important}
}