.im-page,
.im-overlay {
    --im-bordo: #A51C2B;
    --im-bordo-hover: #8E1624;
    --im-bordo-soft: #F8E9EC;
    --im-navy: #163450;
    --im-text: #1B2230;
    --im-secondary: #5B6475;
    --im-muted: #8A93A3;
    --im-border: #D5DAE1;
    --im-border-light: #E3E6EB;
    --im-divider: #EEF0F3;
    --im-page: #F4F5F7;
    --im-head: #FBFBFC;
    --im-ok: #1E6B3A;
    --im-ok-bg: #E6F4EA;
    --im-amber: #8A5A00;
    --im-amber-bg: #FFF4D6;
    --im-red: #B3261E;
    --im-red-bg: #FCE8E6;
    box-sizing: border-box;
    color: var(--im-text);
    font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
}

.im-page *,
.im-page *::before,
.im-page *::after,
.im-overlay *,
.im-overlay *::before,
.im-overlay *::after { box-sizing: border-box; }

.im-page :where(button:not(.dxbl-btn),a),.im-overlay :where(button:not(.dxbl-btn),a) {
    border: 0;
    background: transparent;
    color: inherit;
    font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
    font-weight: 400;
    text-decoration: none;
}
.im-page .dxbl-btn,.im-overlay .dxbl-btn { font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; text-decoration: none; }
.im-page .dxbl-btn-link,.im-overlay .dxbl-btn-link { color: var(--im-bordo); text-decoration: none; }

.im-page {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    min-width: 0;
    height: calc(100dvh - 170px);
    min-height: 620px;
    padding: 12px 16px 16px;
    overflow: hidden;
    background: var(--im-page);
}

.im-card {
    min-width: 0;
    border: 1px solid var(--im-border-light);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(22, 52, 80, .05);
}

.im-head {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 76px;
    padding: 10px 16px;
    overflow: visible;
}

.im-head-t { flex: 1 1 205px; min-width: 190px; }
.im-eyebrow { display: block; color: var(--im-bordo); font-size: 10.5px; font-weight: 700; line-height: 1.25; }
.im-title { margin: 1px 0 0; color: var(--im-navy); font-size: 20px; font-weight: 700; line-height: 1.15; }
.im-sub { margin: 2px 0 0; color: var(--im-secondary); font-size: 12.5px; line-height: 1.3; }

.im-kpis {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--im-border-light);
    border-radius: 8px;
    background: var(--im-head);
}

.im-kpi {
    display: flex;
    flex: 1 1 76px;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    min-width: 92px;
    min-height: 48px;
    padding: 6px 16px;
    border-right: 1px solid var(--im-border-light);
}

.im-kpi:last-child { border-right: 0; }
.im-kpi small { color: var(--im-secondary); font-size: 10.5px; line-height: 1.2; white-space: nowrap; }
.im-kpi b { color: var(--im-navy); font: 700 18px/1.2 "IBM Plex Mono", Consolas, monospace; }

.im-head-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.im-head-actions > .dxbl-btn { min-height: 34px; padding: 0 12px; border-radius: 7px; font-size: 11.5px; white-space: nowrap; }
.im-push-control { display: grid; justify-items: end; gap: 2px; }
.im-push-control small,.im-push-unavailable { color: var(--im-secondary); font-size: 10px; line-height: 1.2; }
.im-btn.im-push-toggle { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; border: 1px solid var(--im-border); border-radius: 7px; background: #fff; color: #3A4354; font: 400 12px "IBM Plex Sans", "Segoe UI", sans-serif; white-space: nowrap; cursor: pointer; }
.im-push-toggle:hover:not(:disabled) { border-color: var(--im-bordo); background: var(--im-bordo-soft); color: var(--im-bordo); }
.im-push-toggle:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 2px; }

.im-alert { padding: 9px 12px; border: 1px solid #F0C8C4; border-radius: 7px; background: var(--im-red-bg); color: var(--im-red); font-size: 12px; }

.im-tabs { display: flex; align-items: stretch; gap: 2px; min-height: 36px; border-bottom: 1px solid var(--im-border); }
.im-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--im-secondary);
    font: 500 13.5px/1 "IBM Plex Sans", "Segoe UI", sans-serif;
    cursor: pointer;
}
.im-tab:hover { color: var(--im-bordo); }
.im-tab.im-active { box-shadow: inset 0 -2px var(--im-bordo); color: var(--im-bordo); font-weight: 600; }
.im-tab:focus { outline: 0; box-shadow: none; }
.im-tab.im-active:focus { box-shadow: inset 0 -2px var(--im-bordo); }
.im-tab:focus-visible { box-shadow: inset 0 0 0 2px var(--im-bordo); }
.im-tab.im-active:focus-visible { box-shadow: inset 0 -2px var(--im-bordo), inset 0 0 0 2px var(--im-bordo); }
.im-tab-count { color: var(--im-muted); font: 500 11px "IBM Plex Mono", Consolas, monospace; }
.im-tab-count:not(.im-unread-badge) { display: inline-grid; min-width: 18px; height: 17px; place-items: center; padding: 0 5px; border-radius: 9px; background: var(--im-bordo-soft); color: var(--im-bordo-hover); font: 700 11px "IBM Plex Mono", Consolas, monospace; }
.im-unread-badge { display: inline-grid; min-width: 18px; height: 18px; place-items: center; padding: 0 5px; border-radius: 9px; background: var(--im-bordo-soft); color: var(--im-bordo); }

.im-split { display: grid; flex: 1 1 auto; grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); gap: 10px; min-height: 480px; }
.im-list,.im-chatcard { display: flex; min-height: 0; flex-direction: column; overflow: hidden; }
.im-card-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 10px 16px; border-bottom: 1px solid var(--im-divider); background: var(--im-head); }
.im-card-h h2,.im-thread-header h2,.im-calendar-toolbar h2 { margin: 0; color: var(--im-navy); font-size: 14px; font-weight: 700; line-height: 1.25; }
.im-card-h > div > span,.im-thread-heading > span { display: block; margin-top: 2px; color: var(--im-muted); font-size: 11px; line-height: 1.25; }
.im-refresh-button { display: inline-grid; width: 28px; min-width: 28px; height: 28px; min-height: 28px; place-items: center; padding: 0; border: 1px solid var(--im-border) !important; border-radius: 7px; background: #fff !important; color: var(--im-secondary) !important; }
.im-refresh-button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }

.im-conversation-tools { display: flex; flex-direction: column; gap: 7px; padding: 8px 10px 6px; border-bottom: 1px solid var(--im-divider); }
.im-conversation-search,.im-reminder-search { display: flex; min-width: 0; min-height: 34px; align-items: center; gap: 8px; padding: 0 9px; border: 1px solid var(--im-border); border-radius: 7px; background: #fff; color: var(--im-bordo); }
.im-conversation-search:focus-within,.im-reminder-search:focus-within { border-color: var(--im-bordo); box-shadow: 0 0 0 2px var(--im-bordo-soft); }
.im-conversation-search .dx-icon,.im-reminder-search .dx-icon { flex: 0 0 auto; font-size: 13px; }
.im-conversation-search input,.im-reminder-search input { width: 100%; min-width: 0; height: 30px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--im-text); font: 400 12px "IBM Plex Sans", "Segoe UI", sans-serif; }
.im-conversation-search input::placeholder,.im-reminder-search input::placeholder { color: var(--im-muted); }
.im-conversation-filter-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 20px; }
.im-check { display: inline-flex; align-items: center; gap: 6px; color: var(--im-secondary); font-size: 11.5px; cursor: pointer; }
.im-check input { width: 15px; height: 15px; margin: 0; accent-color: var(--im-bordo); }
.im-clear-filters,.im-reminder-filter-reset { padding: 2px 4px; border: 0; background: transparent; color: var(--im-bordo); font: 400 11px "IBM Plex Sans", "Segoe UI", sans-serif; cursor: pointer; }
.im-clear-filters:hover,.im-reminder-filter-reset:hover { text-decoration: underline; }
.im-clear-filters:focus-visible,.im-reminder-filter-reset:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 2px; }

.im-conversation-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 5px 0 7px; }
.im-conversation { display: flex; width: calc(100% - 12px); min-width: 0; align-items: center; gap: 9px; margin: 0 6px 2px; padding: 8px 7px; border: 0; border-radius: 7px; background: transparent; text-align: left; cursor: pointer; }
.im-conversation:hover { background: #F6F7F9; }
.im-conversation.im-selected { background: var(--im-bordo-soft); }
.im-avatar { display: inline-flex; flex: 0 0 auto; width: 36px; height: 36px; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; background: #F8E9EC; color: var(--im-bordo-hover); font-size: 12px; font-weight: 700; }
.im-conversation:nth-child(3n+1) .im-avatar { background: #F8E9EC; color: #8E1624; }
.im-conversation:nth-child(3n+2) .im-avatar { background: #E4F1F8; color: #1D6FA5; }
.im-conversation:nth-child(3n+3) .im-avatar { background: #E6F4EA; color: #1E6B3A; }
.im-conversation-copy { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; gap: 2px; }
.im-conversation-copy strong { overflow: hidden; color: var(--im-text); font-size: 13.5px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.im-conversation-copy > span { overflow: hidden; color: var(--im-secondary); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.im-conversation-meta { display: grid; flex: 0 0 auto; justify-items: end; gap: 3px; color: var(--im-muted); font-size: 11px; white-space: nowrap; }
.im-conversation-meta small { font-size: 11px; }
.im-unread-count { display: inline-grid; min-width: 18px; height: 18px; place-items: center; padding: 0 5px; border-radius: 9px; background: var(--im-bordo); color: #fff; font: 600 10px "IBM Plex Mono", Consolas, monospace; }

.im-chatcard { min-height: 480px; }
.im-thread-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 10px 16px; border-bottom: 1px solid var(--im-divider); background: var(--im-head); }
.im-thread-heading { flex: 1 1 auto; min-width: 0; }
.im-thread-avatar { width: 36px; height: 36px; background: #F8E9EC; color: #8E1624; }
.im-thread-header h2 { font-size: 15px; overflow-wrap: anywhere; }
.im-thread-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.im-thread-actions .im-thread-action { display: inline-flex; height: 32px; min-height: 32px; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; border-radius: 7px; font-size: 11.5px; white-space: nowrap; }
.im-thread-action svg { width: 14px; height: 14px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.im-msgs { display: flex; flex: 1 1 auto; min-height: 280px; flex-direction: column; overflow: auto; padding: 13px 14px; background: #FAFBFC; }
.im-msgs-in { display: flex; flex-direction: column; gap: 10px; margin-top: auto; }
.im-load-older { align-self: center; margin: 0 0 10px; padding: 4px 10px; border: 1px solid var(--im-border); border-radius: 14px; background: #fff; color: var(--im-secondary); font-size: 10.5px; cursor: pointer; }
.im-load-older:hover:not(:disabled) { border-color: var(--im-bordo); background: var(--im-bordo-soft); color: var(--im-bordo); }
.im-load-older:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 2px; }
.im-row { display: flex; flex: 0 0 auto; min-height: 0; align-items: flex-end; gap: 7px; margin: 0; padding: 0; }
.im-row.im-own { justify-content: flex-end; }
.im-message-avatar { width: 30px; height: 30px; font-size: 12px; }
.im-message-avatar.im-person-1 { background: #F8E9EC; color: #8E1624; }
.im-message-avatar.im-person-2 { background: #FFF4D6; color: #8A5A00; }
.im-message-avatar.im-person-3 { background: #E4F1F8; color: #1D6FA5; }
.im-message-avatar.im-person-4 { background: #E6F4EA; color: #1E6B3A; }
.im-row.im-own .im-message-avatar { order: 1; }
.im-message { position: relative; width: fit-content; max-width: min(560px, 78%); min-width: 0; padding: 6px 12px 4px; border: 1px solid var(--im-border-light); border-radius: 12px 12px 12px 4px; background: #fff; }
.im-row.im-own .im-message { border-color: #EBCBD1; border-radius: 12px 12px 4px 12px; background: var(--im-bordo-soft); }
.im-message-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.im-message-meta strong { color: var(--im-navy); font-size: 12px; font-weight: 600; }
.im-message-meta time { flex: 0 0 auto; color: var(--im-muted); font: 400 11px "IBM Plex Mono", Consolas, monospace; }
.im-message p { margin: 3px 0 2px; color: #303949; font-size: 13.5px; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.im-message-read { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: 3px; color: var(--im-secondary); font-size: 10px; }
.im-message-read .dx-icon { color: var(--im-ok); font-size: 11px; }
.im-float { position: absolute; z-index: 2; top: -12px; right: 10px; display: none; align-items: center; gap: 4px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.im-message:hover .im-float,.im-message:focus-within .im-float { display: flex; }
.im-float .im-fchip { display: inline-flex; height: 22px; min-height: 22px; align-items: center; padding: 0 9px; border: 1px solid var(--im-border) !important; border-radius: 11px; background: #fff !important; box-shadow: 0 1px 3px rgba(22,52,80,.12); color: var(--im-bordo) !important; font: 500 11.5px/1 "IBM Plex Sans", "Segoe UI", sans-serif; white-space: nowrap; }
.im-float .im-fchip:hover { background: #F6F7F9 !important; }
.im-compose { display: flex; align-items: flex-end; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--im-border-light); background: #fff; }
.im-compose-field { flex: 1 1 auto; min-width: 0; }
.im-compose-input { width: 100%; min-width: 0; }
.im-compose-input textarea,.im-compose-input .dxbl-memo { width: 100%; min-height: 42px; max-height: 88px; padding: 8px 12px; border: 1px solid var(--im-border); border-radius: 9px; background: #fff; font: 400 13.5px/1.4 "IBM Plex Sans", "Segoe UI", sans-serif; }
.im-compose-input textarea:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 1px; }
.im-compose-input .dxbl-memo:focus-within { outline: 2px solid var(--im-bordo); outline-offset: 1px; }
.im-compose-hint { margin-top: 3px; color: var(--im-muted); font-size: 11px; line-height: 14px; }
.im-compose > .dxbl-btn { height: 38px; min-height: 38px; flex: 0 0 auto; align-self: flex-end; margin-bottom: 17px; }

.im-task-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: start; gap: 10px; min-width: 0; }
.im-data-panel { min-width: 0; overflow: hidden; }
.im-task-card { min-height: 0; overflow: hidden; }
.im-panel-heading,.im-inline-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.im-panel-heading { min-height: 52px; padding: 8px 12px; border-bottom: 1px solid var(--im-divider); background: var(--im-head); }
.im-panel-heading h2 { margin: 0; color: var(--im-navy); font-size: 14px; font-weight: 700; }
.im-panel-heading > div > span { display: block; margin-top: 2px; color: var(--im-secondary); font-size: 11px; }
.im-reminder-card .im-panel-heading > div { flex: 1 1 auto; min-width: 0; }
.im-reminder-card .im-new-reminder-button { height: 32px; min-height: 32px; flex: 0 0 auto; padding: 0 12px; white-space: nowrap; }
.im-inline-actions { justify-content: flex-end; flex-wrap: wrap; }
.im-inline-actions .dxbl-btn,.im-card-h > .dxbl-btn { min-height: 32px; font-size: 11.5px; }
.im-task-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 7px 12px; border-bottom: 1px solid var(--im-divider); background: var(--im-head); }
.im-reminder-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.im-reminder-filter,.im-calendar-filter { display: inline-flex; min-height: 27px; align-items: center; justify-content: center; gap: 5px; padding: 3px 8px; border: 1px solid var(--im-border); border-radius: 15px; background: #fff; color: #3A4354; font: 400 11px "IBM Plex Sans", "Segoe UI", sans-serif; white-space: nowrap; cursor: pointer; }
.im-reminder-filter:hover,.im-calendar-filter:hover { background: #F6F7F9; color: var(--im-navy); }
.im-reminder-filter.im-active,.im-calendar-filter.im-active { border-color: var(--im-bordo); background: var(--im-bordo); color: #fff; }
.im-reminder-filter > span,.im-calendar-filter > span { display: inline-grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border-radius: 9px; background: var(--im-page); color: var(--im-secondary); font: 500 10px "IBM Plex Mono", Consolas, monospace; }
.im-reminder-filter.im-active > span,.im-calendar-filter.im-active > span { background: rgba(255,255,255,.2); color: #fff; }
.im-reminder-filter:focus-visible,.im-calendar-filter:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 2px; }
.im-task-grid { width: 100%; min-width: 0; min-height: 0 !important; height: auto !important; max-height: none; font-size: 12.5px; }
.im-task-grid .dxbl-grid-table { width: 100%; min-height: 0 !important; height: auto !important; table-layout: fixed; }
.im-task-grid .dxbl-grid-table > thead > tr > th { height: 32px !important; padding-block: 3px !important; font-size: 12.5px !important; }
.im-task-grid.erp-grid:not(.invoice-lines-grid):not(.multi-line-entry-grid-control):not(.production-lines-grid):not(.uretim-recete-kalem-grid):not(.sayim-entry-grid):not(.virman-entry-grid):not(.mobile-card-grid):not(.pos-customer-grid):not(.muhasebe-entry-grid) .dxbl-grid-table .dxbl-grid-filter-row > th,
.im-task-grid.erp-grid:not(.invoice-lines-grid):not(.multi-line-entry-grid-control):not(.production-lines-grid):not(.uretim-recete-kalem-grid):not(.sayim-entry-grid):not(.virman-entry-grid):not(.mobile-card-grid):not(.pos-customer-grid):not(.muhasebe-entry-grid) .dxbl-grid-table .dxbl-grid-filter-row > td { height: 36px !important; padding-block: 3px !important; }
.im-task-grid.erp-grid:not(.invoice-lines-grid):not(.multi-line-entry-grid-control):not(.production-lines-grid):not(.uretim-recete-kalem-grid):not(.sayim-entry-grid):not(.virman-entry-grid):not(.mobile-card-grid):not(.pos-customer-grid):not(.muhasebe-entry-grid):not(.stok-grid-compact):not(.cari-grid-compact):not(.satis-faturalari-compact):not(.ticari-belge-compact) .dxbl-grid-table > tbody > tr[role="row"]:not(.dxbl-grid-filter-row) > td { height: 36px !important; padding-block: 3px !important; font-size: 12.5px !important; }
.im-grid-actions { display: flex; align-items: center; gap: 4px; flex-wrap: nowrap; white-space: nowrap; }
.im-grid-actions .dxbl-btn { height: 28px !important; min-height: 28px !important; max-height: 28px; flex: 0 0 auto; padding: 2px 6px; font-size: 10px; white-space: nowrap; }
.im-grid-actions .im-grid-action-button { display: inline-flex; height: 28px; min-height: 28px; max-height: 28px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 4px; padding: 2px 6px; border: 1px solid var(--im-border); border-radius: 5px; background: #fff; color: var(--im-navy); font: 500 10px/1 "IBM Plex Sans", "Segoe UI", sans-serif; white-space: nowrap; cursor: pointer; }
.im-grid-actions .im-grid-action-button:hover { border-color: #E8BBC2; background: #F8E9EC; color: var(--im-bordo); }
.im-grid-actions .im-grid-action-button:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 1px; }
.im-grid-actions .im-grid-action-button:disabled { opacity: .55; cursor: not-allowed; }
.im-grid-permission-hint { color: var(--im-muted); font-size: 10px; white-space: nowrap; }
.im-grid-actions .im-grid-reminder-button { display: inline-grid; width: 28px; min-width: 28px; height: 28px; min-height: 28px; place-items: center; padding: 0; }
.im-grid-reminder-button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.im-task-title { max-width: 100%; overflow: hidden; padding: 0; border: 0; background: transparent; color: var(--im-navy); font: inherit; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.im-task-title:hover { color: var(--im-bordo); text-decoration: underline; }
.im-task-title:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 2px; }
.im-record-reference { color: var(--im-navy); font-size: 10.5px; }
.im-muted { color: var(--im-muted); }
.im-status-badge,.im-priority-badge { display: inline-flex; min-height: 20px; align-items: center; padding: 2px 7px; border-radius: 10px; font-size: 10px; font-weight: 600; white-space: nowrap; }
.im-status-badge.im-status-new { background: #EDF0F4; color: var(--im-secondary); }
.im-status-badge.im-status-in-progress { background: #E4F1F8; color: #245D8A; }
.im-status-badge.im-status-waiting { background: var(--im-amber-bg); color: var(--im-amber); }
.im-status-badge.im-status-complete { background: var(--im-ok-bg); color: var(--im-ok); }
.im-status-badge.im-status-cancelled { background: var(--im-page); color: var(--im-muted); }
.im-priority-badge.im-priority-low,.im-priority-badge.im-priority-normal { background: var(--im-page); color: var(--im-secondary); }
.im-priority-badge.im-priority-high { background: var(--im-amber-bg); color: var(--im-amber); }
.im-priority-badge.im-priority-urgent { background: var(--im-red-bg); color: var(--im-bordo); }
.im-task-deadline { display: inline-flex; flex-direction: column; gap: 1px; color: #303949; font: 400 10.5px "IBM Plex Mono", Consolas, monospace; white-space: nowrap; }
.im-task-deadline small { color: var(--im-muted); font: 400 9.5px "IBM Plex Sans", "Segoe UI", sans-serif; }
.im-task-deadline.im-overdue,.im-task-deadline.im-overdue small { color: var(--im-red); font-weight: 600; }

.im-reminder-tools { display: flex; flex-direction: column; gap: 7px; padding: 8px 12px; border-bottom: 1px solid var(--im-divider); background: var(--im-head); }
.im-reminder-search { min-height: 32px; }
.im-reminder-list { display: flex; flex-direction: column; }
.im-reminder { display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: start; gap: 8px; padding: 8px 14px; border-bottom: 1px solid var(--im-divider); }
.im-reminder:last-child { border-bottom: 0; }
.im-reminder-icon { margin-top: 1px; color: var(--im-bordo); font-size: 14px; }
.im-reminder > div { min-width: 0; }
.im-reminder strong { color: var(--im-text); font-size: 13.5px; font-weight: 600; }
.im-reminder p { margin: 2px 0; color: var(--im-secondary); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.im-reminder small { color: var(--im-muted); font-size: 11.5px; }
.im-reminder.im-complete { opacity: .68; }
.im-reminder.im-complete strong { text-decoration: line-through; }
.im-complete-label { color: var(--im-ok); font-size: 10px; font-weight: 600; }
.im-reminder > .dxbl-btn { min-height: 25px; padding: 2px 6px; font-size: 9.5px; }

.im-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 120px; padding: 22px 14px; color: var(--im-secondary); text-align: center; }
.im-empty > .dx-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--im-page); color: var(--im-secondary); font-size: 15px; }
.im-empty strong { color: var(--im-navy); font-size: 12.5px; font-weight: 600; }
.im-empty > span:last-child { font-size: 11px; }
.im-empty-conversations { flex: 1 1 auto; padding: 24px 16px; }
.im-empty-data { min-height: 170px; }
.im-thread-empty { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 28px; color: var(--im-secondary); text-align: center; }
.im-thread-empty-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--im-bordo-soft); color: var(--im-bordo); font-size: 19px; }
.im-thread-empty-label { color: var(--im-muted); font-size: 10px; font-weight: 600; }
.im-thread-empty strong { color: var(--im-navy); font-size: 14px; }
.im-thread-empty span:last-child { font-size: 11.5px; }

.im-calendar-panel { padding: 0 12px 10px; overflow: hidden; }
.im-calendar-toolbar { display: flex; min-height: 46px; align-items: center; gap: 12px; flex-wrap: wrap; padding: 8px 0; border-bottom: 1px solid var(--im-divider); }
.im-month-nav { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }
.im-month-nav h2 { min-width: 104px; text-align: center; text-transform: capitalize; }
.im-month-nav .im-month-arrow { display: inline-grid; width: 30px; min-width: 30px; height: 30px; min-height: 30px; place-items: center; padding: 0; border: 1px solid var(--im-border) !important; border-radius: 7px; background: #fff !important; color: var(--im-secondary) !important; }
.im-month-arrow svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.im-month-nav > .dxbl-btn:not(.im-month-arrow) { min-height: 30px; }
.im-calendar-filter-group { display: flex; flex: 1 1 360px; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; }
.im-calendar-filter-total { flex: 0 0 auto; margin-left: auto; color: var(--im-muted); font-size: 11px; }
.im-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 1px; margin-top: 1px; border: 1px solid var(--im-border-light); background: var(--im-border-light); }
.im-calendar-weekday { padding: 5px 2px; background: var(--im-head); color: var(--im-secondary); font-size: 11.5px; font-weight: 600; text-align: center; }
.im-calendar-day { display: flex; min-width: 0; min-height: 70px; flex-direction: column; gap: 2px; overflow: hidden; padding: 4px 5px; background: #fff; }
.im-calendar-day.im-outside { background: #FAFBFC; }
.im-calendar-day.im-outside .im-day-number { color: #B6BDC9; }
.im-calendar-day.im-today { background: #FFF8F9; box-shadow: inset 0 2px var(--im-bordo); }
.im-calendar-day-header { display: flex; min-height: 20px; align-items: center; justify-content: space-between; }
.im-day-number { display: inline-flex; min-width: 20px; height: 20px; align-items: center; color: var(--im-secondary); font-size: 11px; }
.im-calendar-day.im-today .im-day-number { justify-content: center; border-radius: 50%; background: var(--im-bordo); color: #fff; font-weight: 600; }
.im-calendar-add { display: inline-grid; width: 20px; height: 20px; place-items: center; border: 0; border-radius: 5px; background: transparent; color: var(--im-muted); font: 600 14px/1 "IBM Plex Sans", "Segoe UI", sans-serif; cursor: pointer; opacity: 0; }
.im-calendar-day:hover .im-calendar-add,.im-calendar-add:focus-visible { opacity: 1; }
.im-calendar-add:hover { background: var(--im-bordo-soft); color: var(--im-bordo); }
.im-calendar-add:focus-visible { outline: 2px solid var(--im-bordo); }
.im-calendar-event { display: block; width: 100%; min-width: 0; overflow: hidden; padding: 0 6px; border: 0; border-radius: 4px; color: var(--im-navy); font: 400 11px/16px "IBM Plex Sans", "Segoe UI", sans-serif; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.im-calendar-event:hover { filter: brightness(.96); }
.im-calendar-event.im-task { background: #E4EDF5; color: var(--im-navy); }
.im-calendar-event.im-reminder { background: var(--im-amber-bg); color: var(--im-amber); }
.im-more-events { padding: 0 4px; border: 0; background: transparent; color: var(--im-muted); font: 400 9.5px "IBM Plex Sans", "Segoe UI", sans-serif; text-align: left; cursor: pointer; }
.im-more-events:hover { color: var(--im-bordo); text-decoration: underline; }
.im-calendar-legend { display: flex; gap: 12px; padding: 7px 2px 0; color: var(--im-secondary); font-size: 10px; }
.im-calendar-legend span::before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 2px; background: #E4EDF5; content: ""; }
.im-calendar-legend .im-reminder::before { background: var(--im-amber-bg); }

.im-overlay { position: fixed; z-index: 1300; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 18px; background: rgba(14,39,64,.46); }
body:has(.im-overlay) dxbl-popup-cell:has(dxbl-dropdown) { z-index: 1400 !important; }
.im-modal { display: flex; width: min(560px,100%); max-height: min(92dvh,900px); flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.55); border-radius: 12px; background: #fff; box-shadow: 0 20px 50px rgba(14,39,64,.3); }
.im-modal-new-chat { width: min(460px,100%); }
.im-modal-task { width: min(620px,100%); }
.im-modal-reminder { width: min(520px,100%); }
.im-modal-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--im-divider); }
.im-modal-header h2 { margin: 1px 0 0; color: var(--im-navy); font-size: 16px; font-weight: 700; line-height: 1.25; }
.im-modal-close { display: inline-grid; flex: 0 0 auto; width: 28px; height: 28px; place-items: center; border: 0; border-radius: 6px; background: transparent; color: var(--im-muted); font-size: 18px; cursor: pointer; }
.im-modal-close:hover { background: var(--im-page); color: var(--im-bordo); }
.im-modal-close:focus-visible { outline: 2px solid var(--im-bordo); }
.im-modal-body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px; overflow: auto; padding: 14px 16px; }
.im-field { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.im-field > label,.im-field-label { color: var(--im-secondary); font-size: 11px; font-weight: 600; line-height: 1.25; }
.im-field .dxbl-text-edit,.im-field .dxbl-combobox,.im-field .dxbl-date-edit,.im-field .dxbl-memo,.im-erp-fields .dxbl-text-edit { width: 100%; min-width: 0; }
.im-form-hint { margin-top: 2px; color: var(--im-muted); font-size: 11.5px; line-height: 1.35; }
.im-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 10px; }
.im-task-fields { grid-template-columns: repeat(3,minmax(0,1fr)); }
.im-task-fields > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.im-task-fields > div > label,.im-erp-fields .im-field-label { color: var(--im-secondary); font-size: 10.5px; font-weight: 600; line-height: 1.25; }
.im-form-wide { grid-column: auto; }
.im-erp-fields { display: flex; flex-direction: column; gap: 5px; padding-top: 8px; border-top: 1px solid var(--im-divider); }
.im-modal-body .dxbl-text-edit,.im-modal-body .dxbl-combobox,.im-modal-body .dxbl-date-edit { min-height: 34px; }
.im-modal-body .dxbl-memo { min-height: 54px; }
.im-modal-body .dxbl-memo textarea { min-height: 54px; resize: vertical; }
.im-modal-new-chat .im-field:first-child .dxbl-text-edit { min-height: 34px; }
.im-modal-footer { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--im-divider); background: var(--im-head); }
.im-modal-footer .dxbl-btn { min-height: 32px; font-size: 11.5px; }
.im-modal-body .dxbl-tagbox { width: 100%; }
.im-modal-new-chat .im-form-hint { margin: 3px 0 0; }
.im-modal-new-chat .im-modal-body > .im-field:nth-child(2) .dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: #A51C2B;
    --dxbl-text-edit-focus-shadow-color: #F8E9EC;
    --dxbl-text-edit-focus-shadow-spread: 2px;
    --dxbl-text-edit-focus-shadow-blur: 0;
}
.im-modal-new-chat .im-modal-body > .im-field:nth-child(2) .dxbl-text-edit:focus-within,
.im-modal-new-chat .im-modal-body > .im-field:nth-child(2) .dxbl-text-edit.dxbl-focused {
    border-color: #A51C2B !important;
    outline: 0 !important;
}
.im-modal-new-chat .im-alert { margin-top: 2px; }
.im-calendar-day-list-body { gap: 0; }
.im-calendar-day-item { display: flex; align-items: center; gap: 10px; padding: 8px 4px; border: 0; border-bottom: 1px solid var(--im-divider); background: #fff; text-align: left; cursor: pointer; }
.im-calendar-day-item:last-child { border-bottom: 0; }
.im-calendar-day-item:hover { background: #F6F7F9; }
.im-calendar-day-item.im-task .im-calendar-day-item-time { color: var(--im-navy); }
.im-calendar-day-item.im-reminder .im-calendar-day-item-time { color: var(--im-amber); }
.im-calendar-day-item-time { flex: 0 0 42px; font: 500 10.5px "IBM Plex Mono", Consolas, monospace; }
.im-calendar-day-item-main { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; gap: 2px; }
.im-calendar-day-item-main strong { overflow: hidden; color: var(--im-text); font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.im-calendar-day-item-main small,.im-calendar-day-item-status { color: var(--im-muted); font-size: 10px; }
.im-calendar-detail-body,.im-detail-body { gap: 0; }
.im-calendar-detail-row,.im-detail-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--im-divider); font-size: 11.5px; }
.im-calendar-detail-row span,.im-detail-row span,.im-calendar-detail-description > span,.im-detail-description > span { color: var(--im-secondary); }
.im-calendar-detail-row strong,.im-detail-row strong { color: var(--im-text); font-weight: 600; text-align: right; }
.im-calendar-detail-description,.im-detail-description { padding-top: 9px; }
.im-calendar-detail-description p,.im-detail-description p { margin: 4px 0 0; color: var(--im-secondary); font-size: 11.5px; white-space: pre-wrap; overflow-wrap: anywhere; }
.im-calendar-create-body { gap: 8px; }
.im-calendar-create-body p { margin: 0 0 3px; color: var(--im-secondary); font-size: 12px; }

.im-page button:focus-visible,.im-overlay button:focus-visible,.im-page input:focus-visible,.im-page textarea:focus-visible { outline-color: var(--im-bordo); }

@media (max-width: 1630px) {
    .im-head { flex-wrap: wrap; }
    .im-head-t { flex: 1 1 240px; }
    .im-kpis { flex: 1 1 310px; }
    .im-head-actions { margin-left: auto; }
    .im-task-layout { grid-template-columns: minmax(0,1fr); }
    .im-reminder-card { min-width: 0; }
}

@media (max-width: 760px) {
    .im-page { height: auto; min-height: calc(100dvh - 142px); overflow: visible; gap: 8px; padding: 6px 8px 10px; }
    .im-head { gap: 8px 10px; padding: 9px 10px; }
    .im-head-t { flex-basis: 100%; min-width: 0; }
    .im-title { font-size: 18px; }
    .im-kpis { flex: 1 1 100%; }
    .im-kpi { flex-basis: 25%; min-width: 0; padding: 5px 7px; }
    .im-kpi small { overflow: hidden; font-size: 9.5px; text-overflow: ellipsis; }
    .im-kpi b { font-size: 16px; }
    .im-head-actions { width: 100%; justify-content: flex-end; margin-left: 0; }
    .im-tabs { min-height: 34px; }
    .im-tab { height: 34px; padding: 0 10px; font-size: 12px; }
    .im-split { grid-template-columns: minmax(0,1fr); gap: 8px; min-height: 0; }
    .im-list { max-height: 250px; }
    .im-chatcard { min-height: 470px; }
    .im-thread-header { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 7px 9px; padding: 9px 10px; }
    .im-thread-actions { grid-column: 1 / -1; width: 100%; justify-content: flex-start; }
    .im-msgs { min-height: 260px; padding: 10px 8px; }
    .im-message { max-width: 88%; }
    .im-task-layout { gap: 8px; }
    .im-panel-heading { align-items: flex-start; flex-direction: column; }
    .im-inline-actions { width: 100%; justify-content: space-between; }
    .im-calendar-panel { overflow-x: hidden; padding-right: 8px; padding-left: 8px; }
    .im-calendar-toolbar { min-width: 0; align-items: flex-start; }
    .im-calendar-filter-group { flex-basis: 100%; justify-content: flex-start; min-width: 0; }
    .im-calendar-grid { min-width: 0; }
    .im-calendar-day { min-height: 64px; }
    .im-calendar-add { opacity: 1; }
    .im-overlay { align-items: end; padding: 8px; }
    .im-modal { width: min(100%,560px); max-height: 94dvh; border-radius: 10px; }
    .im-modal-new-chat,.im-modal-task,.im-modal-reminder { width: min(100%,560px); }
    .im-task-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .im-task-fields .im-form-wide { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
    .im-head-actions { justify-content: space-between; }
    .im-push-control { justify-items: start; }
    .im-push-control small { max-width: 180px; }
    .im-btn.im-push-toggle { padding: 0 8px; font-size: 11px; }
    .im-card-h { gap: 6px; padding: 7px 9px; }
    .im-conversation { gap: 7px; padding-right: 5px; padding-left: 5px; }
    .im-conversation-meta { font-size: 9px; }
    .im-compose { gap: 6px; padding: 7px; }
    .im-compose > .dxbl-btn { min-width: 36px; padding: 0 8px; }
    .im-task-fields,.im-erp-fields .im-form-grid { grid-template-columns: minmax(0,1fr); }
    .im-task-fields .im-form-wide { grid-column: auto; }
    .im-reminder { grid-template-columns: 16px minmax(0,1fr); }
    .im-reminder > .dxbl-btn,.im-reminder > .im-complete-label { grid-column: 2; justify-self: start; }
}

/* İş Merkezi 3. tasarım düzeltme turu */
.im-tab {
    border: 0 !important;
    background: transparent !important;
    font-size: 13.5px !important;
    outline: 0 !important;
}
.im-tab:focus,.im-tab:active { outline: 0 !important; border: 0 !important; box-shadow: none !important; }
.im-tab.im-active,.im-tab.im-active:focus { box-shadow: inset 0 -2px 0 #A51C2B !important; color: #A51C2B !important; font-weight: 600; }
.im-tab:focus-visible { box-shadow: inset 0 0 0 2px #A51C2B !important; }
.im-tab.im-active:focus-visible { box-shadow: inset 0 -2px 0 #A51C2B, inset 0 0 0 2px #A51C2B !important; }
.im-tab-count:not(.im-unread-badge) {
    min-width: 18px;
    height: 17px;
    padding: 0 5px;
    border-radius: 9px;
    background: #F8E9EC;
    color: #8E1624;
    font: 700 11px "IBM Plex Mono", Consolas, monospace;
}

.im-message { position: relative; padding: 6px 12px 4px; }
.im-row { min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.im-msgs { flex-direction: column-reverse !important; overflow-y: auto !important; }
.im-msgs-in { display: flex; min-height: 0; flex: 0 0 auto; flex-direction: column; gap: 10px; margin-top: 0; }
.im-load-older { flex: 0 0 auto; margin: 0; }
.im-float { position: absolute !important; top: -12px; right: 10px; z-index: 5; display: none; gap: 4px; }
.im-message:hover .im-float,.im-message:focus-within .im-float { display: flex !important; }
.im-float .im-fchip,.im-float .im-fchip:hover,.im-float .im-fchip:focus {
    display: inline-flex !important;
    height: 22px !important;
    min-height: 22px !important;
    align-items: center;
    gap: 4px;
    padding: 0 9px !important;
    border: 1px solid #D5DAE1 !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(22,52,80,.12) !important;
    color: #A51C2B !important;
    font: 500 11.5px/1 "IBM Plex Sans", "Segoe UI", sans-serif !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.im-conversation .im-avatar {
    display: flex;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    font-size: 12px;
    font-weight: 700;
}
.im-conversation.im-selected { border-left: 0 !important; background: #F8E9EC !important; }
.im-conversation:nth-child(3n+1) .im-avatar { background: #F8E9EC; color: #8E1624; }
.im-conversation:nth-child(3n+2) .im-avatar { background: #E4F1F8; color: #1D6FA5; }
.im-conversation:nth-child(3n+3) .im-avatar { background: #E6F4EA; color: #1E6B3A; }
.im-message-avatar { width: 30px; height: 30px; border-radius: 50% !important; font-size: 10px; }
.im-message-avatar.im-person-1 { background: #F8E9EC; color: #8E1624; }
.im-message-avatar.im-person-2 { background: #FFF4D6; color: #8A5A00; }
.im-message-avatar.im-person-3 { background: #E4F1F8; color: #1D6FA5; }
.im-message-avatar.im-person-4 { background: #E6F4EA; color: #1E6B3A; }

.im-compose-input .dxbl-memo {
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.im-compose-input textarea {
    border: 1px solid #D5DAE1 !important;
    border-radius: 9px !important;
    padding: 8px 12px !important;
    outline: 0 !important;
    box-shadow: none !important;
    resize: none;
}
.im-compose-input textarea:focus-visible { outline: 2px solid #A51C2B !important; outline-offset: 1px; }
.im-compose-input .dxbl-memo:focus-within { outline: 0 !important; box-shadow: none !important; }

.im-calendar-event {
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    line-height: 16px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.im-day-number { font-size: 11px !important; }
.im-calendar-legend { display: flex; align-items: center; gap: 14px; padding: 8px 12px; color: #5B6475; font-size: 11.5px; }
.im-calendar-legend span { display: inline-flex; align-items: center; gap: 6px; }
.im-calendar-legend span::before { width: 10px; height: 10px; flex: 0 0 10px; margin: 0; border-radius: 3px; }

.im-modal-reminder .im-field > label,
.im-modal-reminder .im-form-grid > div > label,
.im-modal-reminder .im-lbl {
    margin: 0 !important;
    color: #5B6475 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.im-task-grid {
    --dxbl-grid-search-box-container-padding-x: 8px;
    --dxbl-grid-search-box-container-padding-y: 6px;
    --dxbl-grid-search-box-container-width: 240px;
    --dxbl-grid-toolbar-container-padding-x: 0px;
    --dxbl-grid-toolbar-container-padding-y: 0px;
    --dxbl-grid-toolbar-container-min-height: 44px;
}
.im-task-grid > .dxbl-grid-top-panel {
    display: flex;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px;
    align-items: center;
    justify-content: flex-end;
    padding: 0 !important;
}
.im-task-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
    width: 240px !important;
    height: 44px;
    flex: 0 0 240px;
    padding: 6px 8px !important;
}
.im-task-grid .dxbl-grid-search-box,
.im-task-grid .dxbl-grid-search-box .dxbl-text-edit { height: 32px !important; min-height: 32px !important; }
.im-task-grid > .dxbl-grid-toolbar-container { min-height: 44px !important; padding: 0 !important; }
.im-task-grid .dxbl-grid-table { width: max(100%,960px) !important; min-width: 960px !important; table-layout: fixed; }
.im-task-grid .dxbl-grid-table > thead > tr > th { height: 32px !important; font-size: 12.5px !important; white-space: nowrap; }
.im-task-grid .dxbl-grid-table .dxbl-grid-filter-row > th,
.im-task-grid .dxbl-grid-table .dxbl-grid-filter-row > td { height: 36px !important; }
.im-task-grid .dxbl-grid-table > tbody > tr[role="row"]:not(.dxbl-grid-filter-row) > td { height: 36px !important; font-size: 12.5px !important; }
.im-task-grid .dxbl-grid-filter-menu-funnel-btn { color: #8A93A3 !important; }
.im-task-grid .dxbl-grid-filter-menu-funnel-btn > .dxbl-image { width: 12px !important; height: 12px !important; opacity: .6; }
.im-task-grid .dxbl-grid-table col:nth-child(2),.im-task-grid .dxbl-grid-table th:nth-child(2),.im-task-grid .dxbl-grid-table td:nth-child(2) { width: 110px !important; }
.im-task-grid .dxbl-grid-table col:nth-child(3),.im-task-grid .dxbl-grid-table th:nth-child(3),.im-task-grid .dxbl-grid-table td:nth-child(3) { width: 100px !important; }
.im-task-grid .dxbl-grid-table col:nth-child(4),.im-task-grid .dxbl-grid-table th:nth-child(4),.im-task-grid .dxbl-grid-table td:nth-child(4) { width: 140px !important; }
.im-task-grid .dxbl-grid-table col:nth-child(5),.im-task-grid .dxbl-grid-table th:nth-child(5),.im-task-grid .dxbl-grid-table td:nth-child(5) { width: 100px !important; }
.im-task-grid .dxbl-grid-table col:nth-child(6),.im-task-grid .dxbl-grid-table th:nth-child(6),.im-task-grid .dxbl-grid-table td:nth-child(6) { width: 120px !important; }
.im-task-grid .dxbl-grid-table col:nth-child(7),.im-task-grid .dxbl-grid-table th:nth-child(7),.im-task-grid .dxbl-grid-table td:nth-child(7) { width: 210px !important; }

.im-page .im-float .im-fchip,
.im-page .im-float .im-fchip:hover,
.im-page .im-float .im-fchip:focus { -webkit-text-decoration: none !important; text-decoration: none !important; }

/* Match the reference proportions while keeping the surrounding ERP shell responsive. */
.im-page .im-card { border-radius: 10px; }
.im-page .im-head { gap: 16px; padding: 10px 16px; }
.im-page .im-card-h:not(.im-panel-heading) { min-height: 38px; padding: 10px 16px; }
.im-page .im-thread-header { padding: 10px 16px; }
.im-page .im-thread-heading { flex: 1 1 auto; min-width: 0; }
.im-page .im-thread-avatar { width: 36px; height: 36px; background: #F8E9EC; color: #8E1624; }
.im-page .im-conversation-copy strong { font-size: 13.5px; }
.im-page .im-conversation-copy > span { font-size: 12px; }
.im-page .im-conversation-meta,.im-page .im-conversation-meta small { font-size: 11px; }
.im-page .im-message { max-width: min(560px,78%); border-radius: 12px 12px 12px 4px; }
.im-page .im-row.im-own .im-message { border-radius: 12px 12px 4px 12px; }
.im-page .im-message-meta { gap: 16px; }
.im-page .im-message-meta strong { font-size: 12px; }
.im-page .im-message-meta time { font-size: 11px; }
.im-page .im-message p { font-size: 13.5px; }
.im-page .im-message-avatar { font-size: 12px; }
.im-page .im-compose { gap: 10px; padding: 10px 14px; }
.im-page .im-compose-field { flex: 1 1 auto; min-width: 0; }
.im-page .im-compose-input { width: 100%; min-width: 0; }
.im-page .im-compose-input textarea,.im-page .im-compose-input .dxbl-memo { font-size: 13.5px; }
.im-page .im-compose-hint { margin-top: 3px; color: #8A93A3; font-size: 11px; line-height: 14px; }
.im-page .im-compose > .dxbl-btn { margin-bottom: 17px; }
.im-page .im-reminder-tools { padding: 8px 12px; }
.im-page .im-reminder { padding: 8px 14px; }
.im-page .im-reminder strong { font-size: 13.5px; }
.im-page .im-reminder p { font-size: 12px; }
.im-page .im-reminder small { font-size: 11.5px; }
.im-page .im-calendar-toolbar { gap: 12px; padding-block: 8px; }
.im-page .im-calendar-weekday { font-size: 11.5px; }
.im-overlay .im-modal { border-radius: 12px; }
.im-overlay .im-modal-header { padding-block: 12px; }
.im-overlay .im-modal-body { gap: 10px; padding-block: 14px; }
.im-overlay .im-field > label,.im-overlay .im-field-label { font-size: 11px; }
.im-overlay .im-modal-footer { padding: 10px 16px; }

@media (max-width: 1370px) {
    .im-task-grid { overflow-x: auto; }
    .im-task-grid .dxbl-grid-table { width: 100% !important; min-width: 876px !important; }
    .im-task-grid .dxbl-grid-table col:nth-child(1),.im-task-grid .dxbl-grid-table th:nth-child(1),.im-task-grid .dxbl-grid-table td:nth-child(1) { width: 180px !important; }
    .im-task-grid .dxbl-grid-table col:nth-child(2),.im-task-grid .dxbl-grid-table th:nth-child(2),.im-task-grid .dxbl-grid-table td:nth-child(2) { width: 100px !important; }
    .im-task-grid .dxbl-grid-table col:nth-child(3),.im-task-grid .dxbl-grid-table th:nth-child(3),.im-task-grid .dxbl-grid-table td:nth-child(3) { width: 96px !important; }
    .im-task-grid .dxbl-grid-table col:nth-child(4),.im-task-grid .dxbl-grid-table th:nth-child(4),.im-task-grid .dxbl-grid-table td:nth-child(4) { width: 116px !important; }
    .im-task-grid .dxbl-grid-table col:nth-child(5),.im-task-grid .dxbl-grid-table th:nth-child(5),.im-task-grid .dxbl-grid-table td:nth-child(5) { width: 94px !important; }
    .im-task-grid .dxbl-grid-table col:nth-child(6),.im-task-grid .dxbl-grid-table th:nth-child(6),.im-task-grid .dxbl-grid-table td:nth-child(6) { width: 100px !important; }
    .im-task-grid .dxbl-grid-table col:nth-child(7),.im-task-grid .dxbl-grid-table th:nth-child(7),.im-task-grid .dxbl-grid-table td:nth-child(7) { width: 190px !important; }
    .im-task-grid .im-grid-actions > .dxbl-btn:not(.im-grid-reminder-button),.im-task-grid .im-grid-actions > .im-grid-action-button { min-width: 0 !important; padding-inline: 4px !important; }
}

@media (max-width: 1450px) {
    .im-page .im-kpi { min-width: 76px; padding-inline: 8px; }
}

@media (max-width: 760px) {
    .im-overlay .im-modal { border-radius: 10px; }
}

.im-modal-new-chat .im-participant-field { gap: 7px; }
.im-modal-new-chat .im-participant-heading { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }
.im-modal-new-chat .im-participant-heading h3 { margin: 0; color: var(--im-text); font-size: 15px; font-weight: 500; line-height: 20px; }
.im-modal-new-chat .im-participant-heading-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }
.im-modal-new-chat .im-participant-heading-actions button { min-height: 24px; padding: 0 2px; border: 0; background: transparent; color: var(--im-bordo); font: 500 11.5px/1 "IBM Plex Sans","Segoe UI",sans-serif; cursor: pointer; }
.im-modal-new-chat .im-participant-heading-actions .im-participant-clear { color: var(--im-secondary); }
.im-modal-new-chat .im-participant-heading-actions button:disabled { color: #AEB5C0; cursor: default; }
.im-modal-new-chat .im-participant-heading-actions button:focus-visible { border-radius: 4px; outline: 2px solid var(--im-bordo); outline-offset: 1px; }
.im-modal-new-chat .im-participant-chips { display: flex; max-height: 76px; flex-wrap: wrap; align-content: flex-start; gap: 6px; overflow-y: auto; }
.im-modal-new-chat .im-participant-chip { display: inline-flex; min-width: 0; max-width: 100%; height: 24px; align-items: center; gap: 6px; padding: 0 8px 0 4px; border: 1px solid #F0CDD2; border-radius: 12px; background: #F8E9EC; color: #8E1624; font: 500 11.5px/1 "IBM Plex Sans","Segoe UI",sans-serif; cursor: pointer; }
.im-modal-new-chat .im-participant-chip:hover { background: #F3DDE1; }
.im-modal-new-chat .im-participant-chip:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 1px; }
.im-modal-new-chat .im-participant-chip-avatar { display: inline-grid; flex: 0 0 16px; width: 16px; height: 16px; place-items: center; border-radius: 50%; font-size: 8px; font-weight: 700; }
.im-modal-new-chat .im-participant-chip-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.im-modal-new-chat .im-participant-chip-remove { color: #8E1624; font-size: 15px; font-weight: 400; line-height: 12px; }
.im-modal-new-chat .im-participant-search { display: flex; min-height: 34px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--im-border); border-radius: 8px; background: #fff; }
.im-modal-new-chat .im-participant-search:focus-within { border-color: var(--im-bordo); box-shadow: 0 0 0 2px var(--im-bordo-soft); }
.im-modal-new-chat .im-participant-search svg { flex: 0 0 14px; width: 14px; height: 14px; fill: none; stroke: var(--im-bordo); stroke-linecap: round; stroke-width: 1.5; }
.im-modal-new-chat .im-participant-search input { width: 100%; min-width: 0; height: 30px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--im-text); font: 400 12px/1 "IBM Plex Sans","Segoe UI",sans-serif; }
.im-modal-new-chat .im-participant-search input::placeholder { color: var(--im-muted); opacity: 1; }
.im-modal-new-chat .im-participant-search input:focus-visible { outline: 0; }
.im-modal-new-chat .im-participant-list { max-height: 184px; overflow-y: auto; border: 1px solid var(--im-border); border-radius: 8px; background: #fff; }
.im-modal-new-chat .im-participant-option { display: flex; min-height: 44px; align-items: center; gap: 9px; margin: 0; padding: 6px 9px; border-bottom: 1px solid var(--im-divider); background: #fff; cursor: pointer; }
.im-modal-new-chat .im-participant-option:last-child { border-bottom: 0; }
.im-modal-new-chat .im-participant-option:hover { background: #F6F7F9; }
.im-modal-new-chat .im-participant-option.im-selected { background: var(--im-bordo-soft); }
.im-modal-new-chat .im-participant-option input[type="checkbox"] { appearance: none; position: relative; flex: 0 0 16px; width: 16px; height: 16px; margin: 0; border: 1px solid #B7BEC9; border-radius: 4px; background: #fff; cursor: pointer; }
.im-modal-new-chat .im-participant-option input[type="checkbox"]:checked { border-color: var(--im-bordo); background: var(--im-bordo); }
.im-modal-new-chat .im-participant-option input[type="checkbox"]:checked::after { position: absolute; top: 2px; left: 4px; width: 5px; height: 8px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; content: ""; }
.im-modal-new-chat .im-participant-option input[type="checkbox"]:focus-visible { outline: 2px solid var(--im-bordo); outline-offset: 2px; }
.im-modal-new-chat .im-participant-avatar { display: inline-grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; font-size: 10px; font-weight: 700; }
.im-modal-new-chat .im-participant-tone-0 { background: #FFF4D6; color: #8A5A00; }
.im-modal-new-chat .im-participant-tone-1 { background: #E4F1F8; color: #1D6FA5; }
.im-modal-new-chat .im-participant-tone-2 { background: #E6F4EA; color: #1E6B3A; }
.im-modal-new-chat .im-participant-tone-3 { background: #F8E9EC; color: #8E1624; }
.im-modal-new-chat .im-participant-name { flex: 1 1 auto; min-width: 0; overflow: hidden; color: var(--im-text); font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.im-modal-new-chat .im-participant-summary { color: var(--im-muted); font-size: 11px; line-height: 15px; }
.im-modal-new-chat .im-participant-empty { display: grid; min-height: 52px; place-items: center; padding: 10px; border: 1px solid var(--im-border); border-radius: 8px; color: var(--im-muted); font-size: 12px; text-align: center; }

@media (max-width: 480px) {
    .im-modal-new-chat .im-modal-body { gap: 9px; padding-inline: 12px; }
    .im-modal-new-chat .im-participant-heading { align-items: flex-start; }
    .im-modal-new-chat .im-participant-heading-actions { gap: 5px; }
    .im-modal-new-chat .im-participant-option { min-height: 42px; }
    .im-modal-new-chat .im-participant-list { max-height: min(184px,24dvh); }
}