body { background-color: #f9e2d8; }
.navbar { min-height: 40px; font-size: 15px; }
.page-main { margin-top: 82px; margin-bottom: 24px; }
.sekcja1 { text-align: left; border: 1px solid rgb(6, 126, 211); margin: 0 1px 12px 5px; background-color: #fffaf7; border-radius: 10px; }
.page-footer { font-size: 11px; color: blue; border: 1px solid rgb(0, 221, 255); margin: 0 1px 1px 1px; padding: 4px 8px; }
.hero-box { min-height: 180px; }
.auth-box { max-width: 560px; }
.form-panel { max-width: 980px; margin-left: auto; margin-right: auto; }
.top-avatar { height: 32px; width: 32px; border-radius: 50%; object-fit: cover; margin-right: 8px; border: 2px solid rgba(255,255,255,.8); }
.office-map-wrap { max-width: 980px; }
.office-map { position: relative; display: inline-block; width: 100%; max-width: 980px; }
.map-bg, .office-map img { display: block; width: 100%; height: auto; border: 1px solid #999; border-radius: 8px; }
.project-video { display: block; width: 100%; max-width: 960px; border-radius: 8px; border: 1px solid #aaa; background: #000; }
.asset-item { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 2px; pointer-events: none; }
.asset-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.96); border: 1px solid #0d6efd; border-radius: 8px; font-size: 16px; box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.asset-id { font-size: 10px; font-weight: 700; color: #0d6efd; background: rgba(255,255,255,.96); padding: 1px 5px; border-radius: 999px; line-height: 1.15; }
.employee-avatar { position: absolute; transform: translate(-50%, -50%); width: 72px; text-align: center; }
.employee-avatar img { width: 50px; height: 50px; object-fit: cover; border-radius: 50%; background: #fff; border: 4px solid #198754; box-shadow: 0 3px 8px rgba(0,0,0,.35); }
.employee-name { margin-top: 4px; display: inline-block; background: rgba(255,255,255,.95); padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 1.2; }
.status-badge { position: absolute; top: -3px; right: 3px; min-width: 24px; height: 24px; padding: 0 4px; display: flex; align-items: center; justify-content: center; background: #fff; border: 2px solid #0d6efd; border-radius: 50%; font-size: 13px; box-shadow: 0 2px 5px rgba(0,0,0,.25); }
.status-local img { border-color: #198754; }
.status-remote img { border-color: #0d6efd; }
.status-phone img { border-color: #6f42c1; animation: pulse 1.3s infinite; }
.status-client img { border-color: #fd7e14; }
.status-offwork img { border-color: #495057; opacity: .8; }
.status-vacation img { border-color: #ffc107; }
.status-sick img { border-color: #dc3545; animation: pulse 1.6s infinite; }
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.08); } 100% { transform: scale(1); } }