/* BIOCARMES shared presentation. Input types, names and actions are unchanged. */
@font-face{font-family:Cabin;src:url('Cabin-variable.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--bc-gradient:linear-gradient(110deg,#40BAFF 0%,#5C70F7 100%);--bc-title-font:Cabin,Arial,sans-serif;--bc-text-font:Cabin,Arial,sans-serif;--bc-button-shadow:0 7px 18px #467cef24}
body,body[data-app="courier"]{font-family:var(--bc-text-font)}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,legend,.place-title{font-family:var(--bc-title-font)}
#courierApp{--bc-gradient:linear-gradient(110deg,#40BAFF 0%,#5C70F7 100%)}
/* The same two-stop gradient is used on every filled blue action. */
body .btn.primary,body .primary,body #journeyModal .primary,
body[data-app="courier"] #journeyModal .primary,
body[data-app="courier"] #detailModal .primary,
body[data-app="courier"] #actionConfirm .primary,
#courierApp .bc-tour-picker .primary,#courierApp .bc-picker-tabs .primary,
#courierApp #journeyHost .bc-stage-primary,#courierApp .pool-panel .primary,
#courierApp #journeyHost .filters button.selected,
#courierApp #journeyHost .period-tabs button.selected,
body[data-app="courier"] .notes-head .add-note,
#qrScanModal .bc-scan-actions button.primary,
#journeyModal .bc-dialog-action{
 background:var(--bc-gradient);color:white;border:1px solid #429dff;border-radius:14px;
 box-shadow:var(--bc-button-shadow);font-weight:700;text-shadow:0 1px 2px #2047873d;
 transition:box-shadow .15s,filter .15s,transform .15s;
}
#courierApp .bc-bottom-nav .bc-scan-button{background:var(--bc-gradient)}
body .btn{border-radius:13px;min-height:42px;padding:11px 16px;box-shadow:0 3px 10px #315a8610;font-family:var(--bc-text-font)}
body .btn:not(.primary):not(.danger){border-color:#d3e0f6;background:#fff;color:#42638f}
body .btn.danger{border-color:#f0d6d6;background:#fff6f6;color:#a83d39}
body .btn:disabled,body .primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
body .btn:focus-visible,#journeyModal button:focus-visible,#journeyModal input:focus-visible{outline:3px solid #173d9c;outline-offset:3px}
@media(hover:hover){body .primary:not(:disabled):hover,#journeyModal .bc-dialog-action:not(:disabled):hover{filter:brightness(.97);box-shadow:0 9px 23px #467cef35}}
/* Shared step dialog, including Mon passage and En attente d'envoi. */
body #journeyModal,body[data-app="courier"] #journeyModal{
 width:calc(100% - 28px);max-width:510px;max-height:92dvh;padding:26px 25px;
 border:1px solid #e4edff;border-radius:25px;background:linear-gradient(145deg,#fff,#fbfdff);
 box-shadow:0 18px 60px #4278bd24;color:#101b39;font-family:var(--bc-text-font);font-size:16px;
}
body #journeyModal::backdrop{background:#172b4d65;backdrop-filter:blur(4px)}
#journeyModal .bc-dialog-brand{position:relative;display:flex;justify-content:center;align-items:center;min-height:70px;margin:0 0 27px;padding:0 48px}
#journeyModal .bc-dialog-brand img{display:block;width:205px;max-width:100%;height:auto}
body #journeyModal .bc-dialog-brand .iconbtn{position:absolute;right:-6px;top:-8px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:1px solid #c6d7ff;border-radius:50%;background:#f8fbff;color:#51658f;font-size:28px;box-shadow:0 0 0 3px #e6eeff,inset 0 0 0 3px white;padding:0}
body #journeyModal .dialog-top{margin:0 0 17px;display:block}
body #journeyModal .dialog-top h2{font-family:var(--bc-title-font);font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-.65px;margin:0}
#journeyModal .pill{padding:8px 12px;border-radius:11px;background:#eaf3ff;color:#225bf5;font-size:15px;line-height:1.3;font-weight:600;margin-bottom:17px}
#journeyModal .pill.done{background:#e4f9ed;color:#158345}
#journeyModal .pill.issue{background:#fff2df;color:#975400}
#journeyModal .bc-dialog-place{display:flex;align-items:flex-start;gap:13px;margin:3px 0 22px;min-width:0}
#journeyModal .bc-dialog-place>div{min-width:0;flex:1}
#journeyModal .bc-dialog-place .bc-place-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#eaf4ff;color:#316dff}
#journeyModal .bc-place-icon svg{width:28px;height:28px;display:block}
#journeyModal .bc-place-icon img{width:36px;height:36px;object-fit:contain}
#journeyModal .place-title{font-family:var(--bc-title-font);font-size:23px;line-height:1.2;font-weight:700;margin:0 0 7px;overflow-wrap:anywhere}
#journeyModal .bc-dialog-place .sub{font-size:16px;line-height:1.55;color:#536d96;margin:0;overflow-wrap:anywhere}
#journeyModal .note{position:relative;margin:16px 0;padding:17px 17px 17px 53px;background:#f0f5ff;border:1px solid #edf3ff;border-radius:16px;color:#49638a;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
#journeyModal .note:before{content:'i';position:absolute;left:17px;top:19px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--bc-gradient);color:white;font-family:var(--bc-title-font);font-style:normal;font-size:18px;font-weight:700;box-shadow:0 2px 5px #487afc2b}
#journeyModal .v3-call{background:#e5faf0;border:1px solid #dff5e9;border-radius:16px;padding:17px;color:#0e813e;font-size:17px;line-height:1.5;margin:15px 0}
#journeyModal .v3-call span{font-size:15px}
#journeyModal .primary,#journeyModal .secondary{min-height:54px;padding:14px 16px;border-radius:14px;font-size:17px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
#journeyModal .bc-dialog-action{margin:13px 0 0}
#journeyModal .secondary:not(.bc-dialog-action){border:1px solid #d7e3f8;color:#506487;background:#fff;box-shadow:0 3px 12px #47719b0a}
#journeyModal .bc-passage-choices{border:0;padding:0;margin:25px 0 20px;min-width:0}
#journeyModal .bc-passage-choices legend{font-size:20px;line-height:1.3;font-weight:700;margin:0 0 13px;padding:0;color:#14213d}
#journeyModal .bc-passage-choices .options{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#journeyModal .bc-passage-choices .option{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:64px;padding:13px 10px;margin:0;border:1px solid #429dff;border-radius:14px;background:var(--bc-gradient);color:white;font-size:16px;line-height:1.3;font-weight:700;box-shadow:var(--bc-button-shadow);cursor:pointer;text-shadow:0 1px 2px #2047873d}
#journeyModal .bc-passage-choices input{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#journeyModal .bc-choice-icon{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:white;color:#346fff;font-size:23px;font-weight:700;line-height:1;text-shadow:none}
body #journeyModal .bc-passage-choices .option:has(input:checked){background:var(--bc-gradient);color:white;outline:3px solid #234cb6;outline-offset:3px;box-shadow:0 8px 20px #3869d83b}
#journeyModal .bc-passage-choices .option:has(input:checked) .bc-choice-icon{background:#1644b5;color:white;box-shadow:0 0 0 2px #fff}
#journeyModal .bc-passage-choices .option:has(input:focus-visible){outline:3px dashed #172f72;outline-offset:4px}
#journeyModal .bc-passage-choices .option:has(input:disabled){opacity:.5;cursor:not-allowed}
#journeyModal label[for="visit-note"]{display:block;font-size:16px;color:#52698b;margin:22px 0 9px}
#journeyModal .v3-visit-note{min-height:90px;border:1px solid #d5e2f9;border-radius:15px;background:#ffffff;color:#172342;padding:15px;font:inherit;line-height:1.5;box-shadow:inset 0 1px 2px #6583a305}
#journeyModal .v3-visit-note::placeholder{color:#849abe}
#journeyModal #passage>.sub{font-size:14px;margin:12px 0;color:#637a9b;line-height:1.5}
#journeyModal .detailrow{border-color:#e1eafb}
@media(max-width:400px){body #journeyModal,body[data-app="courier"] #journeyModal{padding:22px 18px;width:calc(100% - 18px)}#journeyModal .bc-dialog-brand{padding:0 44px;min-height:59px;margin-bottom:24px}#journeyModal .bc-dialog-brand img{width:190px}#journeyModal .bc-passage-choices .options{gap:10px}#journeyModal .bc-passage-choices .option{font-size:14px;gap:7px;padding:12px 8px}#journeyModal .bc-choice-icon{flex-basis:25px;width:25px;height:25px;font-size:21px}#journeyModal .place-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){body .btn,body .primary,#journeyModal .bc-dialog-action{transition:none}}
