#employeeTaskDetails{width:min(1160px,94vw);max-width:1160px;max-height:90dvh;padding:0;border:1px solid #d7e1ef;border-radius:22px;background:#fff;color:#163352;box-shadow:0 30px 100px #071e4255;overflow:hidden;font-family:Cairo,Tahoma,sans-serif}
#employeeTaskDetails[open]{display:flex;flex-direction:column}
#employeeTaskDetails::backdrop{background:#0b234d88;backdrop-filter:blur(5px)}
#employeeTaskDetails button,#employeeTaskDetails input,#employeeTaskDetails select{font:inherit}
#employeeTaskDetails button{cursor:pointer}
#employeeTaskDetails :focus-visible{outline:3px solid #347ce8;outline-offset:3px}
.etd-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;background:linear-gradient(110deg,#173e68,#102b53);color:white;flex-shrink:0}
.etd-person{display:flex;align-items:center;gap:18px}.etd-avatar{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border:1px solid #ffffff35;border-radius:20px;background:#ffffff12;font-size:24px;font-weight:800;color:#e7c897}
.etd-eyebrow{margin:0 0 4px;color:#b8cbe3;font-size:11px;letter-spacing:.3px}#employeeTaskDetails h2{margin:0;color:white;font-size:22px;font-weight:800}#etdMeta{margin:7px 0 0;color:#c2d1e5;font-size:12px}
.etd-close{width:36px;height:36px;flex-shrink:0;border:1px solid #ffffff35;border-radius:11px;color:white;background:#ffffff0c;font-size:25px!important;line-height:1}
.etd-body{padding:24px 30px 12px;overflow:auto;min-height:0}.etd-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:26px}
.etd-stat{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e3eaf3;border-radius:14px;background:#fff}.etd-stat div{display:flex;flex-direction:column;gap:3px}.etd-stat div>span{font-size:12px;color:#758399}.etd-stat strong{font-size:27px;line-height:1.4;color:#17375d}.etd-stat-icon{display:grid;place-items:center;width:42px;height:44px;border-radius:12px;background:#eff4fb;color:#2c5687;font-size:22px}.etd-stat.done .etd-stat-icon{color:#168365;background:#eaf7f1}.etd-stat.active .etd-stat-icon{color:#3677db;background:#eef4ff}.etd-stat.late .etd-stat-icon{color:#d26b44;background:#fff1e9}
.etd-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.etd-section-title h3{font-size:17px;margin:0 0 4px}.etd-section-title p{margin:0;font-size:11px;color:#7a8aa1}.etd-readonly{background:#f1f5fa;padding:5px 12px;border-radius:20px;color:#72829a;font-size:11px}
.etd-toolbar{display:flex;gap:10px;margin:18px 0}.etd-search{display:flex;align-items:center;gap:10px;flex:1;border:1px solid #dfe6f0;border-radius:10px;padding:0 13px;color:#7991ac;background:#fbfcfe}.etd-search span{font-size:24px}.etd-search input{border:0;background:transparent;min-width:0;width:100%;height:43px;color:#153452;outline-offset:0!important}.etd-toolbar select{border:1px solid #dfe6f0;background:white;color:#536c8c;border-radius:10px;padding:8px 12px;min-width:135px}.etd-reset{border:0;background:transparent;color:#386ba7;font-size:11px!important;white-space:nowrap}
.etd-table-wrap{overflow:auto;border:1px solid #e5ebf3;border-radius:12px}.etd-table{width:100%;border-collapse:collapse;text-align:right;min-width:780px}.etd-table th{font-size:11px;color:#7a8aa1;background:#f5f8fc;padding:13px 15px;font-weight:600;white-space:nowrap}.etd-table td{padding:17px 15px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}.etd-table th:first-child{width:38%}.etd-task{display:flex;align-items:flex-start;gap:12px}.etd-index{color:#9caec3;font-size:10px;padding-top:4px}.etd-task strong{font-weight:700;line-height:1.8}.etd-task small{display:block;color:#93a1b6;font-size:10px;margin-top:3px;direction:ltr;text-align:right}.etd-task details{margin-top:5px;color:#627a96;font-size:11px}.etd-task summary{cursor:pointer}.etd-task details p{white-space:pre-wrap;overflow-wrap:anywhere}.etd-kind{font-size:11px;color:#657d99}.etd-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;border-radius:6px;padding:5px 9px;background:#f1f4f8;color:#7d8c9e}.etd-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.etd-status.done{color:#168568;background:#eaf7f0}.etd-status.active{color:#3878d9;background:#edf4ff}.etd-status.late{color:#c26848;background:#fff0e9}.etd-date{white-space:nowrap;color:#72859c;font-size:10px!important}.etd-progress{min-width:80px}.etd-progress b{display:block;font-size:11px;margin-bottom:6px;color:#547398}.etd-progress>span{display:block;background:#edf2f8;height:5px;border-radius:10px;overflow:hidden}.etd-progress i{display:block;height:100%;background:#3c83d1;border-radius:10px}.etd-frequency{background:#f3f6fa;padding:4px 9px;border-radius:6px;color:#8c9bb0;font-size:11px;white-space:nowrap}.etd-frequency.repeated{color:#9c752b;background:#fcf4e4}.etd-empty{text-align:center!important;padding:35px!important;color:#788ca4}.etd-result{font-size:11px;color:#8797ac;margin:12px 0 0}.etd-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e8eef6;padding:14px 30px;background:#fafcfe;flex-shrink:0}.etd-footer>span{font-size:10px;color:#8999ad}.etd-done{border:0;background:#16395f;color:#fff;padding:9px 22px;border-radius:9px;font-size:12px!important}
@media(max-width:640px){#employeeTaskDetails{width:96vw;max-height:94dvh;border-radius:16px}.etd-header{padding:19px 16px;gap:8px}.etd-avatar{width:45px;height:48px;border-radius:12px;font-size:19px}.etd-person{gap:10px}#employeeTaskDetails h2{font-size:16px}#etdMeta{font-size:10px}.etd-body{padding:16px}.etd-summary{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:19px}.etd-stat{padding:10px;gap:9px}.etd-stat strong{font-size:23px}.etd-stat-icon{width:34px;height:36px}.etd-stat div>span{font-size:10px}.etd-toolbar{flex-wrap:wrap}.etd-search{flex-basis:100%}.etd-toolbar select{min-width:0;flex:1;font-size:11px!important}.etd-footer{padding:12px 16px}.etd-footer>span{max-width:55%}.etd-done{padding:8px 12px}.etd-section-title p{font-size:10px}}