/* Append to canonical Reference V3 CSS */
.df-clock-v3{padding:10px 12px;display:grid;grid-template-rows:auto 1fr auto;gap:6px}
.df-clock-head-v3{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.df-clock-head-v3 strong{display:block;color:var(--df-g900);font-size:13px;line-height:1.1}
.df-clock-head-v3 small{display:block;margin-top:2px;color:var(--df-muted);font-size:9px}
.df-daychip-v3{padding:3px 7px;border:1px solid rgba(47,154,98,.25);border-radius:999px;background:rgba(157,223,105,.16);color:var(--df-g800);font-size:8px;font-weight:850;text-transform:uppercase}
.df-clock-body-v3{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px}
.df-analog-v3{position:relative;width:52px;height:52px;border:1px solid rgba(31,119,86,.28);border-radius:50%;background:radial-gradient(circle,#fff 0 58%,#edf6ed 100%);box-shadow:inset 0 1px 3px rgba(16,63,50,.08),0 5px 12px rgba(16,63,50,.08)}
.df-tick-v3{position:absolute;left:50%;top:3px;width:1px;height:5px;background:rgba(16,63,50,.55);transform-origin:50% 23px}
.df-tick-v3.t3{transform:rotate(90deg)}.df-tick-v3.t6{transform:rotate(180deg)}.df-tick-v3.t9{transform:rotate(270deg)}
.df-hand-v3{position:absolute;left:50%;bottom:50%;width:2px;border-radius:999px;background:var(--df-g900);transform-origin:50% 100%}
.df-hand-v3.hour{height:14px}.df-hand-v3.minute{height:19px;background:var(--df-g700)}.df-hand-v3.second{height:20px;width:1px;background:var(--df-gold)}
.df-pin-v3{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--df-g900)}
.df-clock-copy-v3{min-width:0;display:grid;gap:2px}
.df-digital-v3{color:var(--df-g900);font-size:clamp(15px,1vw,22px);letter-spacing:-.02em}
.df-clock-copy-v3 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--df-muted);font-size:8.5px}
.df-clock-weather-v3{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:5px;border-top:1px solid rgba(31,119,86,.10);font-size:9px}
.df-clock-weather-v3 strong{color:var(--df-g800)}.df-clock-weather-v3 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--df-muted)}
@media (min-width:1800px) and (min-aspect-ratio:2/1){
  .df-clock-body-v3{grid-template-columns:48px minmax(0,1fr)}
  .df-analog-v3{width:46px;height:46px}.df-tick-v3{transform-origin:50% 20px}
  .df-hand-v3.hour{height:12px}.df-hand-v3.minute{height:17px}.df-hand-v3.second{height:18px}
}
@media (max-width:430px){
  .df-clock-v3{padding:8px}
  .df-clock-body-v3{grid-template-columns:44px minmax(0,1fr);gap:7px}
  .df-analog-v3{width:42px;height:42px}.df-tick-v3{transform-origin:50% 18px}
  .df-hand-v3.hour{height:11px}.df-hand-v3.minute{height:15px}.df-hand-v3.second{height:16px}
  .df-digital-v3{font-size:14px}.df-clock-copy-v3 small{font-size:9px}
}

/* Reference V3 card contract: all six cards use a readable vertical rhythm. */
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-v3{
  grid-template-columns:1fr!important;grid-template-rows:auto 1fr auto!important;
  grid-template-areas:"head" "body" "weather"!important;
  padding:8px!important;gap:5px!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-head-v3{
  display:grid!important;justify-items:center!important;gap:0!important;text-align:center!important;
  grid-area:head!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-head-v3>div{
  display:grid!important;justify-items:center!important;gap:0!important;min-width:0!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-head-v3 :is(strong,small){
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-head-v3 strong{font-size:12px!important;line-height:1.05!important}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-head-v3 small{font-size:9px!important;line-height:1.1!important}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-daychip-v3{display:none!important}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-body-v3{
  grid-template-columns:1fr!important;grid-template-rows:auto auto!important;justify-items:center!important;
  align-content:center!important;gap:3px!important;grid-area:body!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-copy-v3{
  min-width:0!important;text-align:center!important;display:grid!important;justify-items:center!important;gap:1px!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-digital-v3{
  font-size:17px!important;line-height:1!important;white-space:nowrap!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-copy-v3 small{
  font-size:9px!important;line-height:1.05!important;text-align:center!important;white-space:nowrap!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-weather-v3{
  justify-content:center!important;gap:4px!important;padding-top:4px!important;font-size:9px!important;white-space:nowrap!important;grid-area:weather!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-weather-v3::before{
  content:"☀";color:#e2bb64!important;font-size:15px!important;line-height:1!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-v3[data-city="London"] .df-clock-weather-v3::before,
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-v3[data-city="Moscow"] .df-clock-weather-v3::before{
  content:"☁";color:#6e988d!important;
}
html[data-daenem-design="reference-v3"] #portalSigninV712 .df-clock-v3[data-city="Beijing"] .df-clock-weather-v3::before{
  content:"◒";color:#d3ad4e!important;
}
@media (max-width:430px){
  html[data-daenem-design="reference-v3"] #portalSigninV712 .df-analog-v3{width:42px!important;height:42px!important}
  html[data-daenem-design="reference-v3"] #portalSigninV712 .df-digital-v3{font-size:14px!important}
}