.contact-contract-badge{display:inline-block;padding:4px 8px;margin:2px;border:1px solid #62964355;border-radius:6px;background:#62964315;color:var(--ink);font-size:12px;font-weight:600;overflow-wrap:anywhere;max-width:220px}.contact-contract-field{grid-column:1/-1}.contact-contract-field small{font-size:12px;line-height:1.6;color:var(--muted);font-weight:400}.contract-routing{grid-column:1/-1;min-width:0;width:100%}.contract-route-row{border:1px solid var(--line);border-radius:9px;padding:16px;margin-block:14px;background:var(--bg);min-width:0}.contract-rule-head{display:flex;align-items:center;gap:18px;justify-content:space-between}.contract-rule-head>.field{flex:1;min-width:0;max-width:500px}.contract-rule-actions{display:flex;gap:7px;flex-wrap:nowrap}.contract-route-row .route-destination-fields{width:100%;min-width:0}.contract-route-row select{max-width:100%;min-width:0}.contract-route-row .route-destination-title{font-size:12px;margin-top:10px}@media(max-width:800px){.contract-rule-head{align-items:stretch;flex-direction:column}.contract-rule-head>.field{max-width:none}.contract-rule-actions{justify-content:flex-end}}

.contract-rule-match{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:16px;flex:1;min-width:0;max-width:720px}.contract-rule-match>.field{min-width:0}.contract-rule-match small{font-size:11px;line-height:1.5;color:var(--muted);font-weight:400}.contract-rule-match [hidden]{display:none}@media(max-width:800px){.contract-rule-match{max-width:none;grid-template-columns:1fr}}

.contract-route-row{padding:0;margin-block:10px}.contract-rule-summary{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;color:var(--ink)}.contract-rule-summary::-webkit-details-marker{display:none}.contract-rule-summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.contract-rule-position{display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:650;color:var(--muted)}.contract-rule-overview{min-width:0;flex:1;overflow-wrap:anywhere}.contract-rule-overview strong{font-size:13px;font-weight:650}.contract-rule-overview small{display:block;font-size:11.5px;line-height:1.5;color:var(--muted);margin-top:3px}.contract-rule-chevron{flex:none;transform:rotate(0);transition:transform .15s ease;color:var(--muted)}.contract-route-row[open]>.contract-rule-summary .contract-rule-chevron{transform:rotate(90deg)}.contract-rule-body{padding:16px;border-top:1px solid var(--line)}

.contract-time-group{margin-top:20px;padding-block:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.contract-time-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.contract-time-heading strong{font-size:13px}.contract-time-mode{max-width:470px}.contract-time-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;align-items:end;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px}.contract-time-row>.field{min-width:0;margin:0}.contract-time-row>.button{margin-bottom:0;white-space:nowrap}.contract-time-group [hidden]{display:none}@media(max-width:800px){.contract-time-row{grid-template-columns:minmax(0,1fr)}.contract-time-row>.button{justify-self:end}.contract-time-heading{align-items:start;flex-wrap:wrap}}

.contract-rule-summary .contract-rule-delete{flex:none;white-space:nowrap;margin:0}.contract-rule-delete .icon{width:15px;height:15px}@media(max-width:600px){.contract-rule-delete span{display:none}.contract-rule-summary .contract-rule-delete{padding:8px}}