/* Pricing & promotions screens (md-products). Shared look: accounting.css gl-* classes. */

/* ---------------------------------------------------------------- date rule overrides (.md-do-) */
.md-do-side-date { width: 100%; box-sizing: border-box; border: 1px solid #D0D5DD; border-radius: 8px; padding: 8px 10px; background: #fff; font: inherit;
    font-size: .86rem; color: #1D2939; }
.md-do-range { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.md-do-range > div { min-width: 0; }
.md-do-wd { color: #7A8796; font-size: .76rem; margin-left: 6px; font-family: inherit; }
.md-do-type { display: inline-flex; align-items: center; border-radius: 999px; padding: 2px 10px; font-size: .74rem; font-weight: 700; white-space: nowrap; }
.md-do-type.fixed { background: #E1EFFE; color: #1E56A0; }
.md-do-type.pct { background: #EFE7FF; color: #5B3DB5; }
.md-do-type.amt { background: #DDF5EA; color: #127A4B; }
.md-do-type.off { background: #FFF1D6; color: #9A5B00; }
.md-do-price { font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 700; font-size: .86rem; }
.md-do-cal { color: #98A2B3; font-size: .78rem; }
.md-do-notes { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
.md-do-sublbl { font-size: .8rem; font-weight: 600; color: #475467; margin-bottom: 4px; }
.md-do-days { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.md-do-day { border: 1px solid #D0D5DD; background: #fff; color: #344054; border-radius: 999px; min-width: 44px; height: 30px; padding: 0 10px; font: inherit;
    font-size: .8rem; font-weight: 600; cursor: pointer; }
.md-do-day.on { background: #1F5468; border-color: #1F5468; color: #fff; }
.md-do-day.lnk { border-style: dashed; color: #1F5468; font-weight: 500; }
.md-do-day:disabled { opacity: .5; cursor: default; }
.md-do-count { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: .8rem; color: #1F5468; }
.md-do-section { font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; color: #667085; font-weight: 600; margin-top: 4px; }
.md-do-explain { display: flex; gap: 6px; align-items: flex-start; font-size: .78rem; color: #667085; margin-top: 4px; line-height: 1.4; }
.md-do-explain .mud-icon-root { color: #1F5468; flex: 0 0 auto; }

/* ---------------------------------------------------------------- rate plan products and meal plans (.md-pp-) */
.md-pp-tabs { display: inline-flex; gap: 2px; background: #EEF2F6; border-radius: 10px; padding: 3px; max-width: 100%; }
.md-pp-tabs button { border: 0; background: transparent; border-radius: 8px; padding: 6px 14px; font: inherit; font-size: .86rem; font-weight: 600;
    color: #475467; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.md-pp-tabs button.on { background: #fff; color: #1F5468; box-shadow: 0 1px 2px rgba(16, 24, 40, .12); }
.md-pp-tabs button .n { background: #D5DDE5; color: #344054; border-radius: 999px; padding: 0 7px; font-size: .72rem; }
.md-pp-tabs button.on .n { background: #1F5468; color: #fff; }
.md-pp-code { display: block; font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .76rem; color: #7A8796; font-weight: 400; }
.md-pp-yes { color: #2E9E62 !important; }
.md-pp-no { color: #D0D5DD !important; }
.md-pp-adj { font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 700; font-size: .84rem; }
.md-pp-adj.up { color: #1E56A0; }
.md-pp-adj.down { color: #C0392B; }
.md-pp-adj.zero { color: #98A2B3; font-weight: 400; }
.md-pp-ext { font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8rem; background: #EEF5FB; color: #1F5468;
    border-radius: 6px; padding: 1px 6px; }
.md-pp-note { display: flex; gap: 6px; align-items: flex-start; font-size: .78rem; color: #667085; background: #F7F9FB; border: 1px solid #E3E8EE;
    border-radius: 8px; padding: 8px 10px; line-height: 1.45; }
.md-pp-note .mud-icon-root { color: #1F5468; flex: 0 0 auto; }
.md-pp-flags { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.md-pp-meals { display: inline-flex; gap: 4px; }
.md-pp-ota { font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .82rem; }
@media (max-width: 600px) {
    .md-pp-tabs { width: 100%; }
    .md-pp-tabs button { flex: 1 1 0; justify-content: center; padding: 6px 8px; }
    .md-do-range { grid-template-columns: minmax(0, 1fr); }
}