/* DoctorX Made-to-Measure Checkout: owner's screens. */
.drx-mtm-admin .drx-mtm-box { max-width: 900px; margin: 12px 0; padding: 10px 14px; background: #fff; border: 1px solid #dcdcde; border-left: 4px solid #2271b1; border-radius: 4px; }
.drx-mtm-admin .drx-mtm-box ul { margin: .4em 0 0 1.2em; list-style: disc; }
.drx-mtm-box--bad { border-left-color: #b32d2e !important; }
.drx-mtm-bad { color: #b32d2e; font-weight: 600; }
.drx-mtm-radio { display: inline-block; margin: 2px 0; }
.drx-mtm-copy { display: inline-block; padding: 4px 6px; word-break: break-all; cursor: copy; }
.drx-mtm-scroll { overflow-x: auto; max-width: 100%; }
.drx-mtm-taxes { max-width: 900px; }
.drx-mtm-taxes input.small-text { width: 5.5em; }
.drx-mtm-tag { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #fcf0f1; color: #8a2424; font-size: 12px; font-weight: 600; vertical-align: middle; }
.drx-mtm-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #f0f0f1; color: #1d2327; vertical-align: middle; }
.drx-mtm-badge--pending { background: #fcf9e8; color: #6d5207; }
.drx-mtm-badge--review { background: #fcf0f1; color: #8a2424; }
.drx-mtm-badge--paid, .drx-mtm-badge--in_production { background: #edfaef; color: #00450c; }
.drx-mtm-badge--shipped, .drx-mtm-badge--ready, .drx-mtm-badge--delivered { background: #e7f2fa; color: #043959; }
.drx-mtm-badge--cancelled, .drx-mtm-badge--refunded { background: #f0f0f1; color: #50575e; }
.drx-mtm-cols { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 1100px) { .drx-mtm-cols { grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); } }
.drx-mtm-card-admin { margin: 0 0 16px; padding: 12px 16px; background: #fff; border: 1px solid #dcdcde; border-radius: 6px; }
.drx-mtm-card-admin h2 { margin: .3em 0 .6em; font-size: 15px; }
.drx-mtm-items td, .drx-mtm-items th { vertical-align: top; }
.drx-mtm-items tfoot th { text-align: right; font-weight: 400; }
.drx-mtm-details { margin: 4px 0 0; color: #50575e; }
.drx-mtm-history { margin: 0 0 12px 1.2em; }
.drx-mtm-history li { margin-bottom: 8px; }
.drx-mtm-history time { display: block; color: #50575e; font-size: 12px; }
.drx-mtm-history small { display: block; color: #646970; }
.drx-mtm-action { margin: 10px 0; }
.drx-mtm-card-admin input.regular-text, .drx-mtm-card-admin textarea { max-width: 100%; box-sizing: border-box; }
.drx-mtm-refund summary { cursor: pointer; font-weight: 600; margin: 10px 0; }
.drx-mtm-rules .drx-mtm-admin-group { margin: 0 0 16px; padding: 10px 14px; border: 1px solid #dcdcde; border-radius: 6px; }
.drx-mtm-rules legend { padding: 0 6px; font-weight: 600; }
.drx-mtm-rules [hidden] { display: none !important; }
.drx-mtm-mini th { text-align: left; padding: 6px 12px 6px 0; vertical-align: top; font-weight: 600; }
.drx-mtm-mini td { padding: 4px 0; }
.drx-mtm-mini label { margin-right: 10px; white-space: nowrap; }
.drx-mtm-group-admin { margin: 0 0 12px; padding: 10px; background: #f6f7f7; border-radius: 4px; }
.drx-mtm-group-head { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin: 0 0 8px; }
.drx-mtm-block-label { display: block; font-weight: 600; }
.drx-mtm-sw { display: inline-flex; gap: 8px; align-items: center; }
.drx-mtm-sw img, .drx-mtm-dot { width: 32px; height: 32px; border-radius: 4px; object-fit: cover; display: inline-block; }
.drx-mtm-lines-admin input[type="text"] { width: 100%; }
@media (max-width: 782px) {
	.drx-mtm-order-list thead { display: none; }
	.drx-mtm-order-list tr { display: block; padding: 8px 0; border-bottom: 1px solid #dcdcde; }
	.drx-mtm-order-list td { display: flex; justify-content: space-between; gap: 12px; padding: 4px 10px !important; }
	.drx-mtm-order-list td::before { content: attr(data-colname); font-weight: 600; }
	.drx-mtm-group-head label { width: 100%; }
}
@media print {
	#adminmenumain, #wpadminbar, #wpfooter, .drx-mtm-noprint, .drx-mtm-action, .notice, .drx-mtm-refund { display: none !important; }
	#wpcontent { margin-left: 0 !important; }
	.drx-mtm-cols { grid-template-columns: 1fr !important; }
}
.drx-mtm-code-grid { display: grid; gap: 0 16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); max-width: 1000px; }
.drx-mtm-code-grid input, .drx-mtm-code-grid select { width: 100%; max-width: 100%; }
.drx-mtm-code-form { max-width: 1000px; }
.drx-mtm-inline { display: inline; margin-left: 8px; }