/* Compact request queue and the existing request/decision forms. */
.outbound-list-heading,.outbound-list-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr) 142px;align-items:center;gap:22px;padding:14px 24px}
.outbound-list-heading{background:#f8faf9;border-block:1px solid #e7f0ec;color:#5f7066;font-size:calc(11px + var(--desktop-font-increase, 0px));font-weight:650}
.outbound-list-heading>span:last-child{text-align:center}
.outbound-entry{border-bottom:1px solid #e7f0ec}
.outbound-entry:last-child{border-bottom:0}
.outbound-list-row{min-height:92px;list-style:none;cursor:pointer;transition:background .15s;font-size:calc(13px + var(--desktop-font-increase, 0px))}
.outbound-list-row::-webkit-details-marker{display:none}
.outbound-list-row:hover,.outbound-entry[open]>.outbound-list-row{background:#fafcfb}
.outbound-list-row:focus-visible{outline:2px solid #89b79b;outline-offset:-3px}
.outbound-company,.outbound-country,.outbound-count{min-width:0;overflow-wrap:anywhere}
.outbound-company{color:#2a523f;font-weight:700}
.outbound-country>small{display:none}
.outbound-count>small{display:inline;color:#5f7066;font-size:calc(10px + var(--desktop-font-increase, 0px));margin-right:7px}
.outbound-count>strong{font-weight:600;font-size:calc(12px + var(--desktop-font-increase, 0px));white-space:nowrap}
.outbound-row-actions{display:flex;flex-direction:column;align-items:center;gap:8px;justify-self:end;min-width:142px}
.outbound-decision-buttons{display:flex;gap:6px}
.outbound-decision-buttons .btn{min-height:31px;padding:5px 15px;font-size:calc(11px + var(--desktop-font-increase, 0px));line-height:1.5}
.outbound-expand{display:flex;align-items:center;justify-content:center;gap:5px;color:#5f7066;font-size:calc(9px + var(--desktop-font-increase, 0px));line-height:1.5}
.outbound-expand>.icon{width:15px;height:15px;transition:transform .18s}
.outbound-entry[open] .outbound-expand>.icon{transform:rotate(180deg)}
.outbound-expanded{padding:24px 30px 20px;border-top:1px solid #e7f0ec;background:#fdfdfd;overflow-wrap:anywhere}
.outbound-detail-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:16px;margin-top:24px;border-top:1px solid #dee7e0;font-size:calc(11px + var(--desktop-font-increase, 0px));color:#5f7066}
.outbound-detail-footer>span{flex-shrink:0}
.outbound-detail-footer>strong{font-weight:600;color:#2b644a;text-align:right;overflow-wrap:anywhere}
.badge.outbound-pending{background:#edf3ff;color:#245fc7}
.badge.outbound-accepted{background:#e7f4ee;color:#176b4d}
.badge.outbound-cancelled{background:#f1f3f7;color:#64748b}
.outbound-intro{display:flex;gap:10px;padding:16px 24px;color:#5f7066;font-size:calc(12px + var(--desktop-font-increase, 0px));line-height:1.8;align-items:flex-start}
.outbound-intro>.icon{color:#0f4c3a;flex-shrink:0;margin-top:2px}
.outbound-item-row{display:grid;grid-template-columns:minmax(0,1fr) 95px 28px;gap:10px;align-items:start;border:1px solid #dee7e0;border-radius:8px;padding:14px;margin-bottom:12px}
.outbound-item-row .field{min-width:0}
.outbound-item-row select{width:100%;min-width:0;text-overflow:ellipsis}
.outbound-remove{margin-top:27px;width:28px;height:36px}
.outbound-status{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:calc(12px + var(--desktop-font-increase, 0px));color:#5f7066}
.outbound-detail-items{border:1px solid #dee7e0;border-radius:8px;overflow:hidden;margin-bottom:18px;background:#fff}
.outbound-detail-item{padding:17px;border-top:1px solid #eaf2ee;font-size:calc(13px + var(--desktop-font-increase, 0px));overflow-wrap:anywhere}
.outbound-detail-item:first-child{border-top:0}
.outbound-detail-item small{display:block;font-size:calc(11px + var(--desktop-font-increase, 0px));color:#5f7066;margin-top:6px;overflow-wrap:anywhere}
.outbound-detail-item dl{display:flex;gap:32px;margin:16px 0 0;font-size:calc(12px + var(--desktop-font-increase, 0px))}
.outbound-detail-item dl>div{display:flex;gap:10px}
.outbound-detail-item dt{color:#5f7066}
.outbound-detail-item dd{margin:0;font-weight:700}
.outbound-reason{padding:14px 16px;background:#f4f8f6;border-radius:7px;margin:14px 0;font-size:calc(12px + var(--desktop-font-increase, 0px));overflow-wrap:anywhere}
.outbound-reason>strong{font-size:calc(11px + var(--desktop-font-increase, 0px));color:#5f7066}
.outbound-reason>p{margin:7px 0 0;line-height:1.85}
.field .outbound-reason-help{display:flex;justify-content:space-between;gap:15px}
.outbound-reason-help output{white-space:nowrap}
.outbound-items{min-width:0}
@media(max-width:1100px){.outbound-list-heading,.outbound-list-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) 120px;gap:15px;padding-inline:20px}.outbound-row-actions{min-width:120px}.outbound-count>small{display:block;margin:0 0 4px}}
@media(max-width:760px){
 .outbound-list-heading{display:none}
 .outbound-list-row{grid-template-columns:minmax(0,1fr) 106px;grid-template-rows:auto auto;gap:8px 12px;padding:16px;min-height:104px}
 .outbound-company{grid-column:1;grid-row:1;font-size:calc(13px + var(--desktop-font-increase, 0px))}
 .outbound-country{grid-column:1;grid-row:2;font-size:calc(11px + var(--desktop-font-increase, 0px));padding-right:70px;align-self:start}
 .outbound-country>small{display:block;font-size:calc(9px + var(--desktop-font-increase, 0px));color:#5f7066;margin-bottom:3px}
 .outbound-count{grid-column:1;grid-row:2;justify-self:end;align-self:start;font-size:calc(10px + var(--desktop-font-increase, 0px))}
 .outbound-count>small{font-size:calc(9px + var(--desktop-font-increase, 0px));margin-bottom:3px}
 .outbound-count>strong{font-size:calc(10px + var(--desktop-font-increase, 0px))}
 .outbound-row-actions{grid-column:2;grid-row:1/3;min-width:106px;gap:10px}
 .outbound-decision-buttons{gap:5px}
 .outbound-decision-buttons .btn{min-height:32px;padding:6px 11px;font-size:calc(10px + var(--desktop-font-increase, 0px))}
 .outbound-expanded{padding:18px 14px}
 .outbound-intro{padding:15px;font-size:calc(11px + var(--desktop-font-increase, 0px))}
 .outbound-detail-footer{font-size:calc(10px + var(--desktop-font-increase, 0px));gap:14px}
 .outbound-item-row{grid-template-columns:minmax(0,1fr) 28px;padding:12px}
 .outbound-item-row>.field:first-child{grid-column:1/-1}
 .outbound-item-row>.field:nth-child(2){grid-column:1}
 .outbound-remove{grid-column:2;margin-top:27px}
 .outbound-detail-item{padding:13px}
 .outbound-detail-item dl{gap:15px;font-size:calc(11px + var(--desktop-font-increase, 0px));flex-wrap:wrap}
 .outbound-reason-help{font-size:calc(10px + var(--desktop-font-increase, 0px))}
 .outbound-status{flex-wrap:wrap}
}
