.misau-clock-wrap{font-family:Arial,sans-serif;padding:24px;background:#f5f7fb;color:#111}
.misau-clock-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.misau-clock-header h1,.misau-clock-wrap h1,.misau-clock-wrap h2{margin:0 0 10px}
.misau-clock-status{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(0,0,0,.06);min-width:260px}
.misau-clock-status.active{border-left:4px solid #18a957}
.misau-clock-status.inactive,.misau-clock-status.offline{border-left:4px solid #c0c6d4}
.misau-clock-status strong{display:block;margin-bottom:4px}
.misau-clock-grid{display:grid;gap:16px}
.misau-clock-grid.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}
.misau-clock-grid.cards.compact .card{padding:14px}
.misau-clock-grid.two{grid-template-columns:1.15fr .85fr;margin-bottom:18px}
.card,.panel,.mini-card{background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(0,0,0,.06)}
.card{padding:18px}
.card span,.mini-card span,.muted{color:#5d6678;font-size:13px}
.card strong{display:block;font-size:30px;margin-top:8px}
.panel{padding:20px}
.link-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.link-strip a,.misau-clock-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;background:#111;color:#fff;text-decoration:none;border:none;cursor:pointer;font-weight:600}
.misau-clock-btn.secondary{background:#eef1f7;color:#111}
.misau-clock-btn.small{padding:7px 12px;font-size:12px}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px}
.notice-inline{margin-top:12px;font-size:13px;color:#111}
.misau-table{width:100%;border-collapse:collapse}
.misau-table th,.misau-table td{padding:12px 10px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top}
.misau-table th{font-size:12px;text-transform:uppercase;color:#647084;letter-spacing:.03em}
.pill{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;background:#eef1f7}
.pill.active{background:#e8fff0;color:#0b7f3d}
.pill.closed{background:#eef1f7}
.pill.pending{background:#fff5dc;color:#7d5d00}
.clean-list{margin:0;padding-left:18px}
.stack-form{display:grid;gap:10px}
.field-row{display:grid;gap:6px}
.field-row input,.field-row select,.field-row textarea{width:100%;border:1px solid #d9dfeb;border-radius:14px;padding:10px 12px;background:#fff}
.map-box{height:460px;border-radius:18px;overflow:hidden;background:#eef1f7}
.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.mini-card{padding:16px}
.mini-card strong{display:block;font-size:24px;margin-top:6px}
@media (max-width: 980px){.misau-clock-grid.two{grid-template-columns:1fr}}