.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #dce6eb;display:inline-grid;place-items:center}
.avatar-empty{background:#e8eef2;color:#718096;font-weight:800}
.place-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
@media print{body *{visibility:hidden}dialog[open],dialog[open] *{visibility:visible}dialog[open]{position:absolute;inset:0;margin:auto;box-shadow:none}}
.field textarea{width:100%;padding:12px 13px;border:1px solid #cdd7df;border-radius:10px;font:inherit;resize:vertical}.employee-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.employee-links a{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.employee-links small{display:block;color:var(--muted);margin-top:4px}.employee-links strong{color:var(--brand)}.profile-head{display:flex;align-items:center;gap:18px;margin-bottom:20px}.avatar-lg{width:96px;height:96px}.danger-btn{background:#c44242}.salary-row{display:grid;grid-template-columns:1fr 115px auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.salary-row input{width:100%;padding:10px;border:1px solid #cdd7df;border-radius:9px}#placeMap{height:380px;border-radius:14px;border:1px solid var(--line);z-index:1}@media(max-width:700px){.employee-links{grid-template-columns:1fr}.salary-row{grid-template-columns:1fr}.salary-row .btn{width:100%}.profile-head{align-items:flex-start;flex-direction:column}.card{padding:17px}.field input,.field select,.field textarea{font-size:16px}.actions .btn{flex:1;min-height:48px}}
.reception-actions{grid-template-columns:1fr;gap:12px;margin:18px 0}.reception-actions .check-btn{width:100%;min-height:105px}.check-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.25)}
.reception-photo{width:180px!important;height:180px!important;object-fit:cover;border-radius:50%;border:6px solid #fff;box-shadow:0 10px 30px rgba(23,35,59,.18);margin:4px auto 12px;display:block}.employee-confirm h1{font-size:34px;margin:8px 0}.employee-confirm p{font-size:17px}.reception-flow #actionPanel.span-12{max-width:760px;margin:0 auto;width:100%}.reception-flow #scanAgain{width:100%;margin-top:14px}@media(max-width:600px){.reception-photo{width:145px!important;height:145px!important}.employee-confirm h1{font-size:28px}.reception-actions .check-btn{min-height:96px}}
.employee-mark-card{max-width:760px;margin:0 auto;width:100%}
.employee-mark-card #result .notice{font-size:21px;font-weight:800;text-align:center;padding:22px 18px;margin-top:22px;border:2px solid rgba(11,117,101,.18);box-shadow:0 10px 24px rgba(23,35,59,.09)}.employee-mark-card #result .checkout-ok{border-color:rgba(196,68,68,.22)}@media(max-width:560px){.employee-mark-card #result .notice{font-size:19px;padding:20px 14px}}
.employee-mark-card .check-actions,.card[style*="max-width:780px"] .check-actions{grid-template-columns:1fr 1fr}@media(max-width:560px){.employee-mark-card .check-actions,.card[style*="max-width:780px"] .check-actions{grid-template-columns:1fr 1fr;gap:8px}.employee-mark-card .check-btn,.card[style*="max-width:780px"] .check-btn{padding:14px 7px;gap:6px;font-size:12px;min-height:82px}.employee-mark-card .check-icon{width:32px;height:32px;font-size:20px}.employee-mark-card .check-btn small{font-size:10px}}