.zoat-order { margin: 24px 0; color: #23374d; }
.zoat-order h3 { font-size: 20px; margin: 0 0 18px; color: #23374d; }
.zoat-parcel { padding: 20px; margin: 14px 0; border: 1px solid #dce7ef; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px rgba(35,55,77,.04); }
.zoat-summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.zoat-number, .zoat-date, .zoat-checked, .zoat-error, .zoat-loading { display: block; line-height: 1.5; }
.zoat-number { font-weight: 600; margin-bottom: 8px; }
.zoat-date, .zoat-checked { color: #64748b; font-size: 12px; margin-top: 5px; }
.zoat-status { display: inline-block; padding: 7px 10px; border-radius: 7px; background: #edf2f7; }
.zoat-delivered { background: #dcfce7; color: #166534; }
.zoat-pickup { background: #fff1d6; color: #92400e; }
.zoat-transit { background: #e0f2fe; color: #075985; }
.zoat-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.zoat-button { border: 1px solid #cbd5e1; border-radius: 7px; padding: 8px 12px; background: #fff; color: #23374d; text-decoration: none; font: inherit; cursor: pointer; }
.zoat-button:hover { background: #e0f2fe; color: #075985; }
.zoat-button:disabled { opacity: .55; cursor: wait; }
.zoat-error { color: #a65a16; }.zoat-loading { color: #0891b2; }
.zoat-history { margin-top: 18px; }.zoat-pickup p { margin: 0; }
p.zoat-pickup { padding: 12px; border-radius: 7px; margin: 14px 0; }
.zoat-timeline { list-style: none; margin: 0 0 0 8px; padding: 0 0 0 24px; border-left: 2px solid #d9e6ee; }
.zoat-timeline li { position: relative; padding: 0 0 20px; }
.zoat-timeline li:before { content: ''; position: absolute; left: -31px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #91a5b8; border: 2px solid #fff; box-shadow: 0 0 0 1px #d9e6ee; }
.zoat-timeline li:first-child:before { background: #16a6bb; }
.zoat-timeline time, .zoat-timeline strong, .zoat-timeline span, .zoat-timeline small { display: block; line-height: 1.6; overflow-wrap: anywhere; }
.zoat-timeline time, .zoat-timeline small { font-size: 12px; color: #64748b; }
@media (max-width: 650px) { .zoat-summary { flex-direction: column; } .zoat-parcel { padding: 15px; } }
.zoat-launcher{display:flex;justify-content:flex-end;margin:0 0 14px;clear:both;}
.zoat-launcher .zoat-open{border-color:#00b8aa;color:#23374d;font-weight:600;}
.zoat-launcher .zoat-open:hover{background:#e5f8f5;}
.zoat-modal[hidden]{display:none!important;}
.zoat-modal{position:fixed;inset:0;z-index:11000;background:rgba(20,35,49,.58);display:flex;align-items:center;justify-content:center;padding:24px;font-family:Arial,sans-serif;color:#23374d;}
.zoat-modal,.zoat-modal *{box-sizing:border-box;}
.zoat-modal-dialog{width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.28);overflow:hidden;}
.zoat-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:3px solid #00c2b2;flex-shrink:0;}
.zoat-modal-header h2{margin:0!important;font-size:21px!important;line-height:1.4!important;color:#23374d;}
.zoat-modal-close{border:0;background:transparent;color:#64748b;font-size:30px;line-height:30px;padding:0 5px;cursor:pointer;}
.zoat-modal-body{padding:12px 24px 20px;overflow-y:auto;min-height:80px;font-size:14px;line-height:1.5;}
.zoat-modal-body .zoat-order{margin:0;border:0;box-shadow:none;padding:0;}
.zoat-modal-body .zoat-order>h3{display:none;}
.zoat-modal-body .zoat-parcel{padding:20px;font-size:14px;}
.zoat-modal-body .zoat-timeline strong{font-size:14px;}
.zoat-modal-footer{padding:12px 24px;border-top:1px solid #e4edf3;display:flex;justify-content:flex-end;flex-shrink:0;}
@media(max-width:650px){.zoat-modal{padding:10px;}.zoat-modal-dialog{max-height:95vh;}.zoat-modal-header{padding:14px;}.zoat-modal-header h2{font-size:18px!important;}.zoat-modal-body{padding:10px 14px;}.zoat-modal-body .zoat-parcel{padding:14px;}.zoat-modal-footer{padding:12px 14px;}}
@media print{.zoat-launcher,.zoat-modal{display:none!important;}}
.zoat-launcher{justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}.zoat-order-badges{display:flex;gap:10px;flex-wrap:wrap;}.zoat-order-badge{display:flex;flex-direction:column;gap:4px;max-width:420px;}.zoat-order-badge small{color:#64748b;}.zoat-order-badge .zoat-status{font-size:12px;white-space:normal;}
.zoat-alert-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0;}.zoat-alert-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #dce7ef;border-radius:10px;background:#f7fafc;color:#23374d;min-height:104px;}.zoat-alert-card strong{font-size:28px;}.zoat-alert-card:hover,.zoat-alert-card.zoat-selected{border-color:#00c2b2;background:#e9faf7;text-decoration:none;}.zoat-alert-incident,.zoat-alert-return{border-left:4px solid #dd5c5c;}.zoat-alert-attempt,.zoat-alert-stalled{border-left:4px solid #edb454;}.zoat-alert-pickup{border-left:4px solid #00c2b2;}.zoat-dashboard-pages{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;}.zoat-dashboard td{vertical-align:middle!important;}.zoat-dashboard small{color:#64748b;}

/* Dashboard category colours, scoped to preserve the native BO theme. */
.zoat-dashboard{border-top:3px solid #00c2b2!important;color:#23374d;}
.zoat-dashboard .zoat-alert-card{color:#23374d!important;box-shadow:0 3px 10px rgba(35,55,77,.05);transition:box-shadow .15s,transform .15s;}
.zoat-dashboard .zoat-alert-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(35,55,77,.12);}
.zoat-dashboard .zoat-alert-card.zoat-selected{outline:2px solid #23374d;outline-offset:2px;}
.zoat-dashboard .zoat-alert-incident{background:#fff0f0;border-color:#f0b8b8;}
.zoat-dashboard .zoat-alert-incident strong{color:#b52e38;}
.zoat-dashboard .zoat-alert-attempt{background:#fff5e9;border-color:#efc494;}
.zoat-dashboard .zoat-alert-attempt strong{color:#a35b12;}
.zoat-dashboard .zoat-alert-return{background:#f3efff;border-color:#c6b6eb;border-left-color:#8061bb;}
.zoat-dashboard .zoat-alert-return strong{color:#68469e;}
.zoat-dashboard .zoat-alert-pickup{background:#e7f8f5;border-color:#8edacf;}
.zoat-dashboard .zoat-alert-pickup strong{color:#08796f;}
.zoat-dashboard .zoat-alert-stalled{background:#fff8dc;border-color:#ead388;}
.zoat-dashboard .zoat-alert-stalled strong{color:#89620d;}
.zoat-dashboard .zoat-alert-sync{background:#eef3f8;border-color:#c4cfdb;border-left:4px solid #7a91aa;}
.zoat-dashboard .zoat-alert-sync strong{color:#4d647e;}
.zoat-dashboard .table thead th{background:#23374d;color:#fff;border-bottom:0;padding:12px 10px;}
.zoat-dashboard .table tbody td{padding:12px 10px;border-bottom:1px solid #e6edf3;}
.zoat-dashboard .table tbody tr:hover td{background:#f4faf9;}
.zoat-dashboard .table tbody tr td:first-child{border-left:4px solid transparent;}
.zoat-dashboard .zoat-row-incident td:first-child{border-left-color:#d95460!important;}
.zoat-dashboard .zoat-row-attempt td:first-child{border-left-color:#da953d!important;}
.zoat-dashboard .zoat-row-return td:first-child{border-left-color:#8061bb!important;}
.zoat-dashboard .zoat-row-pickup td:first-child{border-left-color:#00b8aa!important;}
.zoat-dashboard .zoat-row-stalled td:first-child{border-left-color:#d5b443!important;}
.zoat-dashboard .zoat-row-sync td:first-child{border-left-color:#7a91aa!important;}
.zoat-dashboard .zoat-status{white-space:normal;font-weight:600;padding:6px 10px;}
.zoat-dashboard .zoat-category-incident{background:#fce5e7;color:#a52732;}
.zoat-dashboard .zoat-category-attempt{background:#fff0dc;color:#925011;}
.zoat-dashboard .zoat-category-return,.zoat-return{background:#eee7fa;color:#68469e;}
.zoat-dashboard .zoat-category-pickup{background:#def6ef;color:#08796f;}
.zoat-dashboard .zoat-category-stalled{background:#fff4ca;color:#7a5b10;}
.zoat-dashboard .zoat-category-sync{background:#e8eef5;color:#4d647e;}

/* Chronopost CTA made more visible on the dashboard */
.zoat-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:12px;}
.zoat-dashboard-header h3{margin:0 0 10px;}
.zoat-dashboard-intro{flex:1 1 520px;min-width:280px;}
.zoat-dashboard-intro p{margin:0;}
.zoat-chrono-cta{display:flex;align-items:center;gap:14px;min-width:320px;max-width:460px;padding:16px 18px;border:1px solid #f2c39b;border-radius:12px;background:linear-gradient(135deg,#fff6ee 0%,#ffe8d6 100%);box-shadow:0 8px 22px rgba(220,120,34,.14);color:#8a4210!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;background-color .15s ease;}
.zoat-chrono-cta:hover,.zoat-chrono-cta:focus{transform:translateY(-1px);box-shadow:0 12px 26px rgba(220,120,34,.2);border-color:#e39d62;background:linear-gradient(135deg,#fff1e5 0%,#ffdfc3 100%);color:#7a3300!important;text-decoration:none!important;}
.zoat-chrono-cta-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#d66b12;font-size:22px;box-shadow:inset 0 0 0 1px rgba(214,107,18,.18);}
.zoat-chrono-cta-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}
.zoat-chrono-cta-title{font-size:18px;font-weight:700;line-height:1.2;}
.zoat-chrono-cta-subtitle{font-size:12px;line-height:1.45;color:#a65a16;}
.zoat-chrono-cta-arrow{margin-left:auto;font-size:28px;line-height:1;color:#d66b12;font-weight:700;}
@media (max-width: 768px){.zoat-dashboard-header{align-items:stretch;}.zoat-chrono-cta{min-width:0;width:100%;max-width:none;}}

/* Zoalitiges: internal dossier state, independent of the carrier status. */
.zoat-litige-block{margin-top:7px;max-width:330px;}
.zoat-litige-badge{display:inline-flex;flex-direction:column;gap:4px;border:1px solid;border-radius:7px;padding:8px 10px;line-height:1.4;text-decoration:none!important;overflow-wrap:anywhere;}
.zoat-litige-badge strong{font-size:12px;}.zoat-litige-badge span{font-size:11px;}
.zoat-litige-open{background:#fff1d6;border-color:#e2b35b;color:#79470c!important;}
.zoat-litige-open:hover{background:#ffe5b1;}
.zoat-litige-closed{background:#edf2f7;border-color:#cbd5e1;color:#475569!important;}
.zoat-litige-closed:hover{background:#dfe7ef;}
.zoat-litige-badge:focus{outline:2px solid #23374d;outline-offset:2px;}
.zoat-litige-none{color:#64748b;font-size:12px;}