:root {
 color-scheme: light;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 color: #243d33;
 background: #f6f8f7;
 font-size: 14px;
 --green: #187951;
 --line: #e4eae6;
 --muted: #7a8980;
 }

* {
 box-sizing: border-box;
 }
 body {
 margin: 0;
 }
 button, input {
 font: inherit;
 }
 button {
 cursor: pointer;
 border: 0;
 border-radius: 10px;
 padding: 11px 17px;
 font-weight: 600;
 transition: background .15s;
 }
 button:disabled {
 opacity: .45;
 cursor: default;
 }
 button:focus-visible, input:focus-visible, summary:focus-visible {
 outline: 3px solid #a8d9ba;
 outline-offset: 3px;
 }
 input {
 border: 1px solid #dce4de;
 border-radius: 9px;
 padding: 11px;
 color: #243d33;
 background: #fff;
 }
 input[type=checkbox] {
 width: 17px;
 height: 17px;
 accent-color: var(--green);
 cursor: pointer;
 }
 label {
 font-size: 12px;
 font-weight: 600;
 }
 h1, h2, h3, p {
 margin-top: 0;
 }
 h1 {
 font-size: 29px;
 font-weight: 650;
 letter-spacing: -.9px;
 margin-bottom: 9px;
 }
 h2 {
 font-size: 17px;
 font-weight: 650;
 margin-bottom: 0;
 }
 h3 {
 font-size: 15px;
 margin-bottom: 5px;
 }
 [hidden] {
 display: none !important;
 }

.wordmark {
 font-size: 37px;
 font-weight: 700;
 letter-spacing: -2px;
 color: var(--green);
 display: flex;
 align-items: baseline;
 gap: 8px;
 }
 .wordmark span {
 font-size: 13px;
 font-weight: 450;
 letter-spacing: .1px;
 color: #7d8d82;
 }
 .eyebrow {
 color: var(--green);
 font-size: 10px;
 letter-spacing: 1.7px;
 font-weight: 700;
 margin-bottom: 12px;
 }
 .muted, .fine {
 color: var(--muted);
 }
 .fine {
 font-size: 12px;
 line-height: 1.6;
 }
 .primary {
 background: var(--green);
 color: white;
 }
 .primary:hover:not(:disabled) {
 background: #105d3d;
 }
 .secondary {
 background: #fff;
 border: 1px solid #dfe6e1;
 color: #365444;
 }
 .secondary:hover {
 background: #eff6f1;
 }
 .quiet {
 background: transparent;
 color: var(--green);
 font-size: 12px;
 padding: 8px;
 }
 .quiet:hover {
 background: #eaf3ed;
 }

.login-screen {
 min-height: 100vh;
 display: grid;
 place-items: center;
 background: radial-gradient(ellipse at 25% 25%,#edf6ef 0, transparent 60%),#f7f9f7;
 padding: 24px;
 }
 .login-card {
 max-width: 440px;
 width: 100%;
 padding: 42px;
 background: white;
 border: 1px solid var(--line);
 border-radius: 25px;
 box-shadow: 0 14px 70px #24483408;
 }
 .login-card .wordmark {
 margin-bottom: 36px;
 }
 .login-card h1 {
 font-size: 28px;
 }
 .login-card label {
 display: block;
 margin: 22px 0 8px;
 }
 .login-card input {
 width: 100%;
 }
 .login-card .primary {
 width: 100%;
 margin-top: 28px;
 display: flex;
 justify-content: space-between;
 }
 .login-card .fine {
 margin: 25px 0 0;
 font-size: 11px;
 }
 #login-error {
 color: #ab433d;
 font-size: 12px;
 margin: 14px 0 0;
 }

.sidebar {
 position: fixed;
 width: 210px;
 top: 0;
 left: 0;
 bottom: 0;
 background: #fff;
 border-right: 1px solid var(--line);
 padding: 29px 20px;
 }
 .sidebar .wordmark {
 margin-left: 12px;
 margin-bottom: 53px;
 }
 .nav-caption {
 font-size: 10px;
 color: #a0aaa3;
 letter-spacing: 1.5px;
 margin-left: 14px;
 }
 .nav {
 display: flex;
 align-items: center;
 gap: 12px;
 width: 100%;
 background: transparent;
 color: #819086;
 text-align: left;
 margin: 5px 0;
 font-size: 17px;
 }
 .nav span {
 font-size: 13px;
 }
 .nav.active {
 color: #22744e;
 background: #edf5ef;
 }
 .sidebar-bottom {
 position: absolute;
 bottom: 27px;
 left: 30px;
 font-size: 11px;
 color: #6a8372;
 }
 .sidebar-bottom p {
 font-size: 10px;
 color: #9aa69d;
 margin: 9px 0 0;
 }
 .connection-dot {
 display: inline-block;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #66a27a;
 margin-right: 5px;
 }
 .page {
 margin-left: 210px;
 }
 header {
 height: 75px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 40px;
 background: white;
 border-bottom: 1px solid var(--line);
 }
 .breadcrumb {
 font-size: 12px;
 color: #87948b;
 }
 .breadcrumb span {
 margin: 0 13px;
 color: #bcc6be;
 }
 .breadcrumb strong {
 font-weight: 500;
 color: #3e5546;
 }
 .user-menu {
 display: flex;
 align-items: center;
 gap: 14px;
 font-size: 12px;
 }
 .environment {
 padding: 9px 40px;
 background: #f0f5ed;
 color: #658255;
 font-size: 11px;
 border-bottom: 1px solid #e5eddf;
 }
 main {
 max-width: 1480px;
 margin: auto;
 padding: 36px 40px 15px;
 }
 .page-heading {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
 margin-bottom: 27px;
 }
 .page-heading .muted {
 margin-bottom: 0;
 font-size: 13px;
 }

.metrics {
 display: grid;
 grid-template-columns: repeat(3,1fr);
 gap: 16px;
 margin-bottom: 24px;
 }
 .metrics article {
 border: 1px solid var(--line);
 background: white;
 padding: 20px 23px;
 border-radius: 15px;
 }
 .metrics span {
 color: #6c7e70;
 font-size: 12px;
 display: block;
 }
 .metrics strong {
 display: block;
 font-weight: 600;
 font-size: 29px;
 color: #284f37;
 margin: 12px 0 8px;
 letter-spacing: -.8px;
 }
 .metrics small {
 font-size: 10px;
 color: #99a49c;
 }
 .approval-toolbar {
 background: #fff;
 border: 1px solid var(--line);
 border-radius: 13px;
 padding: 16px 20px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 15px;
 margin-bottom: 28px;
 }
 .approval-toolbar>div {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 13px;
 }
 .approval-toolbar label {
 color: #627867;
 }
 .approval-toolbar input {
 padding: 8px 10px;
 font-size: 12px;
 }

.columns {
 display: grid;
 grid-template-columns: repeat(2,minmax(0,1fr));
 gap: 24px;
 }
 .column-title, .column-title>div {
 display: flex;
 align-items: center;
 }
 .column-title {
 justify-content: space-between;
 margin-bottom: 17px;
 gap: 6px;
 }
 .column-title>div {
 gap: 9px;
 }
 .category-icon {
 border: 1px solid #dfe9e1;
 color: #6b947a;
 border-radius: 7px;
 width: 27px;
 height: 27px;
 display: grid;
 place-items: center;
 background: #fff;
 }
 .count {
 font-size: 10px;
 border-radius: 5px;
 background: #e7ede8;
 padding: 3px 6px;
 color: #6e8172;
 }
 .lot-list {
 display: grid;
 gap: 15px;
 }
 .lot {
 background: white;
 border: 1px solid var(--line);
 border-radius: 15px;
 padding: 21px;
 box-shadow: 0 3px 8px #24483402;
 }
 .lot-top, .lot-total, .lot-actions, .item-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 }
 .lot-top>div {
 display: flex;
 gap: 8px;
 align-items: center;
 }
 .lot-id {
 font-size: 10px;
 letter-spacing: .3px;
 color: #99a59c;
 }
 .badge {
 font-size: 10px;
 padding: 5px 8px;
 border-radius: 6px;
 background: #f0f3f1;
 color: #819287;
 white-space: nowrap;
 }
 .badge.waiting {
 color: #917844;
 background: #faf5e8;
 }
 .badge.done {
 color: #347b50;
 background: #edf6ee;
 }
 .badge.problem {
 color: #a25b4c;
 background: #fcf0eb;
 }
 .lot h3 {
 margin-top: 17px;
 font-weight: 600;
 }
 .lot .customer-detail {
 font-size: 11px;
 color: #a0aaa2;
 margin-bottom: 18px;
 }
 .lot-total {
 margin-bottom: 17px;
 }
 .lot-total span {
 font-size: 11px;
 color: #839187;
 }
 .lot-total strong {
 font-size: 25px;
 color: #284b34;
 font-weight: 600;
 letter-spacing: -.7px;
 }
 details {
 border-top: 1px solid #edf1ee;
 padding-top: 13px;
 font-size: 11px;
 color: #687b6d;
 }
 summary {
 cursor: pointer;
 }
 .item-row {
 border-bottom: 1px solid #f0f3f1;
 padding: 9px 0;
 align-items: start;
 }
 .item-row>span {
 flex: 1;
 }
 .item-row strong {
 font-weight: 500;
 white-space: nowrap;
 }
 .lot-actions {
 border-top: 1px solid #edf1ee;
 margin-top: 15px;
 padding-top: 14px;
 flex-wrap: wrap;
 }
 .lot-actions button {
 padding: 9px 13px;
 font-size: 11px;
 }
 .payment-link {
 font-size: 11px;
 color: var(--green);
 }
 .empty {
 border: 1px dashed #dfe6e0;
 border-radius: 15px;
 padding: 38px 20px;
 color: #97a59b;
 font-size: 12px;
 text-align: center;
 }
 .workflow-controls {
 margin-top: 28px;
 padding: 22px 0;
 border-top: 1px solid #e0e7e1;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 15px;
 }
 .workflow-controls h2 {
 font-size: 13px;
 margin-bottom: 6px;
 }
 .workflow-controls p {
 margin-bottom: 0;
 font-size: 11px;
 max-width: 430px;
 }
 .actions {
 display: flex;
 gap: 9px;
 }
 .actions button {
 font-size: 11px;
 }
 .notice {
 padding: 13px 18px;
 background: #e9f3eb;
 color: #396c47;
 font-size: 12px;
 border-radius: 10px;
 margin: 0 0 20px;
 }
 .notice.error {
 color: #a04338;
 background: #fcefea;
 }
 .history-card {
 background: white;
 border: 1px solid var(--line);
 border-radius: 15px;
 padding: 24px;
 }
 .section-heading {
 display: flex;
 justify-content: space-between;
 gap: 10px;
 margin-bottom: 15px;
 }
 .history-row {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 justify-content: space-between;
 padding: 14px 0;
 font-size: 12px;
 border-top: 1px solid var(--line);
 }
 .history-row small {
 color: #8a9b90;
 }
 footer {
 padding: 25px 0 9px;
 font-size: 10px;
 text-align: center;
 color: #98a59d;
 line-height: 1.7;
 }
 footer span {
 margin: 0 7px;
 }

@media(max-width:1150px) {
 .sidebar {
 width: 170px;
 padding: 25px 12px;
 }
 .page {
 margin-left: 170px;
 }
 main {
 padding: 28px 24px;
 }
 header {
 padding: 0 24px;
 }
 .environment {
 padding: 9px 24px;
 }
 .approval-toolbar>div {
 gap: 8px;
 }
 .approval-toolbar label {
 width: 100%;
 }
 .column-title .quiet {
 font-size: 10px;
 }
 }

@media(max-width:800px) {
 .sidebar {
 display: none;
 }
 .page {
 margin-left: 0;
 }
 header {
 padding: 0 18px;
 height: 60px;
 }
 .environment {
 padding: 9px 18px;
 }
 main {
 padding: 25px 16px;
 }
 h1 {
 font-size: 25px;
 }
 .metrics {
 gap: 8px;
 }
 .metrics article {
 padding: 15px 11px;
 }
 .metrics strong {
 font-size: 22px;
 }
 .metrics small {
 display: none;
 }
 .columns {
 grid-template-columns: 1fr;
 gap: 28px;
 }
 .approval-toolbar {
 padding: 15px;
 }
 .approval-toolbar .primary {
 font-size: 11px;
 }
 .breadcrumb {
 font-size: 10px;
 }
 .user-menu {
 gap: 5px;
 }
 .workflow-controls {
 align-items: start;
 }
 .page-heading .muted {
 font-size: 12px;
 }
 .page-heading {
 align-items: start;
 }
 }


.mobile-types {
 display: none;
 }

@media(max-width:800px) {
 .mobile-types {
 display:flex;
 gap:5px;
 background:#e9eee9;
 padding:4px;
 border-radius:10px;
 margin-bottom:20px;
 }
 .mobile-tab {
 flex:1;
 color:#66816d;
 background:transparent;
 }
 .mobile-tab[aria-selected=true] {
 color:var(--green);
 background:white;
 box-shadow:0 2px 6px #24483408;
 }
 body[data-kind=avulso] .billing-column[data-kind=mensal],body[data-kind=mensal] .billing-column[data-kind=avulso] {
 display:none;
 }
 .approval-toolbar {
 flex-wrap:wrap;
 }
 .approval-toolbar .primary {
 width:100%;
 }
 }


.auth-error { color:#ab433d; font-size:12px; margin-top:14px; }
.checkbox-label:not([hidden]) { display:flex!important; gap:8px; align-items:center; margin-top:15px; font-size:12px; }
.login-card input[type=checkbox] { width:16px; height:16px; }
#mfa-enrollment { text-align:center; margin:20px 0; }
#mfa-secret { display:block; font-size:12px; overflow-wrap:anywhere; padding:12px; user-select:all; }
#recovery-codes { font-size:13px; line-height:2; background:#f1f6f2; padding:16px; border-radius:10px; overflow:auto; user-select:all; }
#recovery-done { width:100%; }
.mobile-menu { display:none; }
.user-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0; border-top:1px solid var(--line); flex-wrap:wrap; }
.user-identity { min-width:180px; flex:1; }
.user-identity p { margin-bottom:5px; }
.user-badges { display:flex; gap:7px; flex-wrap:wrap; }
.user-actions { display:flex; gap:6px; flex-wrap:wrap; }
dialog { width:min(500px,92vw); border:1px solid var(--line); border-radius:20px; padding:28px; color:#243d33; }
dialog::backdrop { background:#173d2b55; }
dialog label { display:block; margin:17px 0 7px; }
dialog input:not([type=checkbox]),dialog select { width:100%; padding:11px; border:1px solid #dce4de; border-radius:9px; color:#243d33; background:white; font:inherit; }
dialog .primary { margin-top:15px; }
@media(max-width:800px) { .mobile-menu { display:flex; gap:8px; padding:8px 12px; background:white; border-bottom:1px solid var(--line); } .user-menu .badge { display:none; } .user-menu { font-size:10px; } .user-actions { width:100%; } #users-view .section-heading { flex-wrap:wrap; } .login-card { padding:28px; } }
.connection-card { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.message-heading { margin:28px 0 16px; }
.message-heading .count { align-self:center; height:30px; min-width:30px; display:grid; place-items:center; }
.message-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.message-card { padding:24px; border:1px solid var(--line); border-radius:18px; background:white; min-width:0; }
.message-card .section-heading { align-items:flex-start; flex-wrap:wrap; gap:10px; }
.message-preview { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:13px; line-height:1.8; padding:20px; background:#f2f7f3; border-radius:12px; margin:18px 0; }
.message-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.message-actions input { max-width:100%; min-width:0; border:1px solid var(--line); border-radius:9px; padding:10px; font:inherit; }
.message-id { overflow-wrap:anywhere; }
@media(max-width:800px) { .message-list { grid-template-columns:1fr; } .message-card { padding:18px; } .mobile-menu { flex-wrap:wrap; } }
.parameter-summary { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; }
.parameter-tabs { display:flex; gap:8px; overflow-x:auto; padding:18px 0; }
.parameter-tabs button { flex-shrink:0; }
.settings-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:start}.settings-groups{display:flex;flex-direction:column;gap:6px;padding:10px;background:white;border:1px solid var(--line);border-radius:16px;position:sticky;top:24px}.settings-group{padding:13px 15px;background:transparent;color:var(--muted);text-align:left;border-radius:10px;font:inherit;font-size:13px}.settings-group[aria-current=page]{background:#e4f4eb;color:#176342;font-weight:650}.settings-main{min-width:0}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.settings-heading h2{font-size:22px;margin:0}.settings-main .parameter-tabs{flex-wrap:wrap;overflow:visible;padding:16px 0 22px}.settings-main .parameter-tabs button{font-size:12px;padding:10px 13px}.settings-main #parameter-form:has(#parameter-fields:empty){display:none}.settings-main #users-view,.settings-main #history-view{margin:0}.settings-group:focus-visible{outline:2px solid #1b8057;outline-offset:2px}@media(max-width:800px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:20px}.settings-groups{position:static;display:grid;grid-template-columns:1fr 1fr;padding:6px}.settings-group{text-align:center}.settings-main .parameter-tabs{gap:6px}.settings-main .parameter-tabs button{white-space:normal}.settings-heading h2{font-size:20px}}
.parameter-section h2 { margin-bottom:10px; }
.parameter-field { display:flex; flex-direction:column; gap:8px; font-size:12px; min-width:0; margin:12px 0; }
.parameter-field input,.parameter-field select { width:100%; min-width:0; font:inherit; font-size:13px; border:1px solid var(--line); border-radius:9px; padding:11px; background:white; color:#243d33; }
.freight-row { display:grid; grid-template-columns:minmax(120px,1fr) 1fr 1fr auto; align-items:center; gap:16px; border-bottom:1px solid var(--line); padding:12px 0; }
.freight-row strong { font-size:13px; }
.calendar-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:22px 0; }
.calendar-day,.routine-card { border:1px solid var(--line); border-radius:14px; padding:18px; margin-bottom:14px; }
.calendar-day .checkbox-label { margin-top:0; font-weight:600; }
.period-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.period-row .parameter-field { flex:1; min-width:100px; }
.routine-days { display:flex; flex-wrap:wrap; gap:6px 16px; margin-bottom:18px; }
.routine-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }
.parameter-save { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:26px; padding-top:16px; border-top:1px solid var(--line); }
.parameter-save .auth-error { max-width:65%; }
#freight-dialog { width:min(860px,94vw); }
@media(max-width:800px) { .calendar-grid,.routine-grid { grid-template-columns:1fr; } .freight-row { grid-template-columns:1fr 1fr; gap:8px; } .freight-row>strong { grid-column:1/-1; } .parameter-save { flex-direction:column; align-items:stretch; } .parameter-save .auth-error { max-width:100%; } .parameter-tabs { max-width:100%; } }

.billing-stage { margin:24px 0; padding:20px; background:white; border:1px solid var(--line); border-radius:14px; }
.billing-stage>summary { cursor:pointer; font-weight:650; font-size:15px; }
.billing-stage>p { margin:16px 0; }
.billing-stage section { margin-top:24px; }
.billing-stage h2 { font-size:16px; margin-bottom:14px; }
.stage-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.billing-kanban { display:grid; grid-template-columns:repeat(4,minmax(220px,1fr)); gap:14px; overflow-x:auto; align-items:start; padding-bottom:8px; }
.billing-kanban .kanban-column { margin:16px 0 0; padding:12px; background:#f3f6f4; border-radius:12px; min-width:0; }
.billing-kanban h2 { font-size:12px; min-height:34px; margin:0 0 10px; line-height:1.6; }
.kanban-list { display:flex; flex-direction:column; gap:10px; max-height:580px; overflow-y:auto; }
.kanban-list .empty { font-size:12px; padding:20px 8px; }
.kanban-card { background:white; border:1px solid #e1e7e2; padding:13px; border-radius:10px; min-width:0; }
.kanban-card h3 { font-size:13px; margin:8px 0; overflow-wrap:anywhere; }
.kanban-value { font-size:18px; color:#21694b; }
.kanban-card p { font-size:11px; margin:8px 0; }
.kanban-card details { font-size:11px; border-top:1px solid #edf0ed; padding-top:8px; }
.kanban-card summary { cursor:pointer; }
.kanban-card button { font-size:11px; margin-top:8px; }
@media(max-width:820px) { .stage-list { grid-template-columns:minmax(0,1fr); } .billing-stage { padding:16px; } }
body[data-operation-paused="true"] .environment { display: block; }

.operation-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.operation-panel[hidden] { display:none; }
.operation-panel h2 { margin:4px 0; }
.operation-panel .fine { max-width:650px; }
#operation-dialog .actions { justify-content:flex-end; align-items:baseline; flex-wrap:wrap; }
@media(max-width:600px) { .operation-panel { align-items:stretch; flex-direction:column; } }

/* Negativa: formulário pequeno, controles legíveis e rolagem apenas dentro do modal. */
.denial-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto}
.denial-dialog>label{display:flex;flex-direction:column;gap:7px;margin:14px 0}
.denial-dialog input[readonly]{background:#f2f5f3;color:#45524b}
/* A execução mais recente permanece recolhida até a escolha do gestor. */
.routine-log { margin-top: 14px; border-top: 1px solid var(--line, #dce7e0); padding-top: 12px; }
.routine-log summary { cursor: pointer; font-weight: 600; color: var(--green, #176b4b); }
.routine-log ul { padding-left: 20px; max-height: 320px; overflow-y: auto; }
.routine-log li { margin-bottom: 8px; overflow-wrap: anywhere; }
.billing-search { margin: 0 0 20px; }
.billing-search label { display: block; font-weight: 600; margin-bottom: 8px; }
.billing-search input { width: min(100%, 540px); }

/* Agenda operacional e planejamento, com rolagem independente no celular. */
.agenda-view-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.agenda-view-tabs [aria-selected="true"]{background:var(--green,#177b5a);color:white}.agenda-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.agenda-group{margin-bottom:1.5rem}.agenda-window{border:1px solid #d9e6df;border-radius:14px;padding:1rem;min-width:0;margin:.8rem 0}.agenda-window label{display:block;margin:.5rem 0}.agenda-window select{width:100%}.booking-dialog,.route-send-dialog{max-width:740px;width:calc(100vw - 2rem);max-height:90dvh;overflow-y:auto;box-sizing:border-box}.route-stops{display:grid;gap:.7rem;margin:1rem 0}.route-stop{padding:1rem;border:1px solid #d9e6df;background:white;border-radius:14px;cursor:grab}.route-stop p{margin:.4rem 0;overflow-wrap:anywhere}.route-recipients{display:flex;gap:.5rem;flex-wrap:wrap;max-height:180px;overflow:auto}.route-send-dialog .message-preview{max-height:260px;overflow:auto}.shared-route{max-width:860px;padding:1rem;margin:auto}.shared-route a{overflow-wrap:anywhere}.quote-agenda fieldset{padding:.7rem}.quote-agenda legend{font-weight:600}
@media(max-width:600px){.booking-dialog,.route-send-dialog{width:calc(100vw - 1rem);padding:1rem}.agenda-view-tabs button{flex:1 1 110px}.route-stop button{min-width:44px;min-height:44px}}