@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Revalia&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap";.onboarding-dialog{--lumo-border-radius-l: 16px;border-radius:var(--lumo-border-radius-l);box-shadow:0 8px 32px #0000001f}@media (max-width: 768px){.onboarding-dialog{width:95vw!important;max-width:95vw!important;height:85vh!important;max-height:85vh!important;margin:var(--lumo-space-s)!important}.onboarding-dialog vaadin-dialog-overlay{padding:var(--lumo-space-xs)!important}.onboarding-navigation{position:sticky!important;bottom:0!important;background:#fff!important;border-top:1px solid var(--lumo-contrast-10pct)!important;z-index:100!important;padding-bottom:env(safe-area-inset-bottom)!important}.onboarding-dialog vaadin-button{min-height:44px!important;touch-action:manipulation!important}.onboarding-step-content{padding:var(--lumo-space-s)!important}.onboarding-dialog h2{font-size:var(--lumo-font-size-xl)!important}.onboarding-dialog h3{font-size:var(--lumo-font-size-l)!important}}.onboarding-step-content{padding:var(--lumo-space-l);text-align:left}.onboarding-step-content h2{color:var(--lumo-primary-color);margin-bottom:var(--lumo-space-m)}.onboarding-step-content h3{color:var(--lumo-primary-text-color);margin-bottom:var(--lumo-space-s)}.onboarding-step-content ul{padding-left:var(--lumo-space-m)}.onboarding-step-content li{margin-bottom:var(--lumo-space-xs);line-height:1.6}.onboarding-welcome{text-align:center;padding:var(--lumo-space-xl)}.onboarding-welcome h2{font-size:var(--lumo-font-size-xxl);margin-bottom:var(--lumo-space-s)}.onboarding-welcome h3{color:var(--lumo-secondary-text-color);font-weight:400;margin-bottom:var(--lumo-space-l)}.onboarding-navigation{padding:var(--lumo-space-m);border-top:1px solid var(--lumo-contrast-10pct);background:var(--lumo-contrast-5pct)}.onboarding-step-indicator{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:500}.onboarding-feature-icon{color:var(--lumo-primary-color);margin-bottom:var(--lumo-space-m)}@media (max-width: 768px){.onboarding-dialog{width:95vw!important;height:90vh!important;max-width:none!important}.onboarding-step-content{padding:var(--lumo-space-m)}.onboarding-welcome{padding:var(--lumo-space-l)}.onboarding-welcome h2{font-size:var(--lumo-font-size-xl)}}.onboarding-step-content{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-highlight{background:var(--lumo-primary-color-10pct);border-left:4px solid var(--lumo-primary-color);padding:var(--lumo-space-s) var(--lumo-space-m);margin:var(--lumo-space-m) 0;border-radius:var(--lumo-border-radius-m)}.onboarding-highlight p{margin:0;color:var(--lumo-primary-text-color);font-weight:500}:root{--lumo-font-family:"Ubuntu", "Lato" , "Montserrat", "Roboto", sans-serif}html{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";height:100%}.styled-grid{border-radius:.5rem;box-shadow:0 2px 6px #0000001a;border:1px solid var(--lumo-contrast-10pct);overflow:hidden}.styled-grid::part(row):hover{background-color:var(--lumo-contrast-5pct)}.tagTitles{background:var(--lumo-contrast-80pct);color:var(--lumo-base-color);padding:var(--lumo-space-s) var(--lumo-space-m);margin:0 0 var(--lumo-space-m) 0;border-radius:var(--lumo-border-radius-m);text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--lumo-box-shadow-xs)}.title{display:inline-block;background-color:#00000080;color:#fff;padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);box-shadow:0 2px 4px #0000004d;text-shadow:none;margin:var(--lumo-space-s) 0;text-space:var(--lumo-space-xl)}.layout{background-color:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #0003;padding:1.5rem}body{background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;height:100vh;margin:0}.main-layout::part(navbar){background-color:#1c2833;color:#fff;box-shadow:var(--lumo-box-shadow-s);padding:0 var(--lumo-space-m)}.main-layout [slot=navbar] h1,.main-layout [slot=navbar] vaadin-icon,.main-layout [slot=navbar] vaadin-drawer-toggle{color:#fff}.main-layout .main-layout-avatar{border:2px solid var(--lumo-primary-contrast-color);background-color:#fff}.resident-case-card{cursor:grab;border-top:5px solid transparent;transition:box-shadow .2s;background-color:var(--lumo-base-color)}.resident-case-card:hover{box-shadow:var(--lumo-box-shadow-m)}.kanban-board{display:flex;flex-wrap:wrap;gap:var(--lumo-space-m);width:100%}.kanban-column{flex:1 1 300px;min-width:280px}.kanban-toolbar,.cases-toolbar,.file-archive-toolbar{display:flex;flex-wrap:wrap;gap:var(--lumo-space-m);align-items:center}.kanban-search,.cases-search,.file-search{flex:1 1 200px;min-width:200px}.kanban-column h3{background:var(--lumo-contrast-60pct);color:var(--lumo-base-color);padding:var(--lumo-space-s) var(--lumo-space-m);margin:0 0 var(--lumo-space-m) 0;border-radius:var(--lumo-border-radius-m);text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--lumo-box-shadow-xs)}.kanban-card{cursor:grab;border-top:5px solid transparent;transition:box-shadow .2s;background-color:var(--lumo-base-color)}.kanban-card:hover{box-shadow:var(--lumo-box-shadow-m)}.status-predlog{border-top-color:var(--lumo-primary-color-50pct)}.status-v-delu{border-top-color:var(--lumo-warning-color)}.status-zakljuceno{border-top-color:var(--lumo-success-color)}.top-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;background:#fff;align-items:center;box-shadow:0 3px 4px #0000000d;border-bottom:1px solid var(--lumo-shade-20pct);z-index:1}@media (max-width: 768px){.top-toolbar{flex-direction:column;align-items:stretch}}.recording-active{color:red;animation:blinker 1.5s linear infinite}@keyframes blinker{50%{opacity:.3}}@keyframes bell-ring{0%{transform:rotate(0)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}.announcement-card{background-color:#fff!important;border-radius:var(--lumo-border-radius-l);box-shadow:0 2px 8px #0000001a;padding:var(--lumo-space-l);margin-bottom:var(--lumo-space-l);transition:box-shadow .2s ease,transform .1s ease;border:none}.bulletin-board-view .layout{background-color:#fff!important}.announcement-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.announcement-card.pinned{background-color:#fff!important;border-left:4px solid var(--lumo-primary-color)}.announcement-card.urgent{background-color:#fff!important;border-left:4px solid var(--lumo-error-color);box-shadow:0 2px 12px #d6336c33}.announcement-card.type-info{border-left:4px solid var(--lumo-contrast-60pct)}.announcement-card.type-warning{border-left:4px solid var(--lumo-warning-color)}.announcement-card.type-urgent{border-left:4px solid var(--lumo-error-color)}.announcement-card.type-event{border-left:4px solid var(--lumo-primary-color)}.announcement-card.type-maintenance{border-left:4px solid var(--lumo-success-color)}.announcement-content{line-height:1.6;font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color);margin:var(--lumo-space-m) 0}.priority-indicator{border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;margin-left:var(--lumo-space-xs)}.priority-indicator.low{background-color:var(--lumo-success-color)}.priority-indicator.normal{background-color:var(--lumo-contrast-60pct)}.priority-indicator.high{background-color:var(--lumo-warning-color)}.priority-indicator.critical{background-color:var(--lumo-error-color);animation:pulse 1.5s infinite}.priority-indicator vaadin-icon{color:#fff;width:12px;height:12px}.pin-icon{color:var(--lumo-primary-color);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 768px){vaadin-side-nav-item span:not([slot=prefix]):not([slot=suffix]){display:none!important}vaadin-app-layout[drawer-opened] [slot=drawer]{width:auto!important;min-width:auto!important}vaadin-side-nav-item a{padding-left:var(--lumo-space-s)!important;padding-right:var(--lumo-space-s)!important}.main-layout-title{display:none!important}.notification-bell-component{display:flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;flex-grow:0!important;margin-right:var(--lumo-space-xs)!important;margin-left:var(--lumo-space-xs)!important;z-index:10!important;min-width:44px!important;width:44px!important;height:44px!important;order:998!important}.notification-bell-component vaadin-button{display:flex!important;visibility:visible!important;opacity:1!important;min-width:40px!important;width:40px!important;height:40px!important;flex-shrink:0!important;color:#fff!important}.notification-bell-component vaadin-button vaadin-icon{color:#fff!important;fill:#fff!important;stroke:#fff!important;stroke-width:1px!important;filter:drop-shadow(0 0 1px rgba(255,255,255,.8))!important;font-weight:700!important}.main-layout-avatar{order:999!important;margin-left:var(--lumo-space-xs)!important}.login-view-container{max-width:calc(100vw - 2rem)!important;width:calc(100vw - 2rem)!important;padding:var(--lumo-space-m)!important;margin:0 auto!important}vaadin-form-layout.layout{max-width:100%!important;width:100%!important;border-radius:var(--lumo-border-radius-l)!important;padding:var(--lumo-space-l)!important;margin:var(--lumo-space-s) 0!important;box-shadow:0 4px 16px #0003!important}vaadin-form-layout.layout vaadin-email-field,vaadin-form-layout.layout vaadin-password-field,vaadin-form-layout.layout vaadin-button,vaadin-form-layout.layout vaadin-checkbox{width:100%!important;max-width:100%!important}vaadin-dialog[aria-label]{max-width:calc(100vw - 2rem)!important;width:calc(100vw - 2rem)!important;margin:var(--lumo-space-s)!important}vaadin-dialog vaadin-form-layout{max-width:100%!important;width:100%!important}vaadin-dialog vaadin-form-layout>*{width:100%!important;max-width:100%!important}.main-layout [slot=navbar]{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 var(--lumo-space-s)!important;min-height:56px!important;overflow:visible!important}.main-layout [slot=navbar]>*:not(.notification-bell-component){flex-shrink:1;margin-right:var(--lumo-space-xs)}.main-layout [slot=navbar] .notification-bell-component{flex-shrink:0!important;flex-grow:0!important;margin-left:auto!important;margin-right:var(--lumo-space-s)!important}@media (max-width: 350px){.main-layout [slot=navbar] .language-switcher{display:none!important}}vaadin-form-layout[responsive-steps*="0"] vaadin-form-item{width:100%!important;max-width:100%!important}vaadin-form-layout[responsive-steps*="0"] vaadin-form-item>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important}@media (max-width: 767px){vaadin-form-layout vaadin-text-field,vaadin-form-layout vaadin-text-area,vaadin-form-layout vaadin-combo-box,vaadin-form-layout vaadin-multi-select-combo-box,vaadin-form-layout vaadin-date-picker,vaadin-form-layout vaadin-radio-group{width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box!important}vaadin-form-layout vaadin-text-field::part(input-field),vaadin-form-layout vaadin-text-area::part(input-field),vaadin-form-layout vaadin-combo-box::part(input-field),vaadin-form-layout vaadin-date-picker::part(input-field){width:100%!important}}.top-toolbar vaadin-combo-box{flex-shrink:0!important;min-width:200px!important;width:300px!important;max-width:300px!important;display:flex!important;visibility:visible!important;order:-1!important;margin-right:var(--lumo-space-s)!important}.layout{padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);margin:var(--lumo-space-s)}.title{padding:var(--lumo-space-xs) var(--lumo-space-s);font-size:var(--lumo-font-size-l)}.kanban-board{flex-direction:column!important;flex-wrap:nowrap!important}.kanban-column{flex:0 0 auto!important;min-width:100%!important;width:100%!important;max-width:100%!important;margin-bottom:var(--lumo-space-m)}.kanban-card{margin-bottom:var(--lumo-space-s)}.top-toolbar vaadin-combo-box{flex-shrink:0!important;min-width:150px!important;width:200px!important;max-width:250px!important;order:-1!important;margin-bottom:var(--lumo-space-xs)!important;display:flex!important;visibility:visible!important}.kanban-toolbar,.cases-toolbar,.file-archive-toolbar{flex-wrap:wrap!important;gap:var(--lumo-space-xs)!important}.kanban-toolbar>*,.cases-toolbar>*,.file-archive-toolbar>*{flex:1 1 auto;min-width:150px;margin:0!important}.kanban-search,.cases-search,.file-search{flex:2 1 200px;min-width:200px;margin:0!important}.kanban-toolbar vaadin-text-field,.cases-toolbar vaadin-text-field,.file-archive-toolbar vaadin-text-field{margin:0!important}.kanban-toolbar vaadin-button,.cases-toolbar vaadin-button,.file-archive-toolbar vaadin-button{margin:0!important}.kanban-toolbar vaadin-combo-box,.cases-toolbar vaadin-combo-box,.file-archive-toolbar vaadin-combo-box{margin:0!important;flex-shrink:0!important;min-width:150px!important;display:flex!important;visibility:visible!important}.top-toolbar{padding:var(--lumo-space-xs) var(--lumo-space-s)!important;height:auto!important;flex-wrap:wrap!important;gap:var(--lumo-space-xs)!important}.top-toolbar>*{margin:0!important}.top-toolbar vaadin-text-field{min-width:150px;flex:1 1 auto}.top-toolbar vaadin-combo-box,.top-toolbar vaadin-multi-select-combo-box{min-width:150px!important;width:200px!important;max-width:250px!important;flex:0 0 auto!important;flex-shrink:0!important;display:flex!important;visibility:visible!important;order:-1!important}.top-toolbar vaadin-button{flex:0 0 auto}.announcement-card{padding:var(--lumo-space-m);margin-bottom:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m)}.search-container{width:100%}.button-filters{flex-wrap:wrap;justify-content:flex-start}.button-filters vaadin-combo-box.type-filter{width:150px;min-width:120px}.button-filters vaadin-button{font-size:var(--lumo-font-size-s);padding:var(--lumo-space-xs) var(--lumo-space-s)}.announcement-card:hover{box-shadow:0 2px 8px #0000001a;transform:none}.priority-indicator{width:20px;height:20px;margin-left:var(--lumo-space-xs)}.priority-indicator vaadin-icon{width:10px;height:10px}.announcement-content{font-size:var(--lumo-font-size-s);margin:var(--lumo-space-s) 0}.resident-case-card{margin-bottom:var(--lumo-space-s)}vaadin-grid{font-size:var(--lumo-font-size-s)}vaadin-grid vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-s)}vaadin-grid [data-column-priority=low]{display:none}}@media (max-width: 480px){.layout{padding:var(--lumo-space-s);margin:var(--lumo-space-xs)}.title{padding:var(--lumo-space-xs);font-size:var(--lumo-font-size-m)}.kanban-board{flex-direction:column!important}.kanban-column{min-width:100%!important;width:100%!important;flex:0 0 auto!important}.announcement-card{padding:var(--lumo-space-s);margin-bottom:var(--lumo-space-s)}.button-filters{flex-direction:column;align-items:stretch}.button-filters vaadin-combo-box.type-filter{width:100%;margin-bottom:var(--lumo-space-s)}.button-filters vaadin-button{width:100%;margin-bottom:var(--lumo-space-xs);justify-content:center}.bulletin-header{flex-direction:column;align-items:stretch!important;justify-content:flex-start!important}.bulletin-header>*{margin-bottom:var(--lumo-space-s);justify-content:center}.bulletin-header vaadin-text-field{width:100%!important}.file-archive-header{flex-direction:column;align-items:stretch!important;justify-content:flex-start!important}.file-archive-header vaadin-text-field{width:100%!important}.admin-deleted-cases-header{flex-direction:column;align-items:stretch!important;justify-content:flex-start!important}.admin-deleted-cases-header vaadin-text-field{width:100%!important}.admin-deleted-announcements-header{flex-direction:column;align-items:stretch!important;justify-content:flex-start!important}.admin-deleted-announcements-header vaadin-text-field{width:100%!important}}@media (min-width: 481px){.file-archive-header{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}.file-archive-header vaadin-text-field{width:300px!important}.admin-deleted-cases-header{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}.admin-deleted-cases-header vaadin-text-field{width:300px!important}.admin-deleted-announcements-header{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}.admin-deleted-announcements-header vaadin-text-field{width:300px!important}}@media (max-width: 480px){.priority-indicator{width:18px;height:18px}.priority-indicator vaadin-icon{width:8px;height:8px}.announcement-content{font-size:var(--lumo-font-size-xs)}vaadin-grid{font-size:var(--lumo-font-size-xs)}vaadin-grid vaadin-grid-cell-content{padding:var(--lumo-space-xs)}vaadin-grid [data-column-priority=medium]{display:none}}@media (max-width: 600px){vaadin-form-layout{--vaadin-form-layout-column-spacing: 0}vaadin-horizontal-layout.button-group{flex-direction:column}vaadin-horizontal-layout.button-group vaadin-button{width:100%;margin-bottom:var(--lumo-space-xs)}}.subtask-row{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;border-radius:var(--lumo-border-radius-s);padding:var(--lumo-space-xs);margin:var(--lumo-space-xs) 0;border:1px solid transparent}.subtask-row:hover{background-color:var(--lumo-contrast-5pct);box-shadow:0 2px 4px #0000001a}.subtask-row[data-dragging=true]{background-color:var(--lumo-contrast-10pct);box-shadow:0 4px 12px #00000026;transform:scale(1.02);border-color:var(--lumo-primary-color)}.subtask-row[data-drag-over=true]{background-color:var(--lumo-primary-color-10pct);border-color:var(--lumo-primary-color);border-style:dashed}.subtask-drag-handle{cursor:grab;color:var(--lumo-contrast-50pct);margin-right:var(--lumo-space-xs);transition:color .2s ease,transform .2s ease;padding:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-s)}.subtask-drag-handle:hover{color:var(--lumo-contrast-70pct);background-color:var(--lumo-contrast-5pct);transform:scale(1.1)}.subtask-row:active .subtask-drag-handle{cursor:grabbing}.subtask-row:hover .subtask-drag-handle{color:var(--lumo-primary-color)}.text-xs{font-size:var(--lumo-font-size-xs)}.text-secondary{color:var(--lumo-secondary-text-color)}@media (max-width: 768px){.case-dialog-footer{flex-direction:column!important;align-items:stretch!important;gap:var(--lumo-space-s)!important;width:100%!important}.case-dialog-footer vaadin-button{width:100%!important;margin:0!important;min-width:auto!important}.case-dialog-footer a{width:100%!important;display:block!important}.case-dialog-footer a vaadin-button{width:100%!important;display:block!important}vaadin-dialog-overlay{margin:var(--lumo-space-s)!important;max-width:calc(100vw - 2 * var(--lumo-space-s))!important}}