
/* =========================================================
   RIGNAC UI STANDARD v4.2
   - Un solo reloj por pantalla
   - Formato 24 h
   - Misma escala visual en todos los módulos
   - Mismo ancho de presentación en notebook/PC
   ========================================================= */
.rignac-status-native{
  visibility:hidden !important;
  pointer-events:none !important;
}

.rignac-status{
  position:absolute;z-index:9999;
  top:1.55%;right:2.75%;
  width:25%;min-width:112px;max-width:150px;
  padding:1.7% 2.1% 1.55%;
  border:1px solid rgba(214,159,39,.72);border-radius:12%;
  background:linear-gradient(145deg,rgba(8,8,6,.97),rgba(20,16,8,.94));
  box-shadow:0 10px 26px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);
  color:#f7f0dc;font-family:Arial,sans-serif;line-height:1;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.rignac-status__time{font:400 clamp(14px,3.15cqw,25px) Georgia,"Times New Roman",serif;white-space:nowrap;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.rignac-status__time i{font:normal .72em Arial;color:#fff;margin-right:.22em}
.rignac-status__date{color:#d7a62f;font-size:clamp(7px,1.15cqw,10px);margin:.48em 0 .65em;white-space:nowrap;text-transform:lowercase}
.rignac-status__line{border-top:1px solid rgba(214,159,39,.46);margin:0 -10% .6em}
.rignac-status__weather{display:flex;gap:.4em;align-items:center;color:#d9a52c;font-size:clamp(9px,1.55cqw,14px);min-height:0;white-space:nowrap}
.rignac-status__weather span{font-size:1.45em}.rignac-status__weather b{font-weight:700;line-height:1.05}

/* Los shells pasan a ser el sistema de referencia del reloj. */
.panel,.app-shell,.phone-shell,.app{position:relative}

/* Resolución visual unificada en notebook/PC: todos los módulos conservan
   la misma huella vertical 9:16 del panel principal. El contenido interno
   sigue siendo responsive y puede desplazarse verticalmente. */
@media (min-width:900px) and (orientation:landscape){
  body{overflow-x:hidden}
  .app-shell,.phone-shell,.app{
    width:min(760px,calc((100dvh - 28px) * .5628)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Tablet/móvil: ancho completo, sin forzar escala de escritorio. */
@media (max-width:899px){
  .app-shell,.phone-shell,.app{width:min(100%,760px) !important;margin-left:auto !important;margin-right:auto !important}
}

/* v4.3: compact desktop layout without horizontal clipping */
.app-shell,.phone-shell,.app{container-type:inline-size;}
.rignac-status__weather b{white-space:nowrap;}
@media (min-width:900px) and (orientation:landscape){
  .rignac-status{top:1.7%;right:2.4%;}
  .rignac-status__time{font-size:clamp(18px,3.0cqw,24px)}
  .rignac-status__date{font-size:clamp(8px,1.18cqw,10px)}
  .rignac-status__weather{font-size:clamp(10px,1.55cqw,13px)}
}
