/* ModernDental V424 — limited to #/track-order; responsive, no external fonts/media */
.md424-page {direction:rtl; padding-top:34px; padding-bottom:76px; color:#173e35;}
.md424-heading {text-align:center; padding:12px 8px 29px;}
.md424-kicker {display:inline-block; color:#198466; font-size:12px; font-weight:800; letter-spacing:.2px;}
.md424-heading h1 {margin:8px 0 9px; font-size:clamp(27px,4vw,44px); color:#103b31; letter-spacing:-1px;}
.md424-heading p {max-width:610px; margin:0 auto; color:#687d74; font-size:14px; line-height:2;}
.md424-root {min-height:280px;}
.md424-layout {display:grid; grid-template-columns:minmax(230px,290px) minmax(0,1fr); gap:19px; align-items:start;}
.md424-list-panel, .md424-main-panel {background:#fff; border:1px solid #e1ece7; border-radius:21px; box-shadow:0 12px 42px rgba(12,65,43,.055);}
.md424-list-panel {overflow:hidden; position:sticky; top:96px;}
.md424-list-head {display:flex; justify-content:space-between; align-items:center; padding:22px 20px 15px; border-bottom:1px solid #edf3ef;}
.md424-list-head h2 {margin:0; font-size:16px; color:#153d33;}
.md424-list-head p {font-size:12px; color:#71857c; margin:5px 0 0;}
.md424-refresh {border:1px solid #cfe4d9; background:#f2faf6; color:#197f5e; border-radius:10px; padding:5px 12px; font-size:22px; line-height:1.4; cursor:pointer;}
.md424-refresh:hover {background:#e1f5eb;}
.md424-order-list {max-height:540px; overflow:auto; padding:12px; display:flex; flex-direction:column; gap:7px;}
.md424-order-option {font:inherit; display:flex; align-items:center; gap:10px; justify-content:space-between; width:100%; text-align:right; padding:13px 12px; background:#fff; border:1px solid transparent; border-radius:13px; cursor:pointer; color:#20483d;}
.md424-order-option:hover {background:#f4faf7;}
.md424-order-option.active {background:#eaf6ef; border-color:#b4deca;}
.md424-order-option span {display:flex; flex-direction:column; gap:5px; min-width:0;}
.md424-order-option strong {font-size:12.5px;}
.md424-order-option b {font-size:12px; white-space:nowrap;}
.md424-order-option small {font-size:10.5px; color:#72877c;}
.md424-profile-link {border-top:1px solid #edf3ef; padding:17px 20px; color:#11865e; display:block; text-decoration:none; font-size:12px; font-weight:800;}
.md424-main-panel {overflow:hidden; padding:0; min-width:0;}
.md424-order-top {display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:27px 29px 21px;}
.md424-order-top h2 {font-size:21px; margin:7px 0 8px; color:#143d32;}
.md424-order-top p {font-size:11px; color:#82948c; margin:0; line-height:1.9;}
.md424-middle-dot {margin:0 6px;}
.md424-status {flex-shrink:0; background:#e7f8ee; color:#15734e; border-radius:30px; padding:8px 11px; font-size:11px; font-weight:800;}
.md424-status.cancel {color:#a14c45; background:#fff0ef;}
.md424-status.complete {color:#116f58; background:#dff8e9;}
.md424-journey {display:grid; grid-template-columns:178px 1fr; gap:23px; align-items:center; background:linear-gradient(108deg,#ecf8f0 0%,#f7fbf8 58%,#eaf7f1 100%); border:1px solid #e0f0e7; border-radius:17px; margin:0 25px; padding:13px 24px; min-height:196px;}
.md424-journey-text h3 {font-size:22px; margin:9px 0 6px; color:#0f684a;}
.md424-journey-text p {margin:0 0 8px; color:#4c7665; font-size:13px; line-height:1.9;}
.md424-journey-text small {font-size:10.5px; color:#778e81; line-height:1.9; display:block;}
.md424-journey-art {height:170px; position:relative; display:flex; align-items:center; justify-content:center; perspective:500px; isolation:isolate;}
.md424-orbit {position:absolute; border:1px dashed rgba(35,144,92,.28); border-radius:100%; width:155px; height:155px;}
.md424-orbit.orbit-a {transform:rotate(-25deg) scaleX(.7);}
.md424-orbit.orbit-b {transform:rotate(25deg) scaleX(.8); width:133px; height:133px;}
.md424-box {position:relative; height:72px; width:87px; background:linear-gradient(125deg,#45b989,#138461); border-radius:6px 6px 11px 11px; transform:rotate(-5deg); box-shadow:inset -13px -8px 0 rgba(0,65,45,.14),0 15px 20px rgba(18,107,73,.2); animation:md424-hover 4s ease-in-out infinite;}
.md424-box-lid {position:absolute; top:-15px; left:-7px; width:98px; height:23px; transform:skew(-8deg); background:linear-gradient(90deg,#70dca8,#269c70); border-radius:5px; box-shadow:0 3px 7px rgba(0,87,62,.14);}
.md424-box-front {position:absolute; left:14px; right:14px; top:26px; color:white; display:flex; justify-content:space-evenly; font-size:18px; font-weight:900; letter-spacing:1px;}
.md424-box-front span {font-size:12px; align-self:center;}
.md424-ground {position:absolute; background:rgba(0,91,62,.13); filter:blur(10px); border-radius:50%; width:92px; height:14px; bottom:25px;}
@keyframes md424-hover {0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(-4deg)}}
.md424-steps {padding:25px 30px 17px; list-style:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; gap:1px;}
.md424-steps li {position:relative; text-align:center; min-width:0;}
.md424-steps li:not(:last-child):before {content:""; position:absolute; height:2px; top:20px; right:50%; left:-50%; background:#dbe7e0; z-index:0;}
.md424-steps li.done:not(:last-child):before {background:#66bb94;}
.md424-step-icon {position:relative; z-index:1; width:42px; height:42px; margin:0 auto 11px; display:grid; place-items:center; border-radius:100%; background:#f1f5f2; border:2px solid #dae7df; color:#9daea4; font-size:13px; font-weight:800;}
.md424-steps li.done .md424-step-icon {background:#17865c; color:#fff; border-color:#17865c;}
.md424-steps li.current .md424-step-icon {background:#e4f7ed; color:#147b54; border-color:#48b68b; box-shadow:0 0 0 5px #edf8f1;}
.md424-step-copy strong {font-size:12px; color:#5c7066; display:block;}
.md424-steps li.done .md424-step-copy strong,.md424-steps li.current .md424-step-copy strong {color:#14674a;}
.md424-step-copy small {display:block; margin-top:7px; font-size:9px; color:#8a9a90; line-height:1.5; padding:0 2px;}
.md424-cancel {margin:22px 26px 0; border:1px solid #f2c7c2; background:#fff4f1; padding:17px; border-radius:13px; font-size:13px; color:#9b5148;}
.md424-summary {margin:4px 26px 23px; padding:18px 22px; border-radius:14px; display:grid; grid-template-columns:1fr 1fr; gap:20px; background:#fafcfb; border:1px solid #eaf0ec;}
.md424-summary>div {display:flex; flex-direction:column; gap:7px;}
.md424-summary small {color:#71867a; font-size:11px;}
.md424-summary strong {color:#174f3c; font-size:17px;}
.md424-summary strong span {font-size:11px; font-weight:normal;}
.md424-items-panel {margin:0 26px 22px; border-top:1px solid #edf1ed; padding-top:20px;}
.md424-section-heading {display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:13px;}
.md424-section-heading h3 {font-size:15px; margin:0;}
.md424-section-heading small,.md424-muted {font-size:11px; color:#7f9187;}
.md424-item {display:flex; gap:11px; align-items:center; padding:13px 4px; border-bottom:1px solid #f0f4f1;}
.md424-item-symbol {background:#eaf6ef; display:grid; place-items:center; height:35px; width:35px; border-radius:9px; color:#118357; flex-shrink:0;}
.md424-item>div:nth-child(2) {flex:1; min-width:0;}
.md424-item strong {display:block; font-size:12px; color:#26483d; line-height:1.7;}
.md424-item small {display:block; font-size:10px; color:#85988c; margin-top:4px;}
.md424-item-price {text-align:left; flex-shrink:0;}
.md424-item-price b {font-size:11px; color:#275842;}
.md424-info {margin:0 26px 18px; padding:13px; border:1px solid #dce9e3; background:#f5faf7; border-radius:11px; color:#60786a; font-size:11px; line-height:2;}
.md424-actions {display:flex; gap:10px; padding:0 26px 28px; flex-wrap:wrap;}
.md424-btn {display:inline-flex; justify-content:center; align-items:center; text-decoration:none; font-size:12px; font-weight:800; border-radius:12px; padding:12px 20px; border:1px solid transparent; font-family:inherit; cursor:pointer;}
.md424-btn-dark {background:#116f50; color:white; box-shadow:0 4px 15px rgba(14,121,81,.15);}
.md424-btn-dark:hover {background:#0b5c41; color:white;}
.md424-btn-light {background:#fff; color:#197b5a; border-color:#b8dac8;}
.md424-loading,.md424-empty,.md424-auth,.md424-error {background:#fff; border:1px solid #e2eee8; border-radius:20px; text-align:center; padding:50px 20px; color:#647a6e; line-height:2;}
.md424-auth,.md424-empty {max-width:590px; margin:0 auto;}
.md424-auth-mark {display:grid; place-items:center; width:72px; height:72px; margin:0 auto 15px; border-radius:50%; background:#e8f5ed; color:#12815d; font-size:36px;}
.md424-auth h2,.md424-empty h2 {font-size:21px; color:#164f3c; margin:0 0 7px;}
.md424-auth p,.md424-empty p {font-size:13px; max-width:450px; margin:0 auto 20px;}
.md424-error {max-width:560px; margin:0 auto; color:#9a5547;}
.md424-inline-error {background:#fff4f1; color:#b04942; padding:10px; margin:12px 24px 0; border-radius:9px; font-size:12px;}
.md424-order-option:focus-visible,.md424-btn:focus-visible,.md424-refresh:focus-visible {outline:3px solid #29ad80; outline-offset:3px;}
@media (max-width:800px){.md424-layout {grid-template-columns:1fr;}.md424-list-panel {position:static;}.md424-order-list {flex-direction:row; overflow:auto; max-height:none; padding-bottom:14px;}.md424-order-option {min-width:195px; width:auto;flex:0 0 auto;}.md424-journey {grid-template-columns:140px 1fr;}.md424-steps {padding:24px 16px;}}
@media (max-width:520px){.md424-page{padding-top:17px;padding-bottom:42px;}.md424-heading{padding-bottom:18px;}.md424-heading p{font-size:12px;}.md424-order-top{padding:19px 17px;flex-direction:column;}.md424-order-top h2{font-size:18px;}.md424-journey{margin:0 14px;grid-template-columns:1fr;gap:0;padding:4px 15px 20px;}.md424-journey-art{height:135px;}.md424-journey-text{text-align:center;}.md424-journey-text h3{font-size:18px;}.md424-steps{padding:20px 11px 14px;gap:0;}.md424-step-icon{height:34px;width:34px;font-size:10px;}.md424-steps li:not(:last-child):before{top:16px;}.md424-step-copy strong{font-size:10px;}.md424-step-copy small{font-size:8px;}.md424-summary{margin:8px 14px 19px;padding:13px;gap:8px;}.md424-summary strong{font-size:13px;}.md424-items-panel{margin:0 14px 19px;}.md424-section-heading{align-items:start;flex-direction:column;}.md424-actions{padding:0 14px 22px;}.md424-btn{flex:1;}.md424-item-price{max-width:90px;}.md424-item-price small{font-size:9px;}}
@media (prefers-reduced-motion:reduce){.md424-box{animation:none;}}