.shortlist-actions[hidden],.shortlist-toolbar[hidden]{display:none!important}
.shortlist-actions,.shortlist-toolbar,.shortlist-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shortlist-actions{padding:12px 16px;border-top:1px solid #e2e9ee;background:#f8fafc;border-radius:0 0 12px 12px}
.vehicle-summary>.shortlist-actions{padding:0;border:0;background:none;margin:8px 0 12px}
.shortlist-actions button,.shortlist-toolbar button,#shortlist-dialog button{font:500 14px/1.4 Roboto,Arial,sans-serif;min-height:44px;padding:10px 14px;border:1px solid #bdcdd8;border-radius:8px;background:#fff;color:#175c87;cursor:pointer}
.shortlist-actions button:hover,.shortlist-toolbar button:hover,#shortlist-dialog button:hover{background:#edf5fa;border-color:#176b9b}
.shortlist-actions button[aria-pressed=true],#shortlist-dialog button[aria-pressed=true]{background:#e7f2f8;border-color:#176b9b;color:#124f73}
.shortlist-actions button:focus-visible,.shortlist-toolbar button:focus-visible,#shortlist-dialog :focus-visible{outline:3px solid #1685bd;outline-offset:3px}
.shortlist-toolbar{justify-content:space-between;margin:4px 0 20px;padding:12px 16px;background:#f5f8fa;border:1px solid #dce5ec;border-radius:10px;font-size:14px;color:#526879}
.shortlist-toolbar>div{display:flex;gap:8px}.shortlist-toolbar [data-saved-count],.shortlist-toolbar [data-compare-count]{font-weight:700}
.shortlist-status:empty{display:none}.shortlist-status{position:fixed;z-index:1100;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid #bfd0dc;border-radius:10px;background:#f4f9fc;box-shadow:0 4px 20px #17364d22;font-size:14px;color:#175c87;line-height:1.5;margin:0;pointer-events:none}
#shortlist-dialog:not([open]){display:none}
#shortlist-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:1000px;max-height:88vh;max-height:88dvh;margin:auto;padding:24px;border:1px solid #d3dfe8;border-radius:16px;background:#fff;color:#253445;overflow:auto;font:400 15px/1.5 Roboto,Arial,sans-serif;box-shadow:0 18px 70px #10273855}
#shortlist-dialog::backdrop{background:#10273899}
.shortlist-dialog-head{position:sticky;top:-24px;z-index:3;background:#fff;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.shortlist-dialog-head h2{font-size:24px;line-height:1.2;margin:0;font-weight:600}
#shortlist-note{margin:14px 0;color:#536777;max-width:80ch;font-size:14px}
#shortlist-storage:empty{display:none}#shortlist-storage{padding:10px 12px;background:#fff5de;border-radius:8px;color:#684f17}
.shortlist-tabs{padding:0 0 16px;border-bottom:1px solid #dce5ec;margin-bottom:16px}
.shortlist-saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shortlist-saved-card{min-width:0;padding:16px;border:1px solid #dce5ec;border-radius:10px;background:#fafcfd}
.shortlist-saved-card h3{font-size:17px;line-height:1.4;margin:6px 0;font-weight:600}.shortlist-saved-card a{color:#175c87;text-decoration:underline;overflow-wrap:anywhere}
.shortlist-saved-card p{margin:6px 0}.shortlist-saved-card small,.shortlist-captured{display:block;color:#5a6d7d;font-size:12px;margin:8px 0}
.shortlist-price{font-weight:600;font-size:18px;color:#28653d}.shortlist-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.shortlist-archive{display:inline-block;padding:2px 8px;border-radius:5px;background:#fff1d8;color:#775015;font-size:12px;font-weight:600}
.shortlist-compare-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.shortlist-compare-controls label{margin:0;display:flex;align-items:center;gap:8px;min-height:44px}
.shortlist-compare-controls input{width:18px;height:18px;accent-color:#176b9b}
.shortlist-scroll{max-width:100%;overflow-x:auto;border:1px solid #dce5ec;border-radius:10px;overscroll-behavior-x:contain}
.shortlist-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:14px}
.shortlist-table th,.shortlist-table td{vertical-align:top;text-align:left;padding:12px 14px;border-bottom:1px solid #dce5ec;min-width:185px;max-width:280px;overflow-wrap:break-word}
.shortlist-table th:first-child{position:sticky;left:0;z-index:1;min-width:130px;max-width:160px;background:#f3f7fa;box-shadow:1px 0 #dce5ec}
.shortlist-table thead th{background:#f3f7fa;font-weight:600}.shortlist-table thead a{display:block;margin-bottom:10px;color:#175c87;text-decoration:underline;line-height:1.4}
.shortlist-table tr:last-child>*{border-bottom:0}.shortlist-table .shortlist-different td{background:#fff8e7}.shortlist-table td:empty:after{content:'Not supplied'}
.shortlist-hint{font-size:13px;color:#526879;margin:12px 0}.shortlist-empty{padding:20px 0}
@media(max-width:600px){.shortlist-dialog-head{top:-16px}}
@media(max-width:600px){.shortlist-toolbar{padding:12px;gap:10px}.shortlist-device{width:100%;font-size:12px}.shortlist-toolbar>div{width:100%}.shortlist-toolbar button{flex:1;padding:10px}.shortlist-actions button{flex:1}#shortlist-dialog{padding:16px;width:calc(100% - 16px)}.shortlist-dialog-head h2{font-size:21px}.shortlist-saved-grid{grid-template-columns:1fr}.shortlist-table th,.shortlist-table td{padding:10px;min-width:175px}.shortlist-table th:first-child{min-width:115px;max-width:125px}.shortlist-tabs button{flex:1}.shortlist-actions{padding:10px 12px}}
