/* Shell from the approved prototype. Existing workspace column widths remain in workspace-styles. */
.fi-body { background:#f6f8fb; color:#202b3e; }
.fi-topbar { height:64px; min-height:64px; padding:0 24px; gap:20px; box-shadow:none!important; }
.fi-topbar-start { display:none; }
.oreon-topbar-brand { width:200px; flex:none; display:flex; align-items:center; }
.oreon-topbar-brand img { width:148px; height:40px; object-fit:contain; }
.oreon-topbar-context { display:flex; align-items:center; gap:9px; white-space:nowrap; font-size:12px; color:#d3ddf0; }
.fi-topbar .oreon-topbar-context span { color:white!important; font-size:11px; padding:3px 7px; border:1px solid #ffffff40; border-radius:4px; background:#ffffff10; }
.fi-topbar-end { margin-inline-start:auto; gap:20px; }
.fi-topbar .fi-global-search .fi-input-wrp { min-width:210px; border:1px solid #ffffff30; border-radius:6px; background:#ffffff12; box-shadow:none; padding-inline:11px; }
.fi-topbar .fi-global-search .fi-input { font-size:13px; padding-block:9px; color:#e4eaf4; }
.fi-topbar .fi-global-search .fi-input::placeholder { color:#e4eaf4; opacity:1; }
.fi-topbar .fi-global-search svg { width:20px; height:20px; color:white!important; }
.fi-topbar .fi-global-search .fi-input-wrp:focus-within { outline:3px solid #6aa2f4; outline-offset:3px; }
.fi-topbar .fi-global-search .fi-input-wrp-suffix { font-size:10px; color:#e4eaf4; }
.fi-topbar .fi-global-search .fi-input-wrp-suffix span { border:1px solid #ffffff40; border-radius:3px; padding:1px 4px; font-size:10px; }
.fi-topbar .fi-global-search-results-ctn { color:#202b3e; }
.fi-topbar .fi-global-search-results-ctn span,.fi-topbar .fi-global-search-results-ctn a,.fi-topbar .fi-global-search-results-ctn svg { color:#536078!important; }
.fi-topbar-database-notifications-btn { width:36px; height:36px; }
.fi-topbar-database-notifications-btn .fi-icon { width:20px; height:20px; }
.fi-topbar-database-notifications-btn:hover { background:#ffffff18; }
.fi-topbar-database-notifications-btn .fi-icon-btn-badge-ctn { width:7px; height:7px; top:5px; right:6px; overflow:hidden; border-radius:50%; border:1px solid #294f9b; background:#ff9601; }
.fi-topbar-database-notifications-btn .fi-badge { width:7px; min-width:7px; height:7px; min-height:7px; padding:0; background:#ff9601; font-size:0; color:transparent!important; box-shadow:none; }
.fi-topbar-database-notifications-btn .fi-badge span { font-size:0; }
.oreon-role-switcher { display:flex; align-items:center; gap:9px; margin:0; }
.fi-topbar .oreon-role-label { font-size:12px; color:#d3ddf0!important; }
.oreon-workspace-label { display:none; }
.fi-topbar .oreon-role-switcher select { max-width:225px; border:1px solid #ffffff30; border-radius:6px; background:#365da9!important; padding:8px 28px 8px 10px; color:white!important; color-scheme:dark; font-size:12px; cursor:pointer; }
.oreon-role-switcher select option { background:white; color:#202b3e; }
.fi-topbar .fi-user-avatar { width:34px; height:34px; border:1px solid #ffffff40; border-radius:50%; background:#1d3e7c; }
.fi-sidebar { background:white; border-inline-end:1px solid #e1e6ee; }
.fi-sidebar-nav { padding:0 12px 8px; gap:0; scrollbar-gutter:auto; }
.fi-sidebar-nav-groups { margin:0; gap:4px; }
.fi-sidebar-item-btn { padding:11px 12px; min-height:43px; border-radius:6px; gap:12px; }
.fi-sidebar-item-btn .fi-icon { width:19px; height:19px; color:#768398; }
.fi-sidebar-item-label { white-space:normal; line-height:1.4; font-size:14px; font-weight:400; color:#202b3e; }
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn { background:#fff2de; }
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-label { color:#a65900; font-weight:600; }
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-icon { color:#bb6900; }
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn:before { content:''; position:absolute; left:0; top:11px; bottom:11px; width:3px; border-radius:2px; background:#ff9601; }
.fi-sidebar-item[data-section="reference"] { margin-top:12px; padding-top:8px; border-top:1px solid #e1e6ee; }
.oreon-lab-context { margin:19px 5px 15px; padding:0 7px 17px; border-bottom:1px solid #e1e6ee; }
.oreon-lab-name { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:650; }
.oreon-lab-name>svg { width:17px; height:17px; flex:none; color:#294f9b; }
.oreon-lab-name strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:650; }
.oreon-lab-context p { color:#677488; font-size:11px; line-height:1.55; margin-top:5px; }
.oreon-sidebar-toggle { display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex:none; border-radius:4px; color:#8b96a5; cursor:pointer; }
.oreon-sidebar-toggle:hover { background:#f3f6fa; color:#294f9b; }
.oreon-sidebar-toggle svg { width:14px; height:14px; }
.oreon-sidebar-bottom { margin-top:auto; padding:18px 18px 14px; }
.oreon-sidebar-bottom .oreon-personal-link { border-top:1px solid #e1e6ee; border-radius:0; margin:0; padding:16px 5px 12px; font-size:12px; font-weight:400; color:#202b3e; }
.oreon-sidebar-bottom .oreon-version { padding:7px 5px 0; color:#8b96a5; opacity:1!important; font-size:10px; }
.fi-page-header-main-ctn { padding-block:24px 32px; gap:24px; }
.fi-page-content { gap:24px; }
.fi-header-heading { font-size:27px; letter-spacing:-.65px; font-weight:650; line-height:1.3; }
.fi-header-subheading { font-size:12px; color:#677488; margin-top:6px; line-height:1.6; }
.fi-breadcrumbs { font-size:11px; color:#677488; }
.fi-breadcrumbs-item-label { font-size:11px; font-weight:400; }
.fi-header .fi-breadcrumbs { margin-bottom:13px; }
.fi-header-actions-ctn .fi-btn { min-height:36px; padding:8px 12px; font-size:12px; line-height:1.4; border-radius:6px!important; }
.fi-header-actions-ctn .fi-btn.fi-color-primary { background:#ff9601; }
.fi-ta-ctn,.fi-section { border:1px solid #e1e6ee; border-radius:8px; box-shadow:none; }
.fi-main .fi-input-wrp,.fi-modal .fi-input-wrp { border:1px solid #d1d9e4; border-radius:6px; box-shadow:none; }
.fi-ta-header-cell { background:#f8f9fc; }
.fi-ta-header-cell { font-size:11px; color:#728098; font-weight:550; }
.fi-ta-header-cell-sort-btn { font-size:11px; color:#728098; font-weight:550; }
.fi-ta-text-item { font-size:12px; line-height:1.45; }
.fi-ta-text-description { font-size:11px; color:#677488; line-height:1.55; }
.fi-btn { font-size:12px; border-radius:6px!important; }
.fi-btn.fi-color-primary { background:#ff9601; color:#202b3e; }
.fi-btn.fi-color-primary:hover { background:#ee8900; }
.fi-section-header-heading { color:#202b3e; font-size:14px; font-weight:600; }
.fi-input-wrp:focus-within { outline:2px solid #6aa2f4; outline-offset:2px; }
.fi-sc-text { font-size:12px; line-height:1.6; color:#677488; }
.fi-modal-close-overlay,.fi-body .lims-ws-modal,.fi-body .lims-ws .modal-back { background:rgba(39,63,104,.25)!important; }
.fi-modal-window { color:#202b3e; }
.fi-modal-heading { color:#294f9b; font-size:18px; font-weight:650; }
.fi-modal-description { color:#677488; font-size:12px; line-height:1.6; }
.fi-body .lims-ws-modal { --blue:#294f9b; --orange:#ff9601; --green:#2f8957; --red:#bd3434; --gray-50:#f8f9fc; --gray-200:#e1e6ee; --gray-300:#d1d9e4; --gray-400:#728098; --gray-500:#677488; --gray-700:#202b3e; --gray-900:#202b3e; }
.fi-body .lims-ws-modal .modal-card { color:#202b3e; font-size:13px; box-shadow:0 12px 50px #273f6829; }
.fi-body .lims-ws-modal .modal-card h3 { color:#294f9b; font-size:20px; font-weight:650; }
.fi-body .lims-ws-modal .btn { font-size:12px; font-weight:600; border-radius:6px; }
.fi-body .lims-ws-modal .btn.primary { color:#202b3e; background:#ff9601; }
.fi-main .lims-ws .btn.primary { color:#202b3e; }
.fi-main .lims-ws .btn[style*="var(--orange)"] { color:#202b3e!important; }
.fi-main .lims-ws .modal { border:1px solid #e1e6ee; border-radius:10px; color:#202b3e; font-size:13px; box-shadow:0 12px 50px #273f6829; }
.fi-main .lims-ws .modal-head { padding:20px 24px; background:white; color:#294f9b; font-size:18px; font-weight:650; border-bottom:1px solid #e1e6ee; }
.fi-main .lims-ws .modal-body { padding:24px; }
.fi-main .lims-ws .modal .field>label { color:#202b3e; font-size:12px; font-weight:500; }
.fi-main .lims-ws .modal-foot { padding:16px 24px; border-color:#e1e6ee; background:white; }
.fi-fo-field-label-content { font-size:12px; }
.fi-fo-field-helper-text,.fi-fo-field-wrp-helper-text { font-size:11px; line-height:1.55; color:#677488; }
.fi-fo-field .fi-input,.fi-fo-field textarea,.fi-fo-field select { font-size:13px; }
@media(min-width:1700px) { .oreon-home-grid { grid-template-columns:minmax(0,1fr) 340px; } }
@media(max-width:1250px) { .oreon-topbar-context { display:none; } .oreon-topbar-brand { width:176px; } .fi-topbar,.fi-topbar-end { gap:14px; } .oreon-role-label { display:none; } }
@media(max-width:1050px) { .fi-topbar,.fi-topbar-end { gap:10px; } .fi-topbar .fi-global-search .fi-input-wrp { min-width:36px; max-width:185px; } .fi-topbar .oreon-role-switcher select { max-width:197px; } .fi-sidebar-item-label { font-size:12px; } }
@media(max-width:760px) {
    .fi-topbar { height:108px; min-height:108px; flex-wrap:wrap; align-content:flex-start; gap:7px; padding:9px 14px; }
    .fi-topbar-open-sidebar-btn,.fi-topbar-close-sidebar-btn { order:-1; width:32px; height:34px; flex:none; }
    .oreon-topbar-brand { width:auto; flex:1; }
    .oreon-topbar-brand img { width:128px; height:34px; }
    .fi-topbar-end { display:contents; }
    .fi-global-search-ctn { order:1; width:34px; flex:none; }
    .fi-topbar .fi-global-search .fi-input-wrp { width:34px; min-width:34px; height:34px; padding-inline:7px; background:none; border:0; }
    .fi-topbar .fi-global-search .fi-input { min-width:0; padding:0; }
    .fi-topbar .fi-global-search .fi-input::placeholder { color:transparent; }
    .fi-topbar .fi-global-search .fi-input-wrp-suffix { display:none; }
    .fi-global-search:focus-within .fi-global-search-field { position:absolute; top:9px; left:48px; right:14px; z-index:2; }
    .fi-topbar .fi-global-search:focus-within .fi-input-wrp { width:100%; max-width:none; background:#365da9; border:1px solid #ffffff30; height:34px; }
    .fi-topbar .fi-global-search:focus-within .fi-input { padding:7px; }
    .fi-topbar .fi-global-search:focus-within .fi-input::placeholder { color:#e4eaf4; }
    .fi-topbar .fi-global-search-results-ctn { top:48px; }
    .fi-topbar-database-notifications-btn { order:2; width:34px; height:34px; }
    .fi-topbar .fi-user-menu { order:3; flex:none; }
    .fi-topbar .fi-user-avatar { width:30px; height:30px; }
    .oreon-role-switcher { order:4; width:100%; justify-content:space-between; border-top:1px solid #ffffff20; padding-top:7px; margin-top:1px; }
    .oreon-workspace-label { display:inline; font-size:11px; color:#d6e1f6!important; }
    .oreon-role-label { display:none; }
    .fi-topbar .oreon-role-switcher select { max-width:225px; min-height:30px; padding:5px 22px 5px 8px; font-size:11px; }
    .fi-sidebar-item-label { font-size:13px; }
    .fi-header-heading { font-size:24px; }
    .fi-header-subheading { font-size:11px; }
    .fi-page-header-main-ctn { padding-block:18px 25px; gap:20px; }
}
.oreon-personal-link { display:flex; align-items:center; gap:.7rem; margin:.4rem .75rem; padding:.65rem .75rem; border-radius:.55rem; color:#536078; font-size:11px; font-weight:600; }
.oreon-personal-link svg { width:1.25rem; height:1.25rem; flex:none; }
.oreon-personal-link:hover,.oreon-personal-link[aria-current] { background:#eaf0fb; color:#294f9b; }
.oreon-subnav { display:flex; flex-wrap:wrap; gap:5px; border-bottom:1px solid #e1e6ee; padding-bottom:13px; margin-top:-3px; }
.oreon-subnav a { padding:7px 10px; border-radius:5px; color:#56647b; font-size:11px; line-height:1.5; font-weight:500; }
.oreon-subnav a:hover { background:#eef2f8; }
.oreon-subnav a.is-active { background:#e7eefb; color:#294f9b; font-weight:600; }
.oreon-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.oreon-module-card { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-height:143px; padding:19px; background:white; border:1px solid #e1e6ee; border-radius:8px; transition:border-color .15s,box-shadow .15s; }
.oreon-module-card:hover { border-color:#9db5db; box-shadow:0 3px 10px #294f9b07; }
.oreon-module-icon { display:flex; justify-content:space-between; align-items:center; width:100%; color:#294f9b; }
.oreon-module-icon svg { width:20px; height:20px; }
.oreon-module-icon svg:last-child { color:#91a0b6; width:15px; height:15px; }
.oreon-module-card h2 { font-size:13px; font-weight:600; line-height:1.5; color:#202b3e; }
.oreon-module-card p { font-size:11px; line-height:1.5; color:#677488; flex:1; }
.oreon-module-open { display:flex; align-items:center; gap:5px; color:#294f9b; font-size:11px; font-weight:550; margin-top:auto; }
.oreon-module-open svg { width:14px; height:14px; }
.oreon-home { display:flex; flex-direction:column; gap:20px; color:#202b3e; }
.oreon-home svg { width:1.2rem; height:1.2rem; flex:none; }
.oreon-home a:focus-visible,.oreon-home button:focus-visible,.oreon-module-card:focus-visible,.oreon-subnav a:focus-visible,.oreon-personal-link:focus-visible { outline:2px solid #294f9b; outline-offset:3px; }
.oreon-home-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.oreon-home-kpis>a,.oreon-home-kpis>button { display:flex; flex-direction:column; text-align:left; padding:17px 18px 14px; background:white; border:1px solid #e1e6ee; border-radius:8px; gap:.5rem; cursor:pointer; }
.oreon-home-kpis>a:hover,.oreon-home-kpis>button:hover { border-color:#9fb4d8; }
.oreon-home-kpis span { display:flex; align-items:center; justify-content:space-between; gap:.5rem; width:100%; font-size:12px; color:#657289; font-weight:600; }
.oreon-home-kpis span svg { color:#8295b2; }
.oreon-home-kpis strong { font-size:28px; line-height:1.2; font-weight:650; letter-spacing:-.6px; color:#294f9b; }
.oreon-home-kpis small { color:#677488; font-size:11px; line-height:1.5; }
.oreon-home-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
.oreon-panel { border:1px solid #e1e6ee; border-radius:8px; background:white; overflow:hidden; min-width:0; }
.oreon-panel-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.4rem 1rem; padding:17px 18px 14px; border-bottom:1px solid #edf0f5; }
.oreon-panel-heading h2 { display:flex; align-items:center; gap:.5rem; font-size:16px; font-weight:650; }
.oreon-panel-heading h2 span { background:#f0f3f8; color:#6c7890; padding:2px 6px; border-radius:4px; font-size:11px; }
.oreon-panel-heading small { color:#677488; font-size:10px; }
.oreon-panel-heading>a,.oreon-panel-footer a { color:#294f9b; font-size:11px; font-weight:600; }
.oreon-task-tabs { display:flex; gap:20px; flex-wrap:wrap; padding:0 18px; border-bottom:1px solid #e1e6ee; }
.oreon-task-tabs button { display:flex; align-items:center; gap:6px; padding:0 0 11px; border-bottom:2px solid transparent; color:#677488; font-size:11px; cursor:pointer; }
.oreon-task-tabs button.is-active { color:#202b3e; border-bottom-color:#ff9601; font-weight:600; }
.oreon-task-tabs span { font-size:10px; color:#677488; background:#f1f3f7; border-radius:3px; padding:1px 4px; }
.oreon-task-list { max-height:30rem; overflow-y:auto; }
.oreon-task { width:100%; text-align:left; cursor:pointer; display:flex; align-items:center; gap:.8rem; padding:13px 18px; border-bottom:1px solid #edf0f5; }
.oreon-task:last-child { border-bottom:0; }
.oreon-task:hover,.oreon-today-item:hover,.oreon-quick-links a:hover { background:#f8faff; }
.oreon-task>svg { width:.85rem; color:#97a2b5; }
.oreon-task-icon { width:2.1rem; height:2.1rem; display:grid; place-items:center; border-radius:.5rem; background:#eff3fa; color:#5c7bad; flex:none; }
.oreon-task-icon.is-overdue { background:#fff0ed; color:#be5945; }
.oreon-task-content { flex:1; min-width:0; }
.oreon-task-content strong { display:block; font-size:12px; font-weight:600; line-height:1.55; overflow-wrap:anywhere; }
.oreon-task-content small { display:block; margin-top:.15rem; font-size:11px; line-height:1.5; color:#677488; }
.oreon-task-meta { flex:none; text-align:right; width:7rem; }
.oreon-task-meta strong { display:block; font-size:11px; font-weight:600; }
.oreon-task-meta small { display:block; margin-top:.2rem; font-size:10px; color:#677488; }
.oreon-danger { color:#bd3434!important; }
.oreon-panel-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem; padding:.8rem 1.25rem; border-top:1px solid #edf0f5; font-size:10px; color:#677488; }
.oreon-home-side { display:flex; flex-direction:column; gap:20px; }
.oreon-today-item { display:block; padding:.9rem 1.25rem; border-bottom:1px solid #edf0f5; }
.oreon-today-item strong { display:block; font-size:12px; line-height:1.5; font-weight:600; }
.oreon-today-item small { display:block; margin-top:.25rem; font-size:11px; color:#677488; }
.oreon-quiet-empty { font-size:12px; line-height:1.65; padding:1.15rem 1.25rem; color:#677488; }
.oreon-empty { padding:2.5rem 1rem; text-align:center; color:#677488; }
.oreon-empty svg { margin:0 auto .6rem; width:1.8rem; height:1.8rem; color:#55a27b; }
.oreon-empty h3 { font-size:.85rem; color:#4b5b72; font-weight:600; }
.oreon-empty p { font-size:11px; margin-top:.4rem; }
.oreon-quick-links { padding:.35rem .65rem; }
.oreon-quick-links a { display:flex; align-items:center; gap:.7rem; padding:.7rem .55rem; border-radius:.4rem; font-size:12px; }
.oreon-quick-links a>svg:first-child { color:#738db5; }
.oreon-quick-links a>svg:last-child { width:.85rem; height:.85rem; margin-left:auto; color:#99a6b9; }
.oreon-table-wrap { overflow-x:auto; }
.oreon-recent-table { width:100%; border-collapse:collapse; font-size:12px; }
.oreon-recent-table th { text-align:left; font-size:10px; text-transform:uppercase; letter-spacing:.025em; background:#f9fafc; color:#8a94a5; font-weight:600; white-space:nowrap; }
.oreon-recent-table th,.oreon-recent-table td { padding:.8rem 1.25rem; border-bottom:1px solid #edf0f5; }
.oreon-recent-table tbody tr:last-child td { border-bottom:0; }
.oreon-recent-table td:first-child { min-width:13rem; }
.oreon-recent-table td:first-child a { font-weight:700; color:#294f9b; }
.oreon-recent-table td small { display:block; color:#677488; font-size:11px; margin-top:.2rem; }
.oreon-recent-table td:last-child { white-space:nowrap; color:#677488; }
.oreon-is-loading { opacity:.5; }
.oreon-task-drawer,.oreon-nc-drawer { background:white; color:#202b3e; }
.oreon-drawer-overlay { background:rgba(39,63,104,.25)!important; }
.oreon-task-drawer .fi-modal-header,.oreon-nc-drawer .fi-modal-header { padding:20px 24px; border-bottom:1px solid #e1e6ee; background:white; }
.oreon-task-drawer .fi-modal-heading { font-size:12px; font-weight:500; color:#677488; }
.oreon-nc-drawer .fi-modal-heading { font-size:20px; font-weight:650; letter-spacing:-.35px; color:#294f9b; }
.oreon-task-drawer .fi-modal-content,.oreon-nc-drawer .fi-modal-content { padding:24px; }
.oreon-task-drawer .fi-modal-footer,.oreon-nc-drawer .fi-modal-footer { padding:16px 24px; border-top:1px solid #e1e6ee; background:white; }
.oreon-task-drawer .fi-modal-footer-actions,.oreon-nc-drawer .fi-modal-footer-actions { flex-wrap:wrap; gap:10px; }
.oreon-task-drawer .fi-btn,.oreon-nc-drawer .fi-btn { font-size:12px; min-height:36px; padding:8px 12px; border-radius:6px; }
.oreon-task-drawer .fi-btn.fi-color-primary,.oreon-nc-drawer .fi-btn.fi-color-primary { background:#ff9601; color:#202b3e; }
.oreon-nc-drawer .fi-btn.fi-color-success { background:#2f8957; color:white; }
.oreon-task-drawer .fi-btn.fi-color-primary { flex:1; }
.oreon-task-detail { display:flex; flex-direction:column; gap:24px; font-size:12px; line-height:1.6; }
.oreon-detail-status { display:inline-flex; align-self:flex-start; border-radius:4px; padding:3px 7px; font-size:10px; line-height:1.4; color:#9b630c; background:#fff4df; }
.oreon-detail-status.is-overdue { color:#bd3434; background:#fff0ef; }
.oreon-detail-status.is-closed { color:#28764e; background:#e9f7ef; }
.oreon-task-detail h2 { font-size:23px; font-weight:650; letter-spacing:-.45px; line-height:1.35; color:#294f9b; }
.oreon-detail-subtitle { color:#677488; margin-top:-15px; }
.oreon-detail-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.oreon-detail-fields dt { color:#728098; font-size:10px; margin-bottom:5px; }
.oreon-detail-fields dd { color:#202b3e; font-size:12px; overflow-wrap:anywhere; }
.oreon-task-detail section { border-top:1px solid #e1e6ee; padding-top:20px; }
.oreon-task-detail section h3 { font-size:12px; font-weight:650; margin-bottom:10px; }
.oreon-task-detail section p { color:#677488; }
.oreon-detail-return { display:flex; gap:10px; padding:14px; background:#f5f7fb; border-radius:6px; color:#728098; font-size:11px; }
.oreon-detail-return svg { flex:none; width:18px; height:18px; }
.oreon-nc-summary { display:flex; flex-direction:column; gap:18px; font-size:12px; line-height:1.6; }
.oreon-nc-status-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.oreon-nc-status-row a { color:#677488; font-size:10px; }
.oreon-nc-description { white-space:pre-wrap; overflow-wrap:anywhere; }
.oreon-nc-related { border-top:1px solid #e1e6ee; padding-top:12px; color:#677488; font-size:11px; }
.oreon-draft-status { border:1px solid #e1e6ee; background:#f6f8fb; border-radius:6px; padding:12px; color:#677488; font-size:11px; }
.oreon-draft-status small { display:block; font-size:10px; margin-top:4px; }
.oreon-draft-status button { cursor:pointer; color:#294f9b; font-size:11px; margin-top:8px; text-decoration:underline; }
.oreon-nc-drawer .fi-section-header { padding:14px 16px; }
.oreon-nc-drawer .fi-section-header-heading { font-size:13px; font-weight:600; }
.oreon-nc-drawer .fi-section-content { padding:16px; }
.oreon-nc-drawer .fi-sc { gap:18px; }
@media(max-width:640px) {
    .oreon-task-drawer .fi-modal-header,.oreon-nc-drawer .fi-modal-header,.oreon-task-drawer .fi-modal-content,.oreon-nc-drawer .fi-modal-content,.oreon-task-drawer .fi-modal-footer,.oreon-nc-drawer .fi-modal-footer { padding:16px; }
    .oreon-nc-drawer .fi-btn { font-size:11px; }
}
@media(max-width:1050px) { .oreon-home-grid { grid-template-columns:minmax(0,1fr); } .oreon-home-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; } .oreon-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .oreon-home-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; } .oreon-home-kpis>a,.oreon-home-kpis>button { padding:.85rem; } .oreon-home-kpis span { font-size:11px; } .oreon-home-kpis strong { font-size:1.6rem; } .oreon-home-side,.oreon-module-grid { grid-template-columns:minmax(0,1fr); } .oreon-task { flex-wrap:wrap; padding:.9rem; gap:.6rem; } .oreon-task-content { flex-basis:calc(100% - 3rem); } .oreon-task-meta { text-align:left; width:auto; margin-left:2.7rem; display:flex; gap:.5rem; align-items:center; } .oreon-task-meta small { margin:0; } .oreon-task>svg { margin-left:auto; } .oreon-subnav { flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding:0 0 .7rem; margin-top:0; } .oreon-subnav a { white-space:nowrap; flex:none; } .oreon-panel-heading { padding:1rem; } .oreon-panel-footer { padding:.8rem 1rem; } }