:root { --navy:#123b60; --blue:#17639b; --line:#dce4ec; --ink:#23384d; --panel-radius:5px; }
body { background:#f3f6f9; color:var(--ink); font:13px/1.5 'Segoe UI',Arial,sans-serif; margin:0; }
body td,body p,body input,body select,body textarea { font-family:'Segoe UI',Arial,sans-serif; }
body a { color:#12619b; }
.site-header { background:var(--navy); padding:20px 24px; display:flex; align-items:center; gap:28px; }
.site-header img { height:58px; max-width:250px; }
.site-brand { display:flex; align-items:center; flex:0 1 203.52px; min-width:0; padding:5.12px 6.4px; background:white; border-radius:5px; box-sizing:border-box; }
.site-header .site-header-logo { display:block; width:190.72px; height:auto; max-width:100%; }
.site-header-title { color:white; font-size:21px; letter-spacing:.3px; font-weight:500; }
.site-account-bar { padding:10px 24px; display:flex; gap:18px; align-items:center; flex-wrap:wrap; background:white; border-bottom:1px solid var(--line); }
.site-account-bar .path { padding:0; font-size:12px; flex:1; }
.site-account-bar .user { padding:0; font-size:12px; }
.signed-in-label { display:block; color:#62778a; font-size:11px; line-height:1.5; }
.site-logout { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font-size:12px; }
.site-breadcrumb { display:flex; flex-wrap:nowrap; align-items:center; gap:7px; font-size:13px; white-space:nowrap; overflow-x:auto; }
.site-breadcrumb > * { flex-shrink:0; }
.site-account-bar .path { min-width:0; }
.site-breadcrumb [aria-current=page] { font-weight:600; color:var(--ink); }
.breadcrumb-separator { color:#7b8d9c; }
.site-project-context { margin-top:2px; font-size:11px; color:#62778a; }
.site-search { display:flex; gap:6px; align-items:center; margin:0; }
.site-search input { width:170px; }
.site-search input[type=search],.site-search button { height:35px; box-sizing:border-box; }
.site-search button { padding:7px 12px; }
.site-search .input-with-icon > input[type=search] { padding-left:34px; }
.site-layout { width:100%; border-spacing:0; table-layout:fixed; }
.menu-toggle { display:none; }
.site-sidebar { width:210px; min-width:210px; padding:8px 12px; }
.site-content { padding:8px 18px 24px 0; }
.site-content > table { border-spacing:0; }
.site-content > table > tbody > tr > td { padding:0; }
.site-sidebar > table { border-spacing:0; background:white; }
.site-sidebar table { border-spacing:0; }
.site-sidebar table[background] { display:none; }
.site-sidebar td { padding:0; }
.site-sidebar td[bgcolor] { background:transparent; }
.site-sidebar img[src$="px.gif"] { display:none; }
.site-sidebar .tab { background:var(--navy); color:white; font-size:12px; padding:10px; letter-spacing:.3px; text-align:left; }
.site-sidebar td.tab { padding:10px; background:var(--blue); }
.site-sidebar .menu-heading-content { display:inline-flex; align-items:center; gap:7px; }
.site-sidebar .menu-heading-content .ui-icon { width:16px; height:16px; }
.site-sidebar a.valdkonnad { display:block; font-size:13px; padding:7px 10px; color:var(--ink); border-radius:3px; }
.site-sidebar a.valdkonnad:hover,.site-sidebar a.current-page { background:#e4eff8; color:var(--blue); text-decoration:none; }
.legacy-panel-heading { background:var(--navy)!important; color:white!important; }
.legacy-panel-heading td { background:var(--navy)!important; background-image:none!important; color:white!important; }
.legacy-panel-heading .tab { text-align:left; font-size:13px; padding:10px 12px; }
.site-sidebar .legacy-panel-heading .tab { padding:11px 12px; font-size:16px; line-height:24px; }
.site-sidebar .legacy-panel-heading .menu-heading-content { display:flex; }
img[src$="tk05.gif"],img[src$="tk06.gif"],img[src$="tk07.gif"],img[src$="tk08.gif"],img[src$="tk09.gif"] { display:none; }
td[background$="bg05.gif"],td[background$="bg06.gif"] { background:var(--navy); color:white; }
.workflow-page { background:white; border:1px solid var(--line); min-width:0; }
/* Round the visible surfaces without clipping calendars, filters or inline editors. */
.site-sidebar > table { border-radius:var(--panel-radius); overflow:hidden; }
.site-content > table,
.site-content > table > tbody > tr > td,
.workflow-page,.review-app { border-radius:var(--panel-radius); }
.site-content > table > tbody > tr > td { background:white; }
.app-content-panel { background:white; border-radius:var(--panel-radius); }
.app-panel-header { border-radius:var(--panel-radius) var(--panel-radius) 0 0; overflow:hidden; }
.app-panel-header .legacy-panel-heading { background:transparent!important; }
.app-panel-header .legacy-panel-heading > :nth-child(1 of :not(.app-decoration-cell)) { border-top-left-radius:var(--panel-radius); }
.app-panel-header .legacy-panel-heading > :nth-last-child(1 of :not(.app-decoration-cell)) { border-top-right-radius:var(--panel-radius); }
.section-heading { border-radius:var(--panel-radius) var(--panel-radius) 0 0; }
.legacy-panel-heading > td:first-child { border-top-left-radius:var(--panel-radius); }
.legacy-panel-heading > td:last-child { border-top-right-radius:var(--panel-radius); }
.section-heading { margin:0; padding:11px 18px; color:white; background:var(--navy); font-size:16px; line-height:24px; font-weight:600; }
.workflow-filters { padding:16px 18px; background:#fafcfe; border-bottom:1px solid var(--line); }
.filter-toolbar,.filter-buttons,.workflow-actions,.filter-fields,.filter-view-options { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.filter-toolbar { align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:nowrap; }
.filter-buttons { flex:1; min-width:0; }
.workflow-actions { flex:0 0 auto; flex-wrap:nowrap; }
.filter-dropdown { position:relative; }
.filter-dropdown summary { cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:9px; padding:7px 12px; border:1px solid var(--blue); border-radius:18px; background:var(--blue); color:white; font-size:12px; font-weight:600; line-height:1.5; white-space:nowrap; }
.filter-dropdown summary::-webkit-details-marker { display:none; }
.filter-dropdown summary::after { content:''; display:block; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.filter-dropdown[open] summary,.filter-dropdown.has-selection summary { background:var(--navy); }
.filter-panel { position:absolute; top:calc(100% + 8px); left:0; z-index:100; width:280px; max-width:calc(100vw - 54px); box-sizing:border-box; padding:15px; border:1px solid #bbcede; border-radius:6px; box-shadow:0 8px 24px #123b6026; background:white; }
.filter-panel strong { display:block; margin-bottom:10px; }
.filter-panel { max-height:min(550px,75vh); overflow:auto; }
.filter-panel label:not(.filter-option) { display:block; margin:0 0 12px; }
.filter-panel select { display:block; width:100%; margin-top:5px; }
.filter-option { display:flex; align-items:center; gap:9px; padding:5px 0; font-size:13px; cursor:pointer; }
.filter-option[hidden] { display:none; }
.filter-option input { margin:0; accent-color:var(--blue); }
.filter-option-list { max-height:260px; overflow:auto; margin:8px 0; }
.filter-search { width:100%; box-sizing:border-box; }
.filter-panel .ui-button { margin-top:10px; }
.ui-button { cursor:pointer; border:1px solid #b4c7d8; color:var(--navy); background:#e1e7ee; border-radius:5px; padding:7px 12px; font:600 12px/1.5 'Segoe UI',Arial,sans-serif; }
.ui-button:hover { background:#d5dfe9; border-color:var(--blue); }
.ui-button.primary { background:var(--blue); border-color:var(--blue); color:white; }
.ui-button.primary:hover { background:var(--navy); }
.ui-button.subtle { border-color:transparent; background:transparent; }
.ui-icon { width:17px; height:17px; flex:none; vertical-align:middle; color:currentColor; }
.ui-button .ui-icon { margin-right:6px; vertical-align:-4px; }
.input-with-icon { position:relative; display:inline-block; }
.input-with-icon > .ui-icon { position:absolute; left:10px; top:8px; pointer-events:none; color:var(--blue); }
.workflow-filters .filter-fields .input-with-icon > input { padding-left:34px; }
.filter-fields { margin-top:18px; gap:12px; align-items:flex-end; }
.filter-fields > label,.filter-view-options > label { display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:600; }
.workflow-filters input:not([type=checkbox]),.workflow-filters select,.site-search input,
.inline-workflow-editor input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=image]):not([type=submit]):not([type=button]),
.inline-workflow-editor select,.inline-workflow-editor textarea { border:1px solid #b9c9d7; border-radius:4px; padding:7px 9px; background:white; color:var(--ink); font-size:13px; line-height:1.5; min-height:33px; box-sizing:border-box; }
.filter-fields input[name=keyword] { width:235px; }
.filter-fields input[name=nrs] { width:145px; }
.date-range { display:flex; gap:5px; align-items:center; padding:0; margin:0; border:0; }
.date-range legend { padding:0 0 4px; font-size:12px; font-weight:600; }
.date-range .modern-date-picker > input[type=text] { width:115px; padding-right:23px; }
.date-range .modern-date-picker::after,.inline-workflow-editor .modern-date-picker::after { content:''; position:absolute; right:8px; top:8px; width:17px; height:17px; background:var(--blue); mask:url('/images/ui-calendar.svg') center/contain no-repeat; z-index:1; pointer-events:none; }
.filter-view-options { margin-top:14px; }
.filter-fields .export-format { margin-left:auto; }
.active-filters { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
.active-filters:empty { display:none; }
.active-filter-actions { margin-top:6px; }
.active-filter-actions[hidden] { display:none; }
.general-search-info { margin:0 0 12px; font-size:13px; line-height:1.6; }
.filter-chip { background:#e5eef6; border-radius:4px; padding:3px 8px; font-size:12px; color:var(--navy); }
.workflow-table-container { padding:16px 18px; overflow-x:auto; }
#workflowtable { width:auto; min-width:min(950px,100%); border-collapse:collapse; background:white; }
#workflowtable > tbody > tr > th { background:#e8eff5; color:var(--navy); text-align:left; padding:6px; font-size:12px; border:1px solid var(--line); vertical-align:middle; }
#workflowtable > tbody > tr > td { font-size:12px; padding:4px 6px; border:1px solid var(--line); vertical-align:middle; }
#workflowtable td,#workflowtable th { overflow-wrap:normal; }
#workflowtable > tbody > tr.tbl:nth-child(even) { background:#f8fafc; }
#workflowtable > tbody > tr.tbl:hover { background:#edf5fb; }
.inline-workflow-editor { padding:12px; background:white; border-radius:8px; }
.application-ui #inlineWorkflowEditorRow > td { background:#f8f3e7!important; padding:12px!important; }
.inline-workflow-editor select[name="owner_firm[]"],.inline-workflow-editor .chosen-container-multi .chosen-choices { background:white!important; }
.application-ui .inline-workflow-editor table { border:0; border-spacing:0; background:transparent; }
.application-ui .inline-workflow-editor td,.application-ui .inline-workflow-editor th { border:0; padding:5px 8px; font-size:13px; vertical-align:middle; }
.application-ui .inline-workflow-editor tr[bgcolor],.application-ui .inline-workflow-editor td[bgcolor] { background:transparent; }
.application-ui .inline-workflow-editor .app-data-table > tbody > tr.tbl { background:transparent; }
.inline-workflow-editor textarea { max-width:100%; resize:vertical; }
.inline-workflow-editor input[type=checkbox],.inline-workflow-editor input[type=radio] { accent-color:var(--blue); }
.inline-workflow-editor .modern-date-picker > input[type=text] { width:130px; padding-right:30px; }
.inline-workflow-editor .modern-date-picker-icon { display:none; }
.inline-workflow-editor .chosen-container-multi .chosen-choices,
.inline-workflow-editor .chosen-container-single .chosen-single { border:1px solid #b9c9d7; border-radius:4px; background:white; box-shadow:none; min-height:33px; box-sizing:border-box; padding:3px 6px; color:var(--ink); }
.inline-workflow-editor .chosen-container-multi .chosen-choices .search-field input { border:0; min-height:25px; padding:3px; box-shadow:none; }
.inline-workflow-editor .chosen-container-multi .chosen-choices .search-choice { background:#e5eef6; border:1px solid #c6d8e8; border-radius:3px; box-shadow:none; color:var(--navy); }
.inline-workflow-editor .chosen-container-active .chosen-choices { outline:2px solid #4e98ca; outline-offset:2px; }
input:focus,select:focus,textarea:focus,button:focus-visible,summary:focus-visible { outline:2px solid #4e98ca; outline-offset:2px; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
/* Shared application controls: keep layout tables separate from actual data grids. */
body.application-ui { background-image:none; }
.application-ui input:where(:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=image]):not([type=submit]):not([type=button]):not([type=reset])),
.application-ui select,.application-ui textarea { border:1px solid #b9c9d7; border-radius:4px; padding:7px 9px; background:white; color:var(--ink); font-size:13px; line-height:1.5; min-height:33px; box-sizing:border-box; max-width:100%; }
.application-ui input[type=checkbox],.application-ui input[type=radio] { accent-color:var(--blue); }
.application-ui textarea { resize:vertical; }
.application-ui input:disabled,.application-ui select:disabled,.application-ui textarea:disabled,.application-ui button:disabled { opacity:.65; cursor:not-allowed; }
.application-ui .app-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; box-sizing:border-box; white-space:nowrap; text-transform:none; vertical-align:middle; }
.application-ui .app-button .ui-icon { margin:0; vertical-align:middle; }
.application-ui .app-button-positive { color:white; background:#39864f; border-color:#2e7744; }
.application-ui .app-button-positive:hover { background:#2e7744; border-color:#256137; }
.application-ui .app-button-fills { color:#123f65; background:#9fc8e8; border-color:#76a8ce; }
.application-ui .app-button-fills:hover { background:#85b6db; border-color:#5a93bd; }
.application-ui .app-button-fill { color:#164d78; background:#d9ecfc; border-color:#a8cbe6; }
.application-ui .app-button-fill:hover { background:#c3e0f7; border-color:#83b6db; }
.application-ui .app-button-danger { color:white; background:#c3464e; border-color:#b63740; }
.application-ui .app-button-danger:hover { background:#b63740; border-color:#9b2e36; }
.application-ui .app-icon-button { width:32px; min-height:32px; padding:6px; }
.application-ui .app-data-table .app-icon-button,.application-ui #workflowtable .app-icon-button { width:26px; min-height:26px; padding:4px; }
.application-ui .app-data-table .app-icon-button .ui-icon,.application-ui #workflowtable .app-icon-button .ui-icon { width:15px; height:15px; }
.application-ui .app-image-icon { padding:6px; background:#e1e7ee; border:1px solid #b4c7d8; border-radius:5px; vertical-align:middle; }
.application-ui .app-image-icon:hover { background:#d5dfe9; border-color:var(--blue); }
.app-button-link { display:inline-block; vertical-align:middle; text-decoration:none!important; margin:0; }
.app-button-link:focus-visible { outline:2px solid #4e98ca; outline-offset:2px; }
.application-ui .app-data-table { border-collapse:collapse; border-spacing:0; background:white; }
.application-ui .app-data-table.app-table-after-actions { margin-top:3px; }
.application-ui .app-data-table > tbody > tr > th,
.application-ui .app-data-table > thead > tr > th { background:#e8eff5; color:var(--navy); padding:6px; border:1px solid var(--line); font-size:12px; text-align:left; vertical-align:middle; }
.application-ui .app-data-table > tbody > tr > td { padding:4px 6px; border:1px solid var(--line); font-size:12px; vertical-align:middle; }
.application-ui .app-data-table > tbody > tr.tbl > td { background:transparent; }
.application-ui .app-data-table > tbody > tr.tbl:nth-child(even) { background:#f8fafc; }
.application-ui .app-data-table > tbody > tr.tbl:hover { background:#edf5fb; }
.application-ui #areatable > tbody > tr.color1 > td.app-name-column { background:#c7d8ff; }
.application-ui #areatable > tbody > tr.color2 > td.app-name-column { background:#c7ffcf; }
.application-ui #areatable > tbody > tr.color3 > td.app-name-column { background:#fffcc7; }
.application-ui #areatable > tbody > tr.color4 > td.app-name-column { background:#ffd2d2; }
.application-ui .app-activity-table { width:100%; }
.application-ui .app-activity-table > tbody > tr > td,.application-ui .app-activity-table > tbody > tr > th { width:1%; white-space:nowrap; }
.application-ui .app-activity-table > tbody > tr > .app-name-column { width:100%; white-space:normal; }
.application-ui .app-form-table { border:0; border-collapse:collapse; border-spacing:0; background:#fafcfe; }
.application-ui .app-form-table > tbody > tr > td { border:0; padding:7px 8px; font-size:13px; vertical-align:middle; }
.application-ui .app-form-table > tbody > tr[bgcolor="#FFFFFF"],
.application-ui .app-form-table > tbody > tr > td[bgcolor="#FFFFFF"] { background:transparent; }
.application-ui .tbl-header { background:#e8eff5; color:var(--navy); border-color:var(--line); font-size:12px; filter:none; }
.application-ui .tbl-def,.application-ui .eesm2rk { font-size:13px; color:var(--ink); }
.application-ui .site-content td.deftxt { font-size:14px; line-height:1.6; padding:4px 3px; }
.app-project-page .app-form-table { width:100%; table-layout:fixed; }
.app-project-page .app-form-table > tbody > tr > td:nth-child(odd) { width:15%; }
.app-project-page .app-form-table > tbody > tr > td:nth-child(even) { width:35%; }
.app-project-page input[name=name],.app-project-page select,.app-project-page textarea { width:100%; min-width:0; }
.app-project-page input[name=limit_sum] { width:100%; }
.app-project-page .app-layout-table { width:100%; max-width:100%; table-layout:fixed; }
.app-project-page .legacy-panel-heading td.tab { white-space:normal; overflow-wrap:anywhere; }
.app-project-page .app-button { white-space:normal; margin:2px 0; }
.application-ui .app-layout-table[bgcolor="#CCCCCC"] { background:transparent; border-spacing:0; }
.application-ui .app-decoration-cell { display:none; }
.application-ui img[src$="px.gif"],.application-ui img[src$="separator01.gif"] { display:none; }
.application-ui .legacy-panel-heading .tab { font-size:16px; line-height:24px; padding:11px 18px; }
.application-ui .legacy-panel-heading a.tab { padding:0; color:white; }
.application-ui .legacy-panel-heading .app-heading-separator { width:18px; padding:0; vertical-align:middle; }
.app-heading-chevron { display:block; width:7px; height:7px; margin:auto; border-right:2px solid #b8d0e3; border-bottom:2px solid #b8d0e3; transform:rotate(-45deg); font-size:0; line-height:0; }
.application-ui .site-sidebar .legacy-panel-heading .tab { padding:11px 12px; }
.application-ui .modern-date-picker > input[type=text] { min-width:130px; padding-right:30px; }
.application-ui .modern-date-picker::after { content:''; position:absolute; right:8px; top:8px; width:17px; height:17px; background:var(--blue); mask:url('/images/ui-calendar.svg') center/contain no-repeat; pointer-events:none; }
.application-ui .modern-date-picker-icon { display:none; }
.modern-date-picker > input[type="date"] { left:auto; width:28px; min-width:0; }
.app-date-calendar { position:absolute; top:100%; left:0; z-index:2000; width:260px; padding:10px; background:#fff; border:1px solid #bccbd8; border-radius:8px; box-shadow:0 5px 20px #0003; color:#20364b; }
.app-calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
.app-calendar-days { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; text-align:center; }
.app-date-calendar button { min-width:0; padding:5px; border:0; border-radius:4px; background:#edf2f7; color:#20364b; cursor:pointer; }
.app-date-calendar button:hover,.app-date-calendar button.is-selected { background:#235a89; color:white; }
.app-date-calendar button:disabled { opacity:.4; cursor:default; }
.application-ui .chosen-container { font-size:13px; }
.application-ui .chosen-container-multi .chosen-choices,.application-ui .chosen-container-single .chosen-single { border:1px solid #b9c9d7; border-radius:4px; background:white; box-shadow:none; min-height:33px; box-sizing:border-box; padding:3px 6px; color:var(--ink); }
.application-ui .chosen-container-multi .chosen-choices .search-choice { background:#e5eef6; border:1px solid #c6d8e8; border-radius:3px; box-shadow:none; color:var(--navy); }
.application-ui .chosen-container-multi .chosen-choices .search-field input { border:0; min-height:25px; padding:3px; box-shadow:none; }
.application-layer-open { overflow:hidden; }
.application-layer { padding:0; border:1px solid #b4c7d8; border-radius:8px; max-width:calc(100vw - 40px); max-height:calc(100dvh - 40px); background:white; box-shadow:0 15px 60px #0a203b55; overflow:hidden; }
.application-layer[open] { display:flex; flex-direction:column; }
.application-layer::backdrop { background:rgba(12,29,46,.48); }
.application-layer-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 16px; background:var(--navy); color:white; }
.application-layer-heading h2 { margin:0; font-size:16px; font-weight:600; }
.application-layer-close { color:white; background:transparent; border-color:#ffffff66; font-size:23px; line-height:1; padding:4px 9px; }
.application-layer-close:hover { background:#ffffff22; }
.application-layer iframe { width:100%; flex:1; min-height:0; border:0; background:white; }
.app-layer-inner-heading { display:none; }
.app-fill-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:14px; padding:10px 0; border-top:1px solid var(--line); }
@media print { body.application-ui { background:white; } .site-header,.site-account-bar,.site-sidebar,.workflow-filters,.app-button-link,.application-ui .ui-button { display:none!important; } .application-ui .app-data-table { width:100%; } .application-ui .app-data-table th,.application-ui .app-data-table td { color:black; padding:4px!important; font-size:10px!important; } }
@media print {
 .section-heading,#inlineWorkflowEditorRow { display:none!important; }
 .site-content,.workflow-table-container { padding:0!important; }
 .workflow-table-container { overflow:visible; }
 .workflow-page { border:0; }
 #workflowtable { width:100%; min-width:0; }
 #workflowtable > tbody > tr > td,#workflowtable > tbody > tr > th { padding:4px; font-size:10px; }
}
@media (max-width:1100px) { .site-sidebar { width:180px; min-width:180px; } .filter-toolbar { flex-wrap:wrap; } .filter-buttons { flex-basis:100%; } .workflow-actions { width:100%; flex-wrap:wrap; } }
@media (max-width:760px) { .menu-toggle { display:inline-block; } .site-header { padding:16px; gap:16px; } .site-header-title { font-size:16px; } .site-layout > tbody > tr { display:block; } .site-sidebar,.site-content { display:block; width:auto; min-width:0; padding:12px; } .site-sidebar { display:none; } body.menu-open .site-sidebar { display:block; } .filter-panel { position:fixed; top:160px; left:20px; max-height:65vh; overflow:auto; width:calc(100vw - 40px); max-width:none; } .filter-view-options .export-format { margin-left:0; } }
@media (max-width:500px) { .site-header { flex-wrap:wrap; gap:10px; } .site-account-bar { padding:10px 16px; } .workflow-filters,.workflow-table-container { padding:14px; } }