/* One dialog design: header / scrollable content / actions. */ body.ff-dialog-open{overflow:hidden!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal):is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal){padding:28px!important;align-items:center!important;justify-content:center!important;background:rgba(19,25,43,.64)!important;backdrop-filter:blur(7px)!important;position:fixed!important;inset:0!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).show{display:flex!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-shell.ff-dialog-shell{display:flex!important;flex-direction:column!important;width:min(1040px,100%)!important;max-width:1040px!important;max-height:calc(100dvh - 56px)!important;height:auto!important;margin:0!important;padding:0!important;border:1px solid #e3e7ee!important;border-radius:22px!important;background:#f4f6f9!important;box-shadow:0 32px 100px #10182755!important;overflow:hidden!important;transform:none!important;min-height:0!important} #shiftModal .ff-dialog-shell,#personModal .ff-dialog-shell,#managerModal .ff-dialog-shell,#ffMessageDialog .ff-dialog-shell{max-width:680px!important} #ffNotificationSheet .ff-dialog-shell{max-width:840px!important} #monthlyScheduleModal .ff-dialog-shell{max-width:1180px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-header.ff-dialog-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:26px 30px!important;margin:0!important;flex-shrink:0!important;background:linear-gradient(110deg,#fff8f2 0%,#fff 68%)!important;border:0!important;border-bottom:1px solid #e7e9ef!important;position:relative!important;color:#24244d!important} .ff-dialog-header:before{content:'';position:absolute;left:0;top:26px;bottom:26px;width:5px;border-radius:0 5px 5px 0;background:linear-gradient(#ff8c30,#f34c29)} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-heading{min-width:0!important;text-align:left!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-eyebrow{display:block!important;font-size:11px!important;line-height:1.5!important;letter-spacing:1.5px!important;font-weight:800!important;color:#c94e13!important;text-transform:uppercase!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-title.ff-dialog-title{display:block!important;margin:5px 0 0!important;padding:0!important;font-size:25px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.6px!important;color:#24244d!important;background:none!important;border:0!important;overflow-wrap:anywhere} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-heading>p{margin:8px 0 0!important;font-size:13px!important;line-height:1.55!important;color:#6b7284!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-head-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-close.ff-dialog-close{position:static!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border:1px solid #e2e5ec!important;border-radius:12px!important;background:#fff!important;color:#24244d!important;font-size:25px!important;line-height:1!important;box-shadow:none!important;transform:none!important;cursor:pointer!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content{padding:24px 30px!important;overflow:auto!important;min-height:0!important;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 auto!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content>:is(.modal-body,.pro-edit-scroll-wrap,.pro-edit-content,#personProfileContent,#contractorTicketBody,#userDetailBody){padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important;background:transparent!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .pro-edit-content{padding:0!important;display:grid!important;gap:20px!important;max-height:none!important;overflow:visible!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.section-box,.pro-entry-section){margin:0 0 20px!important;padding:22px!important;border:1px solid #e2e6ed!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 10px #24244d03!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .pro-entry-section{margin:0!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.section-title,.pro-entry-section-head){padding:0 0 16px!important;margin:0 0 18px!important;border-bottom:1px solid #edf0f4!important;font-size:16px!important;color:#24244d!important;background:none!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.form-grid,.pro-entry-grid){gap:18px!important;align-items:start!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.field,.pro-entry-field)>label{display:block!important;margin:0 0 8px!important;font-size:13px!important;line-height:1.4!important;font-weight:700!important;color:#45485e!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){box-sizing:border-box!important;width:100%!important;min-height:46px!important;padding:12px 14px!important;border:1px solid #dce1e9!important;border-radius:10px!important;background:#fff!important;color:#24244d!important;font:inherit!important;font-size:14px!important;line-height:1.5!important;box-shadow:none!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) select{padding-right:38px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) textarea{min-height:108px!important;resize:vertical} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(input,select,textarea):focus{outline:3px solid #ff6b1925!important;border-color:#f47a32!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) button{font-family:inherit!important;cursor:pointer} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.primary-btn,.secondary-btn,.pro-create-btn,.ff-dialog-head-actions>button:not(.ff-dialog-close)){min-height:42px!important;padding:10px 16px!important;border-radius:10px!important;font-size:13px!important;font-weight:750!important;line-height:1.4!important;box-shadow:none!important;letter-spacing:0!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.primary-btn,.pro-create-btn){background:linear-gradient(110deg,#ff791c,#ed4d2b)!important;border:1px solid #ed6526!important;color:#fff!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.secondary-btn,.ff-dialog-head-actions>button:not(.ff-dialog-close)){background:#fff!important;border:1px solid #dce1e9!important;color:#34364f!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) button:hover{filter:brightness(.97)} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) button:focus-visible{outline:3px solid #ff8c30!important;outline-offset:3px} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.modal-actions,.pro-entry-actions,.ff-message-actions){display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:12px!important;margin-top:20px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-footer{padding:18px 30px!important;margin:0!important;background:#fff!important;border-top:1px solid #e2e6ed!important;flex-shrink:0!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-footer .pro-entry-actions{margin:0!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.pro-edit-number,.ff-dialog-person){margin:0 0 20px!important;border-radius:10px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-message-text{font-size:16px;line-height:1.7;white-space:pre-wrap;color:#45485e} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-message-actions [hidden]{display:none!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-file-content{height:min(65vh,700px)!important} @media(max-width:700px){ :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal):is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal){padding:10px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-shell.ff-dialog-shell{max-height:calc(100dvh - 20px)!important;border-radius:16px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-header.ff-dialog-header{padding:20px!important;gap:12px!important;align-items:flex-start!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-title.ff-dialog-title{font-size:21px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content{padding:18px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.section-box,.pro-entry-section){padding:16px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) :is(.form-grid,.pro-entry-grid,.pro-entry-grid-3,.detail-shell){grid-template-columns:minmax(0,1fr)!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .span-2{grid-column:1/-1!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-head-actions{flex-wrap:wrap!important;justify-content:flex-end!important;max-width:135px} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-head-actions>button:not(.ff-dialog-close){font-size:11px!important;padding:7px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-footer{padding:16px 18px!important;flex-wrap:wrap!important;gap:12px!important} :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .pro-entry-saveinfo{display:none!important} } @media(prefers-reduced-motion:reduce){:is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) *{animation:none!important;transition:none!important}} /* Shared reading order: one column of sections, two columns of fields. */ body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .detail-shell, body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .pro-edit-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important} body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .detail-main, body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .detail-side{min-width:0!important} body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .pro-entry-section{grid-column:1/-1!important;grid-row:auto!important} body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content>.modal-body>.form-grid{padding:22px!important;border:1px solid #e2e6ed!important;border-radius:16px!important;background:#fff!important} body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .pro-edit-scroll-wrap{overflow:visible!important;max-height:none!important;padding:0!important} @media(max-width:700px){body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .pro-entry-grid,body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content .form-grid{grid-template-columns:minmax(0,1fr)!important}body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal) .ff-dialog-content>.modal-body>.form-grid{padding:16px!important}} /* V16.19: remove legacy named grid areas and implicit tracks. */ html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.detail-shell,.detail-main,.detail-side,.pro-edit-content){ display:flex!important;flex-direction:column!important;align-items:stretch!important; grid-template-areas:none!important;grid-template-columns:none!important; grid-area:auto!important;grid-column:auto!important;grid-row:auto!important; position:static!important;width:100%!important;max-width:none!important;min-width:0!important; box-sizing:border-box!important;gap:20px!important;margin:0!important; } html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.detail-shell,.detail-main,.detail-side,.pro-edit-content)>*{ grid-area:auto!important;grid-column:auto!important;grid-row:auto!important; width:100%!important;max-width:none!important;min-width:0!important; box-sizing:border-box!important;margin:0!important;align-self:stretch!important; } html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.modal-body,.pro-edit-scroll-wrap,#personProfileContent,#contractorTicketBody,#userDetailBody,#ffNotificationList){ width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important; margin:0!important;padding:0!important; } html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.section-box,.pro-entry-section,.contractor-detail-block,.contractor-workbox,.user-detail-row,.user-confirm-card){ width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important; min-height:0!important;align-self:stretch!important;border-radius:16px!important; } html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.section-box,.pro-entry-section){padding:22px!important;margin:0!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.form-grid,.pro-entry-grid){width:100%!important;max-width:none!important;box-sizing:border-box!important;min-width:0!important;gap:18px!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.field,.pro-entry-field){min-width:0!important;max-width:100%!important;box-sizing:border-box!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.section-title,.pro-entry-section-head){width:100%!important;box-sizing:border-box!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.contractor-detail-block,.contractor-workbox,.user-detail-row,.user-confirm-card){padding:20px!important;margin:16px 0 0!important;border:1px solid #e2e6ed!important;background:#fff!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.ff-notify-item,.flow-timeline,.ff-history-list){min-width:0!important;box-sizing:border-box!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(input[type=file],img){max-width:100%!important;box-sizing:border-box!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.form-grid,.pro-entry-grid)>.span-2{grid-column:1/-1!important} @media(max-width:700px){ html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.section-box,.pro-entry-section,.contractor-detail-block,.contractor-workbox,.user-detail-row,.user-confirm-card){padding:16px!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.detail-shell,.detail-main,.detail-side,.pro-edit-content){gap:16px!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.form-grid,.pro-entry-grid,.info-grid,.flow-photo-grid){grid-template-columns:minmax(0,1fr)!important;gap:14px!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer).ff-dialog.ff-dialog .ff-dialog-content :is(.assignee-row,.availability-premium){display:flex!important;flex-direction:column!important;align-items:stretch!important} } /* Footer remains visible while the content scrolls. */ html body .ff-dialog.ff-dialog .ff-dialog-shell>.ff-dialog-footer{ display:flex!important;align-items:center!important;justify-content:space-between!important; width:100%!important;box-sizing:border-box!important;gap:16px!important;flex:0 0 auto!important; padding:18px 30px!important;border-top:1px solid #e2e6ed!important;background:#fff!important; } html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions{ display:flex!important;align-items:center!important;justify-content:flex-end!important; flex:1 1 auto!important;width:auto!important;gap:12px!important;margin:0!important;padding:0!important; grid-template-columns:none!important;border:0!important;background:none!important; } html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions button{ width:auto!important;min-width:120px!important;min-height:44px!important;margin:0!important; padding:11px 20px!important;white-space:normal!important;line-height:1.4!important; } html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions .primary-btn{min-width:180px!important} html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions .ff-dialog-danger{margin-right:auto!important;color:#b53535!important;border-color:#efcccc!important} html body .ff-dialog.ff-dialog .ff-dialog-content .detail-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:stretch!important} html body .ff-dialog.ff-dialog .ff-dialog-content .detail-actions button{min-height:42px!important;padding:10px 15px!important;margin:0!important} @media(max-width:700px){ html body .ff-dialog.ff-dialog .ff-dialog-shell>.ff-dialog-footer{padding:14px 18px!important} html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions{flex-wrap:wrap!important;gap:10px!important} html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions button, html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions .primary-btn{flex:1 1 120px!important;min-width:0!important;min-height:46px!important;padding:11px 12px!important} html body .ff-dialog.ff-dialog .ff-dialog-bottom-actions .ff-dialog-danger{flex-basis:100%!important} html body .ff-dialog.ff-dialog .ff-dialog-content .detail-actions button{flex:1 1 140px!important} } #accountCreateModal .ff-dialog-shell{max-width:760px!important} #accountCreateModal [hidden]{display:none!important} #users .ff-users-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important} #users .ff-add-user-button{flex-shrink:0;min-height:46px;padding:12px 20px;border:0;border-radius:12px;background:linear-gradient(110deg,#ff791c,#ed4d2b);color:#fff;font-size:14px;font-weight:800;cursor:pointer} @media(max-width:700px){#users .ff-users-hero{flex-direction:column!important;align-items:stretch!important}#users .ff-add-user-button{width:100%}} html body .ff-dialog-shell:focus{outline:none!important} html body #ticketEditModal.ff-dialog .ff-edit-unified-history{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0 0 20px!important;padding:0!important} html body #ticketEditModal.ff-dialog .ff-edit-unified-history>*,html body #ticketEditModal.ff-dialog .ff-edit-unified-history .v98-unified-history{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important} html body .ff-dialog.ff-dialog .ff-dialog-footer .ff-dialog-bottom-actions{align-self:stretch!important;width:100%!important;max-width:none!important;flex-direction:row!important} @media(max-width:700px){html body .ff-dialog.ff-dialog .ff-dialog-footer .ff-dialog-bottom-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important}html body .ff-dialog.ff-dialog .ff-dialog-footer .ff-dialog-bottom-actions button{width:100%!important}html body .ff-dialog.ff-dialog .ff-dialog-footer .ff-dialog-bottom-actions .ff-dialog-danger{grid-column:1/-1!important}#ffNotificationSheet .ff-dialog-bottom-actions{grid-template-columns:1fr!important}} html body :is(#accountCreateModal,#ticketModal,#ticketEditModal,#contractorTicketEditModal,#shiftModal,#personModal,#managerModal,#ffNotificationSheet).ff-dialog.ff-dialog .ff-dialog-footer .ff-dialog-bottom-actions{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;align-self:stretch!important} html body #ticketEditModal.ff-dialog .ff-edit-unified-history{padding:20px!important} @media(max-width:700px){html body #ticketEditModal.ff-dialog .ff-edit-unified-history{padding:16px!important}} /* V16.20 — full-width account section and fields, without inherited columns. */ html body #accountCreateModal.ff-dialog.ff-dialog .ff-dialog-content{scrollbar-gutter:auto!important} html body #accountCreateModal.ff-dialog.ff-dialog .ff-dialog-content #accountCreateForm{ display:flex!important;flex-direction:column!important;align-items:stretch!important; width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important; grid-template-columns:none!important;grid-template-areas:none!important;margin:0!important;gap:18px!important; } html body #accountCreateModal.ff-dialog.ff-dialog #accountCreateForm>.field{ width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important; grid-area:auto!important;align-self:stretch!important;margin:0!important; } html body #accountCreateModal.ff-dialog.ff-dialog #accountCreateForm :is(input,select){width:100%!important;max-width:none!important;box-sizing:border-box!important} html body #accountCreateModal.ff-dialog.ff-dialog #accountCreateForm [hidden]{display:none!important} /* V16.21 — orange Add user action in the Users heading. */ html body #users .ff-users-hero button.ff-add-user-button{ background:#ff5e14!important;background-image:none!important; border:1px solid #ff5e14!important;color:#fff!important; box-shadow:0 4px 12px rgba(255,94,20,.18)!important; } html body #users .ff-users-hero button.ff-add-user-button:hover{ background:#e9500d!important;border-color:#e9500d!important; } html body #users .ff-users-hero button.ff-add-user-button:focus-visible{ outline:3px solid rgba(255,94,20,.35)!important;outline-offset:3px!important; } /* V16.22 — shared orange action buttons in module headings. */ html body :is(#dashboard,#tickets,#users,#managers,#team,#schedule,#settings).page .ff-module-hero button:is(.ff-hero-action,.ff-add-user-button){ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important; height:46px!important;min-height:46px!important;box-sizing:border-box!important; padding:12px 20px!important;border:1px solid #ff5e14!important;border-radius:12px!important; background:#ff5e14!important;background-image:none!important;color:#fff!important; font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:20px!important; letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important; box-shadow:0 4px 12px rgba(255,94,20,.18)!important;cursor:pointer!important;flex-shrink:0!important; backdrop-filter:none!important;transform:none!important; } html body :is(#dashboard,#tickets,#users,#managers,#team,#schedule,#settings).page .ff-module-hero button:is(.ff-hero-action,.ff-add-user-button)>span{ color:inherit!important;font:inherit!important;letter-spacing:inherit!important; } html body :is(#dashboard,#tickets,#users,#managers,#team,#schedule,#settings).page .ff-module-hero button:is(.ff-hero-action,.ff-add-user-button):hover{ background:#e9500d!important;border-color:#e9500d!important;color:#fff!important;transform:none!important; box-shadow:0 4px 12px rgba(255,94,20,.18)!important; } html body :is(#dashboard,#tickets,#users,#managers,#team,#schedule,#settings).page .ff-module-hero button:is(.ff-hero-action,.ff-add-user-button):focus-visible{ outline:3px solid rgba(255,94,20,.35)!important;outline-offset:3px!important; } /* ========================================================= V17.6.68 — EDYTUJ ZGŁOSZENIE Historia nie może wychodzić poza własną sekcję ani nachodzić na formularz poniżej. ========================================================= */ html body #ticketEditModal.ff-dialog .ff-edit-unified-history{ position:relative!important; display:block!important; flex:0 0 auto!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; overflow:hidden!important; box-sizing:border-box!important; z-index:auto!important; } html body #ticketEditModal.ff-dialog .ff-edit-unified-history .v98-unified-history.ff-history-pro{ position:relative!important; display:block!important; width:100%!important; max-width:none!important; max-height:190px!important; overflow-y:auto!important; overflow-x:hidden!important; box-sizing:border-box!important; contain:layout paint!important; } html body #ticketEditModal.ff-dialog .pro-edit-scroll-wrap{ position:relative!important; display:block!important; clear:both!important; width:100%!important; min-width:0!important; margin-top:0!important; z-index:auto!important; } html body #ticketEditModal.ff-dialog .pro-edit-content{ position:relative!important; z-index:auto!important; } /* V17.6.72 — actual rendered dialog headers; matches dashboard priorities. */ html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).ff-dialog > .ff-dialog-shell > .ff-dialog-header{align-items:flex-start!important;gap:18px!important;padding:18px 20px 15px!important;background:radial-gradient(circle at 92% 0%,rgba(0,167,212,.075),transparent 34%),linear-gradient(180deg,#fff,#fbfcfd)!important;border-bottom:1px solid #eef1f4!important;color:#20213f!important;box-shadow:none!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).ff-dialog > .ff-dialog-shell > .ff-dialog-header::before{content:""!important;position:absolute!important;left:0!important;top:16px!important;bottom:16px!important;width:3px!important;border-radius:0 4px 4px 0!important;background:linear-gradient(180deg,#ff7a36,#ff5d17)!important;box-shadow:0 0 14px rgba(255,94,20,.16)!important;pointer-events:none!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).ff-dialog > .ff-dialog-shell > .ff-dialog-header > .ff-dialog-heading{min-width:0!important;text-align:left!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).ff-dialog > .ff-dialog-shell > .ff-dialog-header > .ff-dialog-heading > .ff-dialog-eyebrow{display:block!important;margin:0 0 5px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:#ff6a2a!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).ff-dialog > .ff-dialog-shell > .ff-dialog-header > .ff-dialog-heading > .ff-dialog-title{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:#20213f!important;font-size:28px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).ff-dialog > .ff-dialog-shell > .ff-dialog-header > .ff-dialog-heading > p{margin:5px 0 0!important;padding:0!important;max-width:600px!important;background:none!important;color:#7b8797!important;font-size:13px!important;line-height:1.55!important;font-weight:520!important;white-space:normal!important} html body :is(#accountCreateModal,#ticketModal,#detailModal,#ticketEditModal,#contractorTicketEditModal,#monthlyScheduleModal,#schedulePickerModal,#shiftModal,#personModal,#personProfileModal,#managerModal,#contractorTicketSheet,#userDetailSheet,#ffNotificationSheet,#ffFileViewer,#ffMessageDialog,#ffDecisionNoteModal).ff-dialog > .ff-dialog-shell > .ff-dialog-header > .ff-dialog-heading > p:empty{display:none!important} /* ========================================================= V17.6.186 — czytelniejsze teksty pomocnicze w oknach + historia zdarzeń: tytuł i typ zdarzenia w jednej linii. Nagłówki dialogów/sekcji pozostają bez zmian. ========================================================= */ /* Historia: np. „Wykonawca ustawił etap: Zakończone STATUS” — jeden wiersz. */ html body .ff-history-pro .flow-event > b{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:8px!important; min-width:0!important; white-space:nowrap!important; } html body .ff-history-pro .flow-event > b .ff-history-kind{ display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; margin:0!important; vertical-align:middle!important; } /* Delikatnie większe, spójne szare teksty pomocnicze w treści wyskakujących okien. Celowo nie obejmuje .ff-dialog-header, .section-title ani nagłówków sekcji. */ html body .ff-dialog .ff-dialog-content :is( .ff-blocker-hint, .ticket-edit-note, .settings-help, .ff-pro-history-info, .ff-edit-history-head > span, .v98-manager-history-head small, .v99-history-head small, .v101-history-head small, .contractor-history-item span, .contractor-detail-block > small, .contractor-workbox > small, .user-detail-row > small, .ff-notify-item small, .v99-purchase-history-item small, .flow-event > small, .pro-entry-field > small, .field > small, label > small, .attachment-empty ){ font-size:11px!important; line-height:1.5!important; } /* Pomocnicze opisy wewnątrz formularzy — czytelniejsze, ale nadal drugorzędne. */ html body .ff-dialog .ff-dialog-content :is( .availability-premium span:not(.badge), .ticket-action-hint, .ticket-dropzone small ){ font-size:10.5px!important; line-height:1.5!important; } @media(max-width:700px){ html body .ff-history-pro .flow-event > b{ gap:6px!important; font-size:11.5px!important; } html body .ff-history-pro .flow-event > b .ff-history-kind{ font-size:7.5px!important; padding:3px 6px!important; } } /* ========================================================= V17.6.188 — historia: czytelny odstęp przed etykietą STATUS ========================================================= */ html body .ff-history-pro .flow-event > b, html body #contractorTicketSheet .flow-event > b, html body #detailModal .flow-event > b, html body #ticketEditModal .flow-event > b{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; column-gap:12px!important; min-width:0!important; white-space:nowrap!important; } html body .ff-history-pro .flow-event > b .ff-history-kind, html body #contractorTicketSheet .flow-event > b .ff-history-kind, html body #detailModal .flow-event > b .ff-history-kind, html body #ticketEditModal .flow-event > b .ff-history-kind{ display:inline-flex!important; flex:0 0 auto!important; margin-left:0!important; } @media(max-width:700px){ html body .ff-history-pro .flow-event > b, html body #contractorTicketSheet .flow-event > b, html body #detailModal .flow-event > b, html body #ticketEditModal .flow-event > b{column-gap:9px!important;} } /* ========================================================= V17.6.189 — historia: metadane (data · osoba · rola) o 1 px mniejsze ========================================================= */ html body .ff-history-pro .flow-event > small, html body #contractorTicketSheet .flow-event > small, html body #detailModal .flow-event > small, html body #ticketEditModal .flow-event > small{ font-size:13px!important; line-height:1.5!important; }