.nc24-punch{max-width:620px;margin:20px auto;padding:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102A43}.nc24-punch-head{display:flex;gap:14px;align-items:center;margin-bottom:16px;background:linear-gradient(135deg,#102A43,#243b53);color:#fff;padding:18px;border-radius:24px;box-shadow:0 18px 38px rgba(15,23,42,.17)}.nc24-punch-head h2{margin:0;color:#fff;letter-spacing:-.04em}.nc24-punch-head p{margin:4px 0 0;color:#dbeafe}.nc24-avatar{width:48px;height:48px;border-radius:16px;background:#eaf1f9;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;overflow:hidden;color:#102A43}.nc24-avatar.large{width:70px;height:70px;border-radius:22px}.nc24-punch-card{background:#fff;border:1px solid #e5eaf2;border-radius:24px;padding:18px;margin:14px 0;box-shadow:0 10px 30px rgba(15,23,42,.08)}.nc24-punch-card h3{margin:0 0 4px;font-size:22px;letter-spacing:-.03em}.nc24-punch-card p{font-weight:800;margin:0 0 6px}.nc24-punch-card small{display:block;color:#64748b}.nc24-progress{display:flex;gap:7px;margin:15px 0;flex-wrap:wrap}.nc24-progress span{font-size:12px;border-radius:999px;background:#e2e8f0;color:#64748b;padding:7px 10px;font-weight:800}.nc24-progress span.done{background:#dcfce7;color:#166534}.nc24-punch-actions{display:grid;grid-template-columns:1fr;gap:10px}.nc24-do-punch,.nc24-punch-btn{border:0;border-radius:16px;background:#f5c542;color:#102A43;font-weight:900;font-size:16px;padding:15px 16px;text-decoration:none;text-align:center;display:block;box-shadow:0 6px 14px rgba(245,197,66,.22)}.nc24-do-punch:disabled{background:#d1fae5;color:#166534;box-shadow:none}.nc24-note{width:100%;margin-top:12px;border:1px solid #d8e0ea;border-radius:14px;min-height:70px;padding:10px;box-sizing:border-box}.nc24-punch-msg{font-weight:800;margin-top:10px}.nc24-punch-msg.ok{color:#166534}.nc24-punch-msg.bad{color:#991b1b}.nc24-privacy{color:#64748b;text-align:center;font-size:13px}.dashicons{font-family:dashicons}
.nc24-action-step{border:1px solid #e5eaf2;border-radius:18px;padding:12px;background:#f8fafc}.nc24-action-step.active{background:#fffdf4;border-color:#f5c542}.nc24-action-step.done{background:#f0fdf4;border-color:#bbf7d0}.nc24-action-step.locked{background:#f8fafc;opacity:.72}.nc24-step-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.nc24-step-title b{font-size:15px}.nc24-step-title span{font-size:12px;font-weight:800;color:#64748b}.nc24-action-step .nc24-note{margin:0 0 10px}.nc24-action-step small{margin-bottom:8px}.nc24-saved-note{background:#fff;border:1px solid #d8e0ea;border-radius:12px;padding:8px;margin-bottom:8px}.nc24-complete{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:16px;padding:12px;font-weight:900;margin:12px 0}.nc24-action-step.locked .nc24-do-punch:disabled{background:#e2e8f0;color:#64748b}.nc24-action-step.done .nc24-do-punch:disabled{background:#d1fae5;color:#166534}