/* Minh Châu — mcl.vn */
.cc [hidden]{display:none!important}
.cc .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 0 0;margin:0 0 18px}
.cc .card h2{margin:0 0 6px;font-size:22px}
.cc .mini{font-size:13.5px;color:var(--mut);margin-top:8px;line-height:1.5}
.cc .f-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:14px 0}
.cc .f-field{display:flex;flex-direction:column;gap:6px}
.cc .f-field label{font-size:13px;font-weight:600;color:var(--ink)}
.cc .ng{font-size:11.5px;color:var(--mut);line-height:1.35}
.cc input[type=checkbox]{width:auto}
.cc .btn,.cc button.calc{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:12px 26px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;margin-top:4px}
.cc .btn:hover,.cc button.calc:hover{background:var(--teal)}
/* .res của khung là lưới 4 ô — công cụ này dùng .res làm khối kết quả tự do, nên đặt lại */
.cc .res{display:block;grid-template-columns:none;margin-top:18px;padding:18px 20px;background:linear-gradient(180deg,#F3F7FB,#fff);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;font-size:15px}
.cc .res div{background:none;border-radius:0;padding:0}
.cc .res b{display:inline;font-size:inherit;color:inherit}
.cc .res span{font-size:inherit;color:inherit}
.cc .res .big{font-size:26px;font-weight:800;color:var(--navy)}
.cc .res .mini{font-size:13.5px;color:var(--mut)}
.cc .res table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14.5px}
.cc .res td,.cc .res th{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cc .res td:last-child{text-align:right;font-weight:700;color:var(--navy)}
.cc .res .hi{color:var(--goldd)}
.cc table.res{display:table;border-left:0;background:none;padding:0;margin-top:10px}
.cc table.res td:last-child{text-align:left;font-weight:400;color:inherit}
.cc .fillbar{height:14px;background:#E8EDF3;border-radius:7px;overflow:hidden;margin:3px 0}.cc .fillbar>i{display:block;height:100%;background:var(--gold)}
/* phần chữ dưới công cụ */
.cc-them{max-width:760px;margin-top:30px}
.cc-them h2{font-size:21px;margin:26px 0 10px}
.cc-them ol,.cc-them ul{padding-left:20px}.cc-them li{margin:6px 0}
.cc-them ul.bay li::marker{color:var(--gold)}
.cc-them .callout{background:var(--bg);border-left:4px solid var(--teal);border-radius:0 10px 10px 0;padding:12px 16px;margin:10px 0;font-size:15px}
.cc-them .lienquan{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none}
.cc-them .lienquan a{display:block;padding:10px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--navy);font-weight:600;font-size:14.5px;transition:border-color .3s}
.cc-them .lienquan a:hover{border-color:var(--gold)}
/* sà lan hay xe */
.mt-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.mt-kqkhung{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}
.mt-tuyen{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.mt-sodo{width:100%;height:auto;display:block}.mt-sodo .t{font:800 11px inherit;font-family:inherit;fill:var(--navy)}.mt-sodo .n{font:600 9.5px inherit;font-family:inherit;fill:var(--mut)}
.mt-sodo .bo{stroke:#B23A3A;stroke-width:4;stroke-dasharray:2 6;stroke-linecap:round}.mt-sodo .song{stroke:var(--teal);stroke-width:5;stroke-linecap:round}
.mt-sodo .c{fill:#fff;stroke:var(--navy);stroke-width:3}.mt-sodo .c2{fill:var(--gold);stroke:var(--navy);stroke-width:3}
.mt-so1{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:800;margin-right:10px;vertical-align:middle}
.cc details.mt-adv{margin:12px 0;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--bg)}
.cc .mt-adv summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:block}.cc .mt-adv summary::-webkit-details-marker{display:none}
.cc .mt-adv summary::after{content:"＋";float:right;color:var(--teal);font-size:16px;transform:none}.cc .mt-adv[open] summary::after{content:"－"}
.cc #mt-res{margin-top:0;border-left:0;border-top:4px solid var(--teal);background:#fff;box-shadow:0 10px 30px rgba(14,42,71,.08)}
.mt-kq{display:grid;grid-template-columns:1fr;gap:10px}
.cc .res .mt-pa{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.cc .res .mt-b{border:2px solid var(--teal);background:#EEF6F8}
.mt-pa b{font-size:13px;letter-spacing:.02em}.cc .res .mt-so{font-size:22px;font-weight:800;color:var(--navy);line-height:1.25}
.mt-pa small{color:var(--mut);font-size:12px}.cc .res .mt-pa table{margin-top:6px;font-size:12.5px}
.mt-bar{margin:14px 0 4px}.cc .res .mt-bar div{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12.5px}
.mt-bar i{display:block;height:16px;border-radius:5px;min-width:3px}.mt-bar .la{width:16px;font-weight:800;color:var(--navy)}
.mt-bar .xe{background:#B23A3A}.mt-bar .cang{background:var(--navy)}.mt-bar .sl{background:var(--teal)}
.cc .res .mt-chu{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--mut)}.mt-chu span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:currentColor}
.cc .res .mt-ket{font-size:16px;margin:14px 0 6px;padding:12px 14px;background:#FBF5E6;border-left:4px solid var(--gold);border-radius:8px}
@media(max-width:900px){.mt-grid{grid-template-columns:1fr}.mt-kqkhung{position:static}}
/* biểu giá cảng */
.cc .pk-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0 0 16px}
.cc .pk-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}
.cc .pk-form label.chk{flex-direction:row;align-items:center;gap:8px}
.cc #pcb-kq{overflow-x:auto}
.cc #pcb-kq table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}.cc #pcb-kq td,.cc #pcb-kq th{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
.cc #pcb-kq td.so{text-align:right;white-space:nowrap}.cc #pcb-kq tr.pk-min td{background:#FBF5E6}
.cc #pcb-kq details summary{cursor:pointer;color:var(--navy);font-weight:600}
.cc-them .ht-note{background:var(--bg);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--mut)}