:root{
  --navy:#315b7f;--navy2:#244b6c;--ink:#12375a;--muted:#6d8297;--line:#d8e3ed;--bg:#f2f6f9;--card:#fff;--soft:#f4f7fa;
  --orange:#ed7b00;--blue:#0c7dc0;--cyan:#22a8d8;--green:#0b9a6b;--red:#dc3b3b;--amber:#d88b00;--purple:#7b55c7;
  --shadow:0 8px 24px rgba(32,72,105,.07);--radius:14px;--sidebar:284px;--sidebar-collapsed:76px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}

/* LOGIN — same visual language as Utilities */
.login-shell{min-height:100vh;display:grid;place-items:center;padding:26px;background:linear-gradient(135deg,#edf4f9 0%,#f8fbfd 65%,#eef5f9 100%)}
.login-card{width:min(1040px,100%);display:grid;grid-template-columns:1.22fr .9fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(18,55,85,.14)}
.login-brand{padding:58px;background:linear-gradient(155deg,#071321 0%,#0a2238 50%,#315b7f 140%);color:#fff;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:340px;height:340px;border:48px solid rgba(255,255,255,.045);border-radius:50%;right:-145px;bottom:-170px}.login-brand img{width:150px;background:#fff;border-radius:14px;padding:9px}.login-kicker{margin-top:34px;font-size:11px;letter-spacing:.19em;color:#8dbbe0;font-weight:900}.login-brand h1{font-size:39px;line-height:1.05;margin:14px 0 15px}.login-brand h1 span{color:#d9e9f6;font-weight:700}.login-brand p{max-width:560px;color:#c9dceb;line-height:1.7;font-size:14px}.brand-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.brand-pills span{border:1px solid rgba(255,255,255,.18);padding:7px 10px;border-radius:999px;font-size:11px;background:rgba(255,255,255,.06)}
.login-form{padding:54px 44px;display:flex;flex-direction:column;justify-content:center}.login-mini-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.login-mini-brand img{width:70px}.login-mini-brand b,.login-mini-brand small{display:block}.login-mini-brand b{font-size:14px}.login-mini-brand small{font-size:11px;color:var(--muted);margin-top:2px}.login-form h2{font-size:28px;margin:0 0 6px;color:var(--ink)}.login-form>p{color:var(--muted);margin:0 0 24px}.login-msg{min-height:22px;margin-top:12px;font-size:13px;color:var(--red)}

/* APP FRAME — Utilities parity */
.app{min-height:100vh}.app-sidebar{position:fixed;z-index:1200;top:0;bottom:0;left:0;width:var(--sidebar);background:linear-gradient(180deg,#030914 0%,#06111f 100%);border-right:1px solid #142337;box-shadow:10px 0 30px rgba(0,0,0,.22);color:#eaf2fa;display:flex;flex-direction:column;overflow:hidden;transition:width .22s cubic-bezier(.2,.75,.25,1),transform .22s ease}
.sidebar-brand{height:102px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #162538;flex:0 0 auto}.sidebar-logo{border:0;background:transparent;padding:0;display:grid;place-items:center}.sidebar-logo img{width:56px;height:56px;object-fit:contain;border-radius:13px;background:#fff;padding:2px}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy b{display:block;font-size:1rem;color:#f5f8fb;line-height:1.12;max-width:175px}.sidebar-collapse{margin-left:auto;width:32px;height:32px;border:1px solid #26384c;background:#0b1625;border-radius:9px;color:#d7e3ee;font-weight:900}
.top-nav{flex:1;padding:12px 16px 10px;display:flex;flex-direction:column;gap:10px;overflow:auto}.sidebar-section-label{margin:9px 12px 0;color:#8797aa;font-size:.67rem;letter-spacing:.18em;font-weight:900}.navbtn{min-height:80px;height:80px;padding:10px 14px;border:2px solid #24374a;border-radius:42px;background:linear-gradient(180deg,rgba(10,21,35,.72),rgba(5,13,23,.88));color:#eef4fa;display:flex;align-items:center;gap:12px;text-align:left;font-size:.86rem;font-weight:850;transition:.18s}.navbtn:hover{transform:translateX(2px);background:#0b1828;color:#fff}.sidebar-nav-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#091421;border:1px solid currentColor;box-shadow:inset 0 0 0 4px rgba(255,255,255,.02);font-size:1.05rem}.sidebar-nav-copy{white-space:normal;line-height:1.05}.navbtn[data-view="dashboard"]{border-color:#ff6b1a;color:#ff7625}.navbtn[data-view="workOrders"]{border-color:#149fe7;color:#27aef3}.navbtn[data-view="myTasks"]{border-color:#08d79b;color:#16e2a5}.navbtn[data-view="team"]{border-color:#9657ff;color:#a968ff}.navbtn[data-view="reports"]{border-color:#1ca7e8;color:#35b8f8}.navbtn.active{background:linear-gradient(180deg,#101d2c,#091523);box-shadow:0 0 22px rgba(255,107,26,.12);color:#fff}
.sidebar-health{margin:7px 16px 9px;border:1px solid #243446;border-radius:16px;padding:12px 13px;background:linear-gradient(180deg,#0b1725,#08111d);display:grid;grid-template-columns:10px 1fr;gap:4px 9px;align-items:start}.sidebar-health>i{width:10px;height:10px;border-radius:50%;background:#15d69b;box-shadow:0 0 0 4px rgba(21,214,155,.11);margin-top:4px}.sidebar-health b{font-size:.73rem;color:#f1f6fa}.sidebar-health span{display:block;font-size:.64rem;color:#9aabbc;margin-top:3px}.sidebar-bottom-collapse{margin:0 16px 8px;border:0;background:transparent;color:#9eafc0;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}.sidebar-bottom-collapse:hover{background:#0d1a29;color:#fff}.sidebar-user-card{margin:0 16px 15px;min-height:58px;border:1px solid #1b2c3e;border-radius:15px;background:linear-gradient(180deg,#0a1624,#07101b);display:flex;align-items:center;gap:10px;padding:9px 10px}.sidebar-user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#153f68;color:#fff;font-weight:900}.sidebar-user-card b{display:block;color:#f1f6fa;font-size:.72rem}.sidebar-user-card span{display:block;color:#8fa2b5;font-size:.61rem;margin-top:4px}
.app-main{min-height:100vh;margin-left:var(--sidebar);transition:margin .22s ease}.smart-header{background:#fff}.utility-bar{height:50px;padding:0 28px;background:#315b7f;color:#dbe8f2;display:flex;align-items:center;justify-content:space-between;font-size:12px}.utility-brand-line{display:flex;align-items:center;gap:20px}.utility-brand-line strong{font-size:15px;color:#fff;letter-spacing:.03em;font-weight:950}.utility-brand-line>span{font-size:12px;color:#e6f0f7}.version-badge{padding:5px 9px;border-radius:999px;background:#fff;color:#315b7f;font-size:10px;letter-spacing:.03em}.utility-right{display:flex;align-items:center;gap:18px;font-size:11px}.main-header{min-height:112px;padding:18px 28px;display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid var(--line)}.brand-home{border:0;background:transparent;display:flex;align-items:center;gap:15px;min-width:345px;color:var(--ink);text-align:left}.brand-home img{width:108px;height:auto}.brand-divider{width:1px;height:44px;background:var(--line);margin:0!important}.brand-module-copy b,.brand-module-copy span{display:block}.brand-module-copy b{font-size:24px;line-height:1.08;color:var(--ink);letter-spacing:-.02em}.brand-module-copy span{font-size:13px;color:var(--muted);margin-top:5px}.global-search{height:54px;flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid #ccdbe7;border-radius:12px;background:#fff}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.global-search kbd{padding:4px 7px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.67rem;background:var(--soft)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.sync-pill{height:42px;padding:0 13px;border:1px solid #d7e4ed;border-radius:12px;background:#f9fbfd;display:flex;align-items:center;font-size:11px;font-weight:850;white-space:nowrap}.sync-dot{width:8px;height:8px;border-radius:50%;background:#13ad75;box-shadow:0 0 0 4px rgba(19,173,117,.10);margin-right:8px}.avatar-button{width:44px;height:44px;border:0;border-radius:50%;background:#e8f1fb;color:#075fb8;display:grid;place-items:center;position:relative;font-weight:900}.avatar-button>span{display:grid;place-items:center;width:44px;height:44px}.avatar-button i{position:absolute;right:-1px;bottom:0;color:#13a36e;font-size:.58rem;background:#fff;border-radius:50%}.user-chip{min-width:118px}.user-chip b{display:block;font-size:.86rem;color:#122f4c}.user-chip span{display:block;font-size:.68rem;color:#708398;margin-top:2px}.logout-control{height:42px;border:1px solid #d7e4ed;border-radius:11px;background:#fff;color:#315b7f;padding:0 12px;display:flex;align-items:center;gap:7px;font-weight:800}.logout-control:hover{background:#eef5fb}.circle{display:none}.content{padding:28px 28px 44px;min-height:calc(100vh - 162px)}footer{padding:18px 28px 28px;color:#8091a1;font-size:11px}

/* COLLAPSED SIDEBAR */
body.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed)}body.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed)}body.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}body.sidebar-collapsed .sidebar-brand-copy,body.sidebar-collapsed .sidebar-collapse,body.sidebar-collapsed .sidebar-section-label,body.sidebar-collapsed .sidebar-nav-copy,body.sidebar-collapsed .sidebar-health,body.sidebar-collapsed .sidebar-user-card,body.sidebar-collapsed .sidebar-bottom-collapse b{display:none!important}body.sidebar-collapsed .top-nav{padding-inline:9px}body.sidebar-collapsed .navbtn{justify-content:center;padding-inline:9px;border-radius:28px}body.sidebar-collapsed .sidebar-bottom-collapse{justify-content:center;margin-inline:9px}body.sidebar-collapsed .sidebar-bottom-collapse span{transform:rotate(180deg)}

/* CONTENT COMPONENTS — tuned to Utilities */
.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-weight:800;font-size:12px;color:#425f78}.field input,.field select,.field textarea{width:100%;border:1px solid #ccdbe7;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6fb9e8;box-shadow:0 0 0 3px rgba(12,125,192,.10)}
.btn{border:0;border-radius:10px;background:#315b7f;color:#fff;padding:11px 15px;font-weight:850;box-shadow:0 5px 12px rgba(49,91,127,.12)}.btn:hover{filter:brightness(1.04)}.btn.outline{background:#fff;color:#315b7f;border:1px solid #c7d8e5;box-shadow:none}.btn.danger{background:var(--red)}.btn.success{background:var(--green)}.btn.small{padding:7px 10px;border-radius:8px;font-size:12px}
.page-head{min-height:150px;margin-bottom:18px;padding:27px 30px;border-radius:18px;background:linear-gradient(135deg,#244b6c 0%,#315b7f 58%,#3d6e97 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 12px 32px rgba(35,74,107,.13);position:relative;overflow:hidden}.page-head:after{content:"";position:absolute;width:280px;height:280px;border:34px solid rgba(255,255,255,.045);border-radius:50%;right:-105px;bottom:-150px}.page-head>div{position:relative;z-index:1}.page-head h1{font-size:30px;margin:0 0 7px;color:#fff}.page-head p{margin:0;color:#d8e7f2}.page-head .actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.page-head .btn{background:#fff;color:#244b6c;box-shadow:none}.page-head .btn.outline{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.28)}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:122px}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue)}.kpi.warn:before{background:var(--amber)}.kpi.danger:before{background:var(--red)}.kpi.good:before{background:var(--green)}.kpi.purple:before{background:var(--purple)}.kpi span{font-size:10px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.6px}.kpi b{display:block;font-size:29px;margin-top:8px;color:var(--ink)}.kpi small{color:var(--muted);font-size:11px}
.grid2{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fbfdff}.card-head h2{font-size:16px;margin:0;color:var(--ink)}.card-body{padding:16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table th{background:#f4f7fa;color:#61798e;text-align:left;padding:11px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;border-bottom:1px solid var(--line)}.table td{padding:12px;border-top:1px solid #e6edf3;vertical-align:top;background:#fff}.table tbody tr:first-child td{border-top:0}.table td small{display:block;color:var(--muted);margin-top:3px}.table tr:hover td{background:#fbfdff}
.pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850;background:#edf3f7;color:#516a7e;white-space:nowrap}.pill.open{background:#e9f3fb;color:#0a6ca7}.pill.assigned{background:#edf0ff;color:#5559b9}.pill.in_progress{background:#fff1d8;color:#9a6500}.pill.on_hold{background:#fff3e7;color:#a55f00}.pill.pending_manager_review{background:#f0e9ff;color:#6e49b6}.pill.completed{background:#e4f7ef;color:#087550}.pill.returned_for_rework{background:#ffe8e8;color:#b33131}.pill.cancelled{background:#f2f2f2;color:#777}.priority{font-weight:900}.priority.critical{color:#c62f2f}.priority.high{color:#d67000}.priority.medium{color:#0d70ad}.priority.low{color:#6b7d8e}.overdue{color:#c63333;font-weight:850}.empty{padding:36px;text-align:center;color:var(--muted)}
.filterbar{display:flex;gap:10px;align-items:center;margin:0 0 14px;flex-wrap:wrap}.filterbar input,.filterbar select{height:48px;border:1px solid #ccdbe7;border-radius:10px;background:#fff;padding:0 12px;color:var(--ink)}.filterbar input{min-width:300px;flex:1}.work-card-list{display:grid;gap:10px}.work-mini{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}.work-mini .row{display:flex;justify-content:space-between;gap:10px}.work-mini b{color:var(--ink)}.work-mini small{color:var(--muted)}
.modal-back{position:fixed;inset:0;background:rgba(5,25,42,.52);display:grid;place-items:center;padding:18px;z-index:2000;backdrop-filter:blur(2px)}.modal{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{margin:0;font-size:20px}.xbtn{border:0;background:#eef4f8;width:36px;height:36px;border-radius:50%;font-size:20px}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-box{background:#f5f9fc;border:1px solid var(--line);padding:12px;border-radius:10px}.detail-box span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.detail-box b{display:block;margin-top:5px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.note{padding:12px;border-radius:10px;background:#edf7fd;border:1px solid #cce7f6;color:#285975;font-size:12px}.access-denied{max-width:700px;margin:80px auto;background:#fff;padding:30px;border-radius:18px;border:1px solid var(--line);text-align:center;box-shadow:var(--shadow)}.access-denied h2{color:#ad2c2c}
.bars{display:flex;align-items:end;gap:9px;height:220px;padding:20px 8px 0}.bar-item{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:end;height:100%;gap:6px}.bar-item i{width:70%;background:linear-gradient(#21a0d2,#0a5f98);border-radius:7px 7px 3px 3px;min-height:4px}.bar-item small{font-size:10px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.team-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.team-card strong{display:block}.team-card span{font-size:24px;font-weight:900;color:var(--navy)}.team-card small{color:var(--muted)}
.toast{position:fixed;right:18px;bottom:18px;background:#0f3049;color:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.2);z-index:3000;max-width:420px}.toast.error{background:#a83030}.toast.success{background:#087651}.sidebar-scrim{position:fixed;inset:0;z-index:1100;background:rgba(3,20,36,.42);backdrop-filter:blur(2px)}

@media(max-width:1250px){.brand-home{min-width:250px}.brand-module-copy b{font-size:20px}.utility-right span:nth-child(2){display:none}.kpis{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.user-chip{display:none}}
@media(max-width:900px){
  .app-sidebar{transform:translateX(-105%);width:min(300px,86vw)}body.mobile-sidebar-open .app-sidebar{transform:translateX(0)}.app-main{margin-left:0!important}.sidebar-collapse,.sidebar-bottom-collapse{display:none}.sidebar-user-card{display:none}.mobile-sidebar-btn{display:grid;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink)}.utility-right{display:none}.utility-bar{padding:0 14px}.main-header{min-height:78px;padding:12px 14px;gap:10px}.brand-home{min-width:0;flex:1}.brand-home img{width:78px}.brand-divider,.brand-module-copy span{display:none}.brand-module-copy b{font-size:16px}.global-search{order:3;width:100%;flex-basis:100%;height:46px}.main-header{flex-wrap:wrap}.content{padding:18px 14px 32px}.page-head{padding:22px 20px;min-height:132px;align-items:flex-start;flex-direction:column}.page-head h1{font-size:24px}.kpis{grid-template-columns:repeat(2,1fr)}.form-grid,.detail-grid{grid-template-columns:1fr}.filterbar input{min-width:100%}.team-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-brand{padding:34px}.login-form{padding:34px}
}
@media(min-width:901px){.mobile-sidebar-btn{display:none!important}}
@media(max-width:560px){.utility-brand-line>span{display:none}.utility-brand-line{gap:9px}.utility-brand-line strong{font-size:12px}.version-badge{font-size:9px}.sync-pill{display:none}.logout-control b{display:none}.brand-home img{width:62px}.brand-module-copy b{font-size:14px}.kpis{grid-template-columns:1fr}.page-head{border-radius:14px}.page-head h1{font-size:22px}.login-brand h1{font-size:31px}}

/* ==============================================================
   V1.0.2 — UTILITIES DESKTOP PARITY
   Facilities keeps its own data/views while matching the Utilities
   shell: full-width top header + horizontal navigation, no sidebar.
   ============================================================== */
:root{
  --fac-shell:#eef4f8;
  --fac-top:#356587;
  --fac-navy:#103f65;
  --fac-orange:#f47b14;
}
body{background:var(--fac-shell)}
.app{display:block;width:100%;min-width:0;min-height:100vh;background:var(--fac-shell)}
.app-main{width:100%;max-width:none;min-width:0;margin:0!important;padding:0!important}
.app-sidebar,.sidebar-scrim{display:none!important}
.smart-header{position:relative!important;top:auto!important;z-index:700;background:#fff;box-shadow:none!important}
.utility-bar{height:31px!important;min-height:31px!important;padding:0 20px!important;background:var(--fac-top)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:10px!important}
.utility-brand-line,.utility-right{display:flex;align-items:center;gap:12px}.utility-brand-line strong{font-size:12px;letter-spacing:.045em}.utility-brand-line span{font-size:10px}.utility-right{gap:17px;font-size:9px}.version-badge{display:inline-grid;place-items:center;height:20px;padding:0 10px;border-radius:999px;background:#ebe4ff;color:#5d37b3;font-size:10px;font-weight:900}
.main-header{min-height:66px!important;height:66px!important;padding:0 20px!important;display:flex!important;align-items:center!important;gap:18px!important;background:#fff!important;border-bottom:1px solid #dce5ec!important}
.brand-home{border:0;background:transparent;display:flex;align-items:center;gap:12px;min-width:440px;color:var(--ink);text-align:left;padding:0}
.brand-home img{width:94px!important;height:49px!important;object-fit:contain!important}.brand-divider{width:1px;height:36px;background:#dbe4ec;margin:0!important}.brand-module-copy b,.brand-module-copy span{display:block}.brand-module-copy b{font-size:20px!important;line-height:1.05;color:#103b60!important;letter-spacing:-.02em;white-space:nowrap}.brand-module-copy span{font-size:10px!important;color:#718499!important;margin-top:4px!important}
.global-search{height:43px!important;flex:1;max-width:none!important;margin:0!important;display:flex;align-items:center;gap:9px;padding:0 13px!important;border:1px solid #cedbe5!important;border-radius:11px!important;background:#fff!important}.global-search>span{font-size:18px;color:#477391}.global-search input{min-width:0;flex:1;border:0!important;outline:0;background:transparent!important;color:#183956!important;font-size:13px!important;padding:0!important}.global-search kbd{padding:3px 7px;border:1px solid #d5e0e9;border-radius:5px;color:#5e7890;font-size:9px;background:#f8fafc}
.header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap}.sync-pill{height:42px;padding:0 12px;border:1px solid #d7e4ed;border-radius:22px;background:#f9fbfd;display:flex;align-items:center;font-size:10px;font-weight:850}.sync-dot{width:8px;height:8px;border-radius:50%;background:#13ad75;box-shadow:0 0 0 4px rgba(19,173,117,.10);margin-right:8px}.header-circle{width:42px;height:42px;border-radius:50%;border:1px solid #d7e4ed;background:#fff;color:#143c60;font-weight:800}.header-circle:hover{background:#f3f8fb}.avatar-button{width:42px!important;height:42px!important;border:1px solid #d7e4ed!important;border-radius:50%!important;background:#eaf2f8!important;color:#0f4b77!important;display:grid!important;place-items:center!important}.avatar-button>span{width:42px!important;height:42px!important;font-size:14px!important}.user-chip{min-width:108px!important}.user-chip b{display:block;font-size:13px!important;color:#0f3658!important}.user-chip span{display:block;font-size:9px!important;color:#6f8294!important;margin-top:2px}.logout-control{height:42px;padding:0 12px;border:1px solid #d7e4ed;border-radius:9px;background:#fff;color:#173d61;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.logout-control:hover{background:#f3f8fb}

.facility-top-nav{position:relative;z-index:650;display:flex;align-items:stretch;flex-wrap:nowrap;width:100%;height:64px;min-height:64px;padding:0 44px;margin:0;gap:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;background:#fff;border-top:1px solid #eef2f5;border-bottom:1px solid #d8e2ea;box-shadow:0 2px 6px rgba(21,52,80,.05)}.facility-top-nav::-webkit-scrollbar{display:none}.facility-top-nav .navbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:max-content;height:64px;min-height:64px;padding:0 20px;margin:0;gap:7px;border:0!important;border-bottom:4px solid transparent!important;border-radius:0!important;background:#fff!important;color:#2d4255!important;font-size:14px!important;font-weight:750!important;line-height:1;box-shadow:none!important;transform:none!important}.facility-top-nav .navbtn:hover{background:#f7fafc!important;color:#0b659f!important}.facility-top-nav .navbtn.active{color:#173c5d!important;border-bottom-color:var(--fac-orange)!important;background:#fff!important}.facility-top-nav .nav-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:#edf3f7;color:#35536b;font-size:10px;font-weight:900;font-style:normal}.nav-spacer{flex:1 1 auto;min-width:10px}.facility-top-nav .nav-right{margin-inline-start:12px;border:1px solid #cadbe8!important;border-bottom:1px solid #cadbe8!important;border-radius:8px 8px 0 0!important;background:#f8fbfd!important;font-weight:800!important}

.content{width:100%!important;max-width:none!important;margin:0!important;padding:25px 32px 50px!important;min-height:calc(100vh - 190px)!important;background:var(--fac-shell)!important}#view{width:100%;max-width:none;margin:0 auto}
.page-head{min-height:auto!important;margin:0 0 22px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;box-shadow:none!important;overflow:visible!important}.page-head:after{display:none!important}.page-head h1{font-size:34px!important;line-height:1.05;margin:0 0 6px!important;color:#103f65!important;letter-spacing:-.025em}.page-head p{margin:0!important;color:#6b8196!important;font-size:13px!important}.page-head .actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-head .btn{height:42px;background:#0c4774!important;color:#fff!important;border:1px solid #0c4774!important;border-radius:10px!important;padding:0 16px!important;font-size:12px!important;box-shadow:none!important}.page-head .btn.outline{background:#fff!important;color:#143d61!important;border-color:#c9d9e5!important}
.kpis{gap:16px!important;margin-bottom:20px!important}.kpi{border-radius:12px!important;box-shadow:none!important;border-color:#d7e3ec!important;background:#fff!important}.card{border-radius:12px!important;box-shadow:none!important;border-color:#d7e3ec!important}.card-head{background:#fbfdff!important}.filterbar input,.filterbar select{border-color:#cad9e4!important;border-radius:9px!important}.btn{border-radius:9px!important}
footer{background:var(--fac-shell)!important;padding:16px 28px 25px!important;text-align:center!important}

@media(max-width:1350px){.brand-home{min-width:330px}.brand-home img{width:82px!important}.brand-module-copy b{font-size:17px!important}.user-chip{display:none!important}.utility-right span:nth-child(2){display:none}.facility-top-nav{padding-inline:22px}.facility-top-nav .navbtn{padding-inline:15px}}
@media(max-width:920px){.utility-bar{height:36px!important;min-height:36px!important;padding-inline:12px!important}.utility-right{display:none!important}.main-header{height:auto!important;min-height:76px!important;padding:10px 12px!important;gap:10px!important;flex-wrap:wrap!important}.brand-home{min-width:0;flex:1}.brand-home img{width:70px!important;height:42px!important}.brand-divider,.brand-module-copy span{display:none!important}.brand-module-copy b{font-size:16px!important}.global-search{order:3;width:100%;flex-basis:100%;height:44px!important}.header-actions{gap:5px!important}.header-circle{display:none!important}.sync-pill{height:38px!important}.logout-control b{display:none}.facility-top-nav{height:56px;min-height:56px;padding:0 8px}.facility-top-nav .navbtn{height:56px;min-height:56px;padding:0 13px;font-size:12px!important}.nav-spacer,.facility-top-nav .nav-right{display:none}.content{padding:22px 14px 40px!important}.page-head{align-items:flex-start!important;flex-direction:column!important}.page-head h1{font-size:27px!important}}

/* V1.0.3: do not show access-denied before the authenticated profile finishes loading */
.access-loading{max-width:760px;margin:130px auto 0;background:#fff;border:1px solid #d9e6ef;border-radius:18px;padding:48px 36px;text-align:center;box-shadow:0 8px 24px rgba(9,47,79,.04)}
.access-loading h2{margin:14px 0 8px;color:#0b426d;font-size:28px}.access-loading p{margin:0;color:#668097;font-size:16px}.access-loading-dot{width:18px;height:18px;border-radius:999px;margin:0 auto;background:#10b981;box-shadow:0 0 0 7px rgba(16,185,129,.12);animation:facPulse 1.1s ease-in-out infinite alternate}@keyframes facPulse{to{transform:scale(.72);opacity:.55}}

/* ==============================================================
   V1.0.4 — FACILITIES WORK ORDER CONTROL CENTER
   Mirrors the Utilities work-order workspace and classic register.
   ============================================================== */
.wo-control{width:100%;min-width:0}
.wo-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin:-2px 0 14px;border:1px solid #d7e2ea;border-left:4px solid #1492cf;border-radius:14px;background:linear-gradient(90deg,#fff 0%,#fff 70%,#fff8ef 100%)}
.wo-hero>div:first-child>span,.wo-register-head span,.wo-section-title>span,.wo-focus-card>div:first-child>span{display:block;color:#ef7500;font-size:10px;font-weight:950;letter-spacing:.12em;margin-bottom:5px}
.wo-hero h1{margin:0;color:#0c416b;font-size:30px;line-height:1.04;letter-spacing:-.025em}.wo-hero p{margin:5px 0 0;color:#5f7890;font-size:12px;font-weight:650}.wo-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.wo-hero-actions .btn{height:43px;padding:0 16px;font-weight:850}.wo-hero-actions .btn:not(.outline){background:#0d4a78;color:#fff;border-color:#0d4a78}
.wo-tabs{height:54px;display:flex;align-items:stretch;gap:4px;padding:4px;margin-bottom:15px;border:1px solid #d8e3ec;border-radius:12px;background:#fff;overflow-x:auto;scrollbar-width:none}.wo-tabs::-webkit-scrollbar{display:none}.wo-tabs button{border:0;background:#fff;color:#29465f;padding:0 14px;border-radius:9px;font-size:11px;font-weight:850;white-space:nowrap}.wo-tabs button:hover{background:#f4f8fb}.wo-tabs button.active{background:#eef6fb;color:#073e68;box-shadow:inset 0 0 0 1px #c7deec}.wo-tabs i{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;margin-left:5px;border-radius:99px;background:#edf3f7;color:#37546c;font-size:9px;font-style:normal}
.wo-body{min-width:0}
.wo-kpis{display:grid;grid-template-columns:repeat(8,minmax(128px,1fr));gap:10px;margin:0 0 13px}.wo-kpis article{min-height:114px;padding:15px 13px;border:1px solid #d7e3ec;border-left:4px solid #69acd2;border-radius:11px;background:#fff}.wo-kpis span{display:block;color:#607993;font-size:9px;font-weight:950;letter-spacing:.08em}.wo-kpis b{display:block;margin:9px 0 2px;color:#0f466f;font-size:27px;line-height:1}.wo-kpis small{display:block;color:#7d91a4;font-size:9px;line-height:1.3}.wo-kpis .open{background:#fff9ef;border-left-color:#ee9400}.wo-kpis .open b{color:#b86b00}.wo-kpis .progress{background:#eef8fd;border-left-color:#248fc9}.wo-kpis .hold{background:#fff3f5;border-left-color:#df5871}.wo-kpis .overdue{background:#fff0f0;border-left-color:#dc2f38}.wo-kpis .overdue b{color:#bb1f29}.wo-kpis .review{background:#fff9eb;border-left-color:#e0a400}.wo-kpis .review b{color:#b57c00}.wo-kpis .priority{background:#fff4ee;border-left-color:#ef7d18}.wo-kpis .priority b{color:#c45100}.wo-kpis .completed{background:#ecf9f3;border-left-color:#1e9c6f}.wo-kpis .completed b{color:#07805a}
.wo-overview-grid{display:grid;grid-template-columns:1fr .88fr 1fr;gap:13px}.wo-focus-card{min-height:330px;border:1px solid #d7e3ec;border-top:4px solid #ef7500;border-radius:12px;background:#fff;overflow:hidden}.wo-focus-card.review{border-top-color:#dca200}.wo-focus-card.recent{border-top-color:#1b92c9}.wo-focus-card>div:first-child{padding:15px 16px 8px}.wo-focus-card h2{margin:0;color:#103f65;font-size:17px}.wo-focus-row{width:100%;border:0;border-top:1px solid #e4ebf1;background:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.wo-focus-row:hover{background:#f7fafc}.wo-focus-row>div{min-width:0}.wo-focus-row b,.wo-focus-row span,.wo-focus-row small{display:block}.wo-focus-row b{color:#0c416c;font-size:12px}.wo-focus-row span{margin-top:3px;color:#234e70;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-focus-row small{margin-top:3px;color:#7e91a2;font-size:8.5px}.wo-focus-row strong{flex:0 0 auto}.wo-card-link{width:100%;border:0;border-top:1px solid #e4ebf1;background:#f9fbfd;color:#0b659d;padding:11px 15px;text-align:right;font-size:10px;font-weight:850}
.wo-filterbar{display:grid;grid-template-columns:minmax(300px,1fr) 190px 170px auto;gap:10px;margin-bottom:13px}.wo-filterbar input,.wo-filterbar select{height:42px;border:1px solid #cad9e4;border-radius:9px;background:#fff;color:#173e60;padding:0 12px;font-size:11px}.wo-filterbar .btn{height:42px}
.wo-register{border:1px solid #d4e0e9;border-radius:12px;background:#fff;overflow:hidden}.wo-register-head{min-height:76px;padding:14px 14px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e3ec;background:#f8fbfd}.wo-register-head h2{margin:0;color:#123f63;font-size:16px}.wo-register-head small{display:block;margin-top:4px;color:#72879b;font-size:9px}.wo-register-head>b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:9px;background:#e8f4fb;color:#0b689e;font-size:14px}
.wo-table-shell{width:100%;overflow:auto}.wo-table{width:100%;min-width:1700px;border-collapse:collapse;background:#fff;table-layout:auto}.wo-table thead th{padding:12px 9px;background:#f4f8fb;color:#5c7892;border-bottom:1px solid #cfdae3;text-align:left;font-size:9px;font-weight:950;letter-spacing:.01em;vertical-align:bottom}.wo-table tbody td{padding:13px 9px;border-bottom:1px solid #d9e3eb;color:#183c5c;font-size:10px;vertical-align:middle}.wo-table tbody tr:nth-child(even){background:#fbfdfe}.wo-table tbody tr:hover{background:#f4f9fc}.wo-table tbody tr.row-overdue{background:#fffafa}.wo-number{display:block;color:#093f6a;font-size:11px;max-width:135px}.wo-desc{min-width:285px;max-width:390px;line-height:1.45}.wo-desc small{display:block;margin-top:4px;color:#71889c;font-size:8.5px}.category-pill,.maint-pill,.priority-pill{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:29px;padding:0 11px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.category-pill.facilities{background:#eee9ff;color:#653ac0;border:1px solid #d7c9ff}.maint-pill.general{background:#eaf3ff;color:#155ca6}.maint-pill.corrective{background:#fff3df;color:#a55e00}.maint-pill.preventive{background:#e8f8ed;color:#087844}.maint-pill.breakdown{background:#ffe9e9;color:#b52020}.maint-pill.inspection{background:#f0ecff;color:#6241b0}.priority-pill{min-width:auto;height:26px}.priority-pill.low{background:#eef5fb;color:#366382}.priority-pill.medium{background:#edf5ff;color:#17639a}.priority-pill.high{background:#fff3dd;color:#9b6500}.priority-pill.critical{background:#ffe7e7;color:#a82121}
.status-box{min-width:190px;padding:8px 10px;border:1px solid #d5e2eb;border-radius:10px;background:#f9fbfd}.status-box>div{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:850}.status-box small{display:block;margin-top:7px;color:#214966;font-size:8.5px}.status-box .pill{font-size:8.5px;padding:5px 9px}
.wo-actions-full{display:grid;gap:7px;min-width:245px}.wo-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wo-action{min-height:34px;border:1px solid #cbdce8;border-radius:9px;background:#fff;color:#123f62;padding:6px 9px;font-size:9.5px;font-weight:900}.wo-action:hover{filter:brightness(.98)}.wo-action.primary{width:100%;background:#0c4b79;color:#fff;border-color:#0c4b79}.wo-action.email{width:100%;background:#eaf6fd;color:#0b689b;border-color:#a9d4ea}.wo-action.delete{background:#fff2f2;color:#c9232d;border-color:#ffd9dc}.wo-action.outline{background:#fff}
.wo-team-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:14px}.wo-team-main,.wo-team-summary,.wo-analytics-card{border:1px solid #d7e3ec;border-radius:12px;background:#fff;padding:16px}.wo-section-title h2{margin:0 0 14px;color:#103f65;font-size:18px}.wo-team-row{display:grid;grid-template-columns:230px 1fr 42px auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e5ecf1}.wo-team-row:first-of-type{border-top:0}.wo-team-row b,.wo-team-row small{display:block}.wo-team-row b{font-size:11px}.wo-team-row small{color:#758a9e;font-size:8.5px;margin-top:3px}.wo-team-bar{height:8px;border-radius:99px;background:#edf3f7;overflow:hidden}.wo-team-bar i{display:block;height:100%;background:#1f8fc8;border-radius:99px}.wo-team-row>strong{font-size:15px}.wo-team-row em{color:#c5232c;font-size:9px;font-style:normal;font-weight:850}.wo-team-summary>div:not(.wo-section-title){display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #e6edf2}.wo-team-summary span{color:#647d93;font-size:10px}.wo-team-summary b{font-size:18px}.wo-analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wo-analytic-row{display:grid;grid-template-columns:120px 1fr 32px;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #e6edf2}.wo-analytic-row>span{font-size:10px}.wo-analytic-row>div{height:8px;background:#edf3f7;border-radius:99px;overflow:hidden}.wo-analytic-row i{display:block;height:100%;background:#188ec9;border-radius:99px}.wo-analytic-row b{font-size:12px;text-align:right}
.trace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.trace-grid>div{padding:11px;border:1px solid #dbe5ec;border-radius:9px;background:#f8fbfd}.trace-grid span,.trace-grid b{display:block}.trace-grid span{font-size:9px;color:#73899d}.trace-grid b{margin-top:4px;font-size:11px;color:#123d5e}.participant-summary{margin:10px 0 16px;border:1px solid #d8e4ec;border-radius:12px;overflow:hidden}.participant-summary .card-head{padding:11px 13px}.participant-summary .card-head h3{margin:0;font-size:13px}.participant-summary .card-head span{font-size:9px;color:#667e93}.participant-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:9px 12px;border-top:1px solid #e5edf2}.participant-list b{font-size:10px}.participant-list span{font-size:10px;font-weight:800}.participant-list small{grid-column:1/-1;color:#6e8497;font-size:9px}.delete-warning{padding:18px;border:1px solid #ffd2d5;border-radius:12px;background:#fff4f4;color:#8f2028}.delete-warning b{font-size:15px}.delete-warning p{margin:7px 0 0;font-size:11px;line-height:1.5}
@media(max-width:1500px){.wo-kpis{grid-template-columns:repeat(4,1fr)}.wo-overview-grid{grid-template-columns:1fr}.wo-table{min-width:1650px}}
@media(max-width:900px){.wo-hero{align-items:flex-start;flex-direction:column}.wo-hero h1{font-size:25px}.wo-kpis{grid-template-columns:repeat(2,1fr)}.wo-filterbar{grid-template-columns:1fr}.wo-team-grid,.wo-analytics-grid{grid-template-columns:1fr}.trace-grid{grid-template-columns:1fr 1fr}.wo-tabs{height:auto;min-height:54px}.wo-team-row{grid-template-columns:1fr 70px}.wo-team-bar{grid-column:1/-1}.wo-team-row em{grid-column:2}}
@media(max-width:560px){.wo-kpis{grid-template-columns:1fr}.trace-grid{grid-template-columns:1fr}.wo-hero-actions{width:100%}.wo-hero-actions .btn{flex:1}}


/* ============================================================
   V1.0.5 — WORK ORDER REGISTER: ALWAYS-VISIBLE STATUS + ACTIONS
   Keeps the operational controls visible like the original
   Utilities register even when the table is wider than viewport.
   ============================================================ */
.wo-table-shell{
  position:relative;
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-gutter:stable;
}
.wo-table th:nth-last-child(2),
.wo-table td:nth-last-child(2){
  min-width:205px;
  width:205px;
  position:sticky;
  right:252px;
  z-index:4;
}
.wo-table th:last-child,
.wo-table td:last-child{
  min-width:252px;
  width:252px;
  position:sticky;
  right:0;
  z-index:5;
  box-shadow:-10px 0 18px rgba(22,61,92,.07);
}
.wo-table thead th:nth-last-child(2),
.wo-table thead th:last-child{
  background:#f4f8fb;
  z-index:9;
}
.wo-table tbody td:nth-last-child(2),
.wo-table tbody td:last-child{
  background:#fff;
}
.wo-table tbody tr:nth-child(even) td:nth-last-child(2),
.wo-table tbody tr:nth-child(even) td:last-child{
  background:#fbfdfe;
}
.wo-table tbody tr:hover td:nth-last-child(2),
.wo-table tbody tr:hover td:last-child{
  background:#f4f9fc;
}
.wo-table tbody tr.row-overdue td:nth-last-child(2),
.wo-table tbody tr.row-overdue td:last-child{
  background:#fffafa;
}
.wo-actions-full{min-width:228px;max-width:228px}
.wo-action.primary,.wo-action.email{min-height:38px}
.wo-action-row{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1100px){
  .wo-table th:nth-last-child(2),
  .wo-table td:nth-last-child(2){position:static;min-width:205px;width:auto}
  .wo-table th:last-child,
  .wo-table td:last-child{right:0;min-width:238px;width:238px}
  .wo-actions-full{min-width:214px;max-width:214px}
}

/* ============================================================
   V1.0.7 — ADMINISTRATION / ACCESS LEVEL / BACKUP / ARABIC
   ============================================================ */
.admin-only.hidden-admin{display:none!important}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.admin-card{border:1px solid #d5e2eb;border-radius:14px;background:#fff;padding:18px;min-height:170px;display:flex;flex-direction:column;gap:9px;box-shadow:0 5px 16px rgba(31,74,107,.04)}
.admin-card .admin-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eaf5fb;color:#0a5d91;font-size:21px;font-weight:900}
.admin-card h3{margin:2px 0 0;color:#0e4168;font-size:18px}.admin-card p{margin:0;color:#70869a;font-size:11px;line-height:1.55;flex:1}.admin-card .btn{align-self:flex-start}
.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.admin-summary article{border:1px solid #d8e4ec;border-radius:12px;background:#fff;padding:14px}.admin-summary span,.admin-summary b,.admin-summary small{display:block}.admin-summary span{font-size:9px;color:#758a9b;text-transform:uppercase;font-weight:850}.admin-summary b{font-size:25px;color:#0e4d78;margin-top:5px}.admin-summary small{font-size:9px;color:#8393a2;margin-top:2px}
.access-table-shell{overflow:auto;border:1px solid #d7e3ec;border-radius:12px;background:#fff}.access-table{width:100%;min-width:1100px;border-collapse:collapse}.access-table th{background:#f4f8fb;color:#5c7892;text-align:left;padding:12px 10px;font-size:9px;text-transform:uppercase}.access-table td{padding:12px 10px;border-top:1px solid #e0e8ee;color:#173d5c;font-size:10px;vertical-align:middle}.access-user b,.access-user small{display:block}.access-user b{font-size:11px;color:#103f65}.access-user small{color:#7a8ea0;margin-top:3px}.access-level{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#edf5fb;color:#155b8c;font-size:9px;font-weight:900}.access-yes{color:#07805a;font-weight:900}.access-no{color:#a54d4d;font-weight:850}
.permission-list{display:flex;flex-wrap:wrap;gap:5px}.permission-list span{font-size:8px;padding:4px 7px;border-radius:999px;background:#eef4f8;color:#44677f}.permission-list .view-only{background:#f4f4f4;color:#78838b}
.access-form-note{padding:10px 12px;border-radius:9px;background:#f0f7fb;color:#42677f;font-size:10px;line-height:1.5}.facility-access-toggle{display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid #cfe0ea;border-radius:10px;background:#f8fbfd}.facility-access-toggle input{width:18px;height:18px}.facility-access-toggle b{font-size:11px}.facility-access-toggle small{display:block;color:#758a9b;font-size:9px;margin-top:2px}
.backup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.backup-card{border:1px solid #d6e2eb;border-radius:14px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:8px}.backup-card .big-icon{width:46px;height:46px;border-radius:13px;background:#eaf5fb;color:#0b659c;display:grid;place-items:center;font-size:21px}.backup-card h3{margin:0;color:#103f65;font-size:17px}.backup-card p{margin:0;color:#70869a;font-size:10px;line-height:1.55;min-height:48px}.backup-card .btn{align-self:flex-start}
.admin-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.simple-admin-table{width:100%;border-collapse:collapse}.simple-admin-table th,.simple-admin-table td{padding:10px;border-top:1px solid #e1e9ef;text-align:left;font-size:9px}.simple-admin-table th{color:#667f94;background:#f7fafc}.simple-admin-table td{color:#173e5e}.admin-empty{padding:24px;text-align:center;color:#758a9c}
.back-admin{margin-bottom:12px}
.lang-ar{font-family:Arial,"Segoe UI",Tahoma,sans-serif}
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .utility-bar,html[dir="rtl"] .main-header,html[dir="rtl"] .facility-top-nav,html[dir="rtl"] .page-head,html[dir="rtl"] .card-head{direction:rtl}
html[dir="rtl"] .content,html[dir="rtl"] .modal,html[dir="rtl"] .access-table th,html[dir="rtl"] .access-table td,html[dir="rtl"] .simple-admin-table th,html[dir="rtl"] .simple-admin-table td{text-align:right}
html[dir="rtl"] .global-search{direction:rtl}
html[dir="rtl"] .nav-spacer{margin-left:0;margin-right:auto}
html[dir="rtl"] .wo-table thead th,html[dir="rtl"] .wo-table tbody td{text-align:right}
html[dir="rtl"] .wo-action-row{direction:rtl}
html[dir="rtl"] .wo-table th:nth-last-child(2),html[dir="rtl"] .wo-table td:nth-last-child(2){right:auto;left:252px}
html[dir="rtl"] .wo-table th:last-child,html[dir="rtl"] .wo-table td:last-child{right:auto;left:0;box-shadow:10px 0 18px rgba(22,61,92,.07)}
@media(max-width:1100px){html[dir="rtl"] .wo-table th:nth-last-child(2),html[dir="rtl"] .wo-table td:nth-last-child(2){left:auto}html[dir="rtl"] .wo-table th:last-child,html[dir="rtl"] .wo-table td:last-child{left:0}}
@media(max-width:900px){.admin-grid,.backup-grid,.admin-history-grid{grid-template-columns:1fr}.admin-summary{grid-template-columns:repeat(2,1fr)}}