/* ═══════════════════════════════════════════════════════════════════
   OWLMARK SUITE — STORAGE & BACKUP
   Sits inside the shared .ok-dialog shell, so it inherits the suite's
   backdrop, radius, shadow and open/close motion rather than inventing
   a second dialog language.
   ═══════════════════════════════════════════════════════════════════ */

.om-storage .om-store-card{max-width:460px;width:min(460px,calc(100vw - 32px))}
.om-store-body{max-height:min(62vh,520px);overflow:auto}

.om-store-sec{margin:0 0 18px}
.om-store-sec:last-child{margin-bottom:0}
.om-store-sec h4{
  margin:0 0 10px;
  font-family:var(--ok-ui,'Manrope',system-ui,sans-serif);
  font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ok-text-soft,#5B647A);
}

.om-store-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:8px 0;
  border-bottom:1px solid var(--ok-border,#DDD5C6);
  font-family:var(--ok-ui,'Manrope',system-ui,sans-serif);font-size:.88rem;
  color:var(--ok-text,#22293A);
}
.om-store-row:last-child{border-bottom:0}
.om-store-row b{
  font-variant-numeric:tabular-nums;font-weight:800;
  color:var(--ok-navy,#101A2D);
}

.om-store-none,.om-store-load{
  margin:0;padding:6px 0;
  font-family:var(--ok-ui,'Manrope',system-ui,sans-serif);font-size:.84rem;
  color:var(--ok-text-soft,#5B647A);font-style:italic;
}

/* A quiet reading, not an alarm. It only takes on warmth past 85%. */
.om-store-bar{
  height:8px;border-radius:99px;overflow:hidden;
  background:rgba(16,26,45,.09);
}
.om-store-bar i{
  display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--ok-gold,#C99A3D),var(--ok-gold-soft,#E8C978));
  transition:width .5s ease;
}
.om-store-bar.tight i{background:linear-gradient(90deg,#A8452F,#C96B4A)}

.om-store-meta{
  margin-top:7px;
  font-family:var(--ok-ui,'Manrope',system-ui,sans-serif);
  font-size:.78rem;font-variant-numeric:tabular-nums;
  color:var(--ok-text-soft,#5B647A);
}

.om-store-warn{
  margin:12px 0 0;padding:10px 12px;border-radius:10px;
  background:rgba(168,69,47,.07);
  border:1px solid rgba(168,69,47,.22);
  font-family:var(--ok-ui,'Manrope',system-ui,sans-serif);
  font-size:.8rem;line-height:1.5;color:#7A3324;
}

/* The switcher entry is a <button> among <a> siblings; these are the
   properties the anchor rule sets that a button does not inherit. */
#okStudioNav .okn-item.okn-storage{
  width:100%;
  background:none;border:0;
  font:inherit;text-align:inherit;cursor:pointer;
}

body.lang-ar .om-store-row,
body.lang-ar .om-store-sec h4,
body.lang-ar .om-store-meta,
body.lang-ar .om-store-warn,
body.lang-ar .om-store-none{
  font-family:var(--ok-ar-ui,'Cairo',system-ui,sans-serif);letter-spacing:0;
}

@media (max-width:520px){
  .om-store-body{max-height:56vh}
  .om-storage .ok-dialog footer{flex-wrap:wrap}
}

@media print{
  .om-storage{display:none !important}
}