/* * Facility Hire module styles. * * Extracted from includes/modules/facility-hire/module.php in v2.1.48.193 * to keep the module aligned with the shared FCM asset system while preserving * existing panel output and behaviour. */ .fcm-hire-panel{ --fcm-blue:#1e3094; --fcm-orange:#f86b08; --fcm-navy:#17224d; --fcm-bg:#f4f7fb; --fcm-border:#e6e8f0; --fcm-border-soft:#eceef5; --fcm-muted:#5d6689; font-family:Montserrat,Arial,sans-serif!important; color:var(--fcm-navy)!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; margin:0 0 28px!important; padding:0!important; background:transparent!important; } .fcm-hire-panel *, .fcm-hire-panel *::before, .fcm-hire-panel *::after{box-sizing:border-box!important} .fcm-hire-header{ margin:0 0 16px!important; padding:0!important; background:transparent!important; border:0!important; color:#fff!important; } .fcm-hire-header h2{ margin:0 0 6px!important; color:#fff!important; font-size:30px!important; line-height:1.12!important; font-weight:900!important; letter-spacing:-.02em!important; } .fcm-hire-header p{ margin:0!important; color:#fff!important; font-size:15px!important; line-height:1.45!important; font-weight:700!important; } .fcm-hire-admin-page .fcm-hire-header h2{color:var(--fcm-blue)!important} .fcm-hire-admin-page .fcm-hire-header p{color:var(--fcm-navy)!important} .fcm-hire-inner{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important} .fcm-hire-tabbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin:0 0 16px!important} .fcm-hire-tabs{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important;max-width:100%!important} .fcm-hire-tabs form,.fcm-hire-actions form{display:inline!important;margin:0!important;padding:0!important} .fcm-hire-tab{ appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; min-height:40px!important;padding:10px 14px!important;border-radius:5px!important;border:1px solid #fff!important;background:#fff!important;color:var(--fcm-blue)!important; font-family:Montserrat,Arial,sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important } .fcm-hire-tab:hover,.fcm-hire-tab:focus,.fcm-hire-tab.active{background:var(--fcm-orange)!important;border-color:var(--fcm-orange)!important;color:#fff!important;outline:none!important} .fcm-hire-scorecards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important} .fcm-hire-score,.fcm-hire-scorecard{min-width:0!important;min-height:86px!important;background:#fff!important;border:1px solid rgba(30,48,148,.14)!important;border-radius:10px!important;padding:16px!important;color:var(--fcm-blue)!important;box-shadow:0 8px 20px rgba(17,34,77,.08)!important} .fcm-hire-score span,.fcm-hire-scorecard span{display:block!important;margin:0 0 8px!important;color:var(--fcm-blue)!important;font-size:12px!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:900!important} .fcm-hire-score strong,.fcm-hire-scorecard strong{display:block!important;color:var(--fcm-blue)!important;font-size:25px!important;line-height:1.1!important;font-weight:900!important} .fcm-hire-card,.fcm-hire-table-wrap{background:#fff!important;color:var(--fcm-navy)!important;border:1px solid var(--fcm-border)!important;border-radius:10px!important;margin:0 0 16px!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(17,34,77,.08)!important} .fcm-hire-card h3{margin:0!important;background:#fff!important;color:var(--fcm-navy)!important;border-bottom:1px solid var(--fcm-border)!important;font-size:18px!important;line-height:1.2!important;font-weight:900!important;padding:14px 16px!important} .fcm-hire-card h4,.fcm-hire-panel h4{color:var(--fcm-blue)!important;font-family:Montserrat,Arial,sans-serif!important;font-weight:900!important;margin:18px 0 10px!important} .fcm-hire-card-body{padding:16px!important;background:#fff!important;color:var(--fcm-navy)!important} .fcm-hire-table-wrap.fcm-hire-desktop{margin:0!important;box-shadow:none!important} .fcm-hire-table{width:100%!important;border-collapse:collapse!important;border:0!important;margin:0!important;background:#fff!important;color:var(--fcm-navy)!important;font-size:14px!important} .fcm-hire-table th{background:#f4f5f9!important;color:var(--fcm-navy)!important;text-align:left!important;padding:12px 14px!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.03em!important;font-weight:900!important;border:0!important;vertical-align:middle!important;white-space:nowrap!important} .fcm-hire-table td{padding:13px 14px!important;border-top:1px solid var(--fcm-border-soft)!important;border-bottom:0!important;vertical-align:middle!important;color:var(--fcm-navy)!important;font-size:14px!important;font-weight:600!important} .fcm-hire-table tbody tr:hover td{background:#fafbff!important} .fcm-hire-table td:last-child{text-align:right!important;white-space:nowrap!important} .fcm-hire-empty{text-align:center!important;padding:24px 14px!important;color:var(--fcm-muted)!important;font-weight:800!important} .fcm-hire-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important} .fcm-hire-button,.fcm-hire-panel button.fcm-hire-button{ appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;border-radius:5px!important;border:1px solid var(--fcm-blue)!important;background:var(--fcm-blue)!important;color:#fff!important;padding:10px 14px!important;font-family:Montserrat,Arial,sans-serif!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transition:background-color .16s ease,color .16s ease,border-color .16s ease!important } .fcm-hire-button:hover,.fcm-hire-button:focus,.fcm-hire-panel button.fcm-hire-button:hover,.fcm-hire-panel button.fcm-hire-button:focus{background:var(--fcm-orange)!important;border-color:var(--fcm-orange)!important;color:#fff!important;text-decoration:none!important;outline:none!important} .fcm-hire-button.secondary{background:#fff!important;color:var(--fcm-blue)!important;border-color:var(--fcm-blue)!important} .fcm-hire-button.secondary:hover,.fcm-hire-button.secondary:focus{background:var(--fcm-blue)!important;color:#fff!important;border-color:var(--fcm-blue)!important} .fcm-hire-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} .fcm-hire-form-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important} .fcm-hire-form-field.full{grid-column:1/-1!important} .fcm-hire-form-field label{color:var(--fcm-navy)!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important} .fcm-hire-form-field label span{color:var(--fcm-orange)!important} .fcm-hire-form-field input,.fcm-hire-form-field select,.fcm-hire-form-field textarea,.fcm-hire-pricing-table input{ width:100%!important;max-width:100%!important;border:1px solid #cfd6e3!important;border-radius:7px!important;background:#fff!important;color:var(--fcm-navy)!important;padding:10px 12px!important;font-family:Montserrat,Arial,sans-serif!important;font-size:14px!important;line-height:1.3!important;box-shadow:none!important } .fcm-hire-form-field textarea{resize:vertical!important} .fcm-hire-form-field input:focus,.fcm-hire-form-field select:focus,.fcm-hire-form-field textarea:focus,.fcm-hire-pricing-table input:focus{border-color:var(--fcm-blue)!important;box-shadow:0 0 0 3px rgba(30,48,148,.12)!important;outline:0!important} .fcm-hire-checkbox-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important} .fcm-hire-check{display:flex!important;align-items:center!important;gap:8px!important;padding:10px!important;border:1px solid var(--fcm-border)!important;border-radius:8px!important;background:#fafbff!important;font-weight:800!important;color:var(--fcm-navy)!important} .fcm-hire-check input{width:auto!important} .fcm-hire-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;line-height:1!important;font-weight:900!important;background:#eef2ff!important;color:var(--fcm-blue)!important;white-space:nowrap!important} .fcm-hire-status.status-booked-in,.fcm-hire-status.status-agreed{background:#eaf7ef!important;color:#166534!important} .fcm-hire-status.status-pending{background:#fff7ed!important;color:#92400e!important} .fcm-hire-status.status-not-interested,.fcm-hire-status.status-no-further-contact{background:#f3f4f6!important;color:#374151!important} .fcm-hire-notice{margin:0 0 16px!important;border-radius:10px!important;padding:14px 16px!important;font-weight:800!important;border:1px solid var(--fcm-border)!important;background:#fff!important;color:var(--fcm-navy)!important} .fcm-hire-notice.success{background:#eaf7ef!important;border-color:#b8dfc7!important;color:#166534!important} .fcm-hire-notice.error{background:#fef2f2!important;border-color:#fecaca!important;color:#991b1b!important} .fcm-hire-notice ul{margin:8px 0 0 20px!important} .fcm-hire-detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important} .fcm-hire-detail-item{border:1px solid var(--fcm-border)!important;border-radius:10px!important;background:#fafbff!important;padding:12px!important;min-width:0!important} .fcm-hire-detail-item span{display:block!important;color:var(--fcm-muted)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin-bottom:6px!important} .fcm-hire-detail-item strong{display:block!important;color:var(--fcm-navy)!important;font-size:14px!important;line-height:1.35!important;font-weight:800!important;word-break:break-word!important} .fcm-hire-detail-block{border:1px solid var(--fcm-border)!important;border-radius:10px!important;background:#fff!important;padding:14px!important;margin:0 0 14px!important} .fcm-hire-detail-block h4{margin:0 0 8px!important} .fcm-hire-detail-block p{margin:0!important;color:var(--fcm-navy)!important;font-weight:600!important;line-height:1.5!important} .fcm-hire-addon-pricing-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important} .fcm-hire-help{margin:0 0 14px!important;color:var(--fcm-muted)!important;font-weight:600!important;line-height:1.45!important} .fcm-hire-form-section-heading{grid-column:1/-1!important;border:1px solid rgba(30,48,148,.12)!important;background:#f8fafc!important;border-radius:12px!important;padding:12px 14px!important;margin:4px 0 2px!important} .fcm-hire-form-section-heading h4{margin:0 0 4px!important;color:var(--fcm-blue)!important;font-size:15px!important;font-weight:900!important;line-height:1.25!important} .fcm-hire-form-section-heading p{margin:0!important;color:var(--fcm-muted)!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important} .fcm-hire-panel [hidden],.fcm-hire-panel .fcm-hire-step[hidden],.fcm-hire-panel .fcm-hire-pitch-options[hidden],.fcm-hire-panel .fcm-hire-single-session-fields[hidden],.fcm-hire-panel .fcm-hire-multiple-sessions[hidden],.fcm-hire-panel .fcm-hire-step-actions [hidden]{display:none!important} .fcm-hire-step-indicator{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 16px!important;padding:0!important} .fcm-hire-step-dot{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid var(--fcm-border)!important;border-radius:999px!important;padding:7px 11px!important;background:#fff!important;color:var(--fcm-blue)!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important} .fcm-hire-step-dot.active{background:var(--fcm-orange)!important;border-color:var(--fcm-orange)!important;color:#fff!important} .fcm-hire-guided-form{display:block!important} .fcm-hire-step{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important} .fcm-hire-choice-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} .fcm-hire-choice-card{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;border:1px solid var(--fcm-border)!important;border-radius:14px!important;background:#fff!important;padding:14px!important;cursor:pointer!important;color:var(--fcm-blue)!important;font-weight:900!important;line-height:1.25!important} .fcm-hire-choice-card:hover,.fcm-hire-choice-card.selected{border-color:var(--fcm-orange)!important;box-shadow:0 0 0 3px rgba(248,107,8,.12)!important;background:#fffaf7!important} .fcm-hire-choice-card input{width:auto!important;min-width:18px!important;height:18px!important;margin:0!important;padding:0!important;flex:0 0 auto!important} .fcm-hire-choice-card strong{display:block!important;color:var(--fcm-navy)!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important} .fcm-hire-pitch-options{margin-top:0!important} .fcm-hire-inline-grid{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important} .fcm-hire-session-list{display:grid!important;gap:10px!important;margin:0 0 12px!important} .fcm-hire-session-row{display:grid!important;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(120px,1fr) auto!important;gap:10px!important;align-items:end!important;width:100%!important} .fcm-hire-session-row .fcm-hire-form-field{margin:0!important} .fcm-hire-session-row select,.fcm-hire-session-row input{width:100%!important;max-width:100%!important} .fcm-hire-button.small{padding:9px 12px!important;font-size:12px!important;white-space:nowrap!important} .fcm-hire-review-box{background:#fff!important;border:1px solid var(--fcm-border)!important;border-radius:14px!important;padding:16px!important} .fcm-hire-review-list{display:grid!important;grid-template-columns:160px 1fr!important;gap:8px 12px!important;margin:0!important} .fcm-hire-review-list dt{font-weight:900!important;color:var(--fcm-blue)!important} .fcm-hire-review-list dd{margin:0!important;color:var(--fcm-navy)!important} .fcm-hire-booking-type-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .fcm-hire-booking-card{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:flex-start!important;margin:0!important;padding:12px!important;border:1px solid var(--fcm-border)!important;border-radius:12px!important;background:#fff!important;color:var(--fcm-navy)!important;cursor:pointer!important;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important} .fcm-hire-booking-card:hover,.fcm-hire-booking-card.selected{border-color:var(--fcm-blue)!important;background:#f8fbff!important;box-shadow:0 0 0 3px rgba(30,48,148,.08)!important} .fcm-hire-booking-card input{width:auto!important;margin:2px 0 0!important} .fcm-hire-booking-card strong{display:block!important;color:var(--fcm-navy)!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important} .fcm-hire-booking-card small{display:block!important;color:var(--fcm-muted)!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;margin-top:3px!important} .fcm-hire-recurring-only[hidden],.fcm-hire-recurring-subfield[hidden]{display:none!important} @media(max-width:782px){ .fcm-hire-step{grid-template-columns:1fr!important} .fcm-hire-choice-cards,.fcm-hire-booking-type-options,.fcm-hire-inline-grid{grid-template-columns:1fr!important} .fcm-hire-session-row{grid-template-columns:1fr!important} .fcm-hire-review-list{grid-template-columns:1fr!important} .fcm-hire-step-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} .fcm-hire-step-actions .fcm-hire-button{width:100%!important} } .fcm-hire-recurring-options{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:6px!important} .fcm-hire-radio{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--fcm-border)!important;border-radius:8px!important;background:#fff!important;color:var(--fcm-navy)!important;font-weight:800!important} .fcm-hire-radio input{width:auto!important;margin:0!important} .fcm-hire-recurring-subfield{padding:0 0 0 26px!important} .fcm-hire-recurring-subfield label{font-size:12px!important;margin:0 0 4px!important;color:var(--fcm-blue)!important;font-weight:900!important} .fcm-hire-help.small{font-size:12px!important;margin:0!important;padding:8px 10px!important;background:#f4f7fb!important;border-radius:8px!important} .fcm-hire-mobile{display:none!important} .fcm-hire-mobile-card{background:#fff!important;border:1px solid var(--fcm-border)!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(17,34,77,.08)!important;padding:14px!important;margin:0 0 12px!important;color:var(--fcm-navy)!important} .fcm-hire-mobile-card>strong{display:block!important;color:var(--fcm-blue)!important;font-size:16px!important;font-weight:900!important;margin:0 0 10px!important} .fcm-hire-mobile-row{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:10px!important;padding:7px 0!important;border-top:1px solid var(--fcm-border-soft)!important;color:var(--fcm-navy)!important} .fcm-hire-mobile-label{color:var(--fcm-muted)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.03em!important} @media (max-width:980px){ .fcm-hire-scorecards{grid-template-columns:repeat(2,minmax(0,1fr))!important} .fcm-hire-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .fcm-hire-checkbox-grid,.fcm-hire-addon-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:760px){ .fcm-hire-header h2{font-size:24px!important} .fcm-hire-tabs{width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important} .fcm-hire-tab{flex:0 0 auto!important} .fcm-hire-scorecards,.fcm-hire-form-grid,.fcm-hire-detail-grid,.fcm-hire-checkbox-grid,.fcm-hire-addon-pricing-grid,.fcm-hire-booking-type-options{grid-template-columns:1fr!important} .fcm-hire-card-body{padding:14px!important} .fcm-hire-desktop{display:none!important} .fcm-hire-mobile{display:block!important} .fcm-hire-mobile-row{grid-template-columns:1fr!important;gap:4px!important} .fcm-hire-actions{width:100%!important} .fcm-hire-actions .fcm-hire-action-form,.fcm-hire-actions .fcm-hire-button,.fcm-hire-panel button.fcm-hire-button{width:100%!important} .fcm-hire-table-wrap{overflow-x:auto!important} } /* v2.1.46.185 facility hire documents, filters, cancellation */ .fcm-hire-booking-filter-form{margin:0 0 14px!important;padding:12px!important;border:1px solid rgba(0,84,166,.12)!important;border-radius:14px!important;background:#f8fafc!important} .fcm-hire-filter-grid{grid-template-columns:1.4fr .8fr .8fr auto!important;align-items:end!important} .fcm-hire-cancel-box{margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(0,84,166,.14)!important} .fcm-hire-cancel-box h4{margin:0 0 10px!important;color:var(--fcm-blue)!important;font-size:14px!important;font-weight:900!important} .fcm-hire-button.danger{background:#b91c1c!important;color:#fff!important;border-color:#b91c1c!important} .fcm-hire-button.danger:hover{background:#991b1b!important;color:#fff!important} .fcm-hire-side-actions form[target="_blank"] .fcm-hire-button:after{content:"↗";font-size:11px;margin-left:6px} @media (max-width:900px){ .fcm-hire-filter-grid{grid-template-columns:1fr!important} } /* v2.1.46.192 facility hire topbar single-line and last contacted relocation */ .fcm-hire-request-topbar{display:flex!important;flex-wrap:nowrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important} .fcm-hire-topbar-main{display:flex!important;flex:0 1 auto!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:10px!important;min-width:0!important} .fcm-hire-topbar-status-form{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:10px!important;margin:0!important} .fcm-hire-topbar-actions{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:flex-end!important;justify-content:flex-end!important;gap:8px!important;margin-left:auto!important} .fcm-hire-topbar-main>.fcm-hire-action-form,.fcm-hire-topbar-actions>.fcm-hire-action-form{flex:0 0 auto!important} .fcm-hire-topbar-field{min-width:190px!important;max-width:240px!important} .fcm-hire-topbar-status-form .fcm-hire-button,.fcm-hire-topbar-main .fcm-hire-button,.fcm-hire-topbar-actions .fcm-hire-button{white-space:nowrap!important} .fcm-hire-view-side input[form^="fcm-hire-topbar-form"]{width:100%!important;min-height:40px!important;border:1px solid var(--fcm-border)!important;border-radius:10px!important;background:#fff!important;color:var(--fcm-navy)!important;font-weight:800!important;padding:8px 10px!important} @media (max-width:1180px){ .fcm-hire-request-topbar{flex-wrap:wrap!important;align-items:stretch!important} .fcm-hire-topbar-main,.fcm-hire-topbar-actions,.fcm-hire-topbar-status-form{flex-wrap:wrap!important;flex:1 1 100%!important;justify-content:flex-start!important} .fcm-hire-topbar-actions{margin-left:0!important} } /* v2.1.48.96 facility hire responsive form refinement */ .fcm-hire-step{align-items:start!important} .fcm-hire-choice-cards,.fcm-hire-facility-option-cards{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .fcm-hire-choice-card{min-height:76px!important;align-items:center!important} .fcm-hire-choice-card strong{word-break:normal!important;overflow-wrap:anywhere!important} .fcm-hire-facility-option-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important} .fcm-hire-booking-type-options{grid-template-columns:repeat(3,minmax(0,1fr))!important} .fcm-hire-booking-card{min-height:82px!important} .fcm-hire-single-session-fields,.fcm-hire-multiple-sessions,.fcm-hire-recurring-only{width:100%!important} .fcm-hire-inline-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important} .fcm-hire-recurring-toolbar{display:grid!important;grid-template-columns:minmax(180px,240px) minmax(0,1fr)!important;gap:14px!important;margin:0 0 12px!important} .fcm-hire-recurring-options-inline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important} .fcm-hire-recurring-choice{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important} .fcm-hire-recurring-choice .fcm-hire-radio{height:100%!important;align-items:flex-start!important} .fcm-hire-recurring-subfield{padding:0!important} .fcm-hire-exclusion-list{display:grid!important;gap:10px!important;margin:0 0 10px!important} .fcm-hire-exclusion-row{display:grid!important;grid-template-columns:minmax(180px,260px) auto!important;gap:10px!important;align-items:center!important} .fcm-hire-exclusion-row input{width:100%!important} .fcm-hire-step-actions{align-items:center!important} @media(max-width:980px){ .fcm-hire-choice-cards,.fcm-hire-facility-option-cards,.fcm-hire-booking-type-options,.fcm-hire-inline-grid,.fcm-hire-recurring-options-inline{grid-template-columns:1fr!important} .fcm-hire-recurring-toolbar{grid-template-columns:1fr!important} } @media(max-width:760px){ .fcm-hire-step-indicator{gap:6px!important} .fcm-hire-step-dot{flex:1 1 calc(50% - 6px)!important} .fcm-hire-choice-card,.fcm-hire-booking-card{min-height:64px!important} .fcm-hire-exclusion-row{grid-template-columns:1fr!important} } /* v2.1.48.97 facility hire step-one choice fix */ .fcm-hire-main-choice-cards{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; align-items:stretch!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card{ width:100%!important; min-height:96px!important; padding:18px 20px!important; border-radius:16px!important; background:#fff!important; border:1px solid rgba(30,48,148,.16)!important; box-shadow:0 5px 14px rgba(15,23,42,.04)!important; transition:border-color .15s ease, box-shadow .15s ease, background .15s ease, transform .15s ease!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card:hover{ border-color:rgba(30,48,148,.38)!important; box-shadow:0 8px 20px rgba(15,23,42,.075)!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card.selected{ background:#fff7ed!important; border-color:var(--fcm-orange)!important; box-shadow:0 0 0 3px rgba(245,130,32,.16)!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card strong{ font-size:17px!important; line-height:1.15!important; } .fcm-hire-pitch-options[hidden], .fcm-hire-pitch-options[style*="display:none"]{ display:none!important; } .fcm-hire-facility-option-cards{ margin-top:8px!important; } @media(max-width:980px){ .fcm-hire-main-choice-cards{grid-template-columns:1fr!important} .fcm-hire-main-choice-cards .fcm-hire-choice-card{min-height:72px!important} } /* v2.1.48.98 facility hire form polish: tabs, full-width cards, consistent session rows */ .fcm-hire-step > .full, .fcm-hire-step > .fcm-hire-main-choice-cards, .fcm-hire-step > .fcm-hire-form-section-heading, .fcm-hire-step > .fcm-hire-single-session-fields, .fcm-hire-step > .fcm-hire-multiple-sessions, .fcm-hire-step > .fcm-hire-recurring-only{ grid-column:1 / -1!important; } .fcm-hire-step-indicator{ display:flex!important; align-items:stretch!important; gap:0!important; flex-wrap:wrap!important; margin:0 0 18px!important; border-bottom:1px solid var(--fcm-border)!important; } .fcm-hire-step-dot{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:10px 16px!important; border:0!important; border-bottom:4px solid transparent!important; border-radius:0!important; background:transparent!important; color:var(--fcm-blue)!important; font-size:13px!important; font-weight:900!important; line-height:1.2!important; white-space:nowrap!important; } .fcm-hire-step-dot.active{ background:#f8fafc!important; border-color:var(--fcm-orange)!important; color:var(--fcm-blue)!important; } .fcm-hire-main-choice-cards{ grid-template-columns:repeat(3,minmax(220px,1fr))!important; gap:16px!important; width:100%!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card{ min-height:112px!important; padding:22px 24px!important; align-items:center!important; gap:16px!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card input{ flex:0 0 auto!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card strong{ font-size:18px!important; line-height:1.2!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important; } .fcm-hire-session-section-label{ display:block!important; margin:0 0 8px!important; color:var(--fcm-navy)!important; font-size:13px!important; font-weight:900!important; line-height:1.25!important; } .fcm-hire-session-list-single{ margin-bottom:0!important; } .fcm-hire-session-row, .fcm-hire-exclusion-row{ display:grid!important; grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(160px,1fr) auto!important; gap:10px!important; align-items:center!important; width:100%!important; } .fcm-hire-session-row-no-remove{ grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(160px,1fr)!important; } .fcm-hire-session-row input, .fcm-hire-session-row select, .fcm-hire-exclusion-row input{ min-height:48px!important; width:100%!important; max-width:100%!important; margin:0!important; } .fcm-hire-session-row .fcm-hire-form-field{ gap:0!important; } .fcm-hire-session-row .fcm-hire-form-field label:empty{ display:none!important; } .fcm-hire-session-row .fcm-hire-form-field select{ min-height:48px!important; } .fcm-hire-exclusions-section{ margin-top:6px!important; padding:0!important; gap:10px!important; } .fcm-hire-exclusions-section .fcm-hire-exclusions-heading{ margin:0 0 2px!important; } .fcm-hire-exclusion-list{ width:100%!important; display:grid!important; gap:10px!important; margin:0 0 10px!important; } .fcm-hire-exclusion-row{ grid-template-columns:minmax(180px,1fr) auto!important; } .fcm-hire-recurring-options-inline{ grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; } .fcm-hire-recurring-choice{ min-width:0!important; } .fcm-hire-recurring-choice .fcm-hire-radio{ min-height:58px!important; } .fcm-hire-back-button, .fcm-hire-panel button.fcm-hire-back-button{ background:#eef2ff!important; border-color:#c7d4ef!important; color:var(--fcm-blue)!important; } .fcm-hire-back-button:hover, .fcm-hire-back-button:focus, .fcm-hire-panel button.fcm-hire-back-button:hover, .fcm-hire-panel button.fcm-hire-back-button:focus{ background:#fff!important; border-color:var(--fcm-blue)!important; color:var(--fcm-blue)!important; } @media(max-width:980px){ .fcm-hire-main-choice-cards{ grid-template-columns:1fr!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card{ min-height:76px!important; } } @media(max-width:760px){ .fcm-hire-step-indicator{ display:grid!important; grid-template-columns:1fr!important; border-bottom:0!important; gap:6px!important; } .fcm-hire-step-dot{ justify-content:flex-start!important; min-height:38px!important; border:1px solid var(--fcm-border)!important; border-left:4px solid transparent!important; border-radius:8px!important; background:#fff!important; } .fcm-hire-step-dot.active{ border-left-color:var(--fcm-orange)!important; border-bottom-color:var(--fcm-border)!important; } .fcm-hire-session-row, .fcm-hire-session-row-no-remove, .fcm-hire-exclusion-row{ grid-template-columns:1fr!important; } .fcm-hire-session-row .fcm-hire-button, .fcm-hire-exclusion-row .fcm-hire-button{ width:100%!important; } } /* v2.1.48.99 facility hire session and choice polish */ .fcm-hire-step-indicator{ background:transparent!important; border-bottom:1px solid var(--fcm-border)!important; padding:0!important; } .fcm-hire-step-dot, .fcm-hire-step-dot.active{ background:transparent!important; border-radius:0!important; box-shadow:none!important; } .fcm-hire-step-dot.active{ border-bottom-color:var(--fcm-orange)!important; color:var(--fcm-blue)!important; } .fcm-hire-main-choice-cards{ grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr)!important; gap:16px!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card{ justify-content:flex-start!important; min-width:0!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card strong{ white-space:nowrap!important; overflow-wrap:normal!important; word-break:normal!important; line-height:1.1!important; } .fcm-hire-session-row{ align-items:center!important; } .fcm-hire-session-row > input, .fcm-hire-session-row > select, .fcm-hire-session-row .fcm-hire-form-field > select, .fcm-hire-exclusion-row > input{ box-sizing:border-box!important; min-height:48px!important; height:48px!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0 14px!important; border:1px solid #cfd6ea!important; border-radius:8px!important; background:#fff!important; color:var(--fcm-navy)!important; font-size:14px!important; font-weight:700!important; line-height:48px!important; box-shadow:none!important; } .fcm-hire-session-row > input:focus, .fcm-hire-session-row > select:focus, .fcm-hire-session-row .fcm-hire-form-field > select:focus, .fcm-hire-exclusion-row > input:focus{ border-color:var(--fcm-blue)!important; box-shadow:0 0 0 3px rgba(30,48,148,.08)!important; outline:0!important; } .fcm-hire-session-row .fcm-hire-form-field{ display:block!important; margin:0!important; padding:0!important; min-width:0!important; } .fcm-hire-session-row .fcm-hire-form-field label{ display:none!important; } .fcm-hire-session-row-no-remove{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important; } .fcm-hire-single-session-fields .fcm-hire-session-list, .fcm-hire-single-session-fields .fcm-hire-session-row{ width:100%!important; } .fcm-hire-back-button, .fcm-hire-panel button.fcm-hire-back-button{ background:#fff!important; border-color:var(--fcm-blue)!important; color:var(--fcm-blue)!important; box-shadow:none!important; } @media(max-width:980px){ .fcm-hire-main-choice-cards{ grid-template-columns:1fr!important; } .fcm-hire-main-choice-cards .fcm-hire-choice-card strong{ white-space:normal!important; } } @media(max-width:760px){ .fcm-hire-step-indicator{ border-bottom:0!important; gap:0!important; } .fcm-hire-step-dot, .fcm-hire-step-dot.active{ border-radius:0!important; background:transparent!important; border:0!important; border-left:4px solid transparent!important; border-bottom:1px solid var(--fcm-border)!important; } .fcm-hire-step-dot.active{ border-left-color:var(--fcm-orange)!important; } } /* v2.1.48.103 facility hire visible final form fixes */ .fcm-hire-public-form .fcm-hire-form-section-heading, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-form-section-heading, .fcm-hire-panel .fcm-hire-step > .fcm-hire-form-section-heading.full{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0!important; margin:0 0 12px!important; } .fcm-hire-public-form .fcm-hire-form-section-heading h4, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-form-section-heading h4, .fcm-hire-panel .fcm-hire-step > .fcm-hire-form-section-heading.full h4{ margin:0 0 4px!important; color:var(--fcm-blue)!important; font-size:17px!important; font-weight:900!important; line-height:1.25!important; } .fcm-hire-public-form .fcm-hire-form-section-heading p, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-form-section-heading p, .fcm-hire-panel .fcm-hire-step > .fcm-hire-form-section-heading.full p{ margin:0!important; color:var(--fcm-muted)!important; font-size:13px!important; font-weight:700!important; line-height:1.45!important; } .fcm-hire-public-form .fcm-hire-step-indicator, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-indicator{ background:transparent!important; border:0!important; border-bottom:1px solid var(--fcm-border)!important; border-radius:0!important; box-shadow:none!important; padding:0!important; margin:0 0 18px!important; } .fcm-hire-public-form .fcm-hire-step-dot, .fcm-hire-public-form .fcm-hire-step-dot.active, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-dot, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-dot.active{ background:transparent!important; border:0!important; border-bottom:4px solid transparent!important; border-radius:0!important; box-shadow:none!important; color:var(--fcm-blue)!important; } .fcm-hire-public-form .fcm-hire-step-dot.active, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-dot.active{ border-bottom-color:var(--fcm-blue)!important; } .fcm-hire-public-form .fcm-hire-recurring-choice, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-choice{ border:1px solid var(--fcm-border)!important; border-radius:12px!important; background:#fff!important; padding:12px!important; } .fcm-hire-public-form .fcm-hire-recurring-choice .fcm-hire-radio, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-choice .fcm-hire-radio{ border:0!important; background:transparent!important; padding:0!important; color:var(--fcm-blue)!important; box-shadow:none!important; } .fcm-hire-public-form .fcm-hire-recurring-choice .fcm-hire-radio span, .fcm-hire-public-form .fcm-hire-recurring-choice .fcm-hire-radio strong, .fcm-hire-public-form .fcm-hire-recurring-choice .fcm-hire-radio input:checked + span, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-choice .fcm-hire-radio span, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-choice .fcm-hire-radio strong, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-choice .fcm-hire-radio input:checked + span{ color:var(--fcm-blue)!important; } .fcm-hire-public-form .fcm-hire-recurring-subfield, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-subfield{ margin-top:10px!important; padding:0!important; } .fcm-hire-public-form .fcm-hire-recurring-subfield label, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-subfield label{ color:var(--fcm-blue)!important; } .fcm-hire-public-form .fcm-hire-check, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-check, .fcm-hire-public-form .fcm-hire-check span, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-check span, .fcm-hire-public-form .fcm-hire-check input:checked + span, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-check input:checked + span{ color:var(--fcm-blue)!important; } .fcm-hire-public-form .fcm-hire-step-actions, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:12px!important; width:100%!important; } .fcm-hire-public-form .fcm-hire-step-actions [data-prev-step], .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions [data-prev-step]{ margin-right:auto!important; } .fcm-hire-public-form .fcm-hire-step-actions [data-next-step], .fcm-hire-public-form .fcm-hire-step-actions [data-submit-step], .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions [data-next-step], .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions [data-submit-step]{ margin-left:0!important; } @media(max-width:980px){ .fcm-hire-public-form .fcm-hire-step-indicator, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-indicator{ display:none!important; } .fcm-hire-public-form .fcm-hire-recurring-options-inline, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-recurring-options-inline{ grid-template-columns:1fr!important; } } @media(max-width:760px){ .fcm-hire-public-form .fcm-hire-step-actions, .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:10px!important; } .fcm-hire-public-form .fcm-hire-step-actions [data-prev-step], .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions [data-prev-step], .fcm-hire-public-form .fcm-hire-step-actions [data-next-step], .fcm-hire-public-form .fcm-hire-step-actions [data-submit-step], .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions [data-next-step], .fcm-hire-panel .fcm-hire-guided-form .fcm-hire-step-actions [data-submit-step]{ width:100%!important; margin:0!important; } } /* v2.1.48.104 facility hire large visual choice card redesign */ .fcm-hire-panel .fcm-hire-large-card-grid, .fcm-hire-panel .fcm-hire-main-choice-cards{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; align-items:stretch!important; width:100%!important; } .fcm-hire-panel .fcm-hire-large-choice-card{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:12px!important; min-height:190px!important; width:100%!important; padding:34px 26px 30px!important; border:2px solid #dfe4f0!important; border-radius:18px!important; background:#fff!important; color:var(--fcm-blue)!important; box-shadow:0 10px 26px rgba(15,23,42,.08)!important; cursor:pointer!important; overflow:hidden!important; text-align:center!important; transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease!important; } .fcm-hire-panel .fcm-hire-large-choice-card:hover{ border-color:rgba(30,48,148,.42)!important; box-shadow:0 14px 32px rgba(15,23,42,.12)!important; transform:translateY(-1px)!important; } .fcm-hire-panel .fcm-hire-large-choice-card.selected{ border-color:var(--fcm-orange)!important; background:linear-gradient(90deg,rgba(248,107,8,.10),rgba(255,255,255,.98) 42%,#fff)!important; box-shadow:0 16px 34px rgba(15,23,42,.12),0 0 0 1px rgba(248,107,8,.12)!important; } .fcm-hire-panel .fcm-hire-large-choice-card.selected::before{ content:""!important; position:absolute!important; left:0!important; top:0!important; bottom:0!important; width:8px!important; background:var(--fcm-orange)!important; } .fcm-hire-panel .fcm-hire-large-choice-card input[type="radio"]{ position:absolute!important; opacity:0!important; pointer-events:none!important; width:1px!important; height:1px!important; margin:0!important; } .fcm-hire-panel .fcm-hire-choice-mark{ position:absolute!important; top:24px!important; right:24px!important; width:26px!important; height:26px!important; border:3px solid #8b93a7!important; border-radius:999px!important; background:#fff!important; box-shadow:0 1px 4px rgba(15,23,42,.10)!important; } .fcm-hire-panel .fcm-hire-large-choice-card.selected .fcm-hire-choice-mark{ border-color:var(--fcm-orange)!important; } .fcm-hire-panel .fcm-hire-large-choice-card.selected .fcm-hire-choice-mark::after{ content:""!important; position:absolute!important; inset:5px!important; border-radius:999px!important; background:var(--fcm-orange)!important; } .fcm-hire-panel .fcm-hire-choice-icon{ display:flex!important; align-items:center!important; justify-content:center!important; width:86px!important; height:86px!important; border-radius:999px!important; background:#eef4ff!important; color:#1155c8!important; box-shadow:inset 0 0 0 2px rgba(30,48,148,.06)!important; } .fcm-hire-panel .fcm-hire-choice-icon svg{ width:62px!important; height:62px!important; display:block!important; } .fcm-hire-panel .fcm-hire-large-choice-card .fcm-hire-choice-title, .fcm-hire-panel .fcm-hire-large-choice-card strong{ display:block!important; color:var(--fcm-blue)!important; font-size:22px!important; font-weight:900!important; line-height:1.15!important; letter-spacing:-.02em!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; max-width:100%!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card:first-child .fcm-hire-choice-title{ white-space:nowrap!important; font-size:20px!important; } .fcm-hire-panel .fcm-hire-choice-accent{ display:block!important; width:56px!important; height:4px!important; border-radius:999px!important; background:var(--fcm-orange)!important; margin:2px 0 0!important; } .fcm-hire-panel .fcm-hire-choice-desc, .fcm-hire-panel .fcm-hire-large-choice-card small{ display:block!important; margin:0!important; color:var(--fcm-muted)!important; font-size:16px!important; font-weight:700!important; line-height:1.45!important; max-width:280px!important; } .fcm-hire-panel .fcm-hire-booking-type-options{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } .fcm-hire-panel .fcm-hire-booking-card{ min-height:280px!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card{ min-height:210px!important; } .fcm-hire-panel .fcm-hire-form-section-heading h4{ font-size:28px!important; letter-spacing:-.03em!important; } .fcm-hire-panel .fcm-hire-form-section-heading p{ font-size:17px!important; } @media(max-width:1180px){ .fcm-hire-panel .fcm-hire-large-choice-card .fcm-hire-choice-title, .fcm-hire-panel .fcm-hire-large-choice-card strong{ font-size:20px!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card:first-child .fcm-hire-choice-title{ white-space:normal!important; } } @media(max-width:980px){ .fcm-hire-panel .fcm-hire-large-card-grid, .fcm-hire-panel .fcm-hire-main-choice-cards, .fcm-hire-panel .fcm-hire-booking-type-options{ grid-template-columns:1fr!important; gap:14px!important; } .fcm-hire-panel .fcm-hire-large-choice-card, .fcm-hire-panel .fcm-hire-booking-card, .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card{ min-height:150px!important; padding:24px 22px!important; } .fcm-hire-panel .fcm-hire-choice-icon{ width:72px!important; height:72px!important; } .fcm-hire-panel .fcm-hire-choice-icon svg{ width:52px!important; height:52px!important; } } @media(max-width:560px){ .fcm-hire-panel .fcm-hire-large-choice-card, .fcm-hire-panel .fcm-hire-booking-card, .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card{ min-height:132px!important; padding:22px 18px!important; } .fcm-hire-panel .fcm-hire-choice-mark{ top:16px!important; right:16px!important; width:22px!important; height:22px!important; } .fcm-hire-panel .fcm-hire-choice-icon{ width:62px!important; height:62px!important; } .fcm-hire-panel .fcm-hire-choice-icon svg{ width:44px!important; height:44px!important; } .fcm-hire-panel .fcm-hire-large-choice-card .fcm-hire-choice-title, .fcm-hire-panel .fcm-hire-large-choice-card strong{ font-size:18px!important; } .fcm-hire-panel .fcm-hire-choice-desc, .fcm-hire-panel .fcm-hire-large-choice-card small{ font-size:14px!important; } .fcm-hire-panel .fcm-hire-form-section-heading h4{ font-size:22px!important; } .fcm-hire-panel .fcm-hire-form-section-heading p{ font-size:14px!important; } } /* v2.1.48.106 facility hire compact visual choice cards */ .fcm-hire-panel .fcm-hire-large-card-grid, .fcm-hire-panel .fcm-hire-main-choice-cards{ gap:16px!important; } .fcm-hire-panel .fcm-hire-large-choice-card{ gap:8px!important; min-height:150px!important; padding:22px 22px 20px!important; border-radius:16px!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card{ min-height:132px!important; padding:18px 20px 18px!important; } .fcm-hire-panel .fcm-hire-booking-card{ min-height:220px!important; padding:24px 22px!important; } .fcm-hire-panel .fcm-hire-choice-icon{ width:64px!important; height:64px!important; } .fcm-hire-panel .fcm-hire-choice-icon svg{ width:46px!important; height:46px!important; } .fcm-hire-panel .fcm-hire-choice-mark{ top:18px!important; right:18px!important; width:22px!important; height:22px!important; border-width:3px!important; } .fcm-hire-panel .fcm-hire-large-choice-card.selected .fcm-hire-choice-mark::after{ inset:4px!important; } .fcm-hire-panel .fcm-hire-large-choice-card .fcm-hire-choice-title, .fcm-hire-panel .fcm-hire-large-choice-card strong{ font-size:19px!important; line-height:1.14!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card:first-child .fcm-hire-choice-title{ font-size:18px!important; white-space:nowrap!important; } .fcm-hire-panel .fcm-hire-choice-accent{ width:46px!important; height:3px!important; margin:0!important; } .fcm-hire-panel .fcm-hire-choice-desc, .fcm-hire-panel .fcm-hire-large-choice-card small{ font-size:14px!important; line-height:1.35!important; max-width:240px!important; } @media(max-width:1180px){ .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card:first-child .fcm-hire-choice-title{ white-space:normal!important; } } @media(max-width:980px){ .fcm-hire-panel .fcm-hire-large-choice-card, .fcm-hire-panel .fcm-hire-booking-card, .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card{ min-height:118px!important; padding:18px 16px!important; } .fcm-hire-panel .fcm-hire-booking-card{ min-height:150px!important; } } @media(max-width:560px){ .fcm-hire-panel .fcm-hire-large-choice-card, .fcm-hire-panel .fcm-hire-booking-card, .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-facility-type-card{ min-height:110px!important; padding:16px 14px!important; } .fcm-hire-panel .fcm-hire-choice-icon{ width:54px!important; height:54px!important; } .fcm-hire-panel .fcm-hire-choice-icon svg{ width:38px!important; height:38px!important; } .fcm-hire-panel .fcm-hire-large-choice-card .fcm-hire-choice-title, .fcm-hire-panel .fcm-hire-large-choice-card strong{ font-size:17px!important; } } /* v2.1.48.106 facility hire booking type compact card sizing */ .fcm-hire-panel .fcm-hire-booking-type-options{ gap:14px!important; } .fcm-hire-panel .fcm-hire-booking-card{ min-height:156px!important; padding:18px 18px 16px!important; gap:7px!important; border-radius:15px!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-icon{ width:54px!important; height:54px!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-icon svg{ width:38px!important; height:38px!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-mark{ top:15px!important; right:15px!important; width:20px!important; height:20px!important; border-width:3px!important; } .fcm-hire-panel .fcm-hire-booking-card.selected .fcm-hire-choice-mark::after{ inset:4px!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-title{ font-size:18px!important; line-height:1.12!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-accent{ width:40px!important; height:3px!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-desc{ font-size:13px!important; line-height:1.32!important; max-width:220px!important; } @media(max-width:980px){ .fcm-hire-panel .fcm-hire-booking-card{ min-height:120px!important; padding:16px 14px!important; } } @media(max-width:560px){ .fcm-hire-panel .fcm-hire-booking-card{ min-height:104px!important; padding:14px 12px!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-icon{ width:48px!important; height:48px!important; } .fcm-hire-panel .fcm-hire-booking-card .fcm-hire-choice-icon svg{ width:34px!important; height:34px!important; } } .fcm-hire-panel .fcm-hire-session-summary, .fcm-hire-panel .fcm-hire-quote-session-note{ display:flex!important; flex-wrap:wrap!important; gap:10px 14px!important; align-items:center!important; margin:0 0 12px!important; padding:10px 12px!important; border:1px solid #dfe6f3!important; border-radius:10px!important; background:#f8fafc!important; color:#1e3094!important; } .fcm-hire-panel .fcm-hire-session-summary strong, .fcm-hire-panel .fcm-hire-quote-session-note strong{color:#1e3094!important;font-weight:800!important;} .fcm-hire-panel .fcm-hire-session-summary span, .fcm-hire-panel .fcm-hire-quote-session-note span{color:#1e2a44!important;font-weight:700!important;} /* v2.1.48.111 Facility Hire review/quote polish */ .fcm-hire-review-list-improved dt{font-weight:800;color:#1e3094;} .fcm-hire-review-list-improved dd{margin-bottom:14px;} .fcm-hire-review-booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;} .fcm-hire-review-booking-grid>div{background:#f8fafc;border:1px solid #e5e9f2;border-radius:10px;padding:10px 12px;} .fcm-hire-review-booking-grid>div.full{grid-column:1/-1;} .fcm-hire-review-booking-grid span{display:block;font-size:12px;font-weight:800;color:#5d6689;text-transform:uppercase;letter-spacing:.02em;margin-bottom:3px;} .fcm-hire-review-booking-grid strong{display:block;color:#1e3094;font-size:14px;line-height:1.3;} .fcm-hire-review-session-wrap{overflow:auto;} .fcm-hire-review-session-table{width:100%;border-collapse:collapse;} .fcm-hire-review-session-table th{background:#f4f7fb;color:#1e3094;font-weight:800;text-align:left;} .fcm-hire-review-session-table th,.fcm-hire-review-session-table td{border:1px solid #e5e9f2;padding:9px 10px;} .fcm-hire-quote-per-session-row td,.fcm-hire-quote-per-session-row h4{color:#1e3094!important;font-weight:900!important;text-align:center;} @media(max-width:700px){.fcm-hire-review-booking-grid{grid-template-columns:1fr;}.fcm-hire-review-booking-grid>div.full{grid-column:auto;}} /* Advanced Facility Hire panel layer. */ .fcm-hire-panel-advanced .fcm-hire-scorecards{grid-template-columns:repeat(5,minmax(0,1fr))!important} .fcm-hire-subcard{box-shadow:none!important;margin-top:16px!important} .fcm-hire-subcard h3{font-size:16px!important} .fcm-hire-align-end{justify-content:flex-end!important} .fcm-hire-log{display:grid!important;gap:10px!important} .fcm-hire-log-entry{border:1px solid var(--fcm-border)!important;border-radius:8px!important;background:#fafbff!important;padding:12px!important} .fcm-hire-log-entry strong{display:block!important;color:var(--fcm-blue)!important;font-weight:900!important;margin-bottom:4px!important} .fcm-hire-log-entry span{display:inline-flex!important;border-radius:999px!important;background:#eef2ff!important;color:var(--fcm-blue)!important;font-size:11px!important;font-weight:900!important;padding:4px 8px!important;margin-bottom:6px!important} .fcm-hire-log-entry p{margin:0!important;color:var(--fcm-navy)!important;font-weight:600!important;line-height:1.45!important} .fcm-hire-panel-advanced .fcm-hire-tabs{gap:7px!important} .fcm-hire-panel-advanced .fcm-hire-tab{font-size:12px!important;padding:10px 12px!important} @media (max-width:1100px){ .fcm-hire-panel-advanced .fcm-hire-scorecards{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:760px){ .fcm-hire-panel-advanced .fcm-hire-scorecards{grid-template-columns:1fr!important} } .fcm-hire-view-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 380px!important;gap:18px!important;align-items:start!important} .fcm-hire-view-main,.fcm-hire-view-side{min-width:0!important} .fcm-hire-view-side{position:sticky!important;top:24px!important} .fcm-hire-section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:18px 0 10px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(0,84,166,.14)!important} .fcm-hire-section-heading:first-child{margin-top:0!important} .fcm-hire-section-heading h4{margin:0!important;color:var(--fcm-blue)!important;font-size:15px!important;font-weight:900!important} .fcm-hire-detail-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:4px!important} .fcm-hire-detail-block.no-margin{margin-top:0!important} .fcm-hire-form-grid.single{grid-template-columns:1fr!important} .fcm-hire-actions.vertical{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important} .fcm-hire-actions.vertical .fcm-hire-action-form,.fcm-hire-actions.vertical .fcm-hire-button{width:100%!important} .fcm-hire-actions.compact{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important} .fcm-hire-actions.compact .fcm-hire-button{padding:8px 10px!important;font-size:12px!important} .fcm-hire-core-actions .fcm-hire-card-body{padding:16px!important} .fcm-hire-core-actions .fcm-hire-form-grid{gap:11px!important} .fcm-hire-form-field small{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:700!important;margin-top:4px!important;line-height:1.35!important} .fcm-hire-addon-cost-list{display:flex!important;flex-direction:column!important;gap:8px!important} .fcm-hire-addon-cost{display:grid!important;grid-template-columns:minmax(0,1fr) 105px!important;gap:10px!important;align-items:center!important;border:1px solid rgba(0,84,166,.14)!important;background:#f8fafc!important;border-radius:12px!important;padding:9px!important} .fcm-hire-addon-cost span strong{display:block!important;color:var(--fcm-navy)!important;font-size:12px!important;font-weight:900!important} .fcm-hire-addon-cost span small{display:block!important;color:#64748b!important;font-size:10px!important;font-weight:800!important;margin:2px 0 0!important} .fcm-hire-addon-cost input{width:100%!important;min-height:36px!important} .fcm-hire-finance-mini{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important} .fcm-hire-finance-mini div{border:1px solid rgba(0,84,166,.14)!important;background:#f8fafc!important;border-radius:12px!important;padding:10px!important} .fcm-hire-finance-mini span{display:block!important;color:#64748b!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin-bottom:3px!important} .fcm-hire-finance-mini strong{display:block!important;color:var(--fcm-blue)!important;font-size:15px!important;font-weight:900!important} .fcm-hire-side-actions{margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(0,84,166,.14)!important} .fcm-hire-quote-table .fcm-hire-total-row td{background:#f8fafc!important;font-weight:900!important} .fcm-hire-quote-table .fcm-hire-total-row.balance td{background:#fff7ed!important;color:var(--fcm-navy)!important} .fcm-hire-notice.info{background:#eff6ff!important;border-color:rgba(0,84,166,.22)!important;color:var(--fcm-blue)!important} .fcm-hire-checkbox-grid.stacked{grid-template-columns:1fr!important} .fcm-hire-addon-pricing-grid small{display:block!important;color:#64748b!important;font-size:10px!important;font-weight:800!important;margin-top:2px!important} .fcm-hire-addon-pick{align-items:center!important} .fcm-hire-plus{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:999px!important;background:var(--fcm-orange)!important;color:#fff!important;font-weight:900!important;margin-right:4px!important} .fcm-hire-addon-inputs{display:grid!important;grid-template-columns:auto minmax(90px,1fr)!important;gap:8px!important;align-items:center!important} .fcm-hire-addon-inputs input[type="checkbox"]{width:20px!important;height:20px!important;min-height:20px!important} .fcm-hire-check.standalone{border:1px solid rgba(0,84,166,.14)!important;background:#f8fafc!important;border-radius:12px!important;padding:10px 12px!important} .fcm-hire-quote-actions{margin:14px 0!important} .fcm-hire-quote-editor{margin-top:14px!important;border:1px solid rgba(0,84,166,.16)!important;background:#f8fafc!important;border-radius:14px!important;padding:14px!important} .fcm-hire-quote-editor h4{margin:0 0 12px!important;color:var(--fcm-blue)!important;font-size:15px!important;font-weight:900!important} .fcm-hire-quote-edit-list{display:grid!important;gap:10px!important} .fcm-hire-quote-edit-row{display:grid!important;grid-template-columns:1.2fr 1.6fr .75fr .55fr auto!important;gap:8px!important;align-items:end!important;border:1px solid rgba(0,84,166,.12)!important;border-radius:12px!important;background:#fff!important;padding:10px!important} .fcm-hire-remove-line{display:flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;font-weight:900!important;color:var(--fcm-navy)!important;min-height:40px!important} .fcm-hire-discount-builder{margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(0,84,166,.12)!important} .fcm-hire-discount-fields{margin-top:10px!important} .fcm-hire-deposit-panel{margin-top:18px!important;border-top:1px solid rgba(0,84,166,.14)!important;padding-top:14px!important} .fcm-hire-deposit-fields{margin-top:12px!important} .fcm-hire-readonly-money{display:block!important;min-height:42px!important;border:1px solid rgba(0,84,166,.14)!important;border-radius:10px!important;background:#fff!important;color:var(--fcm-blue)!important;font-weight:900!important;padding:11px 12px!important} .fcm-hire-finance-outside{margin:0 0 14px!important} .fcm-hire-addon-plus-list{display:grid!important;gap:8px!important} .fcm-hire-addon-plus-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;border:1px solid rgba(0,84,166,.14)!important;border-radius:12px!important;background:#f8fafc!important;padding:9px 10px!important} .fcm-hire-addon-plus-row strong{display:block!important;color:var(--fcm-navy)!important;font-size:12px!important;font-weight:900!important} .fcm-hire-addon-plus-row small{display:block!important;color:#64748b!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;margin-top:2px!important} .fcm-hire-plus-button{width:36px!important;min-width:36px!important;height:36px!important;border:0!important;border-radius:999px!important;background:var(--fcm-orange)!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 5px 12px rgba(245,130,32,.22)!important} .fcm-hire-plus-button:hover{filter:brightness(.96)!important} .fcm-hire-plus-button.selected,.fcm-hire-plus-button:disabled{background:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important} .fcm-hire-staff-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important} .fcm-hire-button.small{padding:8px 10px!important;font-size:12px!important} .fcm-hire-staff-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important} .fcm-hire-staff-chip{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:44px!important;border:1px solid rgba(0,84,166,.18)!important;border-radius:12px!important;background:#fff!important;color:var(--fcm-navy)!important;font-size:12px!important;font-weight:900!important;padding:9px!important;cursor:pointer!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important} .fcm-hire-staff-chip input{position:absolute!important;opacity:0!important;pointer-events:none!important} .fcm-hire-staff-chip.selected{background:#dbeafe!important;border-color:#60a5fa!important;color:#0f3d78!important} .fcm-hire-staff-chip:hover{border-color:var(--fcm-blue)!important} @media (max-width:1100px){ .fcm-hire-view-layout{grid-template-columns:1fr!important} .fcm-hire-view-side{position:static!important} } @media (max-width:760px){ .fcm-hire-detail-grid.compact{grid-template-columns:1fr!important} .fcm-hire-addon-cost{grid-template-columns:1fr!important} .fcm-hire-finance-mini{grid-template-columns:1fr!important} .fcm-hire-quote-edit-row{grid-template-columns:1fr!important} .fcm-hire-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:420px){ .fcm-hire-staff-grid{grid-template-columns:1fr!important} } /* v2.1.46.182 facility hire quote/UI tidy */ .fcm-hire-help.tight{margin:0 0 10px!important;font-size:12px!important;line-height:1.35!important} .fcm-hire-addon-actions .fcm-hire-card-body{padding:14px!important} .fcm-hire-addon-plus-list{gap:10px!important} .fcm-hire-addon-plus-row{grid-template-columns:minmax(0,1fr) 42px!important;padding:11px 12px!important;background:#fff!important;border-color:rgba(0,84,166,.16)!important;box-shadow:0 3px 8px rgba(15,23,42,.035)!important} .fcm-hire-addon-plus-row.is-added{background:#f8fafc!important} .fcm-hire-addon-plus-copy strong{color:var(--fcm-blue)!important;font-size:13px!important;line-height:1.25!important} .fcm-hire-addon-plus-copy small{font-size:11px!important;line-height:1.35!important;margin-top:3px!important} .fcm-hire-plus-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important} .fcm-hire-plus-button.selected{font-size:16px!important} .fcm-hire-deposit-panel{background:#fbfdff!important;border:1px solid rgba(0,84,166,.12)!important;border-radius:14px!important;padding:14px!important;margin-top:18px!important} .fcm-hire-deposit-panel .fcm-hire-section-heading{margin:0 0 12px!important} .fcm-hire-deposit-panel .fcm-hire-form-grid{gap:12px!important} .fcm-hire-deposit-panel .fcm-hire-actions{margin-top:12px!important} .fcm-hire-quote-save-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(0,84,166,.12)!important} .fcm-hire-discount-builder{margin:0!important;padding:0!important;border:0!important} .fcm-hire-discount-fields{margin-top:12px!important;padding:12px!important;border:1px dashed rgba(0,84,166,.24)!important;border-radius:12px!important;background:#fff!important} .fcm-hire-quote-edit-row.is-discount{background:#fff7ed!important;border-color:rgba(245,130,32,.28)!important} .fcm-hire-discount-total-row th{background:#fff7ed!important;color:var(--fcm-navy)!important} .fcm-hire-collapsible-card{overflow:hidden!important} .fcm-hire-collapsible summary{list-style:none!important;cursor:pointer!important;color:var(--fcm-blue)!important;font-size:18px!important;font-weight:900!important;padding:16px 18px!important} .fcm-hire-collapsible summary::-webkit-details-marker{display:none!important} .fcm-hire-collapsible summary:after{content:"+"!important;float:right!important;width:26px!important;height:26px!important;border-radius:999px!important;background:var(--fcm-orange)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important} .fcm-hire-collapsible[open] summary:after{content:"–"!important} .fcm-hire-collapsible .fcm-hire-card-body{border-top:1px solid rgba(0,84,166,.1)!important} .fcm-hire-assigned-staff-preview{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-height:38px!important;border:1px solid rgba(0,84,166,.14)!important;border-radius:12px!important;background:#f8fafc!important;padding:8px!important;margin-bottom:8px!important} .fcm-hire-assigned-staff-preview span{display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#dbeafe!important;border:1px solid #93c5fd!important;color:var(--fcm-blue)!important;font-size:12px!important;font-weight:900!important;padding:6px 10px!important} .fcm-hire-assigned-staff-preview em{color:#64748b!important;font-size:12px!important;font-weight:800!important;font-style:normal!important;align-self:center!important} .fcm-hire-staff-chip{color:var(--fcm-blue)!important} .fcm-hire-staff-chip span{color:var(--fcm-blue)!important} .fcm-hire-staff-chip.selected{background:#dbeafe!important;border-color:#60a5fa!important;color:var(--fcm-blue)!important} @media (max-width:540px){ .fcm-hire-quote-save-row{flex-direction:column!important;align-items:stretch!important} .fcm-hire-quote-save-row .fcm-hire-button{width:100%!important} } /* v2.1.46.182 facility hire confirmed-bookings and colour tidy */ .fcm-hire-status,.fcm-hire-status.status-booked-in,.fcm-hire-status.status-agreed,.fcm-hire-status.status-pending,.fcm-hire-status.status-not-interested,.fcm-hire-status.status-no-further-contact{ display:inline!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;color:var(--fcm-blue)!important;box-shadow:none!important;font-size:13px!important;line-height:1.2!important;font-weight:900!important } .fcm-hire-form-field label span,.fcm-hire-radio span,.fcm-hire-addon-plus-copy strong,.fcm-hire-addon-plus-row strong,.fcm-hire-staff-chip,.fcm-hire-staff-chip span,.fcm-hire-assigned-staff-preview span{color:var(--fcm-blue)!important} .fcm-hire-recurring-options-inline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:start!important} .fcm-hire-recurring-choice{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important} .fcm-hire-recurring-choice .fcm-hire-radio{height:100%!important} .fcm-hire-recurring-subfield{padding:0!important} .fcm-hire-recurring-subfield input{min-height:40px!important} .fcm-hire-help.small{color:#64748b!important} .fcm-hire-availability-date-row{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important} .fcm-hire-availability-date-row .fcm-hire-form-field{min-width:240px!important} .fcm-hire-collapsible summary:after{background:var(--fcm-blue)!important} .fcm-hire-plus,.fcm-hire-plus-button{background:var(--fcm-blue)!important;box-shadow:none!important} .fcm-hire-plus-button.selected,.fcm-hire-plus-button:disabled{background:#94a3b8!important} @media (max-width:900px){ .fcm-hire-recurring-options-inline{grid-template-columns:1fr!important} .fcm-hire-availability-date-row{align-items:stretch!important} .fcm-hire-availability-date-row .fcm-hire-form-field{min-width:0!important;width:100%!important} } /* v2.1.46.184 facility hire historic/scorecard/tab tidy */ .fcm-hire-panel-advanced .fcm-hire-tabs{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important} .fcm-hire-panel-advanced .fcm-hire-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important} .fcm-hire-tab-add{margin-left:auto!important} .fcm-hire-tab-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;padding:0 7px!important;border-radius:999px!important;background:var(--fcm-blue)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1!important} .fcm-hire-tab.active .fcm-hire-tab-badge{background:#fff!important;color:var(--fcm-blue)!important} .fcm-hire-booking-scorecards{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:14px!important} @media (max-width:900px){ .fcm-hire-tab-add{margin-left:0!important} .fcm-hire-booking-scorecards{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:520px){ .fcm-hire-booking-scorecards{grid-template-columns:1fr!important} } /* v2.1.46.188 facility hire top action banner and modals */ .fcm-hire-request-topbar{display:grid!important;grid-template-columns:minmax(520px,1fr) auto!important;gap:14px!important;align-items:end!important;margin:0 0 18px!important;padding:14px!important;border:1px solid rgba(0,84,166,.18)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important} .fcm-hire-topbar-main{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:end!important;min-width:0!important} .fcm-hire-topbar-main .fcm-hire-action-form{margin:0!important} .fcm-hire-topbar-status-form{display:grid!important;grid-template-columns:minmax(170px,220px) minmax(170px,220px) auto!important;gap:10px!important;align-items:end!important;margin:0!important} .fcm-hire-topbar-field label{display:block!important;margin:0 0 5px!important;color:var(--fcm-blue)!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important} .fcm-hire-topbar-field select,.fcm-hire-topbar-field input{width:100%!important;min-height:40px!important;border:1px solid var(--fcm-border)!important;border-radius:10px!important;background:#fff!important;color:var(--fcm-navy)!important;font-weight:800!important;padding:8px 10px!important} .fcm-hire-topbar-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important} .fcm-hire-topbar-actions .fcm-hire-action-form{margin:0!important} .fcm-hire-topbar-actions .fcm-hire-button,.fcm-hire-topbar-main .fcm-hire-button,.fcm-hire-topbar-status-form .fcm-hire-button{min-height:40px!important;padding:10px 13px!important;font-size:12px!important} .fcm-hire-button.fcm-hire-back-button{background:#fff!important;color:var(--fcm-blue)!important;border-color:rgba(0,84,166,.28)!important;box-shadow:none!important} .fcm-hire-button.fcm-hire-back-button:hover,.fcm-hire-button.fcm-hire-back-button:focus{background:#f4f7fb!important;color:var(--fcm-blue)!important;border-color:var(--fcm-blue)!important} .fcm-hire-button.cancel{background:var(--fcm-orange)!important;color:#fff!important;border-color:var(--fcm-orange)!important} .fcm-hire-button.cancel:hover,.fcm-hire-button.cancel:focus{background:#d95d05!important;color:#fff!important;border-color:#d95d05!important} .fcm-hire-modal[hidden]{display:none!important} .fcm-hire-modal{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important} .fcm-hire-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.55)!important} .fcm-hire-modal-dialog{position:relative!important;z-index:1!important;width:min(560px,calc(100vw - 32px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;background:#fff!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(15,23,42,.28)!important;border:1px solid rgba(0,84,166,.16)!important} .fcm-hire-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 18px!important;background:var(--fcm-blue)!important;color:#fff!important;border-radius:18px 18px 0 0!important} .fcm-hire-modal-header h3{margin:0!important;color:#fff!important;font-size:18px!important;font-weight:900!important} .fcm-hire-modal-close{appearance:none!important;-webkit-appearance:none!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:24px!important;font-weight:900!important;line-height:1!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important} .fcm-hire-modal-close:hover,.fcm-hire-modal-close:focus{background:#fff!important;color:var(--fcm-blue)!important;border-color:#fff!important;outline:none!important} .fcm-hire-modal-body{padding:18px!important} .fcm-hire-modal-actions{display:grid!important;gap:10px!important} .fcm-hire-modal-actions .fcm-hire-action-form,.fcm-hire-modal-actions .fcm-hire-button{width:100%!important} body.fcm-hire-modal-open{overflow:hidden!important} .fcm-hire-core-actions h3{font-size:16px!important} @media (max-width:1100px){ .fcm-hire-request-topbar{grid-template-columns:1fr!important} .fcm-hire-topbar-actions{justify-content:flex-start!important} } @media (max-width:760px){ .fcm-hire-topbar-main{display:grid!important;grid-template-columns:1fr!important} .fcm-hire-topbar-status-form{grid-template-columns:1fr!important} .fcm-hire-topbar-main .fcm-hire-action-form,.fcm-hire-topbar-main .fcm-hire-button{width:100%!important} .fcm-hire-topbar-actions{display:grid!important;grid-template-columns:1fr!important} .fcm-hire-topbar-actions .fcm-hire-button,.fcm-hire-topbar-actions .fcm-hire-action-form{width:100%!important} } /* v2.1.46.191 facility hire quote pack and quote-builder design alignment */ .fcm-hire-quote-builder-card{border-top:4px solid var(--fcm-blue)!important;overflow:hidden!important} .fcm-hire-quote-builder-card>h3{background:#fff!important;color:var(--fcm-blue)!important;border-bottom:1px solid rgba(0,84,166,.12)!important} .fcm-hire-quote-builder-card .fcm-hire-card-body{padding:18px!important} .fcm-hire-quote-builder-card .fcm-hire-help{background:#f4f7fb!important;border:1px solid rgba(0,84,166,.12)!important;border-radius:14px!important;color:var(--fcm-navy)!important;font-weight:700!important;padding:12px 14px!important;margin:0 0 14px!important} .fcm-hire-quote-builder-card .fcm-hire-table-wrap{border-radius:16px!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important} .fcm-hire-quote-builder-card .fcm-hire-quote-table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border:1px solid rgba(0,84,166,.14)!important;border-radius:16px!important} .fcm-hire-quote-builder-card .fcm-hire-quote-table thead th{background:var(--fcm-blue)!important;color:#fff!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important} .fcm-hire-quote-builder-card .fcm-hire-quote-table tbody td{background:#fff!important;color:var(--fcm-navy)!important;font-weight:700!important} .fcm-hire-quote-builder-card .fcm-hire-quote-table tbody td strong{color:var(--fcm-blue)!important} .fcm-hire-quote-builder-card .fcm-hire-quote-table tfoot th{background:#f8fafc!important;color:var(--fcm-navy)!important;font-weight:900!important} .fcm-hire-quote-builder-card .fcm-hire-quote-table tfoot tr:last-child th{background:var(--fcm-blue)!important;color:#fff!important;font-size:15px!important} .fcm-hire-quote-builder-card .fcm-hire-quote-table .fcm-hire-discount-total-row th{background:#f4f7fb!important;color:var(--fcm-blue)!important} .fcm-hire-quote-actions{justify-content:space-between!important;border-top:1px solid rgba(0,84,166,.12)!important;padding-top:14px!important;margin-top:16px!important} .fcm-hire-quote-editor{background:#fff!important;border:1px solid rgba(0,84,166,.16)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important} .fcm-hire-quote-editor h4{background:#f4f7fb!important;border-radius:12px!important;color:var(--fcm-blue)!important;padding:12px 14px!important;margin:0 0 14px!important} .fcm-hire-quote-edit-row{border-color:rgba(0,84,166,.14)!important;box-shadow:0 3px 10px rgba(15,23,42,.035)!important} .fcm-hire-quote-edit-row.is-discount{background:#f4f7fb!important;border-color:rgba(0,84,166,.22)!important} .fcm-hire-quote-save-row{background:#f4f7fb!important;border:1px solid rgba(0,84,166,.14)!important;border-radius:14px!important;margin-top:14px!important;padding:12px!important} .fcm-hire-quote-save-row .fcm-hire-button{min-width:150px!important} .fcm-hire-quote-save-row .fcm-hire-button[type="submit"]{background:var(--fcm-blue)!important;color:#fff!important;border-color:var(--fcm-blue)!important;font-weight:900!important} .fcm-hire-discount-fields{border-style:solid!important;background:#fbfdff!important} /* v2.1.46.191 facility hire topbar and staff selection tidy */ .fcm-hire-request-topbar{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;padding:14px!important} .fcm-hire-topbar-main{display:flex!important;flex:1 1 620px!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:10px!important;min-width:0!important} .fcm-hire-topbar-status-form{display:flex!important;flex:0 1 auto!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:10px!important;margin:0!important} .fcm-hire-topbar-field{min-width:170px!important} .fcm-hire-topbar-field select,.fcm-hire-topbar-field input{min-height:42px!important} .fcm-hire-topbar-status-form .fcm-hire-button,.fcm-hire-topbar-main .fcm-hire-button,.fcm-hire-topbar-actions .fcm-hire-button{height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .fcm-hire-topbar-actions{display:flex!important;flex:1 1 420px!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:flex-end!important;gap:8px!important;margin-left:auto!important} .fcm-hire-topbar-main>.fcm-hire-action-form,.fcm-hire-topbar-actions>.fcm-hire-action-form{display:flex!important;align-items:flex-end!important;margin:0!important} .fcm-hire-staff-heading{align-items:flex-start!important} .fcm-hire-save-hint{display:inline-flex!important;align-items:center!important;color:var(--fcm-blue)!important;font-size:11px!important;font-weight:800!important;line-height:1.25!important;text-align:right!important} .fcm-hire-assigned-staff-preview{display:none!important} .fcm-hire-staff-grid.fcm-hire-staff-grid-always{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important} .fcm-hire-staff-chip{color:var(--fcm-blue)!important} .fcm-hire-staff-chip.selected{background:#dbeafe!important;border-color:#60a5fa!important;color:var(--fcm-blue)!important} .fcm-hire-help.compact{margin:6px 0 0!important;font-size:11px!important} @media (max-width:920px){ .fcm-hire-request-topbar{align-items:stretch!important} .fcm-hire-topbar-main,.fcm-hire-topbar-actions,.fcm-hire-topbar-status-form{flex:1 1 100%!important;justify-content:flex-start!important} .fcm-hire-topbar-field{flex:1 1 180px!important} } @media (max-width:520px){ .fcm-hire-topbar-field{flex:1 1 100%!important} .fcm-hire-topbar-main .fcm-hire-button,.fcm-hire-topbar-actions .fcm-hire-button,.fcm-hire-topbar-status-form .fcm-hire-button{width:100%!important} .fcm-hire-staff-grid.fcm-hire-staff-grid-always{grid-template-columns:1fr!important} } /* v2.1.46.193 facility hire topbar and checklist repair */ .fcm-hire-panel .fcm-hire-request-topbar{ display:grid!important; grid-template-columns:max-content minmax(0,1fr)!important; align-items:end!important; gap:10px!important; padding:12px!important; } .fcm-hire-panel .fcm-hire-topbar-main{ display:flex!important; flex:0 0 auto!important; flex-wrap:nowrap!important; align-items:end!important; gap:8px!important; min-width:0!important; } .fcm-hire-panel .fcm-hire-topbar-status-form{ display:flex!important; flex:0 0 auto!important; flex-wrap:nowrap!important; align-items:end!important; gap:8px!important; margin:0!important; } .fcm-hire-panel .fcm-hire-topbar-actions{ display:flex!important; flex:0 1 auto!important; flex-wrap:nowrap!important; align-items:end!important; justify-content:flex-end!important; gap:8px!important; margin-left:auto!important; min-width:0!important; } .fcm-hire-panel .fcm-hire-topbar-main>.fcm-hire-action-form, .fcm-hire-panel .fcm-hire-topbar-actions>.fcm-hire-action-form{ flex:0 0 auto!important; display:flex!important; margin:0!important; } .fcm-hire-panel .fcm-hire-topbar-field{ flex:0 0 180px!important; min-width:180px!important; max-width:190px!important; } .fcm-hire-panel .fcm-hire-topbar-field select{ height:40px!important; min-height:40px!important; padding:7px 10px!important; } .fcm-hire-panel .fcm-hire-topbar-main .fcm-hire-button, .fcm-hire-panel .fcm-hire-topbar-actions .fcm-hire-button, .fcm-hire-panel .fcm-hire-topbar-status-form .fcm-hire-button{ height:40px!important; min-height:40px!important; width:auto!important; white-space:nowrap!important; padding:9px 13px!important; font-size:12px!important; line-height:1!important; } .fcm-hire-panel .fcm-hire-topbar-actions .fcm-hire-button{ min-width:unset!important; } .fcm-hire-panel .fcm-hire-core-actions .fcm-hire-checkbox-grid.stacked{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; margin-top:8px!important; } .fcm-hire-panel .fcm-hire-core-actions .fcm-hire-checkbox-grid.stacked .fcm-hire-check{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; min-height:44px!important; padding:10px 12px!important; text-align:left!important; color:var(--fcm-blue)!important; font-weight:900!important; line-height:1.2!important; } .fcm-hire-panel .fcm-hire-core-actions .fcm-hire-checkbox-grid.stacked .fcm-hire-check input[type="checkbox"]{ appearance:auto!important; -webkit-appearance:auto!important; flex:0 0 auto!important; width:18px!important; min-width:18px!important; max-width:18px!important; height:18px!important; min-height:18px!important; max-height:18px!important; margin:0!important; padding:0!important; } .fcm-hire-panel .fcm-hire-core-actions .fcm-hire-checkbox-grid.stacked .fcm-hire-check span{ display:inline!important; color:var(--fcm-blue)!important; } @media (max-width:1120px){ .fcm-hire-panel .fcm-hire-request-topbar{ grid-template-columns:1fr!important; align-items:stretch!important; } .fcm-hire-panel .fcm-hire-topbar-main, .fcm-hire-panel .fcm-hire-topbar-actions{ justify-content:flex-start!important; flex-wrap:wrap!important; } .fcm-hire-panel .fcm-hire-topbar-status-form{ flex-wrap:wrap!important; } } @media (max-width:560px){ .fcm-hire-panel .fcm-hire-topbar-main, .fcm-hire-panel .fcm-hire-topbar-status-form, .fcm-hire-panel .fcm-hire-topbar-actions{ display:grid!important; grid-template-columns:1fr!important; } .fcm-hire-panel .fcm-hire-topbar-field{ min-width:0!important; max-width:none!important; width:100%!important; } .fcm-hire-panel .fcm-hire-topbar-main .fcm-hire-button, .fcm-hire-panel .fcm-hire-topbar-actions .fcm-hire-button, .fcm-hire-panel .fcm-hire-topbar-status-form .fcm-hire-button{ width:100%!important; } } /* v2.1.46.194 facility hire mobile stacking and card-table repair */ @media (max-width:900px){ .fcm-hire-panel .fcm-hire-tabs{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; max-width:100%!important; overflow:visible!important; overflow-x:visible!important; flex-wrap:wrap!important; padding-bottom:0!important; } .fcm-hire-panel .fcm-hire-tabs .fcm-hire-action-form{ display:block!important; width:100%!important; margin:0!important; } .fcm-hire-panel .fcm-hire-tabs .fcm-hire-tab{ width:100%!important; min-width:0!important; white-space:normal!important; min-height:42px!important; line-height:1.15!important; text-align:center!important; padding:10px 8px!important; } .fcm-hire-panel .fcm-hire-tab-add{ margin-left:0!important; } .fcm-hire-panel .fcm-hire-scorecards, .fcm-hire-panel .fcm-hire-booking-scorecards, .fcm-hire-panel-advanced .fcm-hire-scorecards{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .fcm-hire-panel .fcm-hire-score, .fcm-hire-panel .fcm-hire-scorecard{ min-width:0!important; padding:12px!important; } .fcm-hire-panel .fcm-hire-score span, .fcm-hire-panel .fcm-hire-scorecard span{ font-size:10px!important; line-height:1.2!important; } .fcm-hire-panel .fcm-hire-score strong, .fcm-hire-panel .fcm-hire-scorecard strong{ font-size:20px!important; line-height:1.15!important; overflow-wrap:anywhere!important; } .fcm-hire-panel .fcm-hire-table-wrap.fcm-hire-desktop{ display:none!important; } .fcm-hire-panel .fcm-hire-mobile{ display:block!important; } .fcm-hire-panel .fcm-hire-card-body{ padding:14px!important; } .fcm-hire-panel .fcm-hire-mobile-card{ border:1px solid rgba(0,84,166,.14)!important; border-radius:14px!important; background:#fff!important; box-shadow:0 8px 20px rgba(15,23,42,.055)!important; padding:14px!important; margin:0 0 12px!important; } .fcm-hire-panel .fcm-hire-mobile-card-head{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:10px!important; padding-bottom:10px!important; margin-bottom:10px!important; border-bottom:1px solid rgba(0,84,166,.10)!important; } .fcm-hire-panel .fcm-hire-mobile-card-head strong{ display:block!important; color:var(--fcm-blue)!important; font-size:15px!important; line-height:1.25!important; font-weight:900!important; margin:0!important; min-width:0!important; overflow-wrap:anywhere!important; } .fcm-hire-panel .fcm-hire-mobile-card-head span{ flex:0 0 auto!important; color:#64748b!important; font-size:12px!important; line-height:1.25!important; font-weight:900!important; text-align:right!important; } .fcm-hire-panel .fcm-hire-mobile-row{ display:grid!important; grid-template-columns:minmax(0,0.9fr) minmax(0,1.35fr)!important; gap:8px!important; align-items:start!important; padding:8px 0!important; border-bottom:1px solid rgba(0,84,166,.08)!important; } .fcm-hire-panel .fcm-hire-mobile-row:last-of-type{ border-bottom:0!important; } .fcm-hire-panel .fcm-hire-mobile-row span, .fcm-hire-panel .fcm-hire-mobile-label{ color:#64748b!important; font-size:11px!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.03em!important; line-height:1.25!important; } .fcm-hire-panel .fcm-hire-mobile-row strong, .fcm-hire-panel .fcm-hire-mobile-row > span:last-child{ color:var(--fcm-navy)!important; font-size:13px!important; line-height:1.35!important; font-weight:900!important; text-align:right!important; overflow-wrap:anywhere!important; } .fcm-hire-panel .fcm-hire-mobile-actions, .fcm-hire-panel .fcm-hire-mobile-card .fcm-hire-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; margin-top:12px!important; width:100%!important; } .fcm-hire-panel .fcm-hire-mobile-actions .fcm-hire-action-form, .fcm-hire-panel .fcm-hire-mobile-card .fcm-hire-actions .fcm-hire-action-form, .fcm-hire-panel .fcm-hire-mobile-actions .fcm-hire-button, .fcm-hire-panel .fcm-hire-mobile-card .fcm-hire-actions .fcm-hire-button{ width:100%!important; margin:0!important; } .fcm-hire-panel .fcm-hire-booking-filter-form{ padding:12px!important; } .fcm-hire-panel .fcm-hire-filter-grid{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; } } @media (max-width:430px){ .fcm-hire-panel .fcm-hire-tabs{ grid-template-columns:1fr!important; } .fcm-hire-panel .fcm-hire-mobile-row{ grid-template-columns:1fr!important; gap:4px!important; } .fcm-hire-panel .fcm-hire-mobile-row strong, .fcm-hire-panel .fcm-hire-mobile-row > span:last-child{ text-align:left!important; } .fcm-hire-panel .fcm-hire-mobile-actions, .fcm-hire-panel .fcm-hire-mobile-card .fcm-hire-actions{ grid-template-columns:1fr!important; } } /* v2.1.46.195 facility hire mobile quote and booking card polish */ .fcm-hire-quote-mobile-list{display:none!important} .fcm-hire-mobile-data-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin-top:10px!important; } .fcm-hire-mobile-data-item{ min-width:0!important; border:1px solid rgba(0,84,166,.10)!important; border-radius:12px!important; background:#f8fafc!important; padding:10px!important; } .fcm-hire-mobile-data-item span{ display:block!important; color:#64748b!important; font-size:10px!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.04em!important; line-height:1.2!important; margin:0 0 4px!important; } .fcm-hire-mobile-data-item strong{ display:block!important; color:var(--fcm-navy)!important; font-size:13px!important; font-weight:900!important; line-height:1.25!important; text-align:left!important; overflow-wrap:anywhere!important; } .fcm-hire-booking-card-v2 .fcm-hire-mobile-card-head, .fcm-hire-request-card-v2 .fcm-hire-mobile-card-head{ align-items:center!important; border-bottom:0!important; padding-bottom:0!important; margin-bottom:0!important; } .fcm-hire-booking-card-v2 .fcm-hire-mobile-card-head strong, .fcm-hire-request-card-v2 .fcm-hire-mobile-card-head strong{ font-size:16px!important; } .fcm-hire-booking-card-v2 .fcm-hire-mobile-actions, .fcm-hire-request-card-v2 .fcm-hire-mobile-actions{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; } .fcm-hire-booking-card-v2 .fcm-hire-mobile-actions .fcm-hire-action-form, .fcm-hire-request-card-v2 .fcm-hire-mobile-actions .fcm-hire-action-form, .fcm-hire-booking-card-v2 .fcm-hire-mobile-actions .fcm-hire-button, .fcm-hire-request-card-v2 .fcm-hire-mobile-actions .fcm-hire-button{ width:100%!important; margin:0!important; } @media (max-width:900px){ .fcm-hire-panel .fcm-hire-mobile-actions, .fcm-hire-panel .fcm-hire-mobile-card .fcm-hire-actions{ grid-template-columns:1fr!important; } .fcm-hire-panel .fcm-hire-mobile-actions .fcm-hire-button, .fcm-hire-panel .fcm-hire-mobile-actions .fcm-hire-action-form, .fcm-hire-panel .fcm-hire-mobile-card .fcm-hire-actions .fcm-hire-button, .fcm-hire-panel .fcm-hire-mobile-card .fcm-hire-actions .fcm-hire-action-form{ width:100%!important; } } @media (max-width:760px){ .fcm-hire-quote-desktop{display:none!important} .fcm-hire-quote-mobile-list{ display:grid!important; gap:10px!important; margin:10px 0 0!important; } .fcm-hire-quote-mobile-card{ border:1px solid rgba(0,84,166,.14)!important; border-radius:14px!important; background:#fff!important; box-shadow:0 6px 16px rgba(15,23,42,.05)!important; padding:12px!important; } .fcm-hire-quote-mobile-card h4{ margin:0 0 5px!important; color:var(--fcm-blue)!important; font-size:14px!important; line-height:1.25!important; font-weight:900!important; } .fcm-hire-quote-mobile-card p{ margin:0 0 10px!important; color:var(--fcm-muted)!important; font-size:12px!important; line-height:1.35!important; font-weight:700!important; } .fcm-hire-quote-mobile-meta{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } .fcm-hire-quote-mobile-meta div{ min-width:0!important; border:1px solid rgba(0,84,166,.10)!important; border-radius:10px!important; background:#f8fafc!important; padding:8px!important; } .fcm-hire-quote-mobile-meta div.wide{grid-column:1 / -1!important} .fcm-hire-quote-mobile-meta span, .fcm-hire-quote-mobile-row span{ display:block!important; color:#64748b!important; font-size:10px!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.04em!important; line-height:1.2!important; margin:0 0 4px!important; } .fcm-hire-quote-mobile-meta strong, .fcm-hire-quote-mobile-row strong{ display:block!important; color:var(--fcm-navy)!important; font-size:13px!important; font-weight:900!important; line-height:1.25!important; } .fcm-hire-quote-mobile-summary{ border:1px solid rgba(0,84,166,.14)!important; border-radius:14px!important; background:#f4f7fb!important; overflow:hidden!important; } .fcm-hire-quote-mobile-row{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:10px 12px!important; border-bottom:1px solid rgba(0,84,166,.10)!important; } .fcm-hire-quote-mobile-row:last-child{border-bottom:0!important} .fcm-hire-quote-mobile-row span{margin:0!important} .fcm-hire-quote-mobile-row strong{ color:var(--fcm-blue)!important; text-align:right!important; white-space:nowrap!important; } .fcm-hire-quote-actions{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; } .fcm-hire-quote-actions .fcm-hire-button, .fcm-hire-quote-actions .fcm-hire-action-form{ width:100%!important; margin:0!important; } .fcm-hire-quote-save-row{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; } .fcm-hire-quote-save-row .fcm-hire-button, .fcm-hire-quote-save-row .fcm-hire-discount-builder{ width:100%!important; min-width:0!important; } .fcm-hire-quote-edit-row{ grid-template-columns:1fr!important; gap:10px!important; } .fcm-hire-quote-edit-row .fcm-hire-form-field, .fcm-hire-quote-edit-row input{ min-width:0!important; width:100%!important; } } @media (max-width:430px){ .fcm-hire-mobile-data-grid, .fcm-hire-quote-mobile-meta{ grid-template-columns:1fr!important; } } /* v2.1.46.196 facility hire confirmed booking mobile card rebuild */ @media (max-width:760px){ .fcm-hire-panel .fcm-hire-booking-cards{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; width:100%!important; margin:0!important; } .fcm-hire-panel .fcm-hire-booking-card-v2{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; padding:0!important; margin:0 0 12px!important; overflow:hidden!important; border:1px solid rgba(0,84,166,.14)!important; border-radius:16px!important; background:#fff!important; box-shadow:0 8px 18px rgba(15,23,42,.055)!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-card-head{ display:block!important; width:100%!important; padding:14px 14px 12px!important; margin:0!important; background:#f4f7fb!important; border:0!important; border-bottom:1px solid rgba(0,84,166,.12)!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-card-head strong{ display:block!important; width:100%!important; color:var(--fcm-blue)!important; font-size:17px!important; line-height:1.25!important; font-weight:900!important; margin:0!important; overflow-wrap:anywhere!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-data-grid{ display:block!important; width:100%!important; margin:0!important; padding:0!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-data-item{ display:block!important; width:100%!important; min-width:0!important; padding:12px 14px!important; margin:0!important; border:0!important; border-bottom:1px solid rgba(0,84,166,.10)!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-data-item span{ display:block!important; color:#64748b!important; font-size:10px!important; line-height:1.2!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.045em!important; margin:0 0 4px!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-data-item strong{ display:block!important; color:var(--fcm-navy)!important; font-size:14px!important; line-height:1.3!important; font-weight:900!important; text-align:left!important; white-space:normal!important; overflow-wrap:anywhere!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-actions{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; width:100%!important; margin:0!important; padding:12px 14px 14px!important; background:#f8fafc!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-actions .fcm-hire-action-form, .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-actions .fcm-hire-button{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; } .fcm-hire-panel .fcm-hire-booking-card-v2 .fcm-hire-mobile-actions .fcm-hire-button{ min-height:44px!important; } } /* v2.1.48.100 facility hire validation and option style polish */ .fcm-hire-form-section-heading, .fcm-hire-exclusions-section .fcm-hire-form-section-heading, .fcm-hire-exclusions-heading{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0!important; margin:0 0 14px!important; } .fcm-hire-form-section-heading h4, .fcm-hire-exclusions-heading h4{ color:var(--fcm-blue)!important; margin:0 0 4px!important; font-size:18px!important; font-weight:900!important; line-height:1.2!important; } .fcm-hire-form-section-heading p, .fcm-hire-exclusions-heading p{ color:var(--fcm-muted)!important; margin:0!important; font-size:13px!important; font-weight:700!important; line-height:1.4!important; } .fcm-hire-recurring-options-inline{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; } .fcm-hire-recurring-choice{ display:flex!important; flex-direction:column!important; gap:10px!important; min-width:0!important; padding:14px!important; border:1px solid var(--fcm-border)!important; border-radius:12px!important; background:#fff!important; box-shadow:none!important; } .fcm-hire-recurring-choice:has(input[type="radio"]:checked){ border-color:var(--fcm-blue)!important; box-shadow:0 0 0 3px rgba(30,48,148,.08)!important; } .fcm-hire-recurring-choice .fcm-hire-radio{ min-height:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:var(--fcm-blue)!important; } .fcm-hire-recurring-choice .fcm-hire-radio span, .fcm-hire-recurring-choice .fcm-hire-radio input:checked + span, .fcm-hire-checkbox-grid .fcm-hire-check span, .fcm-hire-check input:checked + span{ color:var(--fcm-blue)!important; } .fcm-hire-recurring-subfield{ padding:0!important; margin:0!important; } .fcm-hire-recurring-subfield label{ color:var(--fcm-blue)!important; font-size:12px!important; font-weight:900!important; } .fcm-hire-recurring-subfield input{ min-height:48px!important; height:48px!important; border:1px solid #cfd6ea!important; border-radius:8px!important; color:var(--fcm-navy)!important; background:#fff!important; box-shadow:none!important; } .fcm-hire-help.small{ background:transparent!important; padding:0!important; color:var(--fcm-muted)!important; } .fcm-hire-review-errors{ border:1px solid #f86b08!important; border-left:5px solid #f86b08!important; border-radius:10px!important; background:#fff7ed!important; padding:14px 16px!important; margin:0 0 14px!important; color:var(--fcm-navy)!important; } .fcm-hire-review-errors[hidden]{display:none!important} .fcm-hire-validation-title{ color:var(--fcm-navy)!important; font-size:14px!important; font-weight:900!important; margin:0 0 8px!important; } .fcm-hire-review-errors ul{ margin:0!important; padding:0!important; list-style:none!important; display:grid!important; gap:6px!important; } .fcm-hire-review-errors button{ appearance:none!important; -webkit-appearance:none!important; border:0!important; background:transparent!important; color:var(--fcm-blue)!important; padding:0!important; text-align:left!important; font:inherit!important; font-weight:800!important; cursor:pointer!important; text-decoration:underline!important; } .fcm-hire-field-error{ outline:2px solid #f86b08!important; outline-offset:2px!important; border-radius:10px!important; } .fcm-hire-field-error input, .fcm-hire-field-error select, .fcm-hire-field-error textarea{ border-color:#f86b08!important; } @media(max-width:900px){ .fcm-hire-recurring-options-inline{ grid-template-columns:1fr!important; } } /* v2.1.48.101 facility hire responsive validation/layout follow-up */ .fcm-hire-form-section-heading, .fcm-hire-exclusions-heading, .fcm-hire-step .fcm-hire-form-section-heading{ border:0!important; background:transparent!important; border-radius:0!important; box-shadow:none!important; padding:0!important; margin:0 0 14px!important; } .fcm-hire-form-section-heading h4, .fcm-hire-exclusions-heading h4{ color:var(--fcm-blue)!important; } .fcm-hire-form-section-heading p, .fcm-hire-exclusions-heading p{ color:var(--fcm-muted)!important; } .fcm-hire-step-indicator{ background:transparent!important; border-radius:0!important; box-shadow:none!important; } .fcm-hire-step-dot, .fcm-hire-step-dot.active{ background:transparent!important; border-radius:0!important; box-shadow:none!important; } .fcm-hire-step-dot.active{ color:var(--fcm-blue)!important; } .fcm-hire-recurring-choice, .fcm-hire-recurring-choice label, .fcm-hire-recurring-choice span, .fcm-hire-recurring-choice .fcm-hire-radio, .fcm-hire-recurring-choice .fcm-hire-radio span, .fcm-hire-recurring-choice input:checked + span, .fcm-hire-checkbox-grid .fcm-hire-check, .fcm-hire-checkbox-grid .fcm-hire-check span, .fcm-hire-check input:checked + span{ color:var(--fcm-blue)!important; } .fcm-hire-recurring-choice .fcm-hire-radio input, .fcm-hire-checkbox-grid .fcm-hire-check input{ accent-color:var(--fcm-blue)!important; } .fcm-hire-step-actions{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; width:100%!important; } .fcm-hire-step-actions [data-prev-step]{ margin-right:auto!important; } .fcm-hire-step-actions [data-next-step], .fcm-hire-step-actions [data-submit-step]{ margin-left:auto!important; } .fcm-hire-step-actions [hidden]{ display:none!important; } @media(max-width:900px){ .fcm-hire-recurring-options-inline{ grid-template-columns:1fr!important; } .fcm-hire-recurring-choice{ width:100%!important; } } @media(max-width:760px){ .fcm-hire-step-indicator{ display:none!important; } .fcm-hire-recurring-options-inline{ grid-template-columns:1fr!important; } .fcm-hire-step-actions{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; } .fcm-hire-step-actions [data-prev-step], .fcm-hire-step-actions [data-next-step], .fcm-hire-step-actions [data-submit-step]{ width:100%!important; margin-left:0!important; margin-right:0!important; } } /* v2.1.48.102 facility hire visible layout correction */ .fcm-hire-panel .fcm-hire-form-section-heading, .fcm-hire-panel .fcm-hire-exclusions-heading, .fcm-hire-panel .fcm-hire-step > .fcm-hire-form-section-heading, .fcm-hire-panel .fcm-hire-exclusions-section .fcm-hire-form-section-heading{ display:block!important; width:100%!important; background:transparent!important; background-color:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; outline:0!important; padding:0!important; margin:0 0 16px!important; } .fcm-hire-panel .fcm-hire-form-section-heading h4, .fcm-hire-panel .fcm-hire-exclusions-heading h4, .fcm-hire-panel .fcm-hire-form-section-heading p, .fcm-hire-panel .fcm-hire-exclusions-heading p{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0!important; } .fcm-hire-panel .fcm-hire-form-section-heading h4, .fcm-hire-panel .fcm-hire-exclusions-heading h4{ color:var(--fcm-blue)!important; font-size:18px!important; line-height:1.2!important; font-weight:900!important; margin:0 0 5px!important; } .fcm-hire-panel .fcm-hire-form-section-heading p, .fcm-hire-panel .fcm-hire-exclusions-heading p{ color:var(--fcm-muted)!important; font-size:13px!important; line-height:1.42!important; font-weight:700!important; margin:0!important; } .fcm-hire-panel .fcm-hire-step-indicator{ display:flex!important; align-items:flex-end!important; gap:0!important; flex-wrap:wrap!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--fcm-border)!important; border-radius:0!important; box-shadow:none!important; padding:0!important; margin:0 0 18px!important; } .fcm-hire-panel .fcm-hire-step-dot, .fcm-hire-panel .fcm-hire-step-dot.active{ background:transparent!important; background-color:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; outline:0!important; color:var(--fcm-blue)!important; min-height:40px!important; padding:10px 14px!important; } .fcm-hire-panel .fcm-hire-step-dot.active{ border-bottom:4px solid var(--fcm-blue)!important; } .fcm-hire-panel .fcm-hire-main-choice-cards{ display:grid!important; grid-template-columns:minmax(310px,1.2fr) minmax(190px,.9fr) minmax(170px,.9fr)!important; gap:16px!important; width:100%!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-choice-card{ min-width:0!important; width:100%!important; justify-content:flex-start!important; padding:22px 22px!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-choice-card strong{ color:var(--fcm-blue)!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-choice-card:first-child strong{ white-space:nowrap!important; } .fcm-hire-panel .fcm-hire-recurring-options-inline{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; align-items:stretch!important; } .fcm-hire-panel .fcm-hire-recurring-choice{ display:flex!important; flex-direction:column!important; gap:10px!important; padding:14px!important; border:1px solid var(--fcm-border)!important; border-radius:12px!important; background:#fff!important; background-color:#fff!important; box-shadow:none!important; color:var(--fcm-blue)!important; } .fcm-hire-panel .fcm-hire-recurring-choice .fcm-hire-radio, .fcm-hire-panel .fcm-hire-recurring-choice .fcm-hire-radio span, .fcm-hire-panel .fcm-hire-recurring-choice label, .fcm-hire-panel .fcm-hire-recurring-choice span, .fcm-hire-panel .fcm-hire-recurring-choice input:checked + span, .fcm-hire-panel .fcm-hire-checkbox-grid .fcm-hire-check, .fcm-hire-panel .fcm-hire-checkbox-grid .fcm-hire-check span, .fcm-hire-panel .fcm-hire-check input:checked + span{ color:var(--fcm-blue)!important; } .fcm-hire-panel .fcm-hire-recurring-subfield{ display:block!important; width:100%!important; padding:0!important; margin:0!important; } .fcm-hire-panel .fcm-hire-recurring-subfield[hidden]{ display:none!important; } .fcm-hire-panel .fcm-hire-recurring-subfield input{ display:block!important; width:100%!important; max-width:100%!important; min-height:48px!important; height:48px!important; } .fcm-hire-panel .fcm-hire-checkbox-grid .fcm-hire-check{ background:#fff!important; } .fcm-hire-panel .fcm-hire-step-actions{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; width:100%!important; margin-top:18px!important; } .fcm-hire-panel .fcm-hire-step-actions [data-prev-step]{ margin-right:auto!important; margin-left:0!important; } .fcm-hire-panel .fcm-hire-step-actions [data-next-step], .fcm-hire-panel .fcm-hire-step-actions [data-submit-step]{ margin-left:auto!important; margin-right:0!important; } .fcm-hire-panel .fcm-hire-step-actions [hidden]{ display:none!important; } @media(max-width:980px){ .fcm-hire-panel .fcm-hire-main-choice-cards{ grid-template-columns:1fr!important; } .fcm-hire-panel .fcm-hire-main-choice-cards .fcm-hire-choice-card:first-child strong{ white-space:normal!important; } } @media(max-width:760px){ .fcm-hire-panel .fcm-hire-step-indicator{ display:none!important; } .fcm-hire-panel .fcm-hire-recurring-options-inline{ grid-template-columns:1fr!important; } .fcm-hire-panel .fcm-hire-recurring-choice{ width:100%!important; } .fcm-hire-panel .fcm-hire-step-actions{ flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; } .fcm-hire-panel .fcm-hire-step-actions [data-prev-step], .fcm-hire-panel .fcm-hire-step-actions [data-next-step], .fcm-hire-panel .fcm-hire-step-actions [data-submit-step]{ width:100%!important; margin-left:0!important; margin-right:0!important; } } /* v2.1.48.108 facility hire submit hotfix and review session summary */ .fcm-hire-panel .fcm-hire-review-session-wrap{ width:100%!important; overflow-x:auto!important; margin-top:8px!important; } .fcm-hire-panel .fcm-hire-review-session-table{ width:100%!important; border-collapse:separate!important; border-spacing:0!important; border:1px solid var(--fcm-border)!important; border-radius:12px!important; overflow:hidden!important; background:#fff!important; } .fcm-hire-panel .fcm-hire-review-session-table th{ background:#f4f7fb!important; color:var(--fcm-blue)!important; font-size:12px!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.03em!important; padding:10px 12px!important; text-align:left!important; } .fcm-hire-panel .fcm-hire-review-session-table td{ border-top:1px solid var(--fcm-border)!important; padding:10px 12px!important; color:var(--fcm-navy)!important; font-weight:700!important; } .fcm-hire-panel .fcm-hire-review-muted, .fcm-hire-panel .fcm-hire-review-subdetails, .fcm-hire-panel .fcm-hire-review-empty{ color:#5d6689!important; font-size:14px!important; line-height:1.45!important; margin-top:4px!important; } .fcm-hire-panel .fcm-hire-review-subdetails{ display:grid!important; gap:4px!important; margin-top:8px!important; } /* v2.1.48.114 facility hire staff tooltip and archive bulk delete */ .fcm-hire-staff-flag-field{margin-bottom:10px!important} .fcm-hire-staff-flag{display:inline-flex!important;align-items:flex-start!important;gap:9px!important;max-width:520px!important;border:1px solid rgba(0,84,166,.14)!important;background:#f8fafc!important;border-radius:10px!important;padding:9px 11px!important;color:var(--fcm-blue)!important;font-weight:900!important;line-height:1.25!important;cursor:pointer!important} .fcm-hire-staff-flag input{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;margin:2px 0 0!important;accent-color:var(--fcm-blue)!important;transform:none!important} .fcm-hire-staff-flag span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important} .fcm-hire-staff-flag strong{display:block!important;color:var(--fcm-blue)!important;font-size:13px!important;font-weight:900!important} .fcm-hire-staff-flag small{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:800!important;line-height:1.35!important;margin:0!important} .fcm-hire-staff-status-cell{text-align:center!important} .fcm-hire-staff-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;line-height:1!important} .fcm-hire-staff-status-none{color:#94a3b8!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important} .fcm-hire-staff-status-required{color:#fff!important;background:#dc2626!important;border:1px solid #b91c1c!important} .fcm-hire-staff-status-added{color:#fff!important;background:#16a34a!important;border:1px solid #15803d!important} .fcm-hire-archive-bulk-form{margin:0!important} .fcm-hire-archive-bulk-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin:0 0 12px!important;flex-wrap:wrap!important} .fcm-hire-select-cell{width:38px!important;text-align:center!important} .fcm-hire-select-cell input,.fcm-hire-mobile-select input{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;accent-color:var(--fcm-blue)!important} .fcm-hire-mobile-select{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;color:var(--fcm-blue)!important;font-size:13px!important;font-weight:900!important} @media (max-width:540px){ .fcm-hire-staff-flag{display:flex!important;width:100%!important;max-width:none!important} .fcm-hire-archive-bulk-actions{justify-content:stretch!important} .fcm-hire-archive-bulk-actions .fcm-hire-button{width:100%!important} } /* v2.1.48.115 facility hire staff flag and archive bulk delete correction */ .fcm-hire-panel .fcm-hire-staff-flag-field{ margin:0 0 12px!important; padding:0!important; } .fcm-hire-panel .fcm-hire-staff-flag{ display:grid!important; grid-template-columns:16px minmax(0,1fr)!important; align-items:start!important; gap:8px!important; width:auto!important; max-width:none!important; min-height:0!important; border:0!important; background:transparent!important; border-radius:0!important; padding:0!important; box-shadow:none!important; color:var(--fcm-blue)!important; line-height:1.35!important; } .fcm-hire-panel .fcm-hire-staff-flag input[type="checkbox"]{ width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; max-width:16px!important; max-height:16px!important; margin:2px 0 0!important; padding:0!important; transform:none!important; accent-color:var(--fcm-blue)!important; appearance:auto!important; -webkit-appearance:checkbox!important; } .fcm-hire-panel .fcm-hire-staff-flag span{ display:block!important; min-width:0!important; } .fcm-hire-panel .fcm-hire-staff-flag strong{ display:block!important; color:var(--fcm-blue)!important; font-size:13px!important; font-weight:900!important; margin:0!important; } .fcm-hire-panel .fcm-hire-staff-flag small{ display:block!important; color:#64748b!important; font-size:11px!important; font-weight:700!important; margin:2px 0 0!important; line-height:1.35!important; } .fcm-hire-panel .fcm-hire-archive-bulk-form{ margin:0!important; } .fcm-hire-panel .fcm-hire-archived-requests .fcm-hire-action-form{ display:inline-flex!important; } /* Facility Hire Master Control admin fallback. */ .fcm-facility-master-control .fcm-master-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#fff;border:1px solid #dcdcde;padding:14px;margin:16px 0;border-radius:8px} .fcm-facility-master-control .fcm-master-filters label{display:flex;flex-direction:column;font-weight:600;color:#1e3094;gap:4px} .fcm-facility-master-control .fcm-master-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .fcm-facility-master-control .fcm-master-inline-form{display:inline-flex;margin:0;gap:4px;align-items:center} .fcm-facility-master-control .button-danger{border-color:#b32d2e;color:#b32d2e} .fcm-facility-master-control .button-danger:hover{background:#b32d2e;color:#fff;border-color:#b32d2e} .fcm-facility-master-control .fcm-master-force-confirm{width:72px;min-height:30px} .fcm-facility-master-control .fcm-master-status{font-weight:700} .fcm-facility-master-control .fcm-master-type{display:inline-block;border-radius:999px;padding:2px 8px;background:#f0f6fc;color:#1e3094;font-weight:700} .fcm-hire-clash-notice{margin-top:16px} .fcm-hire-clash-list{margin:10px 0 0 18px;padding:0} .fcm-hire-clash-list li{margin:4px 0} .fcm-hire-button[disabled]{opacity:.55;cursor:not-allowed} /* v2.1.48.198 — Facility Hire calendar and streamlined settings. */ .fcm-hire-calendar-filter{margin-bottom:14px} .fcm-hire-calendar-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:12px 0 16px}.fcm-hire-calendar-nav-prev{justify-self:start}.fcm-hire-calendar-nav-next{justify-self:end}.fcm-hire-calendar-current-month{justify-self:center;text-align:center} .fcm-hire-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px} .fcm-hire-calendar-day{min-height:128px;border:1px solid #d9e3f0;border-radius:12px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px} .fcm-hire-calendar-day.has-bookings{border-color:#b7cbe3;background:#f8fbff} .fcm-hire-calendar-date{display:flex;align-items:center;justify-content:space-between;color:#1E2A44} .fcm-hire-calendar-date span{font-size:12px;color:#617089;font-weight:700;text-transform:uppercase} .fcm-hire-calendar-empty{font-size:12px;color:#7a8699} .fcm-hire-calendar-booking{border-left:3px solid #0054A6;background:#fff;border-radius:8px;padding:7px;box-shadow:0 1px 4px rgba(30,42,68,.08);display:flex;flex-direction:column;gap:2px;font-size:12px} .fcm-hire-calendar-booking strong{color:#1E2A44} .fcm-hire-calendar-booking span{color:#4d5f78} .fcm-hire-link-button{border:0;background:transparent;color:#0054A6;font-weight:700;text-decoration:underline;cursor:pointer;padding:0;margin-top:3px} .fcm-hire-mobile-calendar-list{display:none} .fcm-hire-settings-section{background:#fff;border:1px solid #d9e3f0;border-radius:14px;margin:14px 0;overflow:hidden} .fcm-hire-settings-section>summary{cursor:pointer;list-style:none;padding:16px 18px;background:#f4f7fb;display:flex;align-items:center;justify-content:space-between;gap:12px} .fcm-hire-settings-section>summary::-webkit-details-marker{display:none} .fcm-hire-settings-section>summary span{font-weight:800;color:#1E2A44} .fcm-hire-settings-section>summary small{font-size:12px;color:#617089;text-align:right} .fcm-hire-settings-section>summary:after{content:'+';font-weight:900;color:#0054A6;font-size:20px} .fcm-hire-settings-section[open]>summary:after{content:'–'} .fcm-hire-settings-section-body{padding:14px} .fcm-hire-settings-section-body>.fcm-hire-card{margin:0} @media (max-width: 900px){ .fcm-hire-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 767px){ .fcm-hire-calendar-grid{display:none} .fcm-hire-mobile-calendar-list{display:block} .fcm-hire-mobile-calendar-day{border:1px solid #d9e3f0;border-radius:12px;background:#fff;margin-bottom:12px;padding:12px} .fcm-hire-mobile-calendar-day h4{margin:0 0 10px;color:#1E2A44} .fcm-hire-settings-section>summary{align-items:flex-start;flex-direction:column} .fcm-hire-settings-section>summary:after{position:absolute;right:18px} } /* v2.1.48.199 Facility Hire calendar colours and compact notification recipients */ .fcm-hire-calendar-legend{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px} .fcm-hire-calendar-legend span{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9e3f0;border-radius:999px;background:#fff;padding:6px 10px;font-size:12px;font-weight:800;color:#1E2A44} .fcm-hire-calendar-legend span:before{content:'';width:12px;height:12px;border-radius:4px;display:inline-block} .fcm-hire-calendar-legend .confirmed:before{background:#d9ecff;border:1px solid #9dc7ef} .fcm-hire-calendar-legend .request:before{background:#edf1f5;border:1px solid #c8d1dc} .fcm-hire-calendar-booking.fcm-hire-calendar-item-confirmed, .fcm-hire-calendar-mobile-item.fcm-hire-calendar-item-confirmed{border-left-color:#0054A6;background:#d9ecff} .fcm-hire-calendar-booking.fcm-hire-calendar-item-request, .fcm-hire-calendar-mobile-item.fcm-hire-calendar-item-request{border-left-color:#7a8699;background:#edf1f5} .fcm-hire-calendar-type{display:inline-flex;align-self:flex-start;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(30,42,68,.12);padding:2px 6px;font-size:10px!important;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;font-weight:900;color:#1E2A44!important} .fcm-hire-notification-recipient-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .fcm-hire-notification-recipient-grid .fcm-hire-check{width:auto;min-width:0;border:1px solid #d9e3f0;border-radius:10px;background:#f8fbff;padding:9px 10px;font-weight:700;color:#1E2A44} @media (max-width: 1200px){ .fcm-hire-notification-recipient-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (max-width: 900px){ .fcm-hire-notification-recipient-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width: 767px){ .fcm-hire-notification-recipient-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 480px){ .fcm-hire-notification-recipient-grid{grid-template-columns:1fr} } /* v2.1.48.200 Facility Hire calendar/request polish */ .fcm-hire-panel-advanced .fcm-hire-tabs .fcm-hire-tab-form-add{margin-left:auto!important} .fcm-hire-calendar-click-form{display:block!important;margin:0!important;padding:0!important;width:100%!important} .fcm-hire-calendar-click-form .fcm-hire-calendar-booking, .fcm-hire-calendar-click-form .fcm-hire-calendar-mobile-item{ appearance:none!important; -webkit-appearance:none!important; border-top:0!important; border-right:0!important; border-bottom:0!important; width:100%!important; text-align:left!important; cursor:pointer!important; font-family:Montserrat,Arial,sans-serif!important; } .fcm-hire-calendar-click-form .fcm-hire-calendar-booking:hover, .fcm-hire-calendar-click-form .fcm-hire-calendar-mobile-item:hover, .fcm-hire-calendar-click-form .fcm-hire-calendar-booking:focus-visible, .fcm-hire-calendar-click-form .fcm-hire-calendar-mobile-item:focus-visible{ outline:2px solid rgba(0,84,166,.35)!important; outline-offset:2px!important; transform:translateY(-1px); } @media (max-width:900px){ .fcm-hire-panel-advanced .fcm-hire-tabs .fcm-hire-tab-form-add{margin-left:0!important} } /* Facility Hire request detail polish v2.1.48.201 */ .fcm-hire-request-detail-card>h3{display:none!important} .fcm-hire-request-detail-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;border-bottom:1px solid rgba(0,84,166,.14)!important;padding:0 0 12px!important;margin:0 0 14px!important} .fcm-hire-request-detail-header h3{margin:0!important;color:var(--fcm-blue)!important;font-size:20px!important;font-weight:900!important;line-height:1.2!important} .fcm-hire-request-submitted{margin:6px 0 0!important;color:#4b5563!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.03em!important} .fcm-hire-request-status{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:max-content!important} .fcm-hire-request-contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .fcm-hire-request-hire-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .fcm-hire-detail-item-wide{grid-column:1/-1!important} .fcm-hire-booking-type-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(0,84,166,.18)!important;background:#f4f7fb!important;color:var(--fcm-navy)!important;border-radius:999px!important;padding:6px 12px!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important} .fcm-hire-hire-details-heading{margin-top:10px!important} .fcm-hire-purpose-block{margin-top:12px!important} @media (max-width: 1180px){ .fcm-hire-request-contact-grid, .fcm-hire-request-hire-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width: 720px){ .fcm-hire-request-detail-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important} .fcm-hire-request-contact-grid, .fcm-hire-request-hire-grid{grid-template-columns:1fr!important} .fcm-hire-request-status{justify-content:flex-start!important} .fcm-hire-hire-details-heading{align-items:flex-start!important;flex-direction:column!important} } /* Facility Hire request detail and quote polish v2.1.48.202 */ .fcm-hire-request-detail-header{ align-items:center!important; border-bottom:0!important; padding:0!important; margin:0 0 14px!important; } .fcm-hire-request-title-line{ display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; gap:10px!important; min-width:0!important; } .fcm-hire-request-title-line h3{ margin:0!important; } .fcm-hire-request-title-line .fcm-hire-request-submitted{ margin:0!important; color:#4b5563!important; font-size:12px!important; font-weight:900!important; text-transform:none!important; letter-spacing:0!important; white-space:nowrap!important; } .fcm-hire-finance-scorecards{ grid-template-columns:1fr!important; gap:10px!important; } .fcm-hire-finance-scorecard{ border-radius:14px!important; border:1px solid rgba(0,84,166,.14)!important; background:#f8fafc!important; } .fcm-hire-finance-deposit.is-paid{ background:#ecfdf3!important; border-color:#bbf7d0!important; } .fcm-hire-finance-deposit.is-paid span, .fcm-hire-finance-deposit.is-paid strong{ color:#166534!important; } .fcm-hire-finance-deposit.is-unpaid{ background:#fef2f2!important; border-color:#fecaca!important; } .fcm-hire-finance-deposit.is-unpaid span, .fcm-hire-finance-deposit.is-unpaid strong{ color:#991b1b!important; } .fcm-hire-quote-builder-card .fcm-hire-addon-actions{ margin:16px 0!important; border:1px solid rgba(0,84,166,.12)!important; box-shadow:none!important; } @media (max-width:720px){ .fcm-hire-request-detail-header{ align-items:flex-start!important; } .fcm-hire-request-title-line{ gap:6px!important; } .fcm-hire-request-title-line .fcm-hire-request-submitted{ white-space:normal!important; width:100%!important; } } /* Facility Hire request detail scorecard and quote polish v2.1.48.203 */ .fcm-hire-request-detail-header{ justify-content:flex-start!important; } .fcm-hire-request-status{ display:none!important; } .fcm-hire-purpose-grid-block{ grid-column:2 / -1!important; grid-row:span 2!important; margin:0!important; min-height:104px!important; } .fcm-hire-purpose-grid-block h4{ margin:0 0 8px!important; } .fcm-hire-purpose-grid-block p{ margin:0!important; } .fcm-hire-finance-scorecards{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .fcm-hire-finance-status .fcm-hire-status-badge, .fcm-hire-finance-status .fcm-status-badge{ margin-top:2px!important; } .fcm-hire-finance-deposit.is-neutral{ background:#f8fafc!important; border-color:rgba(0,84,166,.14)!important; } .fcm-hire-finance-deposit.is-neutral span, .fcm-hire-finance-deposit.is-neutral strong{ color:var(--fcm-navy)!important; } .fcm-hire-addon-plus-list{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; } .fcm-hire-addon-plus-row{ min-height:72px!important; } .fcm-hire-quote-builder-card>.fcm-hire-card-body>.fcm-hire-help:first-child{ display:none!important; } @media (max-width:1180px){ .fcm-hire-addon-plus-list{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .fcm-hire-purpose-grid-block{ grid-column:1/-1!important; } } @media (max-width:720px){ .fcm-hire-finance-scorecards, .fcm-hire-addon-plus-list{ grid-template-columns:1fr!important; } .fcm-hire-purpose-grid-block{ grid-column:1/-1!important; grid-row:auto!important; min-height:0!important; } } /* v2.1.48.206: damage deposit quote-builder item */ .fcm-hire-deposit-plus-row { border-left: 4px solid var(--fcm-orange, #F58220); } .fcm-hire-plus-button.is-remove { font-weight: 800; } /* v2.1.48.209: Facility Hire Stripe settings foundation */ .fcm-hire-stripe-status-row{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; } .fcm-hire-status-pill{ display:inline-flex; align-items:center; border:1px solid rgba(30,42,68,.16); background:#f8fafc; color:#1E2A44; border-radius:0; font-size:12px; font-weight:700; padding:7px 10px; } .fcm-hire-status-pill.is-ok{ background:#ecfdf3; border-color:#166534; color:#166534; } .fcm-hire-status-pill.is-muted{ background:#f8fafc; border-color:#cbd5e1; color:#475569; } .fcm-hire-settings-section-body .fcm-hire-form-grid small{ display:block; margin-top:4px; color:#64748b; font-size:11px; } /* v2.1.48.213 — confirmation invoice choice modal */ .fcm-hire-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 14px 0 18px; } .fcm-hire-choice-card { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border: 1px solid #d7e0ec; border-radius: 12px; background: #fff; cursor: pointer; color: #1E2A44; font-weight: 700; } .fcm-hire-choice-card input { margin-top: 3px; } .fcm-hire-choice-card:has(input:checked) { border-color: #0054A6; box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.12); } @media (max-width: 700px) { .fcm-hire-choice-grid { grid-template-columns: 1fr; } } /* v2.1.48.222 Facility Hire email template polish */ .fcm-hire-section-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; } .fcm-hire-section-heading-row h4 { margin: 0; } .fcm-hire-email-template-block textarea { min-height: 160px; } @media (max-width: 640px) { .fcm-hire-section-heading-row { align-items: flex-start; flex-direction: column; } } /* v2.1.48.224 — Calendar header alignment. */ @media (max-width: 640px){ .fcm-hire-calendar-nav{grid-template-columns:1fr 1fr;gap:8px} .fcm-hire-calendar-current-month{grid-column:1 / -1;grid-row:1;justify-self:center} .fcm-hire-calendar-nav-prev{grid-column:1;grid-row:2;justify-self:start} .fcm-hire-calendar-nav-next{grid-column:2;grid-row:2;justify-self:end} } /* v2.1.48.225 — Facility Hire quote review and acceptance modal. */ .fcm-hire-acceptance-overlay { position: fixed; inset: 0; z-index: 99999; background: rgba(30, 42, 68, 0.72); display: flex; align-items: flex-start; justify-content: center; padding: 42px 16px; overflow-y: auto; } .fcm-hire-acceptance-modal { width: min(980px, 100%); background: #fff; border-radius: 0; box-shadow: 0 18px 45px rgba(0,0,0,.25); border: 1px solid #d9e2ec; padding: 22px; } .fcm-hire-acceptance-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid #e6edf5; margin-bottom: 14px; padding-bottom: 10px; } .fcm-hire-acceptance-head h3 { margin: 0; color: #1E2A44; } .fcm-hire-modal-close { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; text-decoration: none; font-size: 26px; line-height: 1; border: 1px solid #d9e2ec; color: #1E2A44; background: #f4f7fb; } .fcm-hire-terms-scroll { max-height: 320px; overflow: auto; border: 1px solid #d9e2ec; background: #f4f7fb; padding: 14px 18px; margin: 18px 0; color: #1E2A44; } .fcm-hire-terms-scroll h4 { margin: 0 0 8px 0; } .fcm-hire-terms-scroll p { margin: 0 0 8px 0; } .fcm-hire-terms-scroll ol { margin: 10px 0 0 20px; padding: 0; } .fcm-hire-terms-scroll li { margin: 0 0 9px 0; line-height: 1.45; } .fcm-hire-acceptance-agree { font-weight: 700; color: #1E2A44; margin: 14px 0; } .fcm-hire-acceptance-form { border-top: 1px solid #e6edf5; padding-top: 14px; } @media (max-width: 640px) { .fcm-hire-acceptance-overlay { padding: 18px 10px; } .fcm-hire-acceptance-modal { padding: 16px; } .fcm-hire-acceptance-head { align-items: flex-start; } .fcm-hire-terms-scroll { max-height: 300px; padding: 12px; } } /* v2.1.48.227: quote acceptance admin polish */ .fcm-hire-table tr.fcm-hire-request-accepted > td, .fcm-hire-mobile-card.fcm-hire-request-accepted{ background:#ecfdf3!important; border-color:#bbf7d0!important; } .fcm-hire-mobile-card.fcm-hire-request-accepted{ box-shadow:0 0 0 1px #bbf7d0 inset!important; } .fcm-hire-status.status-customer-accepted{ background:#ecfdf3!important; color:#166534!important; } .fcm-hire-finance-status.is-accepted{ background:#ecfdf3!important; border-color:#bbf7d0!important; } .fcm-hire-finance-status.is-accepted span, .fcm-hire-finance-status.is-accepted strong{ color:#166534!important; } .fcm-hire-acceptance-overlay.is-accepted .fcm-hire-acceptance-form{ display:none!important; } /* v2.1.48.230 Facility Hire reports and invoice admin polish */ .fcm-hire-report-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .fcm-hire-report-card { border: 1px solid rgba(0,84,166,.14); border-radius: 12px; background: #fff; padding: 14px; } .fcm-hire-report-card h4 { margin: 0 0 6px; } .fcm-hire-invoice-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; margin: 14px 0; } @media (max-width: 900px) { .fcm-hire-report-grid, .fcm-hire-invoice-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .fcm-hire-report-grid, .fcm-hire-invoice-filters { grid-template-columns: 1fr; } } /* Facility Hire email template card UI (v2.1.48.232) The email editor is intentionally laid out as: 1) full-width template cards 2) full-width editor panel This avoids a cramped side-by-side layout inside the Settings accordion. */ .fcm-hire-email-template-layout { display: block; width: 100%; } .fcm-hire-email-template-card-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 14px 0 18px; width: 100%; } .fcm-hire-email-template-card { width: 100%; min-height: 112px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; border: 1px solid #d9e2ec; background: #ffffff; border-radius: 12px; padding: 14px 16px; cursor: pointer; color: #1E2A44; box-shadow: 0 1px 2px rgba(30, 42, 68, 0.06); transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; } .fcm-hire-email-template-card:hover, .fcm-hire-email-template-card:focus, .fcm-hire-email-template-card.is-active { border-color: #0054A6; box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.12), 0 8px 20px rgba(30, 42, 68, 0.08); } .fcm-hire-email-template-card.is-active { background: #f4f8fd; } .fcm-hire-email-template-card-title, .fcm-hire-email-template-card-desc, .fcm-hire-email-template-card-action { display: block; } .fcm-hire-email-template-card-title { font-weight: 800; margin-bottom: 5px; color: #1e3094; line-height: 1.25; } .fcm-hire-email-template-card-desc { font-size: 12px; line-height: 1.45; color: #546179; } .fcm-hire-email-template-card-action { margin-top: 10px; font-size: 12px; font-weight: 800; color: #0054A6; } .fcm-hire-email-template-editor-wrap { width: 100%; } .fcm-hire-email-template-block { margin-top: 0; padding: 18px; border-radius: 12px; } .fcm-hire-email-template-block[hidden] { display: none !important; } .fcm-hire-email-template-block .fcm-hire-section-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 12px; } .fcm-hire-token-panel { margin: 12px 0 16px; padding: 12px; border: 1px solid #d9e2ec; border-radius: 12px; background: #f8fafc; } .fcm-hire-token-panel .fcm-hire-help { margin-bottom: 8px; } .fcm-hire-token-pills { display: flex; flex-wrap: wrap; gap: 7px; max-height: 96px; overflow-y: auto; padding-right: 4px; } .fcm-hire-token-pill { border: 1px solid #c8d5e4; background: #ffffff; color: #1E2A44; border-radius: 999px; padding: 5px 9px; font-size: 11px; line-height: 1.2; cursor: pointer; white-space: nowrap; } .fcm-hire-token-pill:hover, .fcm-hire-token-pill:focus { border-color: #0054A6; color: #0054A6; box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.10); } .fcm-hire-email-template-block input.fcm-hire-email-field, .fcm-hire-email-template-block textarea.fcm-hire-email-field { width: 100%; } .fcm-hire-email-template-block textarea.fcm-hire-email-field { min-height: 260px; resize: vertical; } @media (max-width: 1100px) { .fcm-hire-email-template-card-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .fcm-hire-email-template-card-list { grid-template-columns: 1fr; } .fcm-hire-email-template-block .fcm-hire-section-heading-row { display: block; } .fcm-hire-email-template-block .fcm-hire-section-heading-row .fcm-hire-button { width: 100%; margin-top: 10px; } .fcm-hire-token-pills { max-height: 136px; } } /* v2.1.48.233 — Facility Hire email template layout tightening. Layout-only pass to reduce vertical space in the Settings email editor. */ .fcm-hire-email-template-layout { margin-top: 8px; } .fcm-hire-email-template-card-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 10px 0 12px; } .fcm-hire-email-template-card { min-height: 82px; padding: 10px 12px; border-radius: 9px; box-shadow: none; transform: none !important; background: #ffffff !important; } .fcm-hire-email-template-card:hover, .fcm-hire-email-template-card:focus, .fcm-hire-email-template-card.is-active { border-color: #0054A6 !important; background: #f4f8fd !important; box-shadow: 0 0 0 2px rgba(0, 84, 166, 0.10) !important; color: #1E2A44 !important; } .fcm-hire-email-template-card-title { margin-bottom: 3px; font-size: 13px; line-height: 1.18; } .fcm-hire-email-template-card-desc { font-size: 10.5px; line-height: 1.28; } .fcm-hire-email-template-card-action { margin-top: 6px; font-size: 10.5px; line-height: 1.2; } .fcm-hire-email-template-block { padding: 12px; border-radius: 9px; } .fcm-hire-email-template-block .fcm-hire-section-heading-row { align-items: center; margin-bottom: 8px; gap: 10px; } .fcm-hire-email-template-block .fcm-hire-section-heading-row h4 { margin: 0 0 2px; } .fcm-hire-email-template-block .fcm-hire-section-heading-row .fcm-hire-help { margin: 0; } .fcm-hire-token-panel { margin: 8px 0 10px; padding: 8px; border-radius: 9px; } .fcm-hire-token-panel .fcm-hire-help { margin: 0 0 5px; font-size: 11px; } .fcm-hire-token-pills { gap: 4px; max-height: 58px; } .fcm-hire-token-pill { padding: 3px 7px; font-size: 10px; line-height: 1.1; } .fcm-hire-email-template-block .fcm-hire-form-grid { gap: 8px; } .fcm-hire-email-template-block .fcm-hire-form-field { margin-bottom: 0; } .fcm-hire-email-template-block textarea.fcm-hire-email-field { min-height: 190px; } .fcm-hire-email-template-block input.fcm-hire-email-field { min-height: 34px; } .fcm-hire-email-template-block .fcm-hire-button.secondary { white-space: nowrap; } .fcm-hire-email-template-block + .fcm-hire-email-template-block { margin-top: 0; } @media (min-width: 1200px) { .fcm-hire-email-template-card-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 900px) { .fcm-hire-email-template-card-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fcm-hire-email-template-block textarea.fcm-hire-email-field { min-height: 220px; } } @media (max-width: 640px) { .fcm-hire-email-template-card-list { grid-template-columns: 1fr; gap: 7px; } .fcm-hire-email-template-card { min-height: auto; } .fcm-hire-token-pills { max-height: 100px; } }