:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.topbar{background:#fff;border-bottom:1px solid #e4e7eb;padding:12px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;position:sticky;top:0;z-index:10}.brand{font-weight:800;white-space:nowrap;color:#4b1595;font-size:17px}.mainnav{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.mainnav a,.nav a,.card-head a{color:#344054;text-decoration:none}.mainnav a{padding:9px 11px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap}.mainnav a:hover{background:#f2f4f7;color:#17202a}.mainnav a.active:not(.nav-primary){background:#f2f4f7;color:#17202a}.mainnav .nav-primary{margin-left:4px;background:#1f5f8b;color:#fff;padding:9px 13px}.mainnav .nav-primary:hover,.mainnav .nav-primary.active{background:#194f75;color:#fff}.nav{display:flex;align-items:center;gap:14px;font-size:14px;white-space:nowrap}.logout-link{padding-left:14px;border-left:1px solid #e4e7eb}.container{max-width:1180px;margin:32px auto;padding:0 20px}.container.narrow{max-width:820px}.case-container{max-width:1280px}.card{background:#fff;border:1px solid #e4e7eb;border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.login-wrap{max-width:430px;margin:70px auto;padding:0 20px}h1{font-size:28px;margin:0 0 8px}h2{font-size:18px;margin:0 0 14px}.muted{color:#667085}.small{font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{font-size:30px;font-weight:700;margin-top:4px}.field{margin-bottom:15px}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cfd5dc;border-radius:8px;font:inherit;background:#fff}textarea{resize:vertical}button,.button{display:inline-block;border:0;border-radius:8px;background:#1f5f8b;color:#fff;padding:10px 14px;font-weight:600;text-decoration:none;cursor:pointer}.button.secondary,.secondary-btn{background:#eef2f6;color:#25313c}.danger-btn{background:#a83a3a}.alert{padding:11px 13px;border-radius:8px;margin-bottom:15px;background:#fff4e5;color:#7a4a00}.success{background:#eaf7ef;color:#176b3a}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #edf0f2;font-size:14px;vertical-align:top}th{color:#667085;font-weight:600}.table-wrap{overflow:auto}.page-head,.card-head,.actions-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.page-head{margin-bottom:18px}.actions-row{justify-content:flex-start;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px}.stack{display:flex;flex-direction:column}.case-link{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-bottom:1px solid #edf0f2;color:#17202a;text-decoration:none}.badge{display:inline-block;background:#eef2f6;border-radius:999px;padding:4px 8px;font-size:12px}.eyebrow{font-size:13px;color:#667085;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.meta{display:grid;grid-template-columns:110px 1fr;gap:8px 14px;margin:0 0 18px}.meta dt{color:#667085;font-size:13px}.meta dd{margin:0}.description{padding-top:16px;border-top:1px solid #edf0f2;line-height:1.55}.action-item{padding:14px 0;border-bottom:1px solid #edf0f2}.action-item:last-child{border-bottom:0}.action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.action-buttons form{margin:0}.return-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;flex:1;min-width:280px}.space-bottom{margin:8px 0 12px}hr{border:0;border-top:1px solid #edf0f2;margin:18px 0}

/* Predmet: informacijski vrh + vremenska linija + radni alati */
.case-page-head{align-items:flex-start}.case-summary-card{padding:20px 22px}.case-summary-card .card-head{margin-bottom:14px}.case-summary-card h2{margin:0}.case-summary-grid{display:grid;grid-template-columns:1.2fr 1.5fr .8fr .8fr;gap:12px 24px}.summary-item{min-width:0}.summary-item span{display:block;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.summary-item strong{display:block;font-size:14px}.summary-item small{display:block;color:#667085;margin-top:3px;line-height:1.35;overflow-wrap:anywhere}.compact-description{margin-top:16px;padding-top:14px}.case-work-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(320px,.75fr);gap:18px;align-items:start}.case-side{position:sticky;top:78px;align-self:start}.case-side .card:last-child{margin-bottom:18px}.timeline-card{min-height:360px}.timeline{position:relative}.timeline-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:0 0 20px;border-bottom:0}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:6px;top:12px;bottom:-2px;width:2px;background:#e4e7eb}.timeline-marker{width:14px;height:14px;margin-top:4px;border-radius:50%;background:#fff;border:3px solid #8a98a8;z-index:1}.timeline-progress .timeline-marker{border-color:#1f5f8b}.timeline-content{min-width:0}.timeline-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;margin-bottom:5px}.timeline-meta time{font-size:12px;color:#667085}.timeline-meta strong{font-size:13px}.timeline-text{line-height:1.5;overflow-wrap:anywhere}.management-card h2{margin-bottom:10px}.action-panel{border-top:1px solid #edf0f2}.action-panel:first-of-type{border-top:0}.action-panel summary{cursor:pointer;list-style:none;padding:12px 0;font-weight:700;color:#1f5f8b}.action-panel summary::-webkit-details-marker{display:none}.action-panel summary::after{content:"+";float:right;color:#667085}.action-panel[open] summary::after{content:"−"}.action-panel form{padding:4px 0 14px}.close-case-row{padding-top:14px;border-top:1px solid #edf0f2;margin-top:2px}.actions-card{margin-top:0}.actions-card h2{margin:0}

@media(max-width:1000px){.topbar{grid-template-columns:auto 1fr;gap:12px 20px}.mainnav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto;padding-bottom:2px}.nav{justify-self:end}.case-summary-grid{grid-template-columns:1fr 1fr}.case-work-grid{grid-template-columns:1fr}.case-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-side .card{margin-bottom:18px}}
@media(max-width:700px){.topbar{display:flex;align-items:flex-start;flex-wrap:wrap;padding:12px 16px}.brand{font-size:16px}.nav{margin-left:auto}.nav span{display:none}.logout-link{padding-left:0;border-left:0}.mainnav{order:3;width:100%;justify-content:flex-start;overflow:auto}.mainnav a{padding:8px 9px}.container{margin:22px auto;padding:0 14px}.detail-grid,.two-col,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.meta{grid-template-columns:90px 1fr}.case-summary-grid{grid-template-columns:1fr}.case-side{display:block}.return-form{grid-template-columns:1fr;min-width:0}.card{padding:18px}.timeline-meta{display:block}.timeline-meta strong{display:block;margin-top:2px}}

/* v0.2.2: predmet - dogovoreni raspored 3 kartice gore + 2 stupca dolje */
.case-top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) minmax(300px,1fr);gap:18px;align-items:start}.case-top-grid>.card{margin-bottom:0;height:100%}.case-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}.case-bottom-grid>.card{margin-bottom:18px}.compact-summary-grid{grid-template-columns:1fr 1fr;gap:12px 18px}.subject-management{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid #edf0f2}.compact-panel{flex:1;min-width:180px;border-top:0}.compact-panel summary{padding:7px 0}.compact-panel form{padding:6px 0 0}.compact-close-form{margin:0;padding-top:2px}.danger-link-btn{background:transparent;color:#a83a3a;padding:7px 0}.danger-link-btn:hover{text-decoration:underline}.subject-state{margin:14px 0 0}.progress-card textarea{min-height:118px}.add-action-card .field{margin-bottom:11px}.add-action-card label{font-size:12px}.add-action-card input,.add-action-card select,.add-action-card textarea{padding:9px 10px}.timeline-card{min-height:0}.actions-card{margin-top:0}
@media(max-width:1100px){.case-top-grid{grid-template-columns:1fr 1fr}.case-summary-card{grid-column:1/-1}.case-bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.case-top-grid,.case-bottom-grid{grid-template-columns:1fr}.case-summary-card{grid-column:auto}.case-top-grid>.card,.case-bottom-grid>.card{height:auto}.case-bottom-grid>.actions-card{order:1}.case-bottom-grid>.timeline-card{order:2}.compact-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.compact-summary-grid{grid-template-columns:1fr}}
/* v0.3: pristup, sudionici, kategorije i sigurnosni log */
.alert.info{background:#eef6fb;color:#174a6b}.choice{display:flex;align-items:center;gap:8px;font-weight:500;margin:8px 0}.choice input{width:auto}.participant-picker select{min-height:145px}.participant-card{margin-top:18px}.participant-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.participant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f2}.participant-row form{margin:0}.inline-request{display:flex;gap:8px;align-items:center;margin-top:10px}.inline-request input{max-width:480px}.inline-edit{display:grid;grid-template-columns:minmax(160px,1fr) 100px 100px auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f2}.inline-edit label{margin:0;font-weight:500}.inline-edit input[type=checkbox]{width:auto}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;align-items:end}.filter-actions{display:flex;gap:8px;align-items:end;padding-bottom:15px}.severity{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.severity-ordinary{background:#eef2f6;color:#475467}.severity-important{background:#fff4d6;color:#7a5100}.severity-critical{background:#fdecec;color:#9b1c1c}.log-table td:nth-child(6){min-width:280px}.log-table pre{white-space:pre-wrap;max-width:520px;font-size:11px;background:#f7f8fa;padding:8px;border-radius:6px}.filter-card{padding-bottom:8px}
@media(max-width:900px){.participant-grid,.filter-grid{grid-template-columns:1fr 1fr}.inline-edit{grid-template-columns:1fr 100px}.inline-request{align-items:stretch;flex-direction:column}}
@media(max-width:600px){.participant-grid,.filter-grid,.inline-edit{grid-template-columns:1fr}.participant-row{align-items:flex-start;flex-direction:column}.filter-actions{padding-bottom:0}}.optional-details{margin:8px 0 18px;border:1px solid #e6e9ed;border-radius:10px;background:#fafbfc}.optional-details summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#1f5f8b;list-style:none}.optional-details summary::-webkit-details-marker{display:none}.optional-details-body{padding:2px 14px 14px;border-top:1px solid #edf0f2}.case-top-grid-single{grid-template-columns:1fr}.case-top-grid-single .case-summary-card{grid-column:1/-1}

/* v0.8.1 Beta: ljudskiji UI, avatari, dokumenti i ikone radnji */
.version-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#f0ebf8;color:#6941a5;font-size:10px;font-weight:700;letter-spacing:.02em;vertical-align:2px}.version-badge-unread{background:#fff1f1;color:#b42318;border:1px solid #f7c9c9}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#eef2f6;color:#344054;font-size:12px;font-weight:700;overflow:hidden;border:1px solid rgba(16,24,40,.08)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-xs{width:22px;height:22px;font-size:8px}.avatar-sm{width:30px;height:30px;font-size:10px}.avatar-lg{width:54px;height:54px;font-size:17px}.avatar-xl{width:86px;height:86px;font-size:25px}.nav-user,.person-inline,.person-cell,.welcome-wrap{display:flex;align-items:center;gap:9px}.nav-user{gap:8px}.personal-head{padding:4px 0}.welcome-wrap h1{margin-bottom:4px}.person-inline{display:inline-flex;gap:6px;vertical-align:middle}.person-cell{align-items:flex-start}.profile-card{margin-top:18px}.avatar-editor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}.avatar-editor form{max-width:520px}.action-title-inline,.action-heading{display:flex;align-items:center;gap:8px}.action-emoji{font-size:18px;line-height:1}.status-with-icon{white-space:nowrap}.action-type-row{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(0,1.5fr);gap:10px}.action-type-row .field{margin-bottom:11px}.action-assignee{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}.case-links{margin-top:17px;padding-top:14px;border-top:1px solid #edf0f2}.case-links-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.case-links h3{margin:2px 0 10px;font-size:14px}.link-add{position:relative;min-width:160px}.link-add>summary{cursor:pointer;color:#1f5f8b;font-size:13px;font-weight:700;list-style:none;text-align:right}.link-add>summary::-webkit-details-marker{display:none}.link-add[open]{width:100%;max-width:430px}.link-add form{margin-top:10px;padding:14px;background:#fafbfc;border:1px solid #e4e7eb;border-radius:10px}.link-list{display:flex;flex-direction:column;gap:6px}.case-link-row{display:flex;align-items:center;gap:7px}.case-link-row>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;flex:1;padding:9px 10px;border:1px solid #e7eaee;border-radius:9px;text-decoration:none;color:#17202a;background:#fafbfc}.case-link-row>a:hover{background:#f4f7fa;border-color:#d9e0e7}.case-link-row a small{display:block;color:#667085;margin-top:2px}.link-icon{font-size:18px}.external-mark{color:#667085;font-size:13px}.icon-remove{background:transparent;color:#98a2b3;padding:4px 6px;font-size:18px}.icon-remove:hover{color:#a83a3a}.timeline-item{grid-template-columns:34px minmax(0,1fr);gap:10px}.timeline-item:not(:last-child)::before{left:15px;top:29px;bottom:-3px;width:1px}.timeline-avatar{position:relative;z-index:1;background:#fff}.timeline-progress .timeline-avatar{box-shadow:0 0 0 2px #e8f2f8}.timeline-meta{align-items:center}.participant-row .person-inline>span:last-child{line-height:1.3}
@media(max-width:700px){.nav-user>span:last-child{display:none}.nav-user.avatar-sm{display:inline-flex}.avatar-editor{grid-template-columns:1fr}.action-type-row{grid-template-columns:1fr}.case-links-head{flex-direction:column}.link-add>summary{text-align:left}.link-add[open]{max-width:none}.welcome-wrap{align-items:flex-start}.avatar-lg{width:46px;height:46px}}
@media(max-width:700px){.nav .nav-user{display:flex}.nav .avatar{display:inline-flex}}

/* v0.8.2 Beta: kompaktniji Moj rad i pregled rokova */
.dashboard-container{margin-top:24px}.personal-head{margin-bottom:12px;padding:0}.personal-head .avatar-lg{width:42px;height:42px;font-size:14px}.personal-head .welcome-wrap{gap:12px}.personal-head .welcome-wrap h1{font-size:22px;line-height:1.2;margin:0 0 2px}.welcome-subtitle{font-size:13px;margin:0}.dashboard-stats{margin-bottom:14px}.dashboard-stats .card{padding:18px 20px;margin-bottom:0}.dashboard-stats .stat{font-size:27px}.dashboard-two-col{grid-template-columns:minmax(0,2fr) minmax(280px,.75fr)}.dashboard-actions-card{min-width:0}.dashboard-actions-table th,.dashboard-actions-table td{padding:10px 7px}.dashboard-actions-table th:nth-child(1){min-width:132px}.dashboard-actions-table th:nth-child(2){min-width:190px}.dashboard-actions-table th:nth-child(3){min-width:78px}.dashboard-actions-table th:nth-child(4){min-width:100px}.dashboard-actions-table th:nth-child(5){min-width:128px}.dashboard-actions-table th:nth-child(6){min-width:120px}.due-value{font-weight:600;white-space:nowrap}.due-overdue{color:#b42318}.due-soon{color:#b54708}.priority-pill{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;background:#f2f4f7;color:#475467}.priority-high{background:#fff7e6;color:#7a5100}.priority-urgent{background:#fdecec;color:#9b1c1c}.dashboard-creator{white-space:nowrap}.deadline-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(100px,.6fr);gap:8px}.deadline-help{margin-top:5px}
@media(max-width:900px){.dashboard-two-col{grid-template-columns:1fr}.deadline-row{grid-template-columns:minmax(0,1fr) 120px}}
@media(max-width:700px){.dashboard-container{margin-top:18px}.personal-head .avatar-lg{width:38px;height:38px}.personal-head .welcome-wrap{align-items:center}.personal-head .welcome-wrap h1{font-size:20px}.welcome-subtitle{display:none}.dashboard-stats .card{padding:16px 18px}.deadline-row{grid-template-columns:1fr}}


/* UI polish: header, user menu and compact Moj rad summary */
.topbar{grid-template-columns:auto 1fr auto;padding:11px 24px;gap:24px}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:7px}.version-badge{margin-left:0;padding:3px 8px;font-size:12px;vertical-align:0}.topbar-primary{display:flex;justify-content:center}.topbar-primary .nav-primary{display:inline-block;background:#1f5f8b;color:#fff;text-decoration:none;padding:9px 14px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}.topbar-primary .nav-primary:hover,.topbar-primary .nav-primary.active{background:#194f75}.user-menu-wrap{justify-self:end}.user-menu{position:relative}.user-menu>summary{list-style:none}.user-menu>summary::-webkit-details-marker{display:none}.user-menu-trigger{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 6px;border-radius:10px;user-select:none}.user-menu-trigger:hover,.user-menu[open] .user-menu-trigger{background:#f2f4f7}.user-menu-firstname{font-size:14px;font-weight:650;color:#344054}.user-menu-chevron{font-size:12px;color:#667085;transition:transform .15s ease}.user-menu[open] .user-menu-chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:238px;max-height:calc(100vh - 82px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e4e7eb;border-radius:12px;box-shadow:0 12px 28px rgba(16,24,40,.13);padding:9px;z-index:30}.user-menu-links{display:flex;flex-direction:column}.user-menu-links a,.user-menu-logout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border-radius:8px;color:#344054;text-decoration:none;font-size:14px}.user-menu-links a:hover,.user-menu-links a.active,.user-menu-logout:hover{background:#f2f4f7;color:#17202a}.user-menu-separator{height:1px;background:#e4e7eb;margin:7px 4px}.user-menu-group-label{padding:4px 9px 3px;font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3}.menu-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.user-menu-logout-form{margin:0}.user-menu-logout{width:100%;border:0;background:transparent;color:#475467;font:inherit;text-align:left}.dashboard-container{margin-top:20px}.personal-head{margin-bottom:8px}.personal-head .avatar-lg{width:38px;height:38px;font-size:13px}.personal-head .welcome-wrap{gap:10px}.personal-head .welcome-wrap h1{font-size:20px;line-height:1.2;margin:0}.dashboard-metrics{display:flex;align-items:center;gap:0;margin:0 0 14px;padding:2px 0 12px;border-bottom:1px solid #e4e7eb;flex-wrap:wrap}.dashboard-metric{display:flex;align-items:baseline;gap:7px;padding:2px 20px;border-right:1px solid #e4e7eb}.dashboard-metric:first-child{padding-left:0}.dashboard-metric:last-child{border-right:0}.dashboard-metric span{font-size:13px;color:#17202a}.dashboard-metric strong{font-size:19px;line-height:1;color:#17202a}.dashboard-metric-alert span,.dashboard-metric-alert strong{color:#b42318}.profile-self-card{max-width:680px}.profile-self-head{display:flex;align-items:center;gap:18px}.profile-self-head h2{margin:0 0 4px}.profile-avatar-help{margin-top:6px}
@media(max-width:700px){.topbar{display:grid;grid-template-columns:auto auto;align-items:center;gap:10px 12px;padding:10px 14px}.brand{font-size:16px}.version-badge{font-size:11px;padding:3px 6px}.topbar-primary{grid-column:1/-1;grid-row:2;justify-content:flex-start}.user-menu-wrap{grid-column:2;grid-row:1}.user-menu-firstname{display:inline!important}.user-menu-dropdown{position:fixed;right:12px;top:58px;width:min(250px,calc(100vw - 24px));max-height:calc(100vh - 70px)}.dashboard-container{margin-top:16px}.personal-head .avatar-lg{width:36px;height:36px}.personal-head .welcome-wrap h1{font-size:19px}.dashboard-metrics{gap:8px 0;padding-bottom:10px}.dashboard-metric{padding:2px 12px}.dashboard-metric:first-child{padding-left:0}.dashboard-metric span{font-size:12px}.dashboard-metric strong{font-size:18px}.profile-self-head{align-items:flex-start}}
@media(max-width:480px){.user-menu-firstname{display:none!important}.dashboard-metric{width:100%;padding:6px 0;border-right:0;justify-content:space-between;border-bottom:1px solid #edf0f2}.dashboard-metric:last-child{border-bottom:0}}

/* v8.2.5 Beta: compact topbar actions, expanded user navigation and case views */
.topbar-spacer{min-width:0}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.topbar-actions .nav-primary{display:inline-block;background:#1f5f8b;color:#fff;text-decoration:none;padding:9px 14px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}.topbar-actions .nav-primary:hover,.topbar-actions .nav-primary.active{background:#194f75}.user-menu-work-links,.user-menu-admin-links,.user-menu-account-links{display:flex;flex-direction:column}
@media(max-width:700px){.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar-spacer{display:none}.topbar-actions{grid-column:2;grid-row:1;gap:8px}.topbar-actions .nav-primary{padding:8px 10px;font-size:13px}.user-menu-wrap{grid-column:auto;grid-row:auto}.brand{min-width:0}.version-badge{white-space:nowrap}}
@media(max-width:480px){.topbar-actions{gap:6px}.topbar-actions .nav-primary{padding:8px 9px}.brand{font-size:0}.brand::after{content:"WorkFlow";font-size:16px}.version-badge{font-size:10px}}


/* v8.2.5 Beta: Predmeti views */
.case-view-tabs{display:flex;align-items:center;gap:8px;margin:0 0 14px;flex-wrap:wrap}.case-view-tabs a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dfe4e8;border-radius:9px;background:#fff;color:#475467;text-decoration:none;font-size:13px;font-weight:700}.case-view-tabs a:hover{border-color:#b8c5cf;color:#1f5f8b}.case-view-tabs a.active{background:#1f5f8b;border-color:#1f5f8b;color:#fff}.case-view-tabs a span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:11px}.case-view-tabs a.active span{background:rgba(255,255,255,.18);color:#fff}

/* v8.2.6 Beta: home shortcut to Moj pregled */
.home-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#475467;text-decoration:none}.home-link:hover,.home-link.active{background:#f2f4f7;color:#17202a}.home-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.home-link{width:34px;height:34px}.home-icon{width:19px;height:19px}}

/* v8.2.7: operativno bogatiji Moj pregled i jasnije dodavanje radnje */
.dashboard-container{max-width:1380px}.dashboard-two-col{grid-template-columns:minmax(0,1.7fr) minmax(360px,.95fr);gap:18px}.dashboard-actions-table th:nth-child(1){min-width:145px}.dashboard-actions-table th:nth-child(2){min-width:245px}.dashboard-actions-table th:nth-child(6){min-width:92px}.dashboard-action-main{min-width:0}.action-title-inline{display:flex;align-items:center;gap:6px;min-width:0}.dashboard-action-description{margin-top:4px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-case-title{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-due{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.dashboard-due strong{font-size:13px}.dashboard-due span{font-size:11px;color:#667085}.dashboard-creator{gap:6px}.dashboard-cases-card{min-width:0}.dashboard-case-list{display:flex;flex-direction:column}.dashboard-case-item{display:block;padding:13px 0;border-bottom:1px solid #edf0f2;color:#17202a;text-decoration:none}.dashboard-case-item:first-child{padding-top:2px}.dashboard-case-item:last-child{border-bottom:0;padding-bottom:0}.dashboard-case-item:hover .dashboard-case-head>div>strong{color:#1f5f8b}.dashboard-case-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dashboard-case-head>div{min-width:0}.dashboard-case-head>div>strong{display:block;line-height:1.35}.dashboard-case-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;color:#667085;font-size:12px}.dashboard-owner{gap:5px;flex:0 0 auto;font-size:12px;color:#475467}.dashboard-case-facts{display:flex;align-items:center;gap:7px 12px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:#475467}.dashboard-case-progress{margin-top:8px;padding-top:8px;border-top:1px dashed #edf0f2}.dashboard-case-progress span{display:block;margin-bottom:3px}.dashboard-case-progress p{margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-action-form .action-type-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px}.add-action-form .action-title-field{min-width:0}
@media(max-width:1100px){.dashboard-two-col{grid-template-columns:1fr}.dashboard-cases-card{order:2}}
@media(max-width:700px){.add-action-form .action-type-row{grid-template-columns:1fr}.dashboard-case-head{gap:8px}.dashboard-owner span:last-child{display:none}}


/* v8.2.8 Beta: release obavijesti i default avatari s inicijalima */
.avatar-initials{color:#fff;font-weight:700;letter-spacing:.015em;text-transform:uppercase}
.avatar-tone-1{background:#315f7d}.avatar-tone-2{background:#47705a}.avatar-tone-3{background:#7a4b55}.avatar-tone-4{background:#66598c}.avatar-tone-5{background:#52677b}.avatar-tone-6{background:#756247}
.version-badge-unread{box-shadow:0 0 0 2px rgba(180,35,24,.06)}
.release-card{margin-top:18px}.release-card .card-head{align-items:flex-start}.release-card h2{margin-bottom:3px}.release-card-intro{margin:0;font-size:13px}.release-list{display:flex;flex-direction:column}.release-item{padding:13px 0;border-top:1px solid #edf0f2}.release-item:first-child{border-top:0;padding-top:4px}.release-item-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.release-item-head>strong{font-size:14px}.release-item p{margin:7px 0 0;line-height:1.55;max-width:920px}.release-type{display:inline-block;padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:700}.release-type-security_patch{background:#fff1f1;color:#9b1c1c}.release-type-fix{background:#fff7e6;color:#7a5100}.release-type-minor_update{background:#eef6fb;color:#285b78}.release-type-feature{background:#eef7f0;color:#356148}.release-read-form{display:flex;justify-content:flex-end;margin-top:8px;padding-top:12px;border-top:1px solid #edf0f2}.release-admin-card{max-width:760px}.release-version-readonly{font-weight:700;background:#f8fafb}.release-admin-help{margin-top:6px}.release-existing{margin-top:18px}.release-existing .release-item{padding:11px 0}
@media(max-width:700px){.release-read-form{justify-content:stretch}.release-read-form button{width:100%}.release-item-head{gap:6px}.release-card{margin-top:14px}}

/* Moj pregled: citljivija tipografija za 24\" uredski monitor na 100% zoomu */
/* v8.2.9 Beta: citljivost kartica Moj pregled na 100% zoomu */
.dashboard-actions-card h2,.dashboard-cases-card h2{font-size:19px}
.dashboard-actions-table th{font-size:14px;line-height:1.35}
.dashboard-actions-table td{font-size:15px;line-height:1.4}
.dashboard-actions-table td strong{font-size:15px}
.dashboard-action-description{font-size:14px;line-height:1.4;margin-top:5px}
.dashboard-due strong{font-size:14px;line-height:1.3}
.dashboard-due span{font-size:13px;line-height:1.35}
.dashboard-creator{font-size:14px;line-height:1.35}
.dashboard-case-head>div>strong{font-size:16px;line-height:1.4}
.dashboard-case-tags{font-size:14px;line-height:1.35;margin-top:6px}
.dashboard-owner{font-size:14px;line-height:1.35}
.dashboard-case-facts{font-size:14px;line-height:1.4;margin-top:10px}
.dashboard-case-progress span{font-size:13px;line-height:1.35}
.dashboard-case-progress p{font-size:15px;line-height:1.45}
.dashboard-case-item{padding:15px 0}

/* v8.2.9 Beta korekcija: Moj pregled bez horizontalnog scrolla */
.dashboard-actions-table{width:100%;table-layout:fixed}
.dashboard-actions-table th:nth-child(1),.dashboard-actions-table td:nth-child(1){width:18%;min-width:0}
.dashboard-actions-table th:nth-child(2),.dashboard-actions-table td:nth-child(2){width:32%;min-width:0}
.dashboard-actions-table th:nth-child(3),.dashboard-actions-table td:nth-child(3){width:9%;min-width:0}
.dashboard-actions-table th:nth-child(4),.dashboard-actions-table td:nth-child(4){width:13%;min-width:0}
.dashboard-actions-table th:nth-child(5),.dashboard-actions-table td:nth-child(5){width:15%;min-width:0}
.dashboard-actions-table th:nth-child(6),.dashboard-actions-table td:nth-child(6){width:13%;min-width:0}
.dashboard-actions-table td{overflow-wrap:anywhere}
.dashboard-action-description{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.dashboard-creator{min-width:0;white-space:nowrap}
@media(max-width:1100px){.dashboard-actions-table{table-layout:auto}.dashboard-actions-table th:nth-child(n),.dashboard-actions-table td:nth-child(n){width:auto}}

/* v8.2.10 Beta: puni operativni pregled Moje radnje */
.my-actions-container{max-width:1540px}.action-view-tabs{display:flex;align-items:center;gap:8px;margin:0 0 14px;flex-wrap:wrap}.action-view-tabs a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dfe4e8;border-radius:9px;background:#fff;color:#475467;text-decoration:none;font-size:13px;font-weight:700}.action-view-tabs a:hover{border-color:#b8c5cf;color:#1f5f8b}.action-view-tabs a.active{background:#1f5f8b;border-color:#1f5f8b;color:#fff}.action-view-tabs a span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:11px}.action-view-tabs a.active span{background:rgba(255,255,255,.18);color:#fff}.my-actions-card{padding:0;overflow:hidden}.my-actions-table-wrap{overflow-x:auto}.my-actions-table{width:100%;table-layout:fixed}.my-actions-table th,.my-actions-table td{vertical-align:top}.my-actions-table th{font-size:14px}.my-actions-table td{font-size:14px;line-height:1.4;padding-top:15px;padding-bottom:15px}.my-actions-table th:nth-child(1),.my-actions-table td:nth-child(1){width:17%}.my-actions-table th:nth-child(2),.my-actions-table td:nth-child(2){width:27%}.my-actions-table th:nth-child(3),.my-actions-table td:nth-child(3){width:9%}.my-actions-table th:nth-child(4),.my-actions-table td:nth-child(4){width:12%}.my-actions-table th:nth-child(5),.my-actions-table td:nth-child(5){width:13%}.my-actions-table th:nth-child(6),.my-actions-table td:nth-child(6){width:12%}.my-actions-table th:nth-child(7),.my-actions-table td:nth-child(7){width:10%}.my-action-case,.my-action-link{display:block;color:#17202a;text-decoration:none;min-width:0}.my-action-case strong{display:block;color:#1f5f8b}.my-action-case span,.my-action-description,.my-action-completion,.my-action-secondary{display:block;margin-top:4px;color:#667085;font-size:13px;line-height:1.4}.my-action-case span,.my-action-description,.my-action-completion{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.my-action-link:hover strong,.my-action-case:hover strong{color:#194f75}.my-action-completion{margin-top:7px;color:#475467}.my-action-completion strong{font-size:13px}.my-action-creator{align-items:center;min-width:0}.my-action-creator>span:last-child{overflow:hidden;text-overflow:ellipsis}.priority-text{font-weight:700;font-size:13px}.my-action-quick{text-align:right}.quick-complete-btn{padding:8px 10px;background:#eaf5ee;color:#21663a;border:1px solid #cfe7d6;white-space:nowrap;font-size:12px}.quick-complete-btn:hover{background:#deefe4}.my-actions-table .dashboard-due strong{font-size:14px}.my-actions-table .dashboard-due span{font-size:12px}



/* v8.2.12 Beta: live data signal and simplified action entry */
.topbar-left{display:flex;align-items:center;gap:9px;min-width:0}.live-refresh-bell{width:34px;height:34px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf4fb;color:#1f6fa8;border:1px solid #c9e1f1;box-shadow:none;flex:0 0 auto}.live-refresh-bell:hover{background:#dceef9;color:#155a89}.live-refresh-bell[hidden]{display:none}.live-refresh-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 10%}.live-refresh-bell.is-ringing svg{animation:live-bell-ring .55s ease-in-out 2}@keyframes live-bell-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(9deg)}80%{transform:rotate(-6deg)}}.add-action-form .action-type-row{grid-template-columns:1fr}.add-action-form .action-title-field:not([hidden]){display:block}.add-action-form .action-title-field[hidden]{display:none}
@media(max-width:700px){.topbar-left{gap:7px}.live-refresh-bell{width:32px;height:32px}.live-refresh-bell svg{width:18px;height:18px}}


/* v8.3.0 - osobni pokazatelji i Produktivnost */
.personal-insights{margin-top:22px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.section-head h2{margin:0 0 3px}.section-head p{margin:0}.personal-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.insight-card{padding:17px;min-width:0}.insight-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.insight-card-head h3{margin:0 0 3px;font-size:17px}.insight-card-head span{font-size:12px;color:var(--muted)}.insight-card-body{display:flex;align-items:center;gap:16px}.donut{--seg-a:0deg;--seg-b:0deg;width:126px;height:126px;border-radius:50%;flex:0 0 126px;background:conic-gradient(#d65a62 0 var(--seg-a),#e3ad4d var(--seg-a) var(--seg-b),#6487a5 var(--seg-b) 360deg);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:19px;border-radius:50%;background:var(--card,#fff)}.donut-empty{background:#e7ecef}.donut-cases{background:conic-gradient(#3d77a8 0 var(--seg-a),#67a38d var(--seg-a) var(--seg-b),#9a7eb5 var(--seg-b) 360deg)}.donut-center{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;line-height:1}.donut-center strong{font-size:27px}.donut-center span{font-size:11px;color:var(--muted);margin-top:5px}.insight-legend{display:flex;flex:1;flex-direction:column;gap:9px;min-width:0}.insight-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:12px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-neutral{background:#6487a5}.legend-soon{background:#e3ad4d}.legend-overdue{background:#d65a62}.legend-owned{background:#3d77a8}.legend-participant{background:#67a38d}.legend-action-only{background:#9a7eb5}.insight-footer{margin-top:15px;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px}.insight-footer strong{font-size:20px}.insight-number-card{display:flex;flex-direction:column}.big-stat{display:flex;align-items:baseline;gap:9px;margin:auto 0 5px}.big-stat strong{font-size:54px;line-height:1;color:var(--primary)}.big-stat span{font-size:16px;font-weight:700}.insight-number-card p{margin:8px 0 0;font-size:13px}
.productivity-container{max-width:1450px}.productivity-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:end;margin-bottom:14px}.productivity-filters .field{margin:0}.productivity-filter-action{padding-bottom:1px}.productivity-context{display:flex;gap:10px;align-items:center;margin:8px 0 10px}.productivity-context span{color:var(--muted);font-size:13px}.productivity-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.productivity-metric{background:var(--card,#fff);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.productivity-metric span,.productivity-metric small{display:block;color:var(--muted)}.productivity-metric strong{display:block;font-size:30px;line-height:1.15;margin:7px 0 3px}.productivity-metric small{font-size:11px}.productivity-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}.productivity-current>div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:#f8fafb}.productivity-current span{font-size:13px;color:var(--muted)}.productivity-current strong{font-size:20px}.productivity-current .current-alert{background:#fff7f7;border-color:#edc8cc}.productivity-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.productivity-chart{padding:16px}.productivity-chart .card-head{align-items:flex-start}.productivity-chart .card-head h2{margin-bottom:3px}.productivity-chart .card-head p{margin:0;font-size:12px}.comparison-list{display:flex;flex-direction:column;gap:13px;margin-top:10px}.comparison-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center}.comparison-person{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;min-width:0}.comparison-person span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparison-bars{display:flex;flex-direction:column;gap:5px}.bar-line{display:grid;grid-template-columns:72px minmax(0,1fr) 28px;gap:7px;align-items:center;font-size:11px}.bar-line>span{color:var(--muted)}.bar-line strong{text-align:right}.bar-track{height:8px;border-radius:999px;background:#eef1f3;overflow:hidden}.bar-track i{display:block;height:100%;min-width:0;border-radius:999px}.bar-assigned{background:#5c82a5}.bar-completed{background:#62a488}.bar-created{background:#8172ae}.bar-closed{background:#9aa462}.productivity-trend{margin-top:14px}.trend-chart{height:270px;display:flex;align-items:flex-end;gap:10px;padding:22px 8px 4px;border-bottom:1px solid var(--border);margin-top:8px}.trend-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.trend-bars{height:205px;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:4px}.trend-bar{display:block;width:min(24px,35%);min-height:2px;border-radius:5px 5px 0 0}.trend-assigned{background:#5c82a5}.trend-completed{background:#62a488}.trend-group>span{font-size:10px;margin-top:6px;white-space:nowrap}.trend-group small{font-size:10px;color:var(--muted)}.chart-legend{display:flex;justify-content:center;gap:18px;margin-top:12px;font-size:12px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:8px;border-radius:3px;display:inline-block}.swatch-assigned{background:#5c82a5}.swatch-completed{background:#62a488}
@media(max-width:900px){.personal-insight-grid{grid-template-columns:1fr}.productivity-chart-grid{grid-template-columns:1fr}.productivity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.productivity-filters{grid-template-columns:1fr}.productivity-filter-action button{width:100%}.productivity-current{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr;gap:6px}.trend-chart{gap:4px;padding-left:0;padding-right:0}.trend-group>span{font-size:9px}.insight-card-body{align-items:flex-start}.donut{width:112px;height:112px;flex-basis:112px}.donut:after{inset:17px}}

.donut-cases.donut-empty{background:#e7ecef}


/* v8.3.1 - readability pass: citljiviji operativni podaci uz kompaktnije tipizirane oznake */
/* Tablice: zaglavlja ostaju sekundarna, sadržaj dobiva prioritet. */
table th{font-size:14px;line-height:1.35}
table td{font-size:16px;line-height:1.45}
.badge,.status-with-icon{font-size:15px;line-height:1.3}
.priority-pill,.priority-text{font-size:14px}

/* Moj pregled - vrsta radnje je tipizirana, opis je glavni sadržaj. */
.dashboard-actions-table th{font-size:14px}
.dashboard-actions-table td{font-size:16px}
.dashboard-actions-table .action-title-inline strong{font-size:14px}
.dashboard-action-description{font-size:16px;line-height:1.45}
.dashboard-due strong{font-size:15px}
.dashboard-due span{font-size:14px}
.dashboard-creator{font-size:15px}

/* Moje radnje - ista hijerarhija kao na Moj pregled. */
.my-actions-table th{font-size:14px}
.my-actions-table td{font-size:16px;line-height:1.45}
.my-action-link strong{font-size:14px}
.my-action-description{font-size:16px;line-height:1.45}
.my-action-case span,.my-action-secondary,.my-action-completion{font-size:14px;line-height:1.45}
.my-action-completion strong{font-size:14px}
.my-action-creator{font-size:15px}
.my-actions-table .dashboard-due strong{font-size:15px}
.my-actions-table .dashboard-due span{font-size:14px}
.quick-complete-btn{font-size:14px}

/* Vremenska linija - događaj je glavni sadržaj, meta podaci su čitljivi ali sekundarni. */
.timeline-meta time{font-size:14px}
.timeline-meta strong{font-size:15px}
.timeline-text{font-size:16px;line-height:1.55}
.timeline-card .card-head .small{font-size:14px}

/* Predmeti i ostali operativni sažeci. */
.cases-table td{font-size:16px;line-height:1.45}
.dashboard-case-tags,.dashboard-case-facts,.dashboard-owner{font-size:14px}
.dashboard-case-progress p{font-size:16px}


/* v8.3.2 - readability pass for personal insights and productivity charts */
.insight-card-head span{font-size:15px}
.donut-center span{font-size:15px}
.insight-legend>div{font-size:15px;grid-template-columns:12px minmax(0,1fr) auto;gap:8px}
.insight-legend>div strong{font-size:16px}
.legend-dot{width:10px;height:10px}
.insight-footer{font-size:15px}
.insight-number-card p{font-size:15px;line-height:1.45}

.productivity-context span{font-size:15px}
.productivity-metric span{font-size:15px}
.productivity-metric small{font-size:15px;line-height:1.35}
.productivity-current span{font-size:15px}
.productivity-chart .card-head p{font-size:15px;line-height:1.4}
.comparison-person{font-size:15px}
.bar-line{grid-template-columns:90px minmax(0,1fr) 34px;font-size:15px;gap:8px}
.bar-line strong{font-size:16px}
.trend-group>span{font-size:15px;margin-top:7px}
.trend-group small{font-size:15px}
.chart-legend{font-size:15px;gap:20px}

@media(max-width:760px){
  .trend-group>span{font-size:15px}
  .trend-group small{font-size:15px}
  .comparison-person{font-size:15px}
  .bar-line{font-size:15px;grid-template-columns:86px minmax(0,1fr) 34px}
}


/* v8.3.4 Beta: upravljanje aktivnom radnjom */
.action-management{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f2}
.action-manage-detail{min-width:0}
.action-manage-detail>summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:#3e5567;padding:7px 10px;border:1px solid #d9e0e6;border-radius:8px;background:#fff;user-select:none}
.action-manage-detail>summary::-webkit-details-marker{display:none}
.action-manage-detail[open]{flex:1 1 100%}
.action-manage-detail[open]>summary{display:inline-block;margin-bottom:8px}
.action-cancel-detail>summary{color:#a33434;border-color:#ead0d0;background:#fffafa}
.action-manage-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:10px;border:1px solid #e3e8ec;border-radius:9px;background:#f9fbfc}
.action-manage-form .deadline-row{flex:0 1 300px;margin:0}
.action-manage-form>input[name="reason"]{flex:1 1 260px;min-width:180px}
.action-manage-form button{flex:0 0 auto}
@media(max-width:760px){
  .action-management{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .action-manage-detail[open]{grid-column:1/-1}
  .action-manage-detail>summary{text-align:center;font-size:14px}
  .action-manage-form{display:grid;grid-template-columns:1fr;padding:12px}
  .action-manage-form .deadline-row{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .action-manage-form>input[name="reason"],.action-manage-form button{width:100%;min-width:0}
}
@media(max-width:420px){.action-management{grid-template-columns:1fr}.action-manage-detail[open]{grid-column:auto}.action-manage-form .deadline-row{grid-template-columns:1fr}}

/* v8.3.5 Beta: case sorting */
.case-sort-form{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:-2px 0 12px}.case-sort-form label{font-size:13px;font-weight:700;color:#667085;margin:0}.case-sort-form select{width:auto;min-width:190px;margin:0;padding:8px 34px 8px 10px;font-size:14px}@media(max-width:600px){.case-sort-form{justify-content:stretch}.case-sort-form label{flex:0 0 auto}.case-sort-form select{flex:1;min-width:0}}

/* v8.3.6: overdue drill-down and deadline filters */
.dashboard-metric-link{color:inherit;text-decoration:none}.dashboard-metric-link:hover{border-color:#b6c4cf;box-shadow:0 2px 8px rgba(16,24,40,.06)}.dashboard-metric-alert.dashboard-metric-link:hover{border-color:#d65a62}
.insight-legend-link{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;color:inherit;text-decoration:none;border-radius:7px;padding:3px 5px;margin:-3px -5px}.insight-legend-link:hover{background:#fff4f4}.action-overdue-filter{border-color:#edc8cc!important;color:#a33b43!important;background:#fff7f7!important}.action-overdue-filter.active{background:#a33b43!important;border-color:#a33b43!important;color:#fff!important}.action-overdue-filter.active span{background:rgba(255,255,255,.18)!important;color:#fff!important}
.case-sort-form{flex-wrap:wrap}.case-filter-control{display:flex;align-items:center;gap:9px}.case-overdue-summary{display:flex;flex-direction:column;gap:3px;min-width:190px}.case-overdue-summary strong{color:#a33b43;font-size:14px}.case-overdue-summary span{font-size:13px;color:#667085}.cases-table th:last-child,.cases-table td:last-child{width:25%}.productivity-current>a{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:#f8fafb;color:inherit;text-decoration:none}.productivity-current>a:hover{border-color:#b8c5cf}.productivity-current>a.current-alert{background:#fff7f7;border-color:#edc8cc}.productivity-overdue-card{margin:0 0 16px;padding:16px}.productivity-overdue-table{width:100%}.productivity-overdue-table th{font-size:14px}.productivity-overdue-table td{font-size:15px;vertical-align:top}.productivity-overdue-table a{text-decoration:none}.productivity-overdue-case,.productivity-overdue-desc,.productivity-overdue-date{display:block;color:#667085;margin-top:3px;font-size:14px}.productivity-overdue-table .due-overdue{color:#a33b43}
@media(max-width:760px){.case-sort-form{justify-content:stretch}.case-filter-control{width:100%}.case-filter-control label{min-width:72px}.case-filter-control select{flex:1;min-width:0}.productivity-overdue-table{min-width:760px}}


/* v8.5 security/account UX */
.login-help{margin:16px 0 0;text-align:center;font-size:14px}.login-help a{font-weight:600}.password-card{margin-top:18px}.password-card .card-head{margin-bottom:4px}.password-card form{max-width:560px}

/* v8.5.1 dashboard case hierarchy */
.dashboard-case-category{font-size:15px;font-weight:700;line-height:1.25;color:#1f5f8b;margin-bottom:2px}.dashboard-case-name{font-size:16px;line-height:1.35;color:#17202a}.dashboard-case-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;color:#667085;font-size:12px}.dashboard-case-progress{display:flex;align-items:baseline;gap:5px;min-width:0}.dashboard-case-progress .dashboard-activity-time{font-size:14px;line-height:1.35;color:#344054;white-space:nowrap;flex:0 0 auto}.dashboard-activity-separator{color:#98a2b3;flex:0 0 auto}.dashboard-case-progress p{min-width:0;flex:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-case-item:hover .dashboard-case-name{color:#1f5f8b}

.dashboard-case-category-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:2px}


/* v8.5.2 Beta: desktop-first operational views; no separate mobile card duplicates */
.dashboard-actions-table-wrap,.my-actions-table-wrap,.cases-table-wrap,.productivity-overdue-card .table-wrap{overflow-x:auto}
@media(max-width:760px){
  .dashboard-actions-table{min-width:900px}
  .action-view-tabs,.case-view-tabs{display:flex;flex-wrap:wrap}
}
/* Moj pregled: opisni i stvarni rok iste veličine; opis ostaje naglašen debljinom. */
.dashboard-actions-table .dashboard-due strong{font-size:14px!important;font-weight:700}
.dashboard-actions-table .dashboard-due span{font-size:14px!important;font-weight:400}

/* v8.6 Beta - Moje radnje: pretraga, filteri i kratki Poništi */
.my-actions-tools{margin:0 0 14px}.my-actions-tools form{margin:0}.my-actions-search-row{display:flex;align-items:center;gap:10px}.my-actions-search{display:flex;align-items:center;gap:9px;flex:1;max-width:720px;background:#fff;border:1px solid #dfe4e8;border-radius:10px;padding:0 12px;min-height:42px}.my-actions-search:focus-within{border-color:#8db4cf;box-shadow:0 0 0 3px rgba(31,95,139,.08)}.my-actions-search input{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;width:100%;padding:9px 0!important;font-size:14px;-webkit-appearance:none;appearance:none}.filter-toggle-btn{min-height:42px;padding:9px 13px;background:#fff;color:#475467;border:1px solid #dfe4e8;border-radius:10px;font-weight:700}.filter-toggle-btn:hover,.filter-toggle-btn.has-active{border-color:#8db4cf;color:#1f5f8b;background:#f8fbfd}.my-actions-filter-panel{display:none;margin-top:10px;padding:14px;background:#f8fafc;border:1px solid #e4e8ec;border-radius:10px}.my-actions-filter-panel.is-open{display:block}.my-actions-filter-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) minmax(280px,1.4fr);gap:12px;align-items:end}.my-actions-filter-grid>label,.custom-period-fields label{font-size:12px;font-weight:700;color:#475467}.my-actions-filter-grid select,.custom-period-fields input{margin-top:5px;width:100%}.custom-period-fields{display:none;grid-template-columns:1fr 1fr;gap:8px}.custom-period-fields.is-visible{display:grid}.filter-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.search-min-hint{font-size:12px;color:#667085;margin:5px 0 0 4px}.my-actions-result-count{margin:-3px 0 10px;color:#667085;font-size:13px}.my-actions-result-count strong{color:#344054}.my-actions-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 0}.my-actions-pagination a{display:inline-flex;padding:7px 10px;border:1px solid #dfe4e8;border-radius:8px;background:#fff;color:#1f5f8b;text-decoration:none;font-weight:700;font-size:13px}.my-actions-pagination span{font-size:13px;color:#667085}.quick-undo-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:10px 12px;border:1px solid #cfe7d6;border-radius:10px;background:#f2faf5}.quick-undo-banner form{margin:0}.quick-undo-message{font-weight:700;color:#21663a}.quick-undo-btn{background:#fff4e5;color:#a15c00;border:1px solid #f3c77b;padding:8px 11px;border-radius:8px;font-weight:800;white-space:nowrap}.quick-undo-btn:hover{background:#ffe9c7}.quick-undo-btn:disabled{opacity:.55;cursor:not-allowed}.quick-undo-banner.is-expired{opacity:.65}
@media(max-width:900px){.my-actions-filter-grid{grid-template-columns:1fr 1fr}.my-actions-search-row{align-items:stretch}.my-actions-search{max-width:none}}
.my-actions-search{position:relative}.my-actions-search.is-loading{padding-right:38px}.my-actions-search.is-loading:after{content:"";position:absolute;right:13px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid #d7e3eb;border-top-color:#1f5f8b;border-radius:50%;animation:my-actions-search-spin .7s linear infinite}@keyframes my-actions-search-spin{to{transform:rotate(360deg)}}
#my-actions-dynamic-results[aria-busy="true"]{opacity:.72;transition:opacity .12s ease}#my-actions-dynamic-results[aria-busy="false"]{opacity:1;transition:opacity .12s ease}

/* v8.6.5 Beta: Predmeti - širi desktop prikaz i paginacija */
.cases-container{max-width:1560px}
.cases-list-card{padding:18px 20px}
.cases-table th,.cases-table td{vertical-align:middle;padding-left:7px;padding-right:7px}
.cases-table th:nth-child(1){min-width:128px}
.cases-table th:nth-child(2){min-width:220px}
.cases-table th:nth-child(3){min-width:105px}
.cases-table th:nth-child(4){min-width:105px}
.cases-table th:nth-child(5){min-width:120px}
.cases-table th:nth-child(6){min-width:82px}
.cases-table th:nth-child(7){min-width:96px;text-align:center}
.cases-table th:nth-child(8){min-width:118px}
.cases-table th:nth-child(9){min-width:80px}
.cases-table th:nth-child(10){min-width:185px}
.cases-table td:nth-child(7){text-align:center}
.cases-table th:last-child,.cases-table td:last-child{width:auto}
.case-table-subject{display:flex;flex-direction:column;gap:3px;min-width:0}
.case-table-subject>strong{font-size:16px;line-height:1.25}
.case-table-subject>span{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085;font-size:13px;line-height:1.35}
.case-owner-compact{white-space:nowrap}
.case-participant-stack{display:flex;align-items:center;min-height:24px;padding-left:3px}
.case-participant-avatar{display:inline-flex;margin-left:-4px;border-radius:50%;box-shadow:0 0 0 2px #fff}
.case-participant-avatar:first-child{margin-left:0}
.case-participant-more{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:22px;margin-left:5px;padding:0 6px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:700}
.case-action-count{font-weight:700;color:#344054}
.case-last-activity{white-space:nowrap;color:#475467;font-size:14px}
.cases-pagination{margin:16px 0 0;padding-top:2px}
@media(max-width:1320px){.cases-container{max-width:100%}}

/* v8.6.6 Beta: Predmeti - Search + Filteri po uzoru na Moje radnje */
.cases-tools{margin-top:2px}.cases-search-row{align-items:flex-end}.cases-sort-inline{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#475467;white-space:nowrap}.cases-sort-inline select{min-width:185px;margin:0}.cases-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;align-items:end}.cases-filter-grid>label{font-size:12px;font-weight:700;color:#475467}.cases-filter-grid select{margin-top:5px;width:100%}.case-search-relation{display:inline-flex;align-items:center;width:max-content;margin-top:4px;padding:2px 7px;border-radius:999px;background:#f1f6fa;color:#456477;font-size:11px;font-weight:700}
@media(max-width:1000px){.cases-search-row{flex-wrap:wrap}.cases-sort-inline{width:100%}.cases-sort-inline select{width:100%}.cases-filter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cases-filter-grid{grid-template-columns:1fr}}

/* v8.6.7 Beta: fluidniji sigurnosno-upravljacki log */
.security-log-container{max-width:1540px}
.security-log-container .log-table{width:100%;table-layout:fixed}
.security-log-container .log-table th,.security-log-container .log-table td{padding-left:6px;padding-right:6px;overflow-wrap:anywhere}
.security-log-container .log-table th:nth-child(1),.security-log-container .log-table td:nth-child(1){width:7%}
.security-log-container .log-table th:nth-child(2),.security-log-container .log-table td:nth-child(2){width:10%}
.security-log-container .log-table th:nth-child(3),.security-log-container .log-table td:nth-child(3){width:10%}
.security-log-container .log-table th:nth-child(4),.security-log-container .log-table td:nth-child(4){width:9%}
.security-log-container .log-table th:nth-child(5),.security-log-container .log-table td:nth-child(5){width:18%}
.security-log-container .log-table th:nth-child(6),.security-log-container .log-table td:nth-child(6){width:35%;min-width:0}
.security-log-container .log-table th:nth-child(7),.security-log-container .log-table td:nth-child(7){width:11%}
.security-log-container .log-table pre{max-width:100%;overflow:auto}
@media(max-width:1000px){.security-log-container .log-table{min-width:920px;table-layout:fixed}}

/* v8.7 grouped user picker */
.grouped-user-select.enhanced-native{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.user-picker{position:relative;width:100%}.user-picker-button{width:100%;min-height:40px;text-align:left;background:#fff;color:#17202a;border:1px solid var(--border);border-radius:8px;padding:9px 34px 9px 11px;position:relative;font-weight:500}.user-picker-button:after{content:'▾';position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#667085}.user-picker.open .user-picker-button{border-color:#8db7d4;box-shadow:0 0 0 3px rgba(40,114,160,.10)}.user-picker-menu{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 12px 30px rgba(16,24,40,.15);overflow-y:auto;padding:4px}.user-picker.open .user-picker-menu{display:block}.user-picker-group{padding:7px 8px 5px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#667085;background:#fff;position:sticky;top:0;z-index:1}.user-picker-option{display:block;width:100%;min-height:38px;padding:8px;border:0;border-radius:6px;background:#fff;color:#17202a;text-align:left;font:inherit;cursor:pointer}.user-picker-option:hover,.user-picker-option[aria-selected='true']{background:#f2f6f9}.user-picker-option+.user-picker-option{margin-top:1px}

/* v8.7.1 picker polish */
.add-action-card .user-picker-button{border-color:#cbd5df;box-shadow:inset 0 0 0 1px rgba(17,24,39,.015)}
.participant-access-note{margin:6px 0 9px}



/* v8.8 - Poslodavci i grupe poslodavaca */
.employer-admin-grid{align-items:start}.employer-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto;gap:10px;align-items:end;margin-bottom:14px}.favorite-toggle{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 6px!important;color:#667085!important;white-space:nowrap}.favorite-toggle.is-on{color:#9a6700!important}.employer-inline-edit{min-width:520px}.group-member-list{display:flex;flex-direction:column;gap:7px;max-height:280px;overflow:auto;border:1px solid #e6e9ee;border-radius:9px;padding:10px}.group-member-list label{display:flex;align-items:center;gap:8px;font-weight:500}.group-member-list input[type=checkbox]{width:auto;flex:0 0 auto}.compact-group-list{max-height:180px}.group-edit-card{border:1px solid #e6e9ee;border-radius:10px;padding:10px 12px;margin-bottom:10px}.group-edit-card>summary{cursor:pointer}.group-edit-card form{margin-top:14px}.contact-top{margin-bottom:14px}.employer-picker{position:relative}.employer-picker-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.employer-picker-input{width:100%}.employer-picker-menu{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #dfe3e8;border-radius:10px;box-shadow:0 12px 30px rgba(16,24,40,.12);overflow-y:auto;padding:5px;display:none}.employer-picker.open .employer-picker-menu{display:block}.employer-picker-group{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#667085;padding:8px 9px 5px}.employer-picker-option{display:block;width:100%;text-align:left;background:transparent!important;color:#1f2937!important;border:0!important;box-shadow:none!important;padding:8px 9px!important;border-radius:7px!important;font-weight:500!important}.employer-picker-option:hover,.employer-picker-option[aria-selected="true"]{background:#f3f6fa!important}.employer-picker-empty{padding:10px;color:#667085;font-size:13px}
@media(max-width:800px){.employer-toolbar{grid-template-columns:1fr}.employer-inline-edit{min-width:0}}

/* v8.8.1 - sifrarnici poslodavaca uskladeni s UI obrascem Korisnici */
.page-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.employer-toolbar-list{max-width:720px;margin-bottom:18px}
@media(max-width:700px){.page-head-actions{justify-content:flex-start;width:100%}.page-head-actions .button{width:auto}}

.employer-group-picker{position:relative}.employer-group-picker.open .employer-picker-menu{display:block}.employer-group-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}.employer-group-tags:empty{display:none}.employer-group-tag{display:inline-flex;align-items:center;gap:5px;background:#eef4f8;border:1px solid #d9e5ed;color:#244a63;border-radius:999px;padding:4px 7px 4px 9px;font-size:12px;font-weight:700}.employer-group-tag-remove{background:transparent!important;border:0!important;box-shadow:none!important;color:#667085!important;padding:0 2px!important;font-size:17px!important;line-height:1!important}.employer-group-picker .employer-picker-option[aria-selected="true"]{background:#eaf2f8!important;color:#174a6b!important;font-weight:700!important}

/* v8.8.4 Beta - final UX polish */
.case-new-container{max-width:1180px}.case-new-card{padding:22px}.case-new-top-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.45fr);gap:28px;align-items:start}.case-new-classification>.form-grid{margin-top:0}.case-new-description{margin-top:2px}.case-new-description textarea{min-height:112px}.case-new-access-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:28px;align-items:start}.case-new-access-grid .participant-picker{margin-top:0}.case-new-basic .contact-top{margin-top:2px}
.page-head-compact h1,.cases-container>.page-head h1,.my-actions-container>.page-head h1,.users-page>.page-head h1,.categories-page>.page-head h1,.employers-page>.page-head h1,.employer-groups-page>.page-head h1{font-size:20px;line-height:1.2;margin:0 0 2px}.cases-container>.page-head,.my-actions-container>.page-head,.users-page>.page-head,.categories-page>.page-head,.employers-page>.page-head,.employer-groups-page>.page-head{margin-bottom:12px}.cases-container>.page-head p,.my-actions-container>.page-head p,.users-page>.page-head p,.categories-page>.page-head p,.employers-page>.page-head p,.employer-groups-page>.page-head p{font-size:13px;margin:0}
.action-old-filter{border-color:#d6d9df!important;color:#475467!important;background:#f8fafc!important}.action-old-filter.active{background:#475467!important;border-color:#475467!important;color:#fff!important}.action-old-filter.active span{background:rgba(255,255,255,.18)!important;color:#fff!important}.legend-old{background:#667085}.insight-old-link:hover{background:#f2f4f7}.my-actions-filter-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.cases-filter-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}
@media(max-width:900px){.case-new-top-grid,.case-new-access-grid{grid-template-columns:1fr}.my-actions-filter-grid,.cases-filter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.my-actions-filter-grid,.cases-filter-grid{grid-template-columns:1fr}}

/* v8.8.5 final UX polish */
.case-new-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(300px,1fr);grid-template-areas:"basic classification access" "description description access";gap:0 26px;align-items:start}.case-new-basic{grid-area:basic}.case-new-classification{grid-area:classification}.case-new-description{grid-area:description;margin-top:2px}.case-new-access{grid-area:access;min-width:0}.case-new-classification>.field:last-child{margin-bottom:15px}.case-new-access .participant-picker{margin-top:4px}.case-new-access .participant-checks{width:100%}
.my-actions-search{height:42px;min-height:42px;margin-bottom:0}.filter-toggle-btn{height:42px;min-height:42px;margin:0}.cases-sort-inline{margin-bottom:0}.cases-sort-inline select{height:42px;min-height:42px}.cases-search-row{align-items:flex-end}
.dashboard-actions-card .card-head,.dashboard-cases-card .card-head{align-items:center;margin-bottom:12px}.dashboard-actions-card .card-head h2,.dashboard-cases-card .card-head h2{margin:0}.dashboard-card-cta{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #dfe4e8;border-radius:8px;background:#f8fafc;color:#344054!important;font-size:13px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}.dashboard-card-cta:hover{border-color:#8db4cf;background:#f1f6fa;color:#1f5f8b!important}.dashboard-card-limit{margin-top:12px;padding-top:10px;border-top:1px solid #edf0f2;color:#98a2b3;font-size:11px;line-height:1.35}
@media(max-width:1000px){.case-new-layout{grid-template-columns:1fr 1fr;grid-template-areas:"basic classification" "description description" "access access";gap:0 22px}.case-new-access{margin-top:4px}}
@media(max-width:700px){.case-new-layout{grid-template-columns:1fr;grid-template-areas:"basic" "classification" "description" "access";gap:0}.dashboard-actions-card .card-head,.dashboard-cases-card .card-head{align-items:flex-start}.dashboard-card-cta{white-space:normal;text-align:right}}


/* v8.8.6 Beta - attention signals and contact-layout polish */
.action-old-filter{border-color:#dfe4e8!important;color:#475467!important;background:#fff!important}.action-old-filter.active{background:#1f5f8b!important;border-color:#1f5f8b!important;color:#fff!important}.action-old-filter.active span{background:rgba(255,255,255,.18)!important;color:#fff!important}
.productivity-current{grid-template-columns:repeat(4,minmax(0,1fr))}.productivity-current>a.current-warning{background:#fff8ec;border-color:#f0c47a}.productivity-current>a.current-warning:hover{border-color:#d8982c}.productivity-chart-grid{grid-template-columns:1fr 1fr}.bar-old{background:#d89a37}.bar-overdue{background:#d65a62}.productivity-old-card .due-old{color:#a15c00}.productivity-old-card .table-wrap{overflow-x:auto}
@media(max-width:900px){.productivity-current{grid-template-columns:1fr 1fr}.productivity-chart-grid{grid-template-columns:1fr}}
@media(max-width:760px){.productivity-current{grid-template-columns:1fr}.productivity-old-card .productivity-overdue-table{min-width:900px}}

/* v8.8.9: status predmeta i modal zatvaranja */
.case-status{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;font-weight:700}
.case-status-open{padding:6px 9px;border-radius:999px;background:#eaf6ee;color:#21663a;border:1px solid #cfe7d6}
.case-status-closed{color:#17202a;font-weight:700}
.workflow-modal[hidden]{display:none}
.workflow-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.workflow-modal-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.38)}
.workflow-modal-dialog{position:relative;width:min(440px,calc(100vw - 48px));background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 20px 50px rgba(16,24,40,.18);padding:22px}
.workflow-modal-dialog h3{margin:0 0 8px;font-size:19px}.workflow-modal-dialog p{margin:0;color:#667085;line-height:1.5}
.workflow-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.workflow-modal-actions button{margin:0}
body.modal-open{overflow:hidden}

/* v8.8.11: clickable case rows */
.cases-table .case-click-row{cursor:pointer}
.cases-table .case-click-row:hover td{background:rgba(15,23,42,.025)}
.cases-table .case-click-row:focus{outline:2px solid rgba(37,99,235,.35);outline-offset:-2px}

/* v8.8.12: visual consistency for clickable rows */
.cases-table .case-click-row{cursor:pointer}
.cases-table .case-click-row:hover td{background:rgba(15,23,42,.035)}
.cases-table .case-row-number{color:inherit;text-decoration:none;font-weight:500}
.cases-table .case-click-row:hover .case-row-number{color:#1f5f8b}
.dashboard-actions-table .dashboard-action-click-row{cursor:pointer}
.dashboard-actions-table .dashboard-action-click-row:hover td{background:rgba(15,23,42,.025)}
.dashboard-actions-table .dashboard-action-click-row:focus{outline:2px solid rgba(37,99,235,.35);outline-offset:-2px}
.dashboard-actions-table .dashboard-action-case-link{color:inherit;text-decoration:none}
.dashboard-actions-table .dashboard-action-click-row:hover .dashboard-action-case-link{color:#1f5f8b}


/* v8.8.14: Moje radnje uskladene s klikabilnim retkom Predmeta */
.my-actions-table .my-action-click-row{cursor:pointer}
.my-actions-table .my-action-click-row:hover td{background:rgba(15,23,42,.035)}
.my-actions-table .my-action-click-row:focus{outline:2px solid rgba(37,99,235,.35);outline-offset:-2px}
.my-actions-table .my-action-case strong{color:inherit;font-weight:500}
.my-actions-table .my-action-click-row:hover .my-action-case strong{color:#1f5f8b}
.case-head-owner-avatar{display:inline-flex;align-items:center}

/* v8.8.15: rokovi na Mojim radnjama */
.action-soon-filter{border-color:#f0c47a!important;color:#9a5b00!important;background:#fff8ec!important}.action-soon-filter.active{background:#c97800!important;border-color:#c97800!important;color:#fff!important}.action-soon-filter.active span{background:rgba(255,255,255,.18)!important;color:#fff!important}.insight-soon-link:hover{background:#fff8ec}


/* v8.8.16 Beta - detalj predmeta: fokusirane radnje i bogatija vremenska linija */
.case-action-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.case-action-tab,.case-action-person,.case-action-relation{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin:0;padding:8px 11px;border:1px solid #dfe4e8;border-radius:9px;background:#fff;color:#475467;font-size:13px;font-weight:700;line-height:1.1}.case-action-tab:hover,.case-action-person:hover,.case-action-relation:hover{border-color:#8db4cf;background:#f8fbfd;color:#1f5f8b}.case-action-tab.active,.case-action-person.active,.case-action-relation.active{border-color:#1f5f8b;background:#1f5f8b;color:#fff}.case-action-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 6px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:11px}.case-action-tab.active span{background:rgba(255,255,255,.18);color:#fff}.case-action-owner-filters{margin:0 0 14px;padding:10px 0 0;border-top:1px solid #edf0f2}.case-action-people,.case-action-relations{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.case-action-relations{margin-top:8px}.case-action-relations[hidden]{display:none!important}.case-action-person-avatar{padding:5px 9px 5px 6px}.case-action-person-avatar .avatar-xs{box-shadow:0 0 0 1px rgba(15,23,42,.08)}.case-action-person.active .avatar-xs{box-shadow:0 0 0 1px rgba(255,255,255,.5)}.action-item[hidden]{display:none!important}.action-item.action-highlight{animation:case-action-highlight 1.8s ease}@keyframes case-action-highlight{0%,100%{box-shadow:none;background:inherit}20%,70%{box-shadow:0 0 0 3px rgba(31,95,139,.13);background:#f8fbfd}}.timeline-action-ref{display:block;width:100%;margin:3px 0 6px;padding:7px 9px;text-align:left;border:1px solid #e4e8ec;border-radius:9px;background:#f8fafc;color:#344054;font:inherit;line-height:1.3;cursor:default}.timeline-action-ref:disabled{opacity:1}.timeline-action-ref.is-clickable{cursor:pointer}.timeline-action-ref.is-clickable:hover{border-color:#a9c5d8;background:#f1f6fa}.timeline-action-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#344054}.timeline-action-excerpt{display:block;margin-top:3px;color:#667085;font-size:12px;font-weight:400}.timeline-action-ref.is-clickable .timeline-action-title{color:#1f5f8b}@media(max-width:700px){.case-action-person-avatar span{display:none}.case-action-person-avatar{padding:5px}.case-action-tabs,.case-action-people,.case-action-relations{gap:6px}}

/* 0.9 Beta minorfix - fluidni brzi pregled i jasnija vremenska linija */
.dashboard-actions-table{table-layout:auto;min-width:820px}
.dashboard-actions-table th:nth-child(1),.dashboard-actions-table td:nth-child(1){width:17%;min-width:126px}
.dashboard-actions-table th:nth-child(2),.dashboard-actions-table td:nth-child(2){width:30%;min-width:210px}
.dashboard-actions-table th:nth-child(3),.dashboard-actions-table td:nth-child(3){width:9%;min-width:74px}
.dashboard-actions-table th:nth-child(4),.dashboard-actions-table td:nth-child(4){width:14%;min-width:118px}
.dashboard-actions-table th:nth-child(5),.dashboard-actions-table td:nth-child(5){width:16%;min-width:126px}
.dashboard-actions-table th:nth-child(6),.dashboard-actions-table td:nth-child(6){width:14%;min-width:92px}
.dashboard-actions-table-wrap{overflow-x:auto;overflow-y:hidden}
.dashboard-actions-table td:nth-child(4),.dashboard-actions-table td:nth-child(5){overflow-wrap:normal}
.dashboard-actions-table .status-with-icon,.dashboard-actions-table .dashboard-due{white-space:nowrap}
.dashboard-actions-table td:first-child .dashboard-action-case-link strong{display:block;font-size:13px;line-height:1.3;font-weight:700;color:#475467}
.dashboard-actions-table .dashboard-case-title{display:block;max-width:none;margin-top:3px;font-size:15px;line-height:1.35;font-weight:650;color:#17202a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-actions-table .dashboard-action-click-row:hover td:first-child .dashboard-action-case-link strong{color:#1f5f8b}
.timeline-action-ref.is-clickable{position:relative;padding-right:34px}
.timeline-action-ref.is-clickable::after{content:"→";position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#1f5f8b;font-size:17px;font-weight:800;line-height:1}

/* 0.9 Beta UI polish 2 - fluidni brzi pregled i status otvorenog predmeta */
.dashboard-actions-table{width:100%;min-width:0;table-layout:fixed}
.dashboard-actions-table th:nth-child(1),.dashboard-actions-table td:nth-child(1){width:18%;min-width:0}
.dashboard-actions-table th:nth-child(2),.dashboard-actions-table td:nth-child(2){width:27%;min-width:0}
.dashboard-actions-table th:nth-child(3),.dashboard-actions-table td:nth-child(3){width:9%;min-width:0}
.dashboard-actions-table th:nth-child(4),.dashboard-actions-table td:nth-child(4){width:15%;min-width:0}
.dashboard-actions-table th:nth-child(5),.dashboard-actions-table td:nth-child(5){width:17%;min-width:0}
.dashboard-actions-table th:nth-child(6),.dashboard-actions-table td:nth-child(6){width:14%;min-width:0}
.dashboard-actions-table td{overflow-wrap:break-word}
.dashboard-actions-table .dashboard-action-main,.dashboard-actions-table .action-title-inline{min-width:0}
.dashboard-actions-table .action-title-inline{align-items:flex-start}
.dashboard-actions-table .action-title-inline strong{min-width:0;white-space:normal;overflow-wrap:anywhere}
.dashboard-actions-table .dashboard-action-description{display:block;max-width:none;margin-top:4px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;-webkit-line-clamp:unset}
.dashboard-actions-table .dashboard-case-title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.dashboard-actions-table .status-with-icon,.dashboard-actions-table .dashboard-due{white-space:nowrap}
@media(max-width:760px){.dashboard-actions-table{min-width:760px;table-layout:fixed}}

/* Hrvatski unos datuma: vidljivi format dd.mm.gggg, ISO vrijednost ostaje u izvornom polju za backend. */
.hr-date-control{position:relative;display:flex;align-items:center;gap:6px;min-width:0;width:100%}
.hr-date-display{min-width:0;width:100%}
.hr-date-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.hr-date-picker-btn{flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}
.hr-date-picker-btn:hover{background:#f9fafb;border-color:#98a2b3}
.hr-date-picker-btn:focus-visible{outline:2px solid #84adcb;outline-offset:2px}


/* 0.9 minorfix5: 24-satni unos vremena i opcionalni sat na Mojem pregledu. */
.hr-time-control{position:relative;display:flex;align-items:center;min-width:0;width:100%}
.hr-time-display{min-width:0;width:100%;font-variant-numeric:tabular-nums}
.hr-time-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.dashboard-clock{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;min-height:24px;margin-left:auto;color:#667085;font-size:14px;line-height:1.3;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.dashboard-clock-date,.dashboard-clock-time{font-size:16px;font-weight:400}.dashboard-clock-time{color:#667085}
.dashboard-clock-separator{color:#98a2b3;margin:0 1px}
.profile-display-card{max-width:680px;margin-top:18px}
.profile-display-card .card-head{margin-bottom:8px}
.profile-check-row{display:flex;align-items:flex-start;gap:10px;margin:2px 0 16px;cursor:pointer}
.profile-check-row input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}
.profile-check-row span{display:flex;flex-direction:column;gap:3px}
.profile-check-row small{display:block;font-weight:400;line-height:1.4}
@media(max-width:700px){.dashboard-clock{width:100%;justify-content:flex-end;text-align:right;white-space:normal;flex-wrap:wrap;margin-left:0}.dashboard-clock-separator{display:none}}

/* 0.9 Beta minorfix8: osobni predlosci predmeta */
.case-templates-card{padding:0;overflow:hidden}
.case-templates-table th:first-child,.case-templates-table td:first-child{width:auto}
.case-templates-table th:last-child,.case-templates-table td:last-child{width:210px}
.case-templates-table td{padding-top:16px;padding-bottom:16px}
.case-template-subject{display:flex;flex-direction:column;gap:5px;min-width:0}
.case-template-subject>strong{font-size:16px;color:#17202a}
.case-template-meta,.case-template-description{color:#667085;font-size:13px;line-height:1.45}
.case-template-description{max-width:900px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-template-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;white-space:nowrap}
.case-template-actions form{margin:0}
.case-template-actions .button,.case-template-actions button{padding:8px 11px;font-size:13px}
.case-template-picker-row{display:flex;align-items:end;gap:12px;margin:0 0 14px}
.case-template-picker-row .field{margin:0;flex:1;max-width:520px}
.case-template-picker-row .case-template-manage{margin-bottom:0}
.case-template-save-status{margin:10px 0 0;font-size:13px;color:#176b3a}
.case-template-save-error{margin:10px 0 0;font-size:13px;color:#9b1c1c}
@media(max-width:700px){.case-template-picker-row{align-items:stretch;flex-direction:column}.case-template-picker-row .field{max-width:none}.case-templates-table{min-width:720px}}


/* 0.9.5 Beta: odsutnosti i sigurnosna deaktivacija računa */
.choice-row{display:flex;gap:18px;flex-wrap:wrap}.absence-fields[hidden]{display:none!important}.account-access-card{margin-top:18px}.danger-btn{background:#8f2d2d;color:#fff;border-color:#8f2d2d}.danger-btn:hover{filter:brightness(.96)}.danger-btn:disabled{opacity:.45;cursor:not-allowed}.workflow-dialog{width:min(680px,calc(100% - 32px));border:1px solid var(--border,#d9dee7);border-radius:14px;padding:0}.workflow-dialog::backdrop{background:rgba(23,31,45,.35)}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.dialog-head{border-bottom:1px solid #e6e9ef}.dialog-head h2{margin:0}.dialog-body{padding:20px}.dialog-actions{border-top:1px solid #e6e9ef;justify-content:flex-end}.dialog-x{background:transparent;border:0;color:inherit;font-size:28px;line-height:1;padding:0 6px}.absence-menu{position:relative}.absence-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#41516b;padding:9px 11px;border-radius:9px;white-space:nowrap}.absence-menu summary::-webkit-details-marker{display:none}.absence-menu[open] summary{background:#f1f4f8}.absence-summary-compact{display:inline-flex;align-items:center;gap:5px;line-height:1}.absence-menu-single .absence-summary-compact{display:none}.absence-menu-multiple summary{padding:8px 9px}.absence-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.absence-count{font-size:13px;font-weight:800;line-height:1}.absence-menu-popover{position:absolute;left:0;right:auto;top:calc(100% + 8px);z-index:60;width:max-content;min-width:280px;max-width:min(520px,calc(100vw - 24px));background:#fff;border:1px solid #dfe4ec;border-radius:12px;box-shadow:0 12px 30px rgba(20,31,50,.12);padding:8px}.absence-menu-popover>div{display:flex;justify-content:space-between;gap:18px;padding:9px 10px;border-radius:8px}.absence-menu-popover>div+div{border-top:1px solid #eef1f5}.absence-menu-popover span{white-space:nowrap;color:#667085}.log-report-link{margin-top:5px}.log-report-link a{font-weight:700;text-decoration:none}@media(max-width:1000px){.absence-menu-single .absence-summary-full{display:none}.absence-menu-single .absence-summary-compact{display:inline-flex}.absence-menu-single summary{padding:8px 9px}.absence-menu-popover{position:fixed;left:auto;right:12px;top:58px;width:min(360px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px)}}
@media(max-width:760px){.absence-menu summary{max-width:170px;overflow:hidden;text-overflow:ellipsis;padding:7px 8px}.absence-icon{width:19px;height:19px}.dialog-head,.dialog-actions,.dialog-body{padding:14px}}

/* 0.9.9 Beta: Automatizacije */
.automation-page,.automation-builder-page{max-width:1280px}.automation-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.automation-tabs a{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#475467;text-decoration:none;font-weight:700;font-size:13px}.automation-tabs a.active{background:#eef4f8;border-color:#b9ccd9;color:#244f6e}.automation-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e6edf3;font-size:11px}.automation-list{display:grid;gap:12px}.automation-list-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px}.automation-card-main{min-width:0;flex:1}.automation-card-title-row{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.automation-card-title-row h2{margin:0;font-size:19px}.automation-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.automation-description{margin:7px 0 0;color:#475467;line-height:1.45}.automation-summary{margin-top:9px;color:#334155;font-size:13px;font-weight:700}.automation-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:9px;color:#667085;font-size:12px}.automation-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:520px}.automation-card-actions form{margin:0}.automation-card-actions .button,.automation-card-actions button{margin:0;white-space:nowrap}.automation-system-badge{background:#eaf4ed;color:#27653b;border-color:#cfe3d5}.automation-proposed-badge{background:#fff7e8;color:#8a5b11;border-color:#ecd5a3}
.automation-builder-general{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:18px}.automation-builder-general .field{margin:0}.automation-builder-steps{display:grid;gap:12px;margin-top:14px}.automation-step-card{padding:18px}.automation-step-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.automation-step-controls{display:flex;align-items:center;gap:6px}.automation-step-mini{min-width:38px;padding:7px 9px;margin:0}.automation-step-function{max-width:520px}.automation-step-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px 18px;margin-top:12px}.automation-step-grid .field{margin:0}.automation-participant-field{max-width:720px}.automation-builder-add{margin:12px 0}.automation-builder-submit{display:flex;gap:10px;align-items:center;margin-top:14px}.automation-builder-submit .button,.automation-builder-submit button{margin:0}
.automation-picker{margin-top:10px}.automation-picker-toolbar input{width:100%}.automation-picker-selected{margin:9px 0;color:#667085;font-size:13px}.automation-picker-selected.has-selection{color:#334155;font-weight:600}.automation-picker-list{max-height:410px;overflow:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.automation-picker-card{display:flex;align-items:center;gap:12px;padding:12px 14px}.automation-picker-card+.automation-picker-card{border-top:1px solid #edf0f2}.automation-picker-choice{display:flex;align-items:flex-start;gap:11px;flex:1;min-width:0;margin:0;cursor:pointer}.automation-picker-choice input{width:auto;margin-top:4px;flex:0 0 auto}.automation-picker-card-copy{display:flex;flex-direction:column;min-width:0}.automation-picker-card-title{font-weight:700;color:#1f2937}.automation-picker-card-description{margin-top:2px;color:#64748b;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.automation-picker-card-summary{margin-top:5px;color:#64748b;font-size:12px}.automation-picker-detail-btn{margin:0;flex:0 0 auto}.automation-picker-empty{padding:14px}.initial-automations-card{margin-top:14px}.automation-picker-head{align-items:flex-start}
.automation-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.automation-modal-head h3{margin-top:2px}.workflow-modal-x{width:36px;height:36px;margin:0;padding:0;border-radius:9px;background:#f5f7f9;color:#475467;font-size:25px;line-height:1}.automation-detail-dialog{width:min(720px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.automation-detail-description{margin:10px 0!important;color:#475569!important}.automation-detail-meta{margin:12px 0;color:#64748b;font-size:13px}.automation-detail-steps{display:grid;gap:10px;margin-top:14px}.automation-detail-step{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfcfd}.automation-detail-step-head{font-weight:800;font-size:13px;margin-bottom:6px}.automation-detail-line{color:#475569;font-size:13px;line-height:1.45}.automation-detail-line+.automation-detail-line{margin-top:2px}
.automation-productivity-card{margin:0 0 16px;padding:16px}.automation-productivity-card .card-head{align-items:flex-start}.automation-productivity-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.automation-productivity-metrics>div{padding:12px 13px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafb}.automation-productivity-metrics span{display:block;color:#667085;font-size:12px}.automation-productivity-metrics strong{display:block;margin-top:5px;font-size:24px}.automation-productivity-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(420px,1.35fr);gap:18px;margin-top:16px}.automation-productivity-grid h3{margin:0 0 9px;font-size:15px}.automation-source-breakdown{padding:14px;border:1px solid #e2e8f0;border-radius:11px}.automation-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.automation-source-row+.automation-source-row{border-top:1px solid #edf0f2}.automation-source-row span{color:#667085}.automation-top-list table{width:100%}.automation-top-list .badge{margin-left:6px}
.log-table td:nth-child(4){max-width:190px;overflow-wrap:anywhere}
@media(max-width:1050px){.automation-list-card{flex-direction:column}.automation-card-actions{max-width:none;justify-content:flex-start}.automation-productivity-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.automation-productivity-grid{grid-template-columns:1fr}}
@media(max-width:760px){.automation-builder-general,.automation-step-grid{grid-template-columns:1fr}.automation-picker-card{align-items:flex-start;flex-wrap:wrap}.automation-picker-detail-btn{margin-left:29px}.automation-productivity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-card-title-row{flex-direction:column}.automation-badges{justify-content:flex-start}.automation-builder-submit{align-items:stretch;flex-direction:column}.automation-builder-submit .button,.automation-builder-submit button{width:100%;text-align:center}}

/* 0.9.9 Beta minorfix4 - Moj pregled: ciljano naglasavanje promjenjivih operativnih podataka */
.dashboard-actions-table th{font-size:12px}
.dashboard-actions-table th:nth-child(1),.dashboard-actions-table td:nth-child(1){width:21%;min-width:0}
.dashboard-actions-table th:nth-child(2),.dashboard-actions-table td:nth-child(2){width:27%;min-width:0}
.dashboard-actions-table th:nth-child(3),.dashboard-actions-table td:nth-child(3){width:8%;min-width:0}
.dashboard-actions-table th:nth-child(4),.dashboard-actions-table td:nth-child(4){width:13%;min-width:0}
.dashboard-actions-table th:nth-child(5),.dashboard-actions-table td:nth-child(5){width:17%;min-width:0}
.dashboard-actions-table th:nth-child(6),.dashboard-actions-table td:nth-child(6){width:14%;min-width:0}
.dashboard-actions-table .action-emoji{font-size:16px}
.dashboard-actions-table .action-title-inline strong{font-size:13px}
.dashboard-actions-table td:first-child .dashboard-action-case-link strong{font-size:12px}
.dashboard-actions-table .dashboard-case-title{font-size:16px}
.dashboard-actions-table .priority-pill{font-size:12px}
.dashboard-actions-table .status-with-icon{font-size:13px}
.dashboard-actions-table .dashboard-due span{font-size:14px;color:#667085}
.dashboard-case-item{border-bottom-color:#d0d5dd}
.dashboard-case-item:last-child{border-bottom:0}

/* 0.9.9 Beta minorfix6 TEST4 - responsive samo za karticu Moje radnje — sažetak */
.dashboard-actions-card{
    container:dashboard-actions / inline-size;
}
.dashboard-actions-card .dashboard-actions-table-wrap{
    max-width:100%;
    min-width:0;
    overflow-x:visible;
    overflow-y:visible;
}
.dashboard-actions-card .dashboard-actions-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
}
/* Stari postotni nth-child raspored iz prethodnih verzija ovdje se neutralizira.
   Širine sada određuje colgroup; Radnja nema zadanu širinu i uzima sav ostatak. */
.dashboard-actions-card .dashboard-actions-table th,
.dashboard-actions-card .dashboard-actions-table td{
    width:auto!important;
    min-width:0;
    padding-block:clamp(7px,calc(4px + .45cqi),10px);
    padding-inline:clamp(5px,calc(3px + .35cqi),8px);
    vertical-align:top;
}
.dashboard-actions-card .dashboard-actions-table th{
    font-size:clamp(11.5px,calc(10.4px + .18cqi),12.5px);
    line-height:1.3;
}
.dashboard-actions-card .dashboard-actions-table td{
    font-size:clamp(13.5px,calc(11.8px + .28cqi),15px);
    line-height:1.42;
    overflow-wrap:normal;
}
.dashboard-actions-card .dashboard-actions-table .dashboard-col-case{
    width:clamp(10.5rem,18cqi,12rem);
}
.dashboard-actions-card .dashboard-actions-table .dashboard-col-action{
    width:auto;
}
.dashboard-actions-card .dashboard-actions-table .dashboard-col-priority{
    width:clamp(4.9rem,7.5cqi,5.6rem);
}
.dashboard-actions-card .dashboard-actions-table .dashboard-col-status{
    width:clamp(7.4rem,11cqi,8.4rem);
}
.dashboard-actions-card .dashboard-actions-table .dashboard-col-due{
    width:clamp(8rem,12cqi,9rem);
}
.dashboard-actions-card .dashboard-actions-table .dashboard-col-creator{
    width:clamp(7.1rem,10.5cqi,8rem);
}
/* Poslovno najvažniji tekst ostaje najčitljiviji i raste/smanjuje se s karticom. */
.dashboard-actions-card .dashboard-actions-table .dashboard-case-title,
.dashboard-actions-card .dashboard-actions-table .dashboard-action-description{
    font-size:clamp(14px,calc(11.8px + .38cqi),17px);
    line-height:1.42;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
    -webkit-line-clamp:unset;
}
.dashboard-actions-card .dashboard-actions-table .action-title-inline strong{
    font-size:clamp(13px,calc(11.5px + .25cqi),14.5px);
    line-height:1.35;
    white-space:normal;
    overflow-wrap:anywhere;
}
.dashboard-actions-card .dashboard-actions-table .action-emoji{
    font-size:clamp(15px,calc(13.4px + .25cqi),17px);
}
.dashboard-actions-card .dashboard-actions-table .dashboard-cell-case .dashboard-action-case-link strong{
    font-size:clamp(11.5px,calc(10.2px + .2cqi),12.5px);
    line-height:1.3;
}
.dashboard-actions-card .dashboard-actions-table .priority-pill{
    font-size:clamp(11px,calc(10px + .16cqi),12px);
}
.dashboard-actions-card .dashboard-actions-table .status-with-icon{
    max-width:100%;
    font-size:clamp(12px,calc(10.7px + .22cqi),13.5px);
    white-space:nowrap;
}
.dashboard-actions-card .dashboard-actions-table .dashboard-due{
    white-space:nowrap;
}
.dashboard-actions-card .dashboard-actions-table .dashboard-due strong{
    font-size:clamp(12.5px,calc(11px + .24cqi),14px);
    line-height:1.3;
}
.dashboard-actions-card .dashboard-actions-table .dashboard-due span{
    font-size:clamp(12px,calc(10.4px + .25cqi),14px);
    line-height:1.32;
    color:#667085;
}
.dashboard-actions-card .dashboard-actions-table .dashboard-creator{
    min-width:0;
    font-size:clamp(12px,calc(10.5px + .24cqi),14px);
    line-height:1.35;
    white-space:nowrap;
}
.dashboard-actions-card .dashboard-actions-table .dashboard-cell-priority,
.dashboard-actions-card .dashboard-actions-table .dashboard-cell-status,
.dashboard-actions-card .dashboard-actions-table .dashboard-cell-due,
.dashboard-actions-card .dashboard-actions-table .dashboard-cell-creator{
    overflow-wrap:normal;
}

/* Kompaktnija tablica: ista 6-stupčana struktura, samo manji razmaci i kraći fiksni stupci. */
@container dashboard-actions (max-width:52rem){
    .dashboard-actions-card .dashboard-actions-table .dashboard-col-case{width:9rem}
    .dashboard-actions-card .dashboard-actions-table .dashboard-col-priority{width:4.6rem}
    .dashboard-actions-card .dashboard-actions-table .dashboard-col-status{width:6.9rem}
    .dashboard-actions-card .dashboard-actions-table .dashboard-col-due{width:7.5rem}
    .dashboard-actions-card .dashboard-actions-table .dashboard-col-creator{width:6.6rem}
    .dashboard-actions-card .dashboard-actions-table th,
    .dashboard-actions-card .dashboard-actions-table td{padding-block:7px;padding-inline:5px}
    .dashboard-actions-card .dashboard-actions-table th{font-size:11.5px}
    .dashboard-actions-card .dashboard-actions-table td{font-size:13.5px}
    .dashboard-actions-card .dashboard-actions-table .dashboard-case-title,
    .dashboard-actions-card .dashboard-actions-table .dashboard-action-description{font-size:14px}
    .dashboard-actions-card .dashboard-actions-table .action-title-inline strong{font-size:13px}
    .dashboard-actions-card .dashboard-actions-table .priority-pill{font-size:11px}
    .dashboard-actions-card .dashboard-actions-table .status-with-icon{font-size:12px}
    .dashboard-actions-card .dashboard-actions-table .dashboard-due strong{font-size:12.5px}
    .dashboard-actions-card .dashboard-actions-table .dashboard-due span{font-size:12px}
    .dashboard-actions-card .dashboard-actions-table .dashboard-creator{font-size:12px}
}

/* Stvarno uska kartica: tek ovdje red postaje mobilna kartica. */
@container dashboard-actions (max-width:44rem){
    .dashboard-actions-card .dashboard-actions-table-wrap{overflow:visible}
    .dashboard-actions-card .dashboard-actions-table,
    .dashboard-actions-card .dashboard-actions-table tbody{display:block;width:100%}
    .dashboard-actions-card .dashboard-actions-table colgroup{display:none}
    .dashboard-actions-card .dashboard-actions-table thead{
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        margin:-1px;
        overflow:hidden;
        clip:rect(0 0 0 0);
        clip-path:inset(50%);
        white-space:nowrap;
        border:0;
    }
    .dashboard-actions-card .dashboard-actions-table tbody{
        display:grid;
        gap:10px;
    }
    .dashboard-actions-card .dashboard-actions-table tbody>tr{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:
            "case status"
            "action action"
            "priority due"
            "creator creator";
        gap:8px 14px;
        padding:12px;
        border:1px solid #e4e7eb;
        border-radius:10px;
        background:#fff;
    }
    .dashboard-actions-card .dashboard-actions-table tbody>tr>td{
        display:block;
        width:auto!important;
        min-width:0;
        padding:0;
        border-bottom:0;
    }
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-case{grid-area:case}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-action{grid-area:action;padding-top:2px}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-priority{grid-area:priority;align-self:end}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-status{grid-area:status;justify-self:end;align-self:start}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-due{grid-area:due;justify-self:end;text-align:right}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-creator{grid-area:creator;padding-top:7px;border-top:1px dashed #edf0f2}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-creator::before{
        content:attr(data-label) ":";
        display:inline-block;
        margin-right:7px;
        color:#667085;
        font-size:11px;
        font-weight:700;
    }
    .dashboard-actions-card .dashboard-actions-table .dashboard-case-title,
    .dashboard-actions-card .dashboard-actions-table .dashboard-action-description{font-size:clamp(14px,3.8cqi,16px)}
    .dashboard-actions-card .dashboard-actions-table .dashboard-action-description{margin-top:3px}
    .dashboard-actions-card .dashboard-actions-table .dashboard-creator{display:inline-flex}
}

@container dashboard-actions (max-width:28rem){
    .dashboard-actions-card .dashboard-actions-table tbody>tr{
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:
            "case case"
            "action action"
            "status priority"
            "due due"
            "creator creator";
    }
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-status{justify-self:start}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-priority{justify-self:end;align-self:center}
    .dashboard-actions-card .dashboard-actions-table .dashboard-cell-due{justify-self:start;text-align:left}
}

/* 0.9.9 Beta minorfix8 - verzija u Mojem profilu + responsive operativne tablice */
.profile-version{margin:2px 2px 0;color:#98a2b3;font-size:14px;line-height:1.4}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* Moje radnje: ista logika koja se pokazala stabilnom na dashboardu. */
.my-actions-card{container:my-actions / inline-size}
.my-actions-card .my-actions-table-wrap{max-width:100%;min-width:0;overflow:visible}
.my-actions-card .my-actions-table{width:100%;min-width:0;table-layout:fixed}
.my-actions-card .my-actions-table th,
.my-actions-card .my-actions-table td{width:auto!important;min-width:0;padding-block:clamp(8px,calc(5px + .35cqi),12px);padding-inline:clamp(5px,calc(3px + .3cqi),8px);vertical-align:top}
.my-actions-card .my-actions-table th{font-size:clamp(11.5px,calc(10.6px + .14cqi),13px);line-height:1.3}
.my-actions-card .my-actions-table td{font-size:clamp(13.5px,calc(12px + .22cqi),15.5px);line-height:1.42;overflow-wrap:normal}
.my-actions-card .my-actions-col-case{width:clamp(10.5rem,17cqi,13.5rem)}
.my-actions-card .my-actions-col-action{width:auto}
.my-actions-card .my-actions-col-priority{width:clamp(4.8rem,6.2cqi,5.6rem)}
.my-actions-card .my-actions-col-status{width:clamp(7.1rem,8.8cqi,8rem)}
.my-actions-card .my-actions-col-due{width:clamp(7.4rem,9cqi,8.4rem)}
.my-actions-card .my-actions-col-creator{width:clamp(6.6rem,8cqi,7.5rem)}
.my-actions-card .my-actions-col-quick{width:clamp(7.3rem,9cqi,8.6rem)}
.my-actions-card .my-action-case span,
.my-actions-card .my-action-description,
.my-actions-card .my-action-completion{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;-webkit-line-clamp:unset}
.my-actions-card .my-action-case span,
.my-actions-card .my-action-description{font-size:clamp(14px,calc(12px + .28cqi),16px);line-height:1.42}
.my-actions-card .my-action-link .action-title-inline strong{font-size:clamp(13px,calc(11.6px + .2cqi),14.5px);line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.my-actions-card .my-action-link .action-emoji{font-size:clamp(15px,calc(13.5px + .22cqi),17px)}
.my-actions-card .my-action-case strong{font-size:clamp(11.5px,calc(10.3px + .18cqi),13px);line-height:1.3}
.my-actions-card .priority-text{font-size:clamp(11.5px,calc(10.4px + .16cqi),13px);white-space:nowrap}
.my-actions-card .status-with-icon{max-width:100%;font-size:clamp(12px,calc(10.8px + .18cqi),13.5px);white-space:nowrap}
.my-actions-card .dashboard-due{white-space:nowrap}
.my-actions-card .dashboard-due strong{font-size:clamp(12.5px,calc(11px + .22cqi),14.5px)!important;line-height:1.3}
.my-actions-card .dashboard-due span{font-size:clamp(12px,calc(10.5px + .22cqi),14px)!important;line-height:1.32}
.my-actions-card .my-action-creator{font-size:clamp(12px,calc(10.7px + .2cqi),14px);white-space:nowrap}
.my-actions-card .quick-complete-btn{max-width:100%;font-size:clamp(11.5px,calc(10.3px + .17cqi),13px);padding:7px 8px;white-space:normal;line-height:1.2}
.my-actions-card .my-actions-cell-quick form{margin:0}

@container my-actions (max-width:58rem){
  .my-actions-card .my-actions-col-case{width:9.4rem}
  .my-actions-card .my-actions-col-priority{width:4.5rem}
  .my-actions-card .my-actions-col-status{width:6.8rem}
  .my-actions-card .my-actions-col-due{width:7rem}
  .my-actions-card .my-actions-col-creator{width:6.2rem}
  .my-actions-card .my-actions-col-quick{width:7.2rem}
  .my-actions-card .my-actions-table th,.my-actions-card .my-actions-table td{padding-block:7px;padding-inline:5px}
}

@container my-actions (max-width:52rem){
  .my-actions-card .my-actions-table-wrap{overflow:visible;padding:10px}
  .my-actions-card .my-actions-table,.my-actions-card .my-actions-table tbody{display:block;width:100%}
  .my-actions-card .my-actions-table colgroup{display:none}
  .my-actions-card .my-actions-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
  .my-actions-card .my-actions-table tbody{display:grid;gap:10px}
  .my-actions-card .my-actions-table tbody>tr:not(.my-actions-empty-row){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"case status" "action action" "priority due" "creator quick";gap:8px 14px;padding:12px;border:1px solid #e4e7eb;border-radius:10px;background:#fff}
  .my-actions-card .my-actions-table tbody>tr:not(.my-actions-empty-row)>td{display:block;width:auto!important;min-width:0;padding:0;border-bottom:0}
  .my-actions-card .my-actions-cell-case{grid-area:case}.my-actions-card .my-actions-cell-action{grid-area:action;padding-top:2px!important}.my-actions-card .my-actions-cell-priority{grid-area:priority;align-self:center}.my-actions-card .my-actions-cell-status{grid-area:status;justify-self:end;align-self:start}.my-actions-card .my-actions-cell-due{grid-area:due;justify-self:end;text-align:right}.my-actions-card .my-actions-cell-creator{grid-area:creator;padding-top:7px!important;border-top:1px dashed #edf0f2!important}.my-actions-card .my-actions-cell-quick{grid-area:quick;justify-self:end;align-self:end;padding-top:7px!important;border-top:1px dashed #edf0f2!important}
  .my-actions-card .my-actions-cell-creator::before{content:attr(data-label) ":";display:inline-block;margin-right:7px;color:#667085;font-size:11px;font-weight:700}
  .my-actions-card .my-action-creator{display:inline-flex}
  .my-actions-card .my-action-case span,.my-actions-card .my-action-description{font-size:clamp(14px,3.8cqi,16px)}
  .my-actions-card .my-actions-empty-row td{display:block!important;padding:12px!important;border-bottom:0!important}
}

@container my-actions (max-width:30rem){
  .my-actions-card .my-actions-table tbody>tr:not(.my-actions-empty-row){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"case case" "action action" "status priority" "due due" "creator creator" "quick quick"}
  .my-actions-card .my-actions-cell-status{justify-self:start}.my-actions-card .my-actions-cell-priority{justify-self:end}.my-actions-card .my-actions-cell-due{justify-self:start;text-align:left}.my-actions-card .my-actions-cell-quick{justify-self:stretch}.my-actions-card .my-actions-cell-quick .quick-complete-btn{width:100%}
}

/* Predmeti: tablica na desktopu/laptopu, kartice tek kad komponenta vise nema mjesta. */
.cases-list-card{container:cases-list / inline-size}
.cases-list-card .cases-table-wrap{max-width:100%;min-width:0;overflow:visible}
.cases-list-card .cases-table{width:100%;min-width:0;table-layout:fixed}
.cases-list-card .cases-table th,.cases-list-card .cases-table td{width:auto!important;min-width:0;padding-block:clamp(8px,calc(5px + .3cqi),11px);padding-inline:clamp(4px,calc(2px + .28cqi),7px);vertical-align:middle;overflow-wrap:normal}
.cases-list-card .cases-table th{font-size:clamp(11px,calc(10px + .14cqi),12.5px);line-height:1.25}
.cases-list-card .cases-table td{font-size:clamp(13px,calc(11.6px + .2cqi),15px);line-height:1.4}
.cases-list-card .cases-col-number{width:clamp(8rem,9.5cqi,9.5rem)}
.cases-list-card .cases-col-subject{width:auto}
.cases-list-card .cases-col-category{width:clamp(6.2rem,7.5cqi,7.3rem)}
.cases-list-card .cases-col-owner{width:clamp(5.8rem,7cqi,6.8rem)}
.cases-list-card .cases-col-participants{width:clamp(6.1rem,7.3cqi,7rem)}
.cases-list-card .cases-col-priority{width:clamp(4.5rem,5.2cqi,5.2rem)}
.cases-list-card .cases-col-actions{width:clamp(4.7rem,5.5cqi,5.5rem)}
.cases-list-card .cases-col-activity{width:clamp(6.4rem,7.4cqi,7.3rem)}
.cases-list-card .cases-col-status{width:clamp(4.8rem,5.6cqi,5.5rem)}
.cases-list-card .cases-col-deadlines{width:clamp(8.5rem,10.5cqi,10.5rem)}
.cases-list-card .cases-cell-actions{text-align:center}
.cases-list-card .case-table-subject>strong{font-size:clamp(14px,calc(12px + .28cqi),16px);overflow-wrap:anywhere}
.cases-list-card .case-table-subject>span{max-width:100%;font-size:clamp(11.5px,calc(10.2px + .18cqi),13px)}
.cases-list-card .case-owner-compact,.cases-list-card .case-last-activity{font-size:clamp(12px,calc(10.7px + .18cqi),14px)}
.cases-list-card .case-overdue-summary{min-width:0}
.cases-list-card .case-overdue-summary strong{font-size:clamp(12px,calc(10.8px + .18cqi),14px);line-height:1.3}
.cases-list-card .case-overdue-summary span{font-size:clamp(11.5px,calc(10.2px + .18cqi),13px);line-height:1.3;white-space:normal;overflow-wrap:anywhere}

@container cases-list (max-width:82rem){
  .cases-list-card .cases-col-number{width:8rem}.cases-list-card .cases-col-category{width:6.3rem}.cases-list-card .cases-col-owner{width:5.8rem}.cases-list-card .cases-col-participants{width:6rem}.cases-list-card .cases-col-priority{width:4.5rem}.cases-list-card .cases-col-actions{width:4.5rem}.cases-list-card .cases-col-activity{width:6.3rem}.cases-list-card .cases-col-status{width:4.7rem}.cases-list-card .cases-col-deadlines{width:8.3rem}
  .cases-list-card .cases-table th,.cases-list-card .cases-table td{padding-inline:4px}
}

@container cases-list (max-width:70rem){
  .cases-list-card .cases-table-wrap{overflow:visible}
  .cases-list-card .cases-table,.cases-list-card .cases-table tbody{display:block;width:100%}
  .cases-list-card .cases-table colgroup{display:none}
  .cases-list-card .cases-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
  .cases-list-card .cases-table tbody{display:grid;gap:10px}
  .cases-list-card .cases-table tbody>tr:not(.cases-empty-row){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"number status" "subject subject" "category priority" "owner participants" "actions activity" "deadlines deadlines";gap:9px 16px;padding:12px;border:1px solid #e4e7eb;border-radius:10px;background:#fff}
  .cases-list-card .cases-table tbody>tr:not(.cases-empty-row)>td{display:block;width:auto!important;min-width:0;padding:0;border-bottom:0;text-align:left}
  .cases-list-card .cases-cell-number{grid-area:number}.cases-list-card .cases-cell-subject{grid-area:subject}.cases-list-card .cases-cell-category{grid-area:category}.cases-list-card .cases-cell-owner{grid-area:owner}.cases-list-card .cases-cell-participants{grid-area:participants}.cases-list-card .cases-cell-priority{grid-area:priority;justify-self:end}.cases-list-card .cases-cell-actions{grid-area:actions}.cases-list-card .cases-cell-activity{grid-area:activity;justify-self:end;text-align:right}.cases-list-card .cases-cell-status{grid-area:status;justify-self:end}.cases-list-card .cases-cell-deadlines{grid-area:deadlines;padding-top:8px!important;border-top:1px dashed #edf0f2!important}
  .cases-list-card .case-table-subject{gap:4px}.cases-list-card .case-table-subject>strong{font-size:clamp(15px,3.7cqi,17px)}.cases-list-card .case-table-subject>span{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:13px}
  .cases-list-card .cases-cell-category::before,.cases-list-card .cases-cell-owner::before,.cases-list-card .cases-cell-participants::before,.cases-list-card .cases-cell-actions::before,.cases-list-card .cases-cell-activity::before,.cases-list-card .cases-cell-deadlines::before{content:attr(data-label) ":";display:inline-block;margin-right:7px;color:#667085;font-size:11px;font-weight:700;vertical-align:middle}
  .cases-list-card .cases-cell-owner,.cases-list-card .cases-cell-participants,.cases-list-card .cases-cell-actions,.cases-list-card .cases-cell-activity{display:flex!important;align-items:center;gap:5px}
  .cases-list-card .cases-cell-activity{justify-content:flex-end}.cases-list-card .cases-cell-deadlines{display:block!important}.cases-list-card .case-overdue-summary{display:inline-flex;vertical-align:top}
  .cases-list-card .cases-empty-row td{display:block!important;padding:12px!important;border-bottom:0!important}
}

@container cases-list (max-width:32rem){
  .cases-list-card .cases-table tbody>tr:not(.cases-empty-row){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"number status" "subject subject" "category priority" "owner owner" "participants participants" "actions activity" "deadlines deadlines"}
  .cases-list-card .cases-cell-priority{justify-self:end}.cases-list-card .cases-cell-activity{justify-self:end}
}

/* Korisnici: admin tablica ostaje puna na radnom ekranu, a usko postaje kartica po korisniku. */
.users-page{max-width:1540px}
.users-list-card{container:users-list / inline-size;padding:18px 20px}
.users-list-card .users-table-wrap{max-width:100%;min-width:0;overflow:visible}
.users-list-card .users-table{width:100%;min-width:0;table-layout:fixed}
.users-list-card .users-table th,.users-list-card .users-table td{width:auto!important;min-width:0;padding-block:clamp(8px,calc(5px + .3cqi),11px);padding-inline:clamp(4px,calc(2px + .28cqi),7px);vertical-align:top;overflow-wrap:anywhere}
.users-list-card .users-table th{font-size:clamp(11px,calc(10px + .14cqi),12.5px);line-height:1.25}
.users-list-card .users-table td{font-size:clamp(13px,calc(11.6px + .2cqi),15px);line-height:1.4}
.users-list-card .users-col-user{width:clamp(12rem,16cqi,15rem)}
.users-list-card .users-col-role{width:clamp(7rem,9cqi,9rem)}
.users-list-card .users-col-level{width:4rem}
.users-list-card .users-col-permissions{width:auto}
.users-list-card .users-col-owner{width:5.2rem}
.users-list-card .users-col-org{width:7.3rem}
.users-list-card .users-col-admin{width:4.5rem}
.users-list-card .users-col-availability{width:clamp(8.3rem,10.5cqi,10rem)}
.users-list-card .users-col-account{width:6.8rem}
.users-list-card .users-col-edit{width:4.2rem}
.users-list-card .person-cell{min-width:0}.users-list-card .person-cell>div{min-width:0}.users-list-card .person-cell strong{overflow-wrap:anywhere}.users-list-card .person-cell .small{overflow-wrap:anywhere}

@container users-list (max-width:78rem){
  .users-list-card .users-col-user{width:11.5rem}.users-list-card .users-col-role{width:6.8rem}.users-list-card .users-col-level{width:3.6rem}.users-list-card .users-col-owner{width:4.6rem}.users-list-card .users-col-org{width:6.6rem}.users-list-card .users-col-admin{width:4rem}.users-list-card .users-col-availability{width:8rem}.users-list-card .users-col-account{width:6rem}.users-list-card .users-col-edit{width:3.8rem}
  .users-list-card .users-table th,.users-list-card .users-table td{padding-inline:4px}
}

@container users-list (max-width:64rem){
  .users-list-card .users-table-wrap{overflow:visible}
  .users-list-card .users-table,.users-list-card .users-table tbody{display:block;width:100%}
  .users-list-card .users-table colgroup{display:none}
  .users-list-card .users-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
  .users-list-card .users-table tbody{display:grid;gap:10px}
  .users-list-card .users-table tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"user account" "role level" "permissions permissions" "availability availability" "owner org" "admin edit";gap:9px 16px;padding:12px;border:1px solid #e4e7eb;border-radius:10px;background:#fff}
  .users-list-card .users-table tbody>tr>td{display:block;width:auto!important;min-width:0;padding:0;border-bottom:0;text-align:left}
  .users-list-card .users-cell-user{grid-area:user}.users-list-card .users-cell-role{grid-area:role}.users-list-card .users-cell-level{grid-area:level;justify-self:end}.users-list-card .users-cell-permissions{grid-area:permissions;padding-top:8px!important;border-top:1px dashed #edf0f2!important}.users-list-card .users-cell-owner{grid-area:owner}.users-list-card .users-cell-org{grid-area:org;justify-self:end;text-align:right}.users-list-card .users-cell-admin{grid-area:admin}.users-list-card .users-cell-availability{grid-area:availability}.users-list-card .users-cell-account{grid-area:account;justify-self:end;font-weight:700}.users-list-card .users-cell-edit{grid-area:edit;justify-self:end}
  .users-list-card .users-cell-role::before,.users-list-card .users-cell-level::before,.users-list-card .users-cell-permissions::before,.users-list-card .users-cell-owner::before,.users-list-card .users-cell-org::before,.users-list-card .users-cell-admin::before,.users-list-card .users-cell-availability::before,.users-list-card .users-cell-account::before{content:attr(data-label) ":";display:inline-block;margin-right:7px;color:#667085;font-size:11px;font-weight:700}
  .users-list-card .users-cell-edit a{display:inline-flex;padding:7px 10px;border:1px solid #dfe4e8;border-radius:8px;background:#fff;color:#1f5f8b;text-decoration:none;font-weight:700;font-size:13px}
}

@container users-list (max-width:32rem){
  .users-list-card .users-table tbody>tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"user user" "account account" "role level" "permissions permissions" "availability availability" "owner org" "admin edit"}
  .users-list-card .users-cell-account{justify-self:start}
}

/* 0.9.10 Beta: pažnja, osobni prečaci, radna bilješka, povezani predmeti i kontekstualna pomoć */
.dashboard-metric-attention span,.dashboard-metric-attention strong{color:#b35c00}
.dashboard-metric-link{text-decoration:none;color:inherit}
.dashboard-metric-scroll{-webkit-appearance:none;appearance:none;background:transparent;border-radius:0;font:inherit;font-weight:inherit;text-align:left}
.dashboard-metric-link:hover span,.dashboard-metric-link:hover strong{color:inherit}
.dashboard-metric-alert.dashboard-metric-link:hover span,.dashboard-metric-alert.dashboard-metric-link:hover strong{color:#b42318}
.dashboard-metric-attention.dashboard-metric-link:hover span,.dashboard-metric-attention.dashboard-metric-link:hover strong{color:#b35c00}
.dashboard-work-note-icon{display:inline-block;margin-left:5px;font-size:13px;line-height:1;vertical-align:1px}
#predmeti-traze-paznju{scroll-margin-top:84px}
[data-attention-focus]{outline:none}
.insight-attention-card .insight-card-head{margin-bottom:10px}
.insight-attention-list{display:flex;flex-direction:column;max-height:222px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.insight-attention-item{display:block;padding:8px 0;border-top:1px solid #edf0f2;color:#17202a;text-decoration:none;min-width:0}
.insight-attention-item:first-child{border-top:0;padding-top:1px}
.insight-attention-item:hover .insight-attention-title strong{color:#1f5f8b}
.insight-attention-title{display:flex;align-items:baseline;gap:5px;min-width:0;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden}
.insight-attention-number{font-weight:400;flex:0 0 auto}
.insight-attention-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insight-attention-detail{display:flex;align-items:baseline;min-width:0;margin-top:4px;color:#475467;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden}
.insight-attention-reasons{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.insight-attention-empty{margin:0;font-size:12px;color:#667085}

.timeline-new-separator{position:relative;display:flex;align-items:center;gap:10px;margin:1px 0 18px;color:#1f5f8b;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.timeline-new-separator::before,.timeline-new-separator::after{content:"";height:1px;background:#b8d5e7;flex:1}
.timeline-new-separator span{white-space:nowrap}
.timeline-new-item .timeline-content{background:#f8fbfd;border-radius:9px;padding:7px 9px;margin:-7px -9px 0}

.case-work-note,.case-related{margin-top:17px;padding-top:14px;border-top:1px solid #edf0f2}
.case-work-note-details{width:100%;max-width:820px;border:1px solid #e3e8ed;border-radius:10px;background:#fbfcfd;overflow:hidden}
.case-work-note-details>summary{cursor:pointer;list-style:none;padding:11px 13px;color:#344054;font-size:14px;font-weight:800;user-select:none}
.case-work-note-details>summary::-webkit-details-marker{display:none}
.case-work-note-details>summary::after{content:"▾";float:right;color:#667085;font-size:12px;transition:transform .15s ease}
.case-work-note-details[open]>summary::after{transform:rotate(180deg)}
.case-work-note-body{padding:13px;border-top:1px solid #e8edf2;background:#fff}
.case-work-note-current>p:first-child{margin-top:0}
.work-note-text{white-space:normal;overflow-wrap:anywhere;line-height:1.55}
.case-work-note-current>.small{margin:9px 0 0}
.work-note-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.work-note-edit-form{margin-top:13px;padding-top:13px;border-top:1px dashed #e4e7eb}
.work-note-edit-form textarea{min-height:150px}
.work-note-history-dialog{max-height:calc(100vh - 48px)}
.work-note-history-dialog .dialog-body{max-height:min(62vh,640px);overflow-y:auto;overscroll-behavior:contain}
.work-note-history-list{display:flex;flex-direction:column;gap:12px}
.work-note-version{padding:13px 14px;border:1px solid #e4e7eb;border-radius:10px;background:#fbfcfd}
.work-note-version-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.work-note-version p{margin:0}

.case-related .case-links-head{align-items:center}
.case-related h3{margin:2px 0 10px;font-size:14px}
.related-case-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.related-case-row{position:relative;display:flex;align-items:stretch;min-width:0;border:1px solid #e3e7eb;border-radius:10px;background:#fbfcfd;overflow:hidden}
.related-case-row>a{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;padding:10px 34px 10px 12px;color:#17202a;text-decoration:none}
.related-case-row>a:hover{background:#f4f7fa}
.related-case-row>a>span:first-child{min-width:0}
.related-case-row strong,.related-case-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related-case-row small{margin-top:2px;color:#667085}
.related-case-row form{position:absolute;right:4px;top:50%;transform:translateY(-50%);margin:0}
.related-add-btn{white-space:nowrap}

.view-shortcuts{margin:0 0 12px}
.view-shortcuts-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.view-shortcut-chip{display:inline-flex;align-items:stretch;min-width:0;border:1px solid #dfe4e8;border-radius:9px;background:#fff;overflow:visible}
.view-shortcut-chip.is-active{border-color:#8db4cf;background:#f1f6fa;box-shadow:0 0 0 2px rgba(31,95,139,.06)}
.view-shortcut-chip>a{display:inline-flex;align-items:center;max-width:190px;padding:7px 9px;color:#344054;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.view-shortcut-chip.is-active>a{color:#1f5f8b}
.view-shortcut-menu{position:relative;border-left:1px solid #edf0f2}
.view-shortcut-menu>summary{display:flex;align-items:center;justify-content:center;width:30px;height:100%;min-height:32px;list-style:none;cursor:pointer;color:#667085;font-weight:800}
.view-shortcut-menu>summary::-webkit-details-marker{display:none}
.view-shortcut-menu>summary:hover,.view-shortcut-menu[open]>summary{background:#f2f4f7;color:#344054}
.view-shortcut-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:132px;padding:5px;background:#fff;border:1px solid #e4e7eb;border-radius:9px;box-shadow:0 10px 24px rgba(16,24,40,.12)}
.view-shortcut-menu button{display:block;width:100%;padding:7px 8px;border-radius:6px;background:transparent;color:#344054;text-align:left;font-size:13px}
.view-shortcut-menu button:hover{background:#f2f4f7}
.view-shortcut-menu .danger-text{color:#a83a3a}
.view-shortcut-save{padding:8px 10px;font-size:13px}
.shortcut-dialog{width:min(520px,calc(100% - 32px))}

.case-link-source-context{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.case-link-source-context strong{color:#344054}
.case-link-source-context span{color:#667085}
.case-link-source-context a{margin-left:auto;color:#1f5f8b;font-size:13px;font-weight:700;text-decoration:none}
.case-link-select-action{display:flex!important;align-items:center;gap:7px;margin-top:6px;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.case-link-select-action form{margin:0}
.case-link-select-action button{padding:6px 9px;font-size:12px}
.case-linked-state{display:inline-flex!important;padding:4px 7px;border-radius:999px;background:#ecfdf3;color:#18733e;font-size:11px;font-weight:800}

.help-link{border:0;background:transparent;font:inherit;font-size:18px;font-weight:800;padding:0;box-shadow:none;flex:0 0 auto}
.help-link:hover{background:#f2f4f7;color:#17202a}
.workflow-help-dialog{max-height:calc(100vh - 48px)}
.workflow-help-body{max-height:min(64vh,660px);overflow-y:auto;overscroll-behavior:contain}
.workflow-help-body h3{margin:2px 0 8px;font-size:16px;color:#25313c}
.workflow-help-body h3:not(:first-child){margin-top:20px}
.workflow-help-body p{margin:0 0 12px;color:#344054;line-height:1.6}
.workflow-help-body p:last-child{margin-bottom:0}
.help-admin-container{max-width:940px}
.help-screen-picker{max-width:520px}
.help-blocks-card .card-head{align-items:flex-start}
.help-add-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.help-admin-block-list{display:flex;flex-direction:column;gap:10px}
.help-admin-block{padding:12px 14px;border:1px solid #e4e7eb;border-radius:10px;background:#fbfcfd}
.help-admin-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.help-block-type{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef2f6;color:#475467;font-size:10px;font-weight:800;letter-spacing:.06em}
.help-admin-order-actions{display:flex;gap:5px}
.help-admin-order-actions form{margin:0}
.help-admin-order-actions .icon-btn{width:30px;height:30px;padding:0;border:1px solid #dfe4e8;background:#fff;color:#475467;border-radius:7px}
.help-admin-order-actions .icon-btn:disabled{opacity:.35;cursor:not-allowed}
.help-admin-preview{margin-top:9px;color:#475467;line-height:1.5;overflow-wrap:anywhere}
.help-admin-preview.is-heading{font-size:15px;font-weight:800;color:#25313c}
.help-block-edit{margin-top:10px;border-top:1px dashed #e4e7eb;padding-top:8px}
.help-block-edit>summary{cursor:pointer;color:#1f5f8b;font-size:13px;font-weight:700}
.help-block-edit form{margin-top:10px}
.help-delete-form{margin:8px 0 0}

@media(max-width:800px){
  .work-note-version-head{align-items:flex-start;flex-direction:column;gap:3px}
  .related-case-list{grid-template-columns:1fr}
  .case-link-source-context a{width:100%;margin-left:0}
}
@media(max-width:700px){
  .dashboard-metric{padding-inline:10px}
  .dashboard-metric:nth-of-type(3){border-right:1px solid #e4e7eb}
  .view-shortcut-chip>a{max-width:150px}
  .help-add-actions{width:100%}
}