/* Hotelier Depot Workplace v5.27.8 — Operational Supervision Center */
.hdif-supervision-assign-modal{position:fixed;z-index:100035;top:50%;left:50%;width:min(430px,calc(100vw - 30px));box-sizing:border-box;padding:19px;border:1px solid #bad3e1;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(4,38,59,.28);transform:translate(-50%,-50%)}.hdif-supervision-assign-modal[hidden]{display:none!important}.hdif-supervision-assign-modal>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.hdif-supervision-assign-modal>header span,.hdif-supervision-assign-modal>header strong{display:block}.hdif-supervision-assign-modal>header span{color:#1a7eb4;font-size:8px;font-weight:900;letter-spacing:1px}.hdif-supervision-assign-modal>header strong{margin-top:3px;color:#153e59;font-size:17px}.hdif-supervision-assign-modal>header button{border:0;background:transparent;font-size:23px;cursor:pointer}.hdif-supervision-assign-modal>label,.hdif-supervision-assign-modal>div>label{display:grid;gap:4px;margin-top:9px;color:#61798b;font-size:8px;font-weight:850}.hdif-supervision-assign-modal>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hdif-supervision-assign-modal select{width:100%;height:38px;padding:0 9px;border:1px solid #cfdee7;border-radius:9px;background:#f9fbfd;color:#294d65;font-size:9px}.hdif-supervision-assign-modal>[data-supervision-assign-submit]{width:100%;margin-top:14px;padding:11px;border:0;border-radius:10px;background:linear-gradient(100deg,#126d9f,#1d8ac3);color:#fff;font-size:10px;font-weight:900;cursor:pointer}.hdif-supervision-assign-modal>small{display:block;min-height:15px;margin-top:7px;color:#267850;font-size:8px;text-align:center}.hdif-supervision-assign-modal>small.error{color:#bd303e}
.hdif-supervision-center{position:relative;color:#173750}.hdif-supervision-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:128px;padding:26px 31px;border-radius:23px;background:linear-gradient(112deg,#0a3553,#125f8c 68%,#1884b5);color:#fff;box-shadow:0 18px 42px rgba(8,52,82,.16)}.hdif-supervision-hero>div:first-child>span{color:#7fd8ff;font-size:9px;font-weight:900;letter-spacing:1.25px}.hdif-supervision-hero h2{margin:7px 0 5px;color:#fff;font-size:29px;font-weight:500}.hdif-supervision-hero p{margin:0;color:#d5ebf6;font-size:11px}.hdif-supervision-hero>div:first-child>small{display:flex;align-items:center;gap:7px;margin-top:14px;color:#c6e2ef;font-size:8px}.hdif-supervision-hero>div:first-child>small i{width:7px;height:7px;border-radius:50%;background:#45dfa4;box-shadow:0 0 0 5px rgba(69,223,164,.12);animation:hdifSvPulse 1.7s infinite}@keyframes hdifSvPulse{50%{box-shadow:0 0 0 9px rgba(69,223,164,0)}}.hdif-supervision-health{display:flex;align-items:center;gap:18px}.hdif-supervision-ring{display:grid;width:83px;height:83px;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at center,#105d88 59%,transparent 61%),conic-gradient(#51d895 calc(var(--supervision-progress)*1%),rgba(255,255,255,.15) 0)}.hdif-supervision-ring strong,.hdif-supervision-ring span{display:block}.hdif-supervision-ring strong{font-size:20px}.hdif-supervision-ring span{color:#cce5f1;font-size:7px}.hdif-supervision-health p{margin:0;padding-left:18px;border-left:1px solid rgba(255,255,255,.25)}.hdif-supervision-health b,.hdif-supervision-health small{display:block}.hdif-supervision-health b{font-size:20px}.hdif-supervision-health small{color:#cce4ef;font-size:8px}
.hdif-supervision-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}.hdif-supervision-kpis button{display:flex;align-items:center;gap:9px;min-height:78px;padding:11px;border:1px solid #d9e5ed;border-radius:14px;background:#fff;color:#173750;text-align:left;box-shadow:0 5px 15px rgba(15,60,88,.04);cursor:pointer;transition:.18s}.hdif-supervision-kpis button:hover,.hdif-supervision-kpis button.active{border-color:#67afd7;background:#f0f9fe;transform:translateY(-2px)}.hdif-supervision-kpis button>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eaf5fc;color:#1880bb}.hdif-supervision-kpis span,.hdif-supervision-kpis small,.hdif-supervision-kpis strong,.hdif-supervision-kpis em{display:block}.hdif-supervision-kpis small{color:#6e8495;font-size:7px;font-weight:850;text-transform:uppercase}.hdif-supervision-kpis strong{font-size:21px;line-height:1.1}.hdif-supervision-kpis em{color:#8294a1;font-size:7px;font-style:normal}.hdif-supervision-kpis button:nth-child(4)>i,.hdif-supervision-kpis button:nth-child(5)>i{background:#ffedef;color:#cf3c49}.hdif-supervision-kpis button:nth-child(6)>i{background:#e7f8ef;color:#25915f}
.hdif-supervision-toolbar{position:sticky;z-index:30;top:7px;display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(130px,.7fr)) 145px auto;gap:7px;margin-bottom:9px;padding:8px;border:1px solid #d9e5ed;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 10px 25px rgba(13,57,84,.08);backdrop-filter:blur(12px)}.hdif-supervision-toolbar input,.hdif-supervision-toolbar select,.hdif-supervision-toolbar button{box-sizing:border-box;width:100%;height:37px;border:1px solid #d1dfe8;border-radius:9px;background:#f8fbfd;color:#294c65;font-size:9px;font-weight:700}.hdif-supervision-search,.hdif-supervision-date{position:relative}.hdif-supervision-search span,.hdif-supervision-date span{position:absolute;z-index:1;top:9px;left:9px;color:#6e8ba0}.hdif-supervision-search input,.hdif-supervision-date input{padding-left:35px}.hdif-supervision-toolbar button{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;background:#157ab2;color:#fff;cursor:pointer}.hdif-supervision-table-head,.hdif-supervision-row{display:grid;grid-template-columns:1.15fr 1.1fr 1.3fr .65fr .75fr 90px;gap:8px;align-items:center}.hdif-supervision-table-head{padding:8px 12px;color:#718696;font-size:7px;font-weight:900;text-transform:uppercase}.hdif-supervision-list{display:grid;gap:5px}.hdif-supervision-row{position:relative;min-height:72px;padding:9px 11px;border:1px solid #dce6ed;border-left:4px solid #9caeba;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(17,61,89,.035);transition:.16s}.hdif-supervision-row:hover{z-index:2;border-color:#a8cede;box-shadow:0 8px 22px rgba(17,61,89,.09);transform:translateY(-1px)}.hdif-supervision-row.state-in_progress{border-left-color:#258ac5}.hdif-supervision-row.state-inspection{border-left-color:#e4a629}.hdif-supervision-row.state-ready{border-left-color:#2dab70}.hdif-supervision-row.state-overdue,.hdif-supervision-row.state-blocked{border-left-color:#d84a56;background:#fffafa}.hdif-supervision-unit,.hdif-supervision-person{display:flex;align-items:center;gap:8px;min-width:0}.hdif-supervision-unit>.dashicons,.hdif-supervision-person>.dashicons{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:#eef5f9;color:#2a7da9;font-size:16px}.hdif-supervision-unit strong,.hdif-supervision-unit small,.hdif-supervision-unit em,.hdif-supervision-person strong,.hdif-supervision-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdif-supervision-unit strong{font-size:13px}.hdif-supervision-unit small,.hdif-supervision-person small{color:#728797;font-size:7px}.hdif-supervision-unit em{color:#2680b2;font-size:7px;font-style:normal}.hdif-supervision-person strong{font-size:9px}.hdif-supervision-quality{min-width:0}.hdif-supervision-quality>strong{display:block;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hdif-supervision-quality>div{height:5px;margin:6px 0 4px;overflow:hidden;border-radius:99px;background:#e5edf2}.hdif-supervision-quality>div i{display:block;height:100%;border-radius:inherit;background:#2daf70}.hdif-supervision-quality>div.gate-pending i{background:#e3a72d}.hdif-supervision-quality>div.gate-missing i{background:#d9515c}.hdif-supervision-quality>small{color:#7b8e9c;font-size:7px}.hdif-supervision-quality>small b{color:#287aa6;font-weight:750}.hdif-supervision-quality .dashicons{width:10px;height:10px;font-size:10px;vertical-align:-1px}.hdif-supervision-time strong,.hdif-supervision-time small{display:block}.hdif-supervision-time>.dashicons{color:#6f8b9d;font-size:15px}.hdif-supervision-time strong{font-size:9px}.hdif-supervision-time small{color:#7b8e9d;font-size:7px}.hdif-supervision-time.is-late,.hdif-supervision-time.is-late>.dashicons{color:#c53845}.hdif-supervision-state>span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:99px;background:#edf3f6;color:#557286;font-size:7px;font-weight:850}.state-in_progress .hdif-supervision-state>span{background:#e7f5fc;color:#176f9f}.state-inspection .hdif-supervision-state>span{background:#fff4d8;color:#95650d}.state-ready .hdif-supervision-state>span{background:#e6f7ee;color:#227850}.state-overdue .hdif-supervision-state>span,.state-blocked .hdif-supervision-state>span{background:#ffeaec;color:#b72f3c}.hdif-supervision-state .dashicons{width:10px;height:10px;font-size:10px}.hdif-supervision-state>small{display:block;margin-top:3px;color:#8698a4;font-size:7px}.hdif-supervision-control{display:flex;justify-content:flex-end;gap:4px}.hdif-supervision-control button{display:grid;width:27px;height:27px;place-items:center;border:1px solid #d5e2ea;border-radius:8px;background:#f8fbfd;color:#267aa8;cursor:pointer}.hdif-supervision-control .dashicons{width:14px;height:14px;font-size:14px}.hdif-supervision-actions{position:absolute;z-index:80;top:55px;right:10px;width:330px;padding:13px;border:1px solid #bfd5e2;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(7,42,63,.22)}.hdif-supervision-actions[hidden]{display:none!important}.hdif-supervision-actions>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.hdif-supervision-actions>header strong{font-size:10px}.hdif-supervision-actions>header button{border:0;background:transparent;font-size:20px;cursor:pointer}.hdif-supervision-actions .hdif-supervisor-state-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.hdif-supervision-actions .hdif-supervisor-state-actions button{padding:8px;border:1px solid #d2e0e8;border-radius:8px;background:#f7fafc;color:#31566e;font-size:8px;font-weight:800;cursor:pointer}.hdif-supervision-actions .hdif-supervisor-state-actions button.danger{border-color:#f2cbd0;background:#fff0f1;color:#b92f3d}.hdif-supervision-actions .hdif-supervisor-reassign{display:flex;gap:5px;margin-top:8px}.hdif-supervision-actions select{min-width:0;flex:1;padding:7px;border:1px solid #d2e0e8;border-radius:8px;font-size:8px}.hdif-supervision-actions .hdif-supervisor-reassign button{padding:0 9px;border:0;border-radius:8px;background:#1679b1;color:#fff;font-size:8px;font-weight:850}.hdif-supervision-result{display:block;margin-top:7px;color:#287753;font-size:8px}.hdif-supervision-result.error{color:#bc303d}.hdif-supervision-empty{padding:45px;border:1px dashed #ccdae3;border-radius:14px;background:#f8fbfd;text-align:center}.hdif-supervision-empty>.dashicons{width:auto;height:auto;color:#6e91a6;font-size:35px}.hdif-supervision-footer{display:flex;justify-content:space-between;padding:9px 4px;color:#6f8494;font-size:8px}.hdif-supervision-footer span:last-child{display:flex;align-items:center;gap:5px}.hdif-supervision-footer i{width:6px;height:6px;border-radius:50%;background:#37c384}
.hdif-supervision-drawer{position:fixed;z-index:100021;top:0;right:0;width:min(460px,94vw);height:100vh;box-sizing:border-box;overflow:auto;padding:20px;background:#fff;box-shadow:-20px 0 55px rgba(5,38,59,.22);animation:hdifSvDrawer .25s ease both}.hdif-supervision-drawer[hidden],.hdif-supervision-backdrop[hidden],.hdif-supervision-evidence-modal[hidden]{display:none!important}@keyframes hdifSvDrawer{from{transform:translateX(35px);opacity:0}to{transform:none;opacity:1}}.hdif-supervision-backdrop{position:fixed;z-index:100020;inset:0;background:rgba(4,31,47,.36);backdrop-filter:blur(2px)}.hdif-supervision-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #dfe8ee}.hdif-supervision-drawer-head span,.hdif-supervision-drawer-head strong{display:block}.hdif-supervision-drawer-head span{color:#1a7db3;font-size:8px;font-weight:900;letter-spacing:1px}.hdif-supervision-drawer-head strong{margin-top:4px;color:#143c57;font-size:18px}.hdif-supervision-drawer-head button{border:0;background:transparent;font-size:27px;cursor:pointer}.hdif-supervision-drawer [data-supervision-drawer-body] section{margin-top:17px}.hdif-supervision-drawer h4{margin:0 0 8px;color:#173e59}.hdif-supervision-drawer article{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #e7eef2}.hdif-supervision-drawer article>i{color:#2183b8}.hdif-supervision-drawer article strong,.hdif-supervision-drawer article small{display:block}.hdif-supervision-drawer article strong{font-size:10px}.hdif-supervision-drawer article small{margin-top:3px;color:#748999;font-size:8px}.hdif-supervision-evidence-modal{position:fixed;z-index:100030;inset:40px;display:grid;place-items:center;padding:25px;border-radius:18px;background:rgba(4,30,46,.91)}.hdif-supervision-evidence-modal img{max-width:100%;max-height:calc(100vh - 130px);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.hdif-supervision-evidence-modal button{position:absolute;top:18px;right:20px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#123b57;font-size:25px;cursor:pointer}
@media(max-width:1180px){.hdif-supervision-kpis{grid-template-columns:repeat(3,1fr)}.hdif-supervision-toolbar{grid-template-columns:repeat(3,1fr)}.hdif-supervision-search{grid-column:1/-1}.hdif-supervision-table-head{display:none}.hdif-supervision-row{grid-template-columns:1fr 1fr 1fr}.hdif-supervision-control{justify-content:flex-start}}@media(max-width:720px){.hdif-supervision-hero{align-items:flex-start;flex-direction:column;padding:20px}.hdif-supervision-health{width:100%;justify-content:space-between}.hdif-supervision-kpis{grid-template-columns:repeat(2,1fr)}.hdif-supervision-toolbar{position:static;grid-template-columns:1fr 1fr}.hdif-supervision-search{grid-column:1/-1}.hdif-supervision-toolbar button{grid-column:1/-1}.hdif-supervision-row{grid-template-columns:1fr 1fr;padding:12px}.hdif-supervision-quality{grid-column:1/-1}.hdif-supervision-actions{position:fixed;top:auto;right:12px;bottom:12px;left:12px;width:auto}.hdif-supervision-evidence-modal{inset:12px}.hdif-supervision-footer{align-items:flex-start;flex-direction:column;gap:5px}}