/*Write your custom css in this file.*/

.gp-settings-telegram-content { padding: 24px 26px 0; }
.gp-settings-telegram-options { margin: 0; padding: 0; border: 0; }
.gp-settings-telegram-options legend { margin-bottom: 8px; border: 0; color: #20364d; font-size: 16px; font-weight: 700; }
.gp-settings-telegram-help { margin: 0 0 18px; color: #61758c; font-size: 13px; line-height: 1.6; }
.gp-settings-telegram-option { display: flex; align-items: center; gap: 12px; margin: 0; padding: 14px 0; border-bottom: 1px solid #e0e9f3; cursor: pointer; }
.gp-settings-telegram-option input { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; accent-color: #1178c5; }
.gp-settings-telegram-option span { min-width: 0; }
.gp-settings-telegram-option strong { display: block; color: #20364d; font-size: 13px; overflow-wrap: anywhere; }
.gp-settings-telegram-option small { display: block; margin-top: 4px; color: #708397; font-size: 11px; font-weight: 400; }
.gp-settings-telegram-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 22px; }
.gp-settings-telegram-footer a { font-size: 13px; }
.gp-settings-telegram-notice { margin: 0 0 18px; font-size: 13px; }
.gp-settings-telegram-notice.is-success { color: #19764b; }
.gp-settings-telegram-notice.is-error { color: #b53d3d; }
.gylet-dashboard-dark .gp-settings-telegram-options legend, .gylet-dashboard-dark .gp-settings-telegram-option strong { color: #dce9f6; }
.gylet-dashboard-dark .gp-settings-telegram-option { border-color: #29405c; }
.gylet-dashboard-dark .gp-settings-telegram-help, .gylet-dashboard-dark .gp-settings-telegram-option small { color: #9bb0c7; }
.gylet-dashboard-dark .gp-settings-telegram-notice.is-success { color: #70d6a0; }
.gylet-dashboard-dark .gp-settings-telegram-notice.is-error { color: #ff9898; }
@media (max-width: 600px) { .gp-settings-telegram-content { padding: 20px 16px 0; } }

/* Running-number tab follows the project Contact Persons tab layout. */
.gp-settings-page .gp-settings-navigation { display: flex; align-items: stretch; gap: 2px; width: 100%; margin: 12px 0 0; padding: 6px 8px; border: 1px solid #e1eaf3; border-radius: 13px; background: #fff; box-shadow: 0 6px 20px rgba(25, 57, 91, .055); }
.gp-settings-page .gp-settings-navigation > li { float: none; }
.gp-settings-page .gp-settings-navigation > li > a { display: flex; align-items: center; min-height: 40px; margin: 0 2px; padding: 10px 13px; border: 0 !important; border-radius: 9px !important; color: #61758c; font-size: 12px; font-weight: 650; line-height: 20px; transition: background .15s ease, color .15s ease; }
.gp-settings-page .gp-settings-navigation > li > a i { width: 15px; margin-right: 6px; text-align: center; }
.gp-settings-page .gp-settings-navigation > li.active > a, .gp-settings-page .gp-settings-navigation > li.active > a:hover, .gp-settings-page .gp-settings-navigation > li > a:focus { border: 0 !important; background: #e3f2ff !important; color: #1178c5; }
.gp-settings-page .gp-settings-navigation > li > a:focus-visible { outline: 2px solid #1685df; outline-offset: 2px; }
.gp-settings-tab-content { margin-top: 14px; }
.gp-settings-directory { width: 100%; margin: 0; padding: 0 0 28px; overflow: hidden; border: 1px solid #e0e9f3; border-radius: 15px; background: #f7fafe; color: #20364d; box-shadow: 0 8px 28px rgba(25, 57, 91, .07); }
.gp-settings-directory-hero { position: relative; display: flex; min-height: 110px; align-items: center; padding: 24px 26px; overflow: hidden; border-bottom: 1px solid #dce9f4; background: radial-gradient(circle at 88% 0, rgba(71, 187, 241, .17), transparent 30%), linear-gradient(125deg, #f9fcff, #eaf6ff); }
.gp-settings-directory-hero::after { position: absolute; top: -92px; right: 72px; width: 180px; height: 180px; border: 34px solid rgba(22, 133, 223, .07); border-radius: 50%; content: ""; pointer-events: none; }
.gp-settings-directory-title { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; min-width: 0; }
.gp-settings-directory-icon { display: inline-flex; width: 54px; height: 54px; flex: 0 0 54px; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient(145deg, #2496ee, #0c70bd); color: #fff; font-size: 22px; box-shadow: 0 8px 18px rgba(22, 133, 223, .26); }
.gp-settings-directory-eyebrow { margin-bottom: 7px; color: #1685df; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.gp-settings-directory-title h2 { margin: 0; color: #17334d; font-size: 24px; font-weight: 780; letter-spacing: -.03em; }
.gp-settings-directory-title p { max-width: 560px; margin: 6px 0 0; color: #708397; font-size: 12px; line-height: 1.5; }
.gp-project-empty.gp-settings-empty { min-height: 340px; }
.gp-project-empty.gp-settings-empty p { max-width: 360px; line-height: 1.5; }
.gp-settings-numbering-group { margin: 14px 20px 0; overflow: hidden; border: 1px solid #e2eaf1; border-radius: 13px; background: #fff; box-shadow: 0 6px 20px rgba(25, 57, 91, .05); }
.gp-settings-numbering-intro { display: flex; min-height: 66px; align-items: center; gap: 11px; padding: 16px 20px; border-bottom: 1px solid #e2eaf1; background: linear-gradient(90deg, #fff, #f7fbff); }
.gp-settings-numbering-intro > div { flex: 1 1 auto; min-width: 0; }
.gp-settings-numbering-heading-icon { display: inline-flex; width: 34px; height: 34px; flex: 0 0 34px; align-items: center; justify-content: center; border-radius: 9px; background: #eaf5ff; color: #1685df; font-size: 15px; }
.gp-settings-numbering-count { display: inline-flex; flex: 0 0 auto; padding: 5px 10px; border: 1px solid #d9e9f8; border-radius: 99px; background: #f2f8fe; color: #277cbf; font-size: 11px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; white-space: nowrap; }
.gp-settings-numbering-intro h3 { margin: 0; color: #20364d; font-size: 15px; font-weight: 700; }
.gp-settings-numbering-intro p { margin: 3px 0 0; color: #708397; font-size: 12px; line-height: 1.5; }
.gp-settings-numbering-list { padding: 0 18px 14px; }
.gp-settings-numbering-row { display: grid; grid-template-columns: minmax(240px, 1.5fr) minmax(110px, .55fr) minmax(170px, .7fr) auto; align-items: center; gap: 22px; min-height: 94px; margin: 0; padding: 14px; border-bottom: 1px solid #edf1f5; transition: background .16s ease; }
.gp-settings-numbering-row:hover { background: #f8fbfe; }
.gp-settings-numbering-row:last-child { border-bottom: 0; }
.gp-settings-numbering-company { display: flex; align-items: center; gap: 12px; min-width: 0; }
.gp-settings-numbering-mark { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 10px; background: #eaf4ff; color: #1685ef; font-size: 16px; }
.gp-settings-numbering-company strong { display: block; color: #24364d; font-size: 12px; font-weight: 700; line-height: 1.4; }
.gp-settings-numbering-company small { display: block; margin-top: 3px; color: #8d9aad; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.gp-settings-numbering-prefix span, .gp-settings-numbering-field label { display: block; margin: 0 0 5px; color: #8999ac; font-size: 10px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.gp-settings-numbering-prefix strong { color: #455b74; font-size: 13px; font-weight: 700; }
.gp-settings-numbering-field input { display: block; width: 100%; height: 39px; padding: 8px 11px; border: 1px solid #dce6ef; border-radius: 9px; outline: 0; background: #f8fafc; color: #24364d; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; transition: border-color .2s, box-shadow .2s; }
.gp-settings-numbering-field input:focus { border-color: #75b8f5; box-shadow: 0 0 0 3px rgba(22, 133, 239, .12); }
.gp-settings-numbering-save { min-width: 82px; height: 39px; margin-top: 16px; padding: 0 13px; border: 1px solid #1685ef; border-radius: 9px; background: #1685ef; color: #fff; font-size: 11px; font-weight: 700; transition: background .2s, border-color .2s, transform .2s; }
.gp-settings-numbering-save:hover, .gp-settings-numbering-save:focus { border-color: #0d73d5; background: #0d73d5; color: #fff; }
.gp-settings-numbering-save:focus-visible { outline: 3px solid rgba(22, 133, 239, .3); outline-offset: 2px; }
.gp-settings-numbering-save:active { transform: translateY(1px); }
.gp-settings-numbering-save i { margin-right: 5px; }
.gp-settings-template-toolbar { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; padding: 20px 20px 4px; }
.gp-settings-template-summary { display: flex; flex-wrap: wrap; gap: 10px; }
.gp-settings-template-summary span { padding: 8px 12px; border: 1px solid #dce9f5; border-radius: 9px; background: #fff; color: #61758c; font-size: 12px; }
.gp-settings-template-summary strong { margin-right: 4px; color: #1685df; font-size: 15px; }
.gp-settings-template-filter { display: flex; align-items: center; gap: 9px; margin: 0; color: #61758c; font-size: 11px; font-weight: 700; }
.gp-settings-template-filter select { min-width: 190px; max-width: min(320px, 62vw); height: 38px; padding: 7px 31px 7px 10px; border: 1px solid #dce6ef; border-radius: 8px; background: #fff; color: #24364d; font-size: 12px; font-weight: 600; }
.gp-settings-template-filter select:focus { border-color: #75b8f5; outline: 3px solid rgba(22, 133, 239, .12); }
.gp-settings-template-hero { justify-content: space-between; flex-wrap: wrap; gap: 18px; }
.gp-settings-template-hero .gp-settings-directory-title { flex: 1 1 400px; }
.gp-settings-template-open { flex: 0 0 auto; margin: 0; white-space: nowrap; }
.gp-settings-template-hero-add { position: relative; z-index: 1; height: 40px; font-size: 12px; }
.gp-settings-template-list { display: grid; gap: 12px; padding: 14px 20px 24px; }
.gp-settings-template-milestone { overflow: hidden; border: 1px solid #e2eaf1; border-radius: 12px; background: #fff; box-shadow: 0 6px 20px rgba(25, 57, 91, .05); }
.gp-settings-template-milestone-head { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; padding: 16px 18px; background: linear-gradient(90deg, #fff, #f7fbff); }
.gp-settings-template-name { flex: 1 1 240px; min-width: 0; }
.gp-settings-template-locked { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid #d9e9f8; border-radius: 8px; background: #eef7ff; color: #277cbf; font-size: 11px; font-weight: 700; white-space: nowrap; }
.gp-settings-template-index { display: grid; width: 34px; height: 34px; flex: 0 0 34px; align-self: flex-start; place-items: center; border-radius: 9px; background: #eaf5ff; color: #1685df; font-size: 11px; font-weight: 800; }
.gp-settings-template-milestone h3 { margin: 0; color: #20364d; font-size: 14px; font-weight: 700; }
.gp-settings-template-milestone p { margin: 4px 0 0; color: #8192a5; font-size: 11px; }
.gp-settings-template-group-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.gp-settings-template-group-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 22px; padding: 3px 7px; border: 1px solid; border-radius: 5px; font-size: 10px; font-weight: 700; line-height: 1.25; }
.gp-settings-template-group-badge::before { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; content: ""; }
.gp-settings-template-group-badge.is-active { border-color: #a9d5f2; background: #e8f5ff; color: #176ba4; }
.gp-settings-template-group-badge.is-active::before { background: #1685df; }
.gp-settings-template-group-badge.is-inactive { border-color: #e2e8ed; background: #f4f6f8; color: #97a4b0; }
.gp-settings-template-group-badge.is-inactive::before { border: 1px solid #aab6c1; background: transparent; }
.gp-settings-template-edit-button { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border: 0; border-radius: 7px; background: transparent; color: #1685df; font-size: 11px; font-weight: 700; }
.gp-settings-template-edit-button:hover, .gp-settings-template-edit-button:focus { background: #eaf5ff; color: #0d73d5; }
button.gp-settings-template-edit-button.gp-settings-template-icon-edit { display: inline-grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; padding: 0; border: 1px solid #d6e9f8; border-radius: 8px; background: #f1f8fe; color: #2977ac; font-size: 12px; }
.gp-settings-template-icon-edit svg { display: block; width: 15px; height: 15px; }
.gp-settings-template-edit-button.gp-settings-template-icon-edit:hover, .gp-settings-template-edit-button.gp-settings-template-icon-edit:focus { border-color: #a9d5f2; background: #e4f3ff; color: #176ba4; }
.gp-settings-template-delete { flex: 0 0 auto; margin: 0; }
.gp-settings-template-delete button { width: 30px; height: 30px; border: 1px solid #f2d7d7; border-radius: 8px; background: #fff8f8; color: #b64d4d; }
.gp-settings-template-delete button:hover { background: #ffecec; }
.gp-settings-template-tasks { display: grid; gap: 8px; margin: 0; padding: 8px 18px 12px; list-style: none; }
.gp-settings-template-task { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: start; gap: 13px; min-width: 0; padding: 15px 15px 14px 13px; border: 1px solid #e3ebf2; border-left: 3px solid #88bde6; border-radius: 9px; background: #fcfeff; }
.gp-settings-template-task-index { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 7px; background: #edf5fc; color: #287cb8; font-size: 15px; }
.gp-settings-template-task-index svg { display: block; width: 18px; height: 18px; }
.gp-settings-template-task-content { min-width: 0; }
.gp-settings-template-task-eyebrow { color: #287cb8; font-size: 10px; font-weight: 800; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase; }
.gp-settings-template-task-line { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 9px; min-width: 0; margin-top: 4px; }
.gp-settings-template-task-line strong { color: #243b53; font-size: 13px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.gp-settings-template-task-role { color: #758aa1; font-size: 10px; }
.gp-settings-template-milestone p.gp-settings-template-task-description { max-width: 70ch; margin: 7px 0 0; color: #667b90; font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.gp-settings-template-task-group-badges { margin-top: 10px; }
.gp-settings-template-task-prompt { max-width: 75ch; margin-top: 10px; padding: 10px 12px; border-left: 2px solid #88bde6; border-radius: 0 6px 6px 0; background: #f5faff; }
.gp-settings-template-task-prompt > span { display: block; color: #287cb8; font-size: 10px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.gp-settings-template-milestone .gp-settings-template-task-prompt p { margin: 5px 0 0; color: #526d85; font-size: 11px; line-height: 1.55; white-space: normal; overflow-wrap: anywhere; }
.gp-settings-template-task-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.gp-settings-template-task-meta span { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 4px 7px; border: 1px solid #e5edf3; border-radius: 5px; background: #f7f9fb; color: #687f94; font-size: 10px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.gp-settings-template-task-meta i { color: #7da9ca; font-size: 10px; }
.gp-settings-template-task-meta .gp-settings-template-task-file-required { border-color: #d6e9f8; background: #f1f8fe; color: #2977ac; }
.gp-settings-template-task-actions { display: flex; align-items: center; gap: 4px; }
.gp-settings-template-task-actions .gp-settings-template-edit-button { padding: 7px 9px; }
.gp-settings-template-task-actions .gp-settings-template-delete button i { color: #b64d4d; }
.gp-settings-template-task-empty { padding: 13px 18px 5px 65px; color: #8799aa; font-size: 11px; }
.gp-settings-template-add-task { padding: 3px 18px 16px 65px; }
.gp-settings-template-add-task .gp-settings-template-edit-button { padding: 7px 9px; }
@media (max-width: 680px) {
    .gp-settings-template-task { grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 12px; }
    .gp-settings-template-task-index { width: 28px; height: 28px; }
    .gp-settings-template-task-line { margin-top: 4px; }
    .gp-settings-template-task-actions { grid-column: 2; justify-content: flex-start; margin-top: 2px; }
    .gp-settings-template-task-empty { padding-left: 18px; }
    .gp-settings-template-add-task { padding-left: 18px; }
}
.gp-settings-template-empty { padding: 50px 16px; border: 1px dashed #dce6ef; border-radius: 12px; background: #fff; color: #708397; text-align: center; }
.gp-settings-template-filter-empty { padding: 38px 16px; border: 1px dashed #dce6ef; border-radius: 12px; background: #fff; color: #708397; text-align: center; font-size: 12px; }
.gp-settings-template-duration-total { display: grid; grid-template-columns: minmax(180px, 1fr) auto; align-items: center; gap: 10px 22px; padding: 18px 20px; border: 1px solid #d6e6f3; border-radius: 12px; background: #eef7ff; }
.gp-settings-template-duration-heading strong { display: block; color: #20364d; font-size: 14px; font-weight: 750; }
.gp-settings-template-duration-heading span { display: block; margin-top: 3px; color: #6b8299; font-size: 11px; }
.gp-settings-template-duration-result { color: #1685df; font-size: 19px; font-weight: 800; line-height: 1.25; text-align: right; font-variant-numeric: tabular-nums; }
.gp-settings-template-duration-total small { grid-column: 1 / -1; color: #718ba2; font-size: 10px; line-height: 1.4; }
@media (max-width: 680px) { .gp-settings-template-duration-total { grid-template-columns: 1fr; padding: 16px; } .gp-settings-template-duration-result { text-align: left; } }
.gp-settings-template-milestone[hidden], .gp-settings-template-tasks[hidden], .gp-settings-template-task[hidden], .gp-settings-template-task-empty[hidden], .gp-settings-template-filter-empty[hidden] { display: none !important; }
.gp-settings-template-modal .modal-dialog { width: calc(100% - 30px); max-width: 560px; margin: 80px auto 24px; }
.gp-settings-template-modal .modal-content { overflow: hidden; border: 1px solid #dce6ef; border-radius: 14px; background: #fff; box-shadow: 0 20px 55px rgba(20, 49, 75, .22); }
.gp-settings-template-modal .modal-header { padding: 18px 22px; border-bottom: 1px solid #e2eaf1; background: linear-gradient(90deg, #fff, #f7fbff); }
.gp-settings-template-modal .modal-title { color: #17334d; font-size: 18px; font-weight: 750; }
.gp-settings-template-modal .close { color: #74889c; opacity: 1; }
.gp-settings-template-modal .modal-body { padding: 21px 22px; }
.gp-settings-template-modal-hint { margin: 0 0 18px; color: #708397; font-size: 12px; line-height: 1.5; }
.gp-settings-template-modal-help { margin: 8px 0 0; font-size: 11px; }
.gp-settings-template-modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.gp-settings-template-modal-field { margin-bottom: 16px; }
.gp-settings-template-modal-grid .gp-settings-template-modal-field { margin-bottom: 0; }
.gp-settings-template-modal-field label { display: block; margin: 0 0 6px; color: #61758c; font-size: 11px; font-weight: 750; }
.gp-settings-template-modal-field input, .gp-settings-template-modal-field select { display: block; width: 100%; height: 41px; padding: 8px 11px; border: 1px solid #dce6ef; border-radius: 8px; outline: 0; background: #f8fafc; color: #24364d; font-size: 13px; }
.gp-settings-template-modal-field textarea { display: block; width: 100%; min-height: 94px; padding: 9px 11px; border: 1px solid #dce6ef; border-radius: 8px; outline: 0; background: #f8fafc; color: #24364d; font-size: 13px; line-height: 1.5; resize: vertical; }
.gp-settings-template-modal-field input:focus, .gp-settings-template-modal-field select:focus { border-color: #75b8f5; box-shadow: 0 0 0 3px rgba(22, 133, 239, .12); }
.gp-settings-template-modal-field textarea:focus { border-color: #75b8f5; box-shadow: 0 0 0 3px rgba(22, 133, 239, .12); }
.gp-settings-template-file-option { display: flex; align-items: flex-start; gap: 10px; margin: 2px 0 16px; padding: 11px 12px; border: 1px solid #dce6ef; border-radius: 8px; background: #f8fafc; cursor: pointer; }
.gp-settings-template-file-option input { width: 16px; height: 16px; flex: 0 0 16px; margin: 2px 0 0; accent-color: #1685ef; }
.gp-settings-template-file-option strong { display: block; color: #455b74; font-size: 12px; }
.gp-settings-template-file-option small { display: block; margin-top: 3px; color: #8192a5; font-size: 11px; line-height: 1.4; }
.gp-settings-template-ai-prompt[hidden] { display: none !important; }
.gp-settings-template-ai-prompt { margin: -7px 0 16px; padding: 15px; border: 1px solid #dce6ef; border-radius: 8px; background: #f8fbff; }
.gp-settings-template-ai-prompt-heading { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; color: #1685ef; }
.gp-settings-template-ai-prompt-heading i { font-size: 13px; }
.gp-settings-template-ai-prompt-heading svg { display: block; width: 15px; height: 15px; }
.gp-settings-template-ai-prompt-heading label { margin: 0; color: #355a7c; font-size: 12px; }
.gp-settings-template-ai-prompt p { margin: 0 0 10px; color: #708397; font-size: 11px; line-height: 1.45; }
.gp-settings-template-ai-prompt textarea { min-height: 108px; background: #fff; }
.gp-settings-template-ai-prompt small { display: block; margin-top: 7px; color: #8192a5; font-size: 11px; line-height: 1.4; }
.gp-settings-ai-upload-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 17px 0 10px; }
.gp-settings-ai-upload-heading strong, .gp-settings-ai-upload-heading span { display: block; }
.gp-settings-ai-upload-heading strong { color: #355a7c; font-size: 12px; }
.gp-settings-ai-upload-heading div > span { margin-top: 2px; color: #8192a5; font-size: 11px; }
.gp-settings-ai-file-count { flex: 0 0 auto; padding: 5px 8px; border-radius: 99px; background: #e9f4ff; color: #287cb8; font-size: 10px; font-weight: 800; }
.gp-settings-template-ai-prompt .gp-settings-ai-dropzone { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 108px; margin: 0; padding: 17px; border: 1.5px dashed #a7c9e7; border-radius: 10px; background: #fff; color: #355a7c; cursor: pointer; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.gp-settings-template-ai-prompt .gp-settings-ai-dropzone:hover, .gp-settings-template-ai-prompt .gp-settings-ai-dropzone.is-dragging { border-color: #1685ef; background: #f0f8ff; }
.gp-settings-template-ai-prompt .gp-settings-ai-dropzone:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(22, 133, 239, .2); }
.gp-settings-ai-dropzone-icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 10px; background: #eaf5ff; color: #1685ef; font-size: 19px; }
.gp-settings-ai-upload-glyph { display: block; color: inherit; font-family: Arial, sans-serif; font-size: 30px; font-weight: 700; line-height: 1; }
.gp-settings-ai-dropzone-copy { min-width: 0; }
.gp-settings-ai-dropzone-copy strong { display: block; color: #355a7c; font-size: 12px; line-height: 1.5; }
.gp-settings-ai-dropzone-copy strong span { color: #1685ef; text-decoration: underline; text-underline-offset: 2px; }
.gp-settings-template-ai-prompt .gp-settings-ai-dropzone-copy small { margin-top: 3px; color: #8192a5; }
.gp-settings-template-ai-prompt .gp-settings-ai-file-input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; opacity: 0; pointer-events: none; }
.gp-settings-ai-list-heading { margin: 14px 0 7px; color: #61758c; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.gp-settings-ai-list-heading[hidden] { display: none !important; }
.gp-settings-template-queued-references, .gp-settings-template-existing-references { display: grid; gap: 6px; }
.gp-settings-template-queued-reference, .gp-settings-template-existing-reference { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 9px 10px; border: 1px solid #dce6ef; border-radius: 8px; background: #fff; }
.gp-settings-ai-file-icon { display: block; width: 17px; height: 17px; flex: 0 0 17px; color: #76a6cd; }
.gp-settings-ai-file-details { display: block; flex: 1 1 auto; min-width: 0; }
.gp-settings-ai-file-details strong { display: block; overflow: hidden; color: #355a7c; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.gp-settings-ai-file-details small { margin: 2px 0 0; }
.gp-settings-template-queued-reference button { flex: 0 0 auto; padding: 5px 7px; border: 0; border-radius: 5px; background: transparent; color: #b44949; font-size: 11px; font-weight: 700; }
.gp-settings-template-queued-reference button:hover, .gp-settings-template-queued-reference button:focus-visible { background: #fff0f0; }
.gp-settings-template-task-references a { color: #287cb8; text-decoration: underline; overflow-wrap: anywhere; }
.gp-settings-template-existing-reference a { flex: 1 1 auto; min-width: 0; overflow: hidden; color: #287cb8; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.gp-settings-template-existing-reference.is-removing { border-color: #ead5d5; background: #fff7f7; }
.gp-settings-template-existing-reference.is-removing a { color: #9c7777; text-decoration: line-through; }
.gp-settings-template-reference-remove { display: flex !important; flex: 0 0 auto; align-items: center; gap: 5px; margin: 0 !important; color: #a84d4d !important; cursor: pointer; font-size: 11px !important; font-weight: 700 !important; }
.gp-settings-template-reference-remove input { width: 15px !important; height: 15px !important; margin: 0; accent-color: #b44949; }
.gp-settings-template-file-option:has(input:checked) { border-color: #9bcef5; border-bottom-color: #dce6ef; background: #eef7ff; }
#settingsTaskModal .modal-dialog { max-width: 620px; margin-top: 24px; }
#settingsTaskModal .modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 48px); }
#settingsTaskModal .gp-settings-template-modal-form { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; overflow: hidden; }
#settingsTaskModal .modal-header, #settingsTaskModal .modal-footer { flex: 0 0 auto; }
#settingsTaskModal .modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.gp-settings-template-group-field { min-width: 0; margin: 15px 0 0; padding: 0; border: 0; }
.gp-settings-template-group-field legend { width: auto; margin: 0 0 8px; padding: 0; border: 0; color: #61758c; font-size: 11px; font-weight: 750; }
.gp-settings-template-group-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.gp-settings-template-group-options label { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0; padding: 9px 10px; border: 1px solid #dce6ef; border-radius: 8px; background: #f8fafc; color: #455b74; cursor: pointer; font-size: 12px; font-weight: 600; }
.gp-settings-template-group-options label:has(input:checked) { border-color: #9bcef5; background: #eaf5ff; color: #176ea9; }
.gp-settings-template-group-options input[type="checkbox"] { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; padding: 0; accent-color: #1685ef; }
.gp-settings-template-modal .modal-footer { display: flex; justify-content: flex-end; gap: 9px; padding: 14px 22px; border-top: 1px solid #e2eaf1; background: #fbfdff; }
.gp-settings-template-modal .modal-footer .btn { min-width: 100px; margin: 0; padding: 9px 14px; border-radius: 8px; font-size: 12px; font-weight: 700; }
.gp-settings-template-modal .modal-footer .btn-primary { border-color: #1685ef; background: #1685ef; }
.gp-settings-template-delete-modal .modal-body p { margin: 0; color: #24364d; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.gp-settings-template-delete-modal .modal-body .gp-settings-template-delete-warning { margin-top: 9px; color: #b64d4d; font-size: 12px; }
.gp-settings-template-delete-modal .modal-footer .btn-danger { border-color: #c94c54; background: #c94c54; }
body.gylet-dashboard-dark .gp-settings-template-edit-button { color: #70c8ff; }
body.gylet-dashboard-dark .gp-settings-template-edit-button:hover, body.gylet-dashboard-dark .gp-settings-template-edit-button:focus { background: #173654; }
body.gylet-dashboard-dark .gp-settings-template-edit-button.gp-settings-template-icon-edit { border-color: #3b739c; background: #173c59; color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-edit-button.gp-settings-template-icon-edit:hover, body.gylet-dashboard-dark .gp-settings-template-edit-button.gp-settings-template-icon-edit:focus { background: #205079; }
body.gylet-dashboard-dark .gp-settings-template-modal .modal-content { border-color: #29445e; background: #10233a; }
body.gylet-dashboard-dark .gp-settings-template-modal .modal-header { border-color: #29445e; background: #122941; }
body.gylet-dashboard-dark .gp-settings-template-modal .modal-title, body.gylet-dashboard-dark .gp-settings-template-modal-field label { color: #dce8f3; }
body.gylet-dashboard-dark .gp-settings-template-modal .modal-body, body.gylet-dashboard-dark .gp-settings-template-modal .modal-footer { border-color: #29445e; background: #10233a; }
body.gylet-dashboard-dark .gp-settings-template-delete-modal .modal-body p { color: #dce8f3; }
body.gylet-dashboard-dark .gp-settings-template-delete-modal .modal-body .gp-settings-template-delete-warning { color: #f2a1a5; }
body.gylet-dashboard-dark .gp-settings-template-modal-hint { color: #8fa4bb; }
body.gylet-dashboard-dark .gp-settings-template-modal-field input, body.gylet-dashboard-dark .gp-settings-template-modal-field select { border-color: #2a3d55; background: #142338; color: #e0eaf6; }
body.gylet-dashboard-dark .gp-settings-template-modal-field textarea, body.gylet-dashboard-dark .gp-settings-template-file-option { border-color: #2a3d55; background: #142338; color: #e0eaf6; }
body.gylet-dashboard-dark .gp-settings-template-file-option strong { color: #dce8f3; }
body.gylet-dashboard-dark .gp-settings-template-ai-prompt { border-color: #2a3d55; background: #132a43; }
body.gylet-dashboard-dark .gp-settings-template-ai-prompt-heading label { color: #dce8f3; }
body.gylet-dashboard-dark .gp-settings-template-ai-prompt p, body.gylet-dashboard-dark .gp-settings-template-ai-prompt small { color: #9fb3c8; }
body.gylet-dashboard-dark .gp-settings-ai-upload-heading strong, body.gylet-dashboard-dark .gp-settings-ai-dropzone-copy strong, body.gylet-dashboard-dark .gp-settings-ai-file-details strong { color: #dce8f3; }
body.gylet-dashboard-dark .gp-settings-ai-upload-heading div > span, body.gylet-dashboard-dark .gp-settings-ai-list-heading { color: #9fb3c8; }
body.gylet-dashboard-dark .gp-settings-ai-file-count, body.gylet-dashboard-dark .gp-settings-ai-dropzone-icon { background: #173c59; color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-ai-prompt .gp-settings-ai-dropzone { border-color: #3b739c; background: #142338; }
body.gylet-dashboard-dark .gp-settings-template-ai-prompt .gp-settings-ai-dropzone:hover, body.gylet-dashboard-dark .gp-settings-template-ai-prompt .gp-settings-ai-dropzone.is-dragging { border-color: #70c8ff; background: #173654; }
body.gylet-dashboard-dark .gp-settings-template-queued-reference, body.gylet-dashboard-dark .gp-settings-template-existing-reference { border-color: #2a3d55; background: #142338; color: #e0eaf6; }
body.gylet-dashboard-dark .gp-settings-template-file-option:has(input:checked) { border-color: #3b739c; background: #173c59; }
body.gylet-dashboard-dark .gp-settings-template-group-field legend { color: #dce8f3; }
body.gylet-dashboard-dark .gp-settings-template-group-options label { border-color: #2a3d55; background: #142338; color: #c7d7e8; }
body.gylet-dashboard-dark .gp-settings-template-group-options label:has(input:checked) { border-color: #3b739c; background: #173c59; color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-summary span, body.gylet-dashboard-dark .gp-settings-template-milestone, body.gylet-dashboard-dark .gp-settings-template-empty { border-color: #29445e; background: #10233a; color: #a8bdd1; }
body.gylet-dashboard-dark .gp-settings-template-filter { color: #a8bdd1; }
body.gylet-dashboard-dark .gp-settings-template-filter select { border-color: #2a3d55; background: #142338; color: #e0eaf6; }
body.gylet-dashboard-dark .gp-settings-template-filter-empty { border-color: #29445e; background: #10233a; color: #a8bdd1; }
body.gylet-dashboard-dark .gp-settings-template-duration-total { border-color: #285276; background: #153451; }
body.gylet-dashboard-dark .gp-settings-template-duration-heading strong { color: #e0eaf6; }
body.gylet-dashboard-dark .gp-settings-template-duration-heading span, body.gylet-dashboard-dark .gp-settings-template-duration-total small { color: #9fb3c8; }
body.gylet-dashboard-dark .gp-settings-template-duration-result { color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-milestone-head { background: linear-gradient(90deg, #102239, #122941); }
body.gylet-dashboard-dark .gp-settings-template-index { background: #173654; color: #70c8ff; }
body.gylet-dashboard-dark .gp-settings-template-locked { border-color: #285276; background: #153451; color: #79c4ff; }
body.gylet-dashboard-dark .gp-settings-template-milestone h3 { color: #e7eff9; }
body.gylet-dashboard-dark .gp-settings-template-group-badge.is-active { border-color: #3b739c; background: #173c59; color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-group-badge.is-active::before { background: #70c8ff; }
body.gylet-dashboard-dark .gp-settings-template-group-badge.is-inactive { border-color: #2a3d55; background: #142338; color: #8094a8; }
body.gylet-dashboard-dark .gp-settings-template-group-badge.is-inactive::before { border-color: #6e8398; }
body.gylet-dashboard-dark .gp-settings-template-tasks li { border-color: #22364e; color: #c7d7e8; }
body.gylet-dashboard-dark .gp-settings-template-task { border-left-color: #4d9bd2; background: #142b44; }
body.gylet-dashboard-dark .gp-settings-template-task-index { background: #173654; color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-task-eyebrow { color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-task-line strong { color: #e0eaf6; }
body.gylet-dashboard-dark .gp-settings-template-task-prompt { border-left-color: #4d9bd2; background: #142c43; }
body.gylet-dashboard-dark .gp-settings-template-task-prompt > span { color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-template-milestone .gp-settings-template-task-prompt p { color: #bed0df; }
body.gylet-dashboard-dark .gp-settings-template-milestone p.gp-settings-template-task-description, body.gylet-dashboard-dark .gp-settings-template-task-role, body.gylet-dashboard-dark .gp-settings-template-task-empty { color: #9fb3c8; }
body.gylet-dashboard-dark .gp-settings-template-task-meta span { border-color: #2a3d55; background: #142c43; color: #aac1d4; }
body.gylet-dashboard-dark .gp-settings-template-task-meta .gp-settings-template-task-file-required { border-color: #285276; background: #153451; color: #91d2ff; }
body.gylet-dashboard-dark .gp-settings-numbering-intro, body.gylet-dashboard-dark .gp-settings-numbering-row { border-color: #22364e; }
body.gylet-dashboard-dark .gp-settings-directory { border-color: #20364f; background: #0b182a; color: #d6e4f2; box-shadow: 0 8px 28px rgba(0, 0, 0, .18); }
body.gylet-dashboard-dark .gp-settings-directory-hero { border-color: #263c55; background: radial-gradient(circle at 88% 0, rgba(43, 169, 224, .15), transparent 30%), linear-gradient(125deg, #10243b, #112d48); }
body.gylet-dashboard-dark .gp-settings-directory-title h2 { color: #e4eef7; }
body.gylet-dashboard-dark .gp-settings-directory-title p { color: #8fa7bd; }
body.gylet-dashboard-dark .gp-settings-directory-eyebrow { color: #70c8ff; }
body.gylet-dashboard-dark .gp-settings-numbering-group { border-color: #29445e; background: #10233a; box-shadow: 0 6px 20px rgba(0, 0, 0, .15); }
body.gylet-dashboard-dark .gp-settings-numbering-intro { background: linear-gradient(90deg, #102239, #122941); }
body.gylet-dashboard-dark .gp-settings-numbering-heading-icon { background: #173654; color: #70c8ff; }
body.gylet-dashboard-dark .gp-settings-numbering-count { border-color: #285276; background: #153451; color: #79c4ff; }
body.gylet-dashboard-dark .gp-settings-numbering-row:hover { background: #142c45; }
body.gylet-dashboard-dark .gp-settings-numbering-intro h3, body.gylet-dashboard-dark .gp-settings-numbering-company strong { color: #e7eff9; }
body.gylet-dashboard-dark .gp-settings-numbering-intro p, body.gylet-dashboard-dark .gp-settings-numbering-company small, body.gylet-dashboard-dark .gp-settings-numbering-prefix span, body.gylet-dashboard-dark .gp-settings-numbering-field label { color: #8fa4bb; }
body.gylet-dashboard-dark .gp-settings-numbering-mark { background: #173451; color: #70b7ff; }
body.gylet-dashboard-dark .gp-settings-numbering-prefix strong { color: #c7d7e8; }
body.gylet-dashboard-dark .gp-settings-numbering-field input { border-color: #2a3d55; background: #142338; color: #e0eaf6; }
body.gylet-dashboard-dark .gp-settings-page .gp-settings-navigation { border-color: #20364f; background: #0e1d31; box-shadow: 0 7px 22px rgba(0, 0, 0, .18); }
body.gylet-dashboard-dark .gp-settings-page .gp-settings-navigation > li > a { color: #96aac0; }
body.gylet-dashboard-dark .gp-settings-page .gp-settings-navigation > li.active > a, body.gylet-dashboard-dark .gp-settings-page .gp-settings-navigation > li.active > a:hover, body.gylet-dashboard-dark .gp-settings-page .gp-settings-navigation > li > a:focus { background: #153554 !important; color: #72c8ff; }
@media (max-width: 900px) { .gp-settings-numbering-row { grid-template-columns: minmax(180px, 1fr) minmax(100px, .5fr) minmax(150px, .65fr); gap: 14px; } .gp-settings-numbering-save { grid-column: 3; justify-self: end; margin-top: 0; } }
@media (max-width: 600px) { .gp-settings-directory-hero { padding: 19px 16px; } .gp-settings-directory-icon { width: 46px; height: 46px; flex-basis: 46px; font-size: 18px; } .gp-settings-directory-title h2 { font-size: 21px; } .gp-settings-numbering-group { margin: 10px 10px 0; } .gp-settings-numbering-intro { align-items: flex-start; flex-wrap: wrap; padding: 14px 12px; } .gp-settings-numbering-count { margin-left: 45px; } .gp-settings-numbering-list { padding: 0 12px 10px; } .gp-settings-numbering-row { grid-template-columns: 1fr 1fr; gap: 15px; padding: 18px 0; } .gp-settings-numbering-company { grid-column: 1 / -1; } .gp-settings-numbering-field { grid-column: 1 / -1; } .gp-settings-numbering-save { grid-column: 1 / -1; justify-self: stretch; } .gp-settings-template-list { padding: 12px 10px 20px; } .gp-settings-template-open { width: 100%; } .gp-settings-template-tasks { grid-template-columns: 1fr; padding-left: 18px; } .gp-settings-template-add-task { padding-left: 18px; } .gp-settings-template-modal-grid { grid-template-columns: 1fr; gap: 0; } .gp-settings-template-modal-grid .gp-settings-template-modal-field { margin-bottom: 16px; } }
@media (max-width: 600px) {
    #settingsTaskModal .modal-dialog { width: calc(100% - 16px); margin: 8px auto; }
    #settingsTaskModal .modal-content { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
    #settingsTaskModal .modal-header { padding: 13px 16px; }
    #settingsTaskModal .modal-body { padding: 16px; -webkit-overflow-scrolling: touch; }
    #settingsTaskModal .modal-footer { gap: 8px; padding: 11px 16px calc(11px + env(safe-area-inset-bottom)); }
    #settingsTaskModal .modal-footer .btn { flex: 1 1 0; min-width: 0; min-height: 44px; }
}

/* Top-bar sign-out confirmation. */
.gp-signout-modal .modal-dialog { width: calc(100% - 32px); max-width: 420px; margin: 13vh auto 24px; }
.gp-signout-modal .modal-content { overflow: hidden; border: 1px solid #e3e8ef; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px rgba(8, 20, 38, .24); }
.gp-signout-modal .modal-body { position: relative; padding: 32px 32px 25px; text-align: center; }
.gp-signout-modal .gp-signout-close { position: absolute; top: 13px; right: 17px; margin: 0; color: #718096; font-size: 25px; font-weight: 400; opacity: 1; text-shadow: none; }
.gp-signout-modal .gp-signout-close:hover { color: #15263d; }
.gp-signout-icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-bottom: 18px; border: 1px solid #e8d9b4; border-radius: 17px; background: #fcf7e9; color: #a47b24; font-size: 23px; }
.gp-signout-modal .modal-title { margin: 0; color: #0f1d31; font-size: 22px; font-weight: 700; line-height: 1.3; }
.gp-signout-modal .modal-body p { max-width: 310px; margin: 10px auto 0; color: #647185; font-size: 14px; line-height: 1.6; }
.gp-signout-modal .modal-footer { display: flex; gap: 10px; padding: 18px 24px 24px; border: 0; background: #fff; }
.gp-signout-modal .modal-footer .btn { display: flex; flex: 1 1 0; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: 10px 14px; border-radius: 8px; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: center; }
.gp-signout-cancel { border: 1px solid #dce3eb; background: #fff; color: #33445b; }
.gp-signout-cancel:hover, .gp-signout-cancel:focus { border-color: #bfcbd8; background: #f5f7fa; color: #17283e; }
.gp-signout-confirm { border: 1px solid #0f1d31; background: #0f1d31; color: #fff; }
.gp-signout-confirm:hover, .gp-signout-confirm:focus { border-color: #243b58; background: #243b58; color: #fff; }
body.gylet-dashboard-dark .gp-signout-modal .modal-content { border-color: #29415b; background: #102238; box-shadow: 0 24px 70px rgba(0, 0, 0, .5); }
body.gylet-dashboard-dark .gp-signout-modal .modal-body, body.gylet-dashboard-dark .gp-signout-modal .modal-footer { background: #102238; }
body.gylet-dashboard-dark .gp-signout-modal .modal-title { color: #f0f5fb; }
body.gylet-dashboard-dark .gp-signout-modal .modal-body p { color: #a9bcd0; }
body.gylet-dashboard-dark .gp-signout-modal .gp-signout-close { color: #b6c7d8; }
body.gylet-dashboard-dark .gp-signout-modal .gp-signout-close:hover { color: #fff; }
body.gylet-dashboard-dark .gp-signout-icon { border-color: #6c5525; background: #302b20; color: #e8c36c; }
body.gylet-dashboard-dark .gp-signout-cancel { border-color: #36506b; background: #172e48; color: #e0eaf5; }
body.gylet-dashboard-dark .gp-signout-cancel:hover, body.gylet-dashboard-dark .gp-signout-cancel:focus { background: #21405f; color: #fff; }
body.gylet-dashboard-dark .gp-signout-confirm { border-color: #c9a447; background: #c9a447; color: #111d2d; }
body.gylet-dashboard-dark .gp-signout-confirm:hover, body.gylet-dashboard-dark .gp-signout-confirm:focus { border-color: #e1bc61; background: #e1bc61; color: #111d2d; }
@media (max-width: 480px) { .gp-signout-modal .modal-dialog { margin-top: 18vh; } .gp-signout-modal .modal-body { padding: 30px 22px 22px; } .gp-signout-modal .modal-footer { padding: 12px 18px 20px; } }

/* Shared Change ERP dialog, aligned with the General workspace UI. */
.erp-switcher-modal .modal-dialog {
    width: calc(100% - 30px);
    max-width: 520px;
    margin: 96px auto 30px;
}
.erp-switcher-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 22px 70px rgba(8, 20, 38, .24);
}
.erp-switcher-modal .modal-header {
    padding: 20px 22px;
    border-bottom: 1px solid #e3e8ef;
    background: #fff;
}
.erp-switcher-modal .modal-title {
    color: #0f1d31;
    font-size: 20px;
    font-weight: 700;
}
.erp-switcher-modal .close {
    margin-top: 0;
    color: #677387;
    font-size: 25px;
    opacity: 1;
}
.erp-switcher-modal .modal-body { padding: 20px 22px 22px; }
.erp-switcher-description { margin: 0 0 15px; color: #6d7889; font-size: 13px; }
.erp-options { display: grid; gap: 8px; }
.erp-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #fff;
    color: #1b2638;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.erp-option:hover,
.erp-option:focus {
    border-color: #d7c38c;
    background: #fdfaf2;
    color: #1b2638;
    text-decoration: none;
    transform: translateY(-1px);
    outline: 0;
}
.erp-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    height: 40px;
    border-radius: 9px;
    background: #0f1d31;
    color: #c9a447;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
}
.erp-option-text { min-width: 0; flex: 1 1 auto; }
.erp-option-text strong { display: block; color: #0f1d31; font-size: 13px; }
.erp-option-text small { display: block; margin-top: 2px; color: #6d7889; font-size: 11px; }
.erp-option-arrow { color: #8a95a6; font-size: 24px; line-height: 1; }
.erp-options-empty {
    padding: 24px 16px;
    border: 1px dashed #d8dee8;
    border-radius: 10px;
    background: #fafbfc;
    color: #6d7889;
    text-align: center;
}
.erp-switcher-modal .modal-footer {
    padding: 13px 22px;
    border-top: 1px solid #e3e8ef;
    background: #fafbfc;
}
.erp-switcher-modal .modal-footer .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 16px;
}
@media (max-width: 767px) {
    .erp-switcher-modal .modal-dialog { margin-top: 78px; }
    .erp-switcher-modal .modal-body { padding: 18px; }
}

/* Consistent motion for Bootstrap popups. */
.modal.fade .modal-dialog {
    transform: translate3d(0, 12px, 0) scale(.985);
    transition: transform 200ms ease-out, opacity 200ms ease-out;
    opacity: 0;
}
.modal.fade.in .modal-dialog {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
}
.modal:not(.fade).in .modal-dialog {
    animation: gylet-modal-enter 200ms ease-out both;
}
@keyframes gylet-modal-enter {
    from { opacity: 0; transform: translate3d(0, 12px, 0) scale(.985); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog { transition: none; }
    .modal:not(.fade).in .modal-dialog { animation: none; }
}