.toolfa-dateclockfe{display:block}
.toolfa-dateclockfe .controls{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}
.toolfa-dateclockfe .field{display:flex;flex-direction:column;min-width:200px}
.toolfa-dateclockfe .clock{font-weight:700;font-size:28px;color:#22c55e;letter-spacing:.5px}
.toolfa-dateclockfe .buttons{display:flex;gap:8px;flex-wrap:wrap}
.toolfa-dateclockfe .btn{display:inline-block;padding:8px 12px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background:#e53935;color:#fff;font-weight:600;font-size:14px}
.toolfa-dateclockfe .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.toolfa-dateclockfe .cell{border-top:1px dashed #e5e7eb;padding-top:8px}
.toolfa-dateclockfe label{margin:.25rem 0;color:#6b7280}
.toolfa-dateclockfe .sub{color:#94a3b8;font-size:12px}
.toolfa-dateclockfe .val{font-weight:700}
.toolfa-dateclockfe .tf-latin{font-family:Arial,Helvetica,Roboto,"Segoe UI",sans-serif!important;direction:ltr;unicode-bidi:plaintext}
.toolfa-dateclockfe .events{margin-top:10px;border-top:1px dashed #e5e7eb;padding-top:8px}
.toolfa-dateclockfe .events label{color:#6b7280;margin:.25rem 0;display:block}
.toolfa-dateclockfe .ev-list{margin:0;padding-inline-start:18px}
.toolfa-dateclockfe .ev-list li{line-height:1.9}
@media (max-width:640px){
  .toolfa-dateclockfe .field{min-width:100%}
  .toolfa-dateclockfe .grid{grid-template-columns:1fr}
  .toolfa-dateclockfe .clock{font-size:22px}
  .toolfa-dateclockfe .buttons{justify-content:center;align-items:center;width:100%;text-align:center;margin-top:8px}
  .toolfa-dateclockfe .buttons .btn{flex:0 0 auto}
}