/* ═══════════════════════════════════════════════════════════════════
   OWLMARK PLANNER STUDIO — COPY A DAY
   ═══════════════════════════════════════════════════════════════════ */

.ompd-scrim{
  position:fixed;inset:0;z-index:17700;
  display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(11,18,32,0);transition:background .22s ease;
}
.ompd-scrim.open{background:rgba(11,18,32,.55)}

.ompd-card{
  width:min(420px,100%);padding:24px;
  border-radius:20px;
  background:linear-gradient(180deg,#FFFDF8,#F6F0E2);
  border:1px solid rgba(201,154,61,.34);
  box-shadow:0 26px 64px rgba(10,16,32,.4);
  transform:translateY(10px);transition:transform .22s cubic-bezier(.22,.8,.3,1);
}
.ompd-scrim.open .ompd-card{transform:none}

.ompd-card h2{
  margin:0 0 8px;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.44rem;font-weight:700;color:#101A2D;
}
.ompd-card p{
  margin:0 0 16px;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:.86rem;line-height:1.5;color:#4A5468;
}
body.lang-ar .ompd-card h2{font-family:'Cairo',system-ui,sans-serif;font-size:1.2rem}
body.lang-ar .ompd-card p{font-family:'Cairo',system-ui,sans-serif}

.ompd-f{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.ompd-f > span{
  font-family:'Manrope',system-ui,sans-serif;
  font-size:.75rem;font-weight:700;color:#5A6478;
}
.ompd-f select{
  min-height:44px;padding:10px 12px;
  border:1px solid rgba(16,26,45,.16);border-radius:11px;
  background:#FFFDF8;color:#101A2D;
  font-family:'Manrope',system-ui,sans-serif;font-size:.88rem;
}
.ompd-f select:focus{outline:2px solid #B8862F;outline-offset:-1px;border-color:#B8862F}
body.lang-ar .ompd-f > span,body.lang-ar .ompd-f select{font-family:'Cairo',system-ui,sans-serif}

.ompd-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.ompd-btn{
  min-height:44px;padding:10px 17px;
  border-radius:12px;cursor:pointer;
  border:1px solid rgba(16,26,45,.14);
  background:rgba(16,26,45,.04);color:#3A4257;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:.85rem;font-weight:700;
}
.ompd-btn:hover{background:rgba(16,26,45,.09)}
.ompd-btn.gold{
  border-color:#A87C2A;color:#fff;
  background:linear-gradient(180deg,#D8B15C,#B8862F);
}
.ompd-btn.gold:hover{background:linear-gradient(180deg,#E2BE72,#C4923A)}
.ompd-btn:focus-visible{outline:2px solid #B8862F;outline-offset:2px}
body.lang-ar .ompd-btn{font-family:'Cairo',system-ui,sans-serif}

@media (max-width: 480px){
  .ompd-scrim{padding:0;align-items:flex-end}
  .ompd-card{border-radius:20px 20px 0 0}
  .ompd-btn{flex:1 1 auto;text-align:center}
}
@media (prefers-reduced-motion: reduce){
  .ompd-scrim,.ompd-card{transition:none !important}
  .ompd-card{transform:none !important}
}
@media print{.ompd-scrim{display:none !important}}

/* Grade boundary rows reuse this dialog's shell. */
.omb-band-row{
  display:grid;grid-template-columns:auto 1fr 1fr auto;
  align-items:center;gap:8px;margin-bottom:8px;
}
.omb-band-row input{
  min-height:44px;padding:9px 11px;
  border:1px solid rgba(16,26,45,.16);border-radius:10px;
  background:#FFFDF8;color:#101A2D;
  font-family:'Manrope',system-ui,sans-serif;font-size:.88rem;
}
.omb-band-row input:focus{outline:2px solid #B8862F;outline-offset:-1px;border-color:#B8862F}
.omb-band-pc{font-size:.8rem;font-weight:700;color:#5A6478}