/* Orders area - global part: the "new order / quote" dialog (script: includes/scripts/ux/30-orders.js). Page styles are in css/orders/docs.css. */
.fn-modal { position: fixed; inset: 0; z-index: 650000; background: rgba(8, 25, 40, .5); backdrop-filter: blur(2px); display: flex; align-items: flex-start; justify-content: center; padding: 12vh 16px 16px; }
.fn-box { position: relative; background: #fff; border-radius: 18px; padding: 24px; width: min(520px, 100%); box-shadow: 0 30px 80px rgba(8, 47, 73, .35); }
.fn-box h3 { font-size: 20px; margin: 0 0 4px; }
.fn-box p { color: #5b6b7d; margin: 0 0 14px; }
.fn-x { position: absolute; right: 14px; top: 12px; border: 0; background: #f1f5f9; width: 34px; height: 34px; border-radius: 10px; font-size: 20px; line-height: 1; cursor: pointer; }
.fn-input { min-height: 46px; border-radius: 12px; font-size: 15px; border-width: 2px; border-color: #c9e8f7; }
.fn-list { margin-top: 10px; max-height: 320px; overflow: auto; }
.fn-list.is-busy { opacity: .5; pointer-events: none; }
.fn-opt { padding: 10px 12px; border-radius: 10px; cursor: pointer; display: flex; flex-direction: column; }
.fn-opt b { font-size: 14.5px; }
.fn-opt span { font-size: 12px; color: #6b7689; }
.fn-opt.is-active, .fn-opt:hover { background: #e9f6fd; }
.fn-add { flex-direction: row; gap: 8px; align-items: center; color: #0369a1; font-weight: 600; border-top: 1px solid #eef1f6; border-radius: 0 0 10px 10px; margin-top: 4px; }
.fn-none { padding: 14px 6px; color: #6b7689; }