/* Employee detail pages only; presentation does not change availability or controls. */
.employee-detail{max-width:1180px;--detail-line:rgba(156,181,255,.18)}
.employee-detail .detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:22px 0}
.employee-detail .detail-heading h1{font-size:32px;margin:9px 0 12px;letter-spacing:-.6px}
.employee-detail .detail-heading p{max-width:740px;color:var(--muted);line-height:1.7;margin:0}
.employee-detail button{font:inherit;cursor:pointer;border:1px solid var(--detail-line);border-radius:11px;background:rgba(97,140,221,.1);color:#d4e4fa;padding:10px 15px;line-height:1.4;transition:background .15s,border-color .15s}
.employee-detail button:hover{background:rgba(100,173,245,.18);border-color:rgba(116,220,255,.45)}
.employee-detail button:focus-visible,.employee-detail summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.employee-detail button:disabled{opacity:.45;cursor:not-allowed}
.employee-detail .detail-primary,.employee-detail [data-action=start]{background:linear-gradient(110deg,#9ceaff,#77c6ff);color:#102640;font-weight:650;border-color:#8fddf8}
.employee-detail .detail-quiet,.employee-detail [data-action=diagnostics]{background:transparent;color:#aab9d5}
.employee-detail .detail-note{padding:16px 20px;border:1px solid var(--detail-line);border-radius:15px;background:rgba(99,179,255,.045);color:#acbddc;line-height:1.8;margin:18px 0 24px;overflow-wrap:anywhere}
.employee-detail details>summary{cursor:pointer;color:#b8c9e7;line-height:1.6;padding:10px 0}
.employee-detail details[open]>summary{color:var(--cyan)}
.employee-detail .detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.employee-detail .detail-heading>.detail-primary{flex-shrink:0;margin-top:16px}
.employee-detail .employee-grid{gap:18px;align-items:stretch}
.employee-detail .employee-card{padding:24px;border-radius:20px}
.employee-detail .employee-card-top{margin-bottom:18px}
.employee-detail .employee-card h2{font-size:22px;overflow-wrap:anywhere}
.employee-detail .employee-icon{height:48px;width:48px;border-radius:15px;font-size:19px;font-weight:700;flex-shrink:0}
.employee-detail .entry-domain{color:#91def3;overflow-wrap:anywhere;margin:0 0 14px;line-height:1.6;font-size:14px}
.employee-detail .entry-link{margin:0 0 18px;min-width:0}
.employee-detail .entry-url{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:140px;overflow:auto;background:rgba(3,8,30,.35);padding:12px;border-radius:10px;color:#acbdd7;user-select:text;font:12px/1.7 Consolas,monospace}
.employee-detail .employee-card-bottom{padding-top:16px}
.employee-detail .employee-card-bottom .detail-quiet{margin-top:10px}
.employee-detail [role=status]{overflow-wrap:anywhere;line-height:1.7}
.employee-detail [role=status]:empty,.employee-detail [role=alert]:empty{display:none}
.employee-detail .platform-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.employee-detail .platform-card .employee-open{margin-top:auto;justify-content:center}
.employee-detail .platform-card h2{margin-bottom:22px}
.employee-detail .platform-card .employee-badge{color:#b9c9e3;background:rgba(139,165,230,.08)}
.employee-detail .detail-status{padding:15px 18px;border:1px solid var(--detail-line);background:rgba(70,117,174,.08);border-radius:12px;color:#b8d6ed}
.employee-detail .retouch-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 8px}
.employee-detail .retouch-overview>div{padding:17px 16px;background:rgba(24,35,80,.7);border:1px solid var(--detail-line);border-radius:15px;color:#aabbda;min-width:0;font-size:12px}
.employee-detail .retouch-overview b{display:block;color:#e3f3ff;font-size:25px;margin:8px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.employee-detail .section-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 16px}
.employee-detail .section-caption h2{font-size:20px;margin:0}
.employee-detail .retouch-instance{min-width:0;padding:22px;border-radius:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,rgba(35,43,89,.9),rgba(18,24,57,.94));box-shadow:none;backdrop-filter:none}
.employee-detail .retouch-instance h2{font-size:18px;margin:0;color:#cceaff;line-height:1.5}
.employee-detail .retouch-instance p{margin:0;line-height:1.7;font-size:13px;overflow-wrap:anywhere}
.employee-detail .retouch-instance [data-field=current]{font-size:15px;color:#f3f5ff;padding-top:4px}
.employee-detail .retouch-instance [data-field=counts]{color:#a7c4e6;padding-bottom:10px;border-bottom:1px solid var(--detail-line)}
.employee-detail .retouch-instance [data-field=reason]:not(:empty){padding:10px 12px;border-radius:10px;background:rgba(255,182,112,.07);color:#f1cba0;border:1px solid rgba(238,187,134,.14)}
.employee-detail .retouch-instance[data-state=PROCESSING]{border-color:rgba(93,221,228,.42)}
.employee-detail .retouch-instance[data-state=PENDING_SYNC],.employee-detail .retouch-instance[data-state=UNCERTAIN],.employee-detail .retouch-instance[data-state=PAUSED]{border-color:rgba(242,183,115,.4)}
.employee-detail .retouch-instance [data-field=settled]{color:#a3d9c6}
.employee-detail .retouch-instance [data-field=pending]{color:#d2c5a9;background:rgba(214,175,98,.055);border-radius:10px;padding:10px 12px}
.employee-detail .retouch-instance [data-field=updated]{font-size:11px;color:#8e9ebf}
.employee-detail .retouch-advanced{border-top:1px solid var(--detail-line);margin-top:2px}
.employee-detail .retouch-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.employee-detail .retouch-range label{display:grid;gap:8px;color:#aabbd8;font-size:12px}
.employee-detail input[type=number]{width:100%;min-width:0;padding:10px;border:1px solid var(--detail-line);border-radius:9px;background:#101833;color:#eef5ff;color-scheme:dark}
.employee-detail input[type=checkbox]{accent-color:#7edff3}
.employee-detail .retouch-instance .toolbar{margin:6px 0 0;gap:8px}
.employee-detail .retouch-instance .toolbar button{font-size:13px;padding:9px 13px}
.employee-detail .retouch-instance [data-action=stop],.employee-detail .retouch-instance [data-action=close]{background:transparent;color:#dcaeb9;border-color:rgba(212,152,166,.2)}
.employee-detail .retouch-instance [data-action=diagnostics]{font-size:12px}
.employee-detail [data-results]{max-height:280px;overflow:auto}
.employee-detail [data-results] p{padding:8px 0;border-bottom:1px solid var(--detail-line);font-size:12px}
.employee-detail .retouch-operation-status.error{color:#ffb8c9;background:rgba(207,91,125,.09);padding:10px;border-radius:10px}
.employee-detail .retouch-history{margin-top:28px;border-top:1px solid var(--detail-line);padding-top:12px}
.employee-detail .retouch-history>summary{font-size:18px;color:#d6e4f5}
.employee-detail .retouch-history .card{box-shadow:none}
@media(max-width:1100px){.employee-detail .retouch-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-detail .employee-grid:not(.platform-grid){grid-template-columns:1fr}}
@media(max-width:650px){.employee-detail .detail-heading{flex-direction:column;gap:12px}.employee-detail .detail-heading>.detail-primary{width:100%;margin:0}.employee-detail .detail-heading h1{font-size:27px}.employee-detail .retouch-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-detail .platform-grid{grid-template-columns:1fr}.employee-detail .retouch-range{grid-template-columns:1fr}.employee-detail .employee-card{padding:20px}.employee-detail .detail-note{padding:14px}}
@media(prefers-reduced-motion:reduce){.employee-detail button{transition:none}}