.mdc-layout{display:flex;gap:14px;align-items:flex-start}
.mdc-layout.mdc-pos-right{flex-direction:row}
.mdc-layout.mdc-pos-below,.mdc-layout.mdc-pos-none{flex-direction:column}
@media (max-width: 900px){ .mdc-layout{flex-direction:column} }

.mdc-card{border:1px solid #e2e2e2;border-radius:10px;background:#fff}
.mdc-title{margin-top:0;display:flex;align-items:center;gap:8px}
.mdc-ver{font-size:12px; line-height:1; padding:2px 6px; background:#eef3ff; border:1px solid #cfe0ff; color:#3056d3; border-radius:999px}

.mdc-row{display:flex;gap:12px;flex-wrap:wrap}
.mdc-col{flex:1 1 360px;min-width:260px;position:relative}

.mdc-ac-wrap{position:relative;overflow:visible}
.mdc-ac-list{position:absolute;left:0;right:0;top:100%;z-index:99999;list-style:none;margin:4px 0 0 0;padding:0;border:1px solid #d8d8d8;background:#fff;border-radius:8px;max-height:260px;overflow:auto;display:none;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.mdc-ac-list.show{display:block}
.mdc-ac-list li{padding:10px 12px;cursor:default;line-height:1.2}
.mdc-ac-list li.active{background:#eef3ff}
.mdc-ac-list li:hover{background:#f6f6f6}
.mdc-ac-list .muted{color:#666;font-size:12px}
.mdc-input[aria-expanded="true"]{border-bottom-left-radius:0;border-bottom-right-radius:0}

/* Extras */
.mdc-extras{margin-top:14px;padding:12px;border:1px dashed #d8d8d8;border-radius:8px;background:#fafafa}
.mdc-extras-title{font-weight:600;margin-bottom:8px}
.mdc-extra{display:flex;align-items:center;gap:10px;margin:6px 0}
.mdc-extra small{color:#666}

/* Aside column (right/below) */
.mdc-aside{display:flex;flex-direction:column;gap:14px;min-width:260px;width:340px}
.mdc-pos-below .mdc-aside{width:auto}

/* Date/Time + Contact cards */
.mdc-datetime,.mdc-contact{}
.mdc-dt-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.mdc-sep{margin:12px 0;border:none;border-top:1px solid #eee}
.mdc-subtitle{margin:0 0 8px 0;font-weight:600}

/* Order block */
.mdc-order{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Map */
.mdc-map-wrap{margin-top:14px}
.mdc-map{width:100%; height:var(--mdc-map-h,220px); border:0; border-radius:10px; box-shadow:0 2px 12px rgba(0,0,0,.06)}
.mdc-map.leaflet-container{border:1px solid #ddd}
.leaflet-routing-alt, .leaflet-control-attribution{font-size:12px}

/* Scrollbar (WebKit) */
.mdc-ac-list::-webkit-scrollbar{width:10px}
.mdc-ac-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}