.board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 10px}.board-heading h1{font-size:27px;margin:7px 0 0}.board-actions{display:flex;gap:8px;flex-wrap:wrap}.board-actions .button{font-size:12px;padding:9px 12px}.board-hint{color:#6c7b8d;font-size:12px;margin:10px 0 16px}.board-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;padding:12px;border:1px solid #e0e7ee;background:#f6f8fb;border-radius:13px;position:sticky;top:8px;z-index:3}.board-target{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 11px;border:1px solid #d6e2ec;background:white;color:#173b55;text-align:left;border-radius:8px;min-height:63px;transition:background .12s,border-color .12s}.board-target strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.board-target span{font-size:11px;color:#768597;font-weight:400}.board-target.selected{border-color:#26a3ba;background:#edf9fb}.board-target.drag-over{background:#d7f4ee;border:2px solid #15977c;padding:9px 10px;box-shadow:0 0 0 3px #15977c18}.board-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 4px}.board-show-all{background:#eef4f8;color:#476479;font-size:12px;padding:9px 12px}.board-show-all.selected{background:#173b55;color:white}.board-search{flex:1;min-width:150px;max-width:410px}.board-search input{width:100%;border:1px solid #dce4ec;background:#f9fafc;border-radius:8px;padding:9px 11px;font-size:12px}.board-shown{font-size:11px;color:#748295}.board-status{min-height:18px;font-size:12px;margin:6px 0 10px}.board-status:empty{padding:0;background:transparent}.employee-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px;align-items:start}.employee-tile{min-width:0;border:1px solid #dce4ec;border-radius:10px;padding:12px 13px 9px;background:white;transition:border-color .12s,box-shadow .12s}.employee-tile[draggable=true]{cursor:grab}.employee-tile:hover{border-color:#9cbcca;box-shadow:0 3px 12px #1c3b5310}.employee-tile[hidden]{display:none}.employee-tile.dragging{opacity:.45}.employee-tile-top{display:flex;align-items:flex-start;gap:6px;justify-content:space-between}.employee-tile-name{font-size:13px;font-weight:650;line-height:1.45;color:#18374e;overflow-wrap:anywhere}.tile-grip{flex:0 0 23px;padding:1px 3px;color:#8b9baa;background:transparent;border-radius:4px;cursor:grab;touch-action:none}.tile-grip svg{width:14px;height:20px;fill:currentColor;display:block}.employee-tile-title{font-size:12px;line-height:1.4;margin:4px 0;color:#506578;overflow-wrap:anywhere}.employee-tile-department{font-size:11px;line-height:1.4;color:#70869a;margin:0 0 9px;overflow-wrap:anywhere}.employee-tile-footer{display:flex;gap:7px;align-items:flex-start;justify-content:space-between;border-top:1px solid #edf1f5;padding-top:7px}.employee-tile-footer>small{font-size:9px;line-height:1.5;max-width:65%;color:#8694a3}.tile-move{font-size:10px;text-align:right;max-width:100%;flex:1}.tile-move summary{color:#216579;cursor:pointer;list-style:none}.tile-move[open]{width:100%;flex:1 0 100%;text-align:left}.employee-tile-footer:has(.tile-move[open]){flex-wrap:wrap}.board-move-form{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.board-move-form label{width:100%;min-width:0}.board-move-form select{width:100%;max-width:100%;padding:7px 5px;font-size:11px;border:1px solid #d6e2ec;border-radius:6px;background:white}.board-move-form button{font-size:11px;padding:7px 10px}.tile-protected{font-size:10px;color:#7c8a99}.board-empty{font-size:13px;color:#7c8a99}.board-drag-ghost{position:fixed;pointer-events:none;z-index:20;padding:9px 13px;background:#173b55;color:white;border-radius:8px;font-size:12px;box-shadow:0 6px 18px #1234;max-width:220px}.board-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #d6e3ee;background:#f5f9fc;border-radius:10px;margin:16px 0;font-size:13px}.board-entry span{color:#6e8294;font-size:11px}.board-entry .button{font-size:12px;padding:8px 12px}.department-layout.board-services-only{display:block}.board-entry .person-access{margin:0}
.tile-move{margin:0}.tile-move summary{padding:0;background:transparent;border-radius:0;line-height:1.6}
#employee-board[data-unassigned] .person-actions{width:100%;margin-top:8px}
#employee-board[data-unassigned] .person-delete{box-sizing:border-box;width:100%;min-width:0;padding:8px 6px;font-size:11px}
#employee-board[data-unassigned] .person-delete span{white-space:normal;overflow-wrap:anywhere}
.board-embedded{margin:0;padding:0 15px 15px;min-width:0}.department-disclosure{border:1px solid #d6e3ee;background:#fff;border-radius:10px;margin:16px 0}.department-disclosure>summary{padding:15px;background:#f5f9fc;border-radius:10px;font-size:16px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.department-disclosure>summary::-webkit-details-marker{display:none}.department-disclosure>summary:after{content:"+";font-size:20px;font-weight:400;color:#52758b}.department-disclosure[open]>summary:after{content:"−"}.department-disclosure>summary:focus-visible{outline:2px solid #26a3ba;outline-offset:2px}.department-permissions .board-services-only{margin:0;padding:15px}.department-permissions .service-settings:last-child{margin-bottom:0}
@media(max-width:600px){.board-heading{align-items:flex-start;flex-direction:column;gap:10px}.board-heading h1{font-size:24px}.board-targets{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:6px;top:0}.board-target{padding:8px;min-height:57px}.board-target.drag-over{padding:7px}.employee-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.employee-tile{padding:9px 8px}.employee-tile-name{font-size:12px}.employee-tile-title{font-size:11px}.employee-tile-department{font-size:10px}.employee-tile-footer>small{font-size:8px}.board-entry{flex-wrap:wrap}.board-search{max-width:none}.board-shown{margin-left:auto}}
@media(max-width:360px){.employee-tiles{grid-template-columns:1fr}}
.company-summary[href]{cursor:pointer}.company-summary[href]:hover,.company-summary[aria-current="true"]{outline:2px solid #26a3ba;outline-offset:2px}.company-summary[href]:focus-visible{outline:3px solid #26a3ba;outline-offset:3px}

/* PLANGIGA company page. Keep the theme on the map and its inline workspace. */
@font-face{
  font-family:Manrope;src:url('./manrope-cyrillic.woff2') format('woff2');
  font-style:normal;font-weight:200 800;font-display:swap;
  unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F;
}
@font-face{
  font-family:Manrope;src:url('./manrope-latin.woff2') format('woff2');
  font-style:normal;font-weight:200 800;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD;
}
html:has(.company-map){background:#F7F6F2}
body:has(.company-map){
  --company-yellow:#EBC017;
  --company-ink:#14140F;
  --company-paper:#F7F6F2;
  --company-muted:#706F65;
  --company-line:#E5E2D9;
  --company-connector:#C9BA7D;
  color:var(--company-ink);background:var(--company-paper);
  font-family:Manrope,'Segoe UI',system-ui,sans-serif;
}
body:has(.company-map) .sheet{
  border-color:var(--company-line);
  box-shadow:0 10px 30px rgb(20 20 15 / 5%);
}
body:has(.company-map) :focus-visible{
  outline:3px solid #8A6E00;outline-offset:3px;
}
body:has(.company-map) a:where(:not(.danger-link):not(.staff-action):not(.person-delete)){
  color:var(--company-ink);
}
body:has(.company-map) header{border-color:var(--company-line)}
body:has(.company-map) .brand{color:var(--company-ink)}
body:has(.company-map) .mark{
  background:var(--company-yellow);color:var(--company-ink);border-radius:12px;
}
body:has(.company-map) header nav>a:not(.plangiga-connect-launcher){
  padding:10px 0;font-weight:600;
}
body:has(.company-map) header nav>a[href='/servisi/nastroyki/']{
  padding:10px 14px;border-radius:10px;background:#FBF0C8;
}
body:has(.company-map) header nav>a:hover{color:#756012;text-decoration:none}
body:has(.company-map) .account-menu summary{
  background:var(--company-paper);border:1px solid var(--company-line);
  border-radius:12px;color:var(--company-ink);
}
body:has(.company-map) .account-menu-login,
body:has(.company-map) .muted,
body:has(.company-map) small{color:var(--company-muted)}
body:has(.company-map) .account-menu-links{
  border-color:var(--company-line);box-shadow:0 10px 30px rgb(20 20 15 / 8%);
}
body:has(.company-map) .account-menu-links a:hover{background:#FBF0C8}
body:has(.company-map) .intro{margin:36px 0 24px}
body:has(.company-map) h1{font-weight:800;letter-spacing:-1px}
body:has(.company-map) .company-tools{gap:12px;margin:0 0 28px}
body:has(.company-map) .button:where(:not(.danger)),
body:has(.company-map) form button:where(:not(.danger):not(.staff-action):not(.tile-grip)){
  background:var(--company-yellow);color:var(--company-ink);border-radius:10px;
}
body:has(.company-map) .button:where(:not(.danger)):hover,
body:has(.company-map) form button:where(:not(.danger):not(.staff-action):not(.tile-grip)):hover{
  background:#D3AA0F;color:var(--company-ink);
}
body:has(.company-map) .button.secondary{
  background:var(--company-paper);color:var(--company-ink);
  box-shadow:inset 0 0 0 1px var(--company-line);
}
body:has(.company-map) .button.secondary:hover{background:#EEECE3}
body:has(.company-map) .company-tools>a:last-child{
  margin-left:4px;color:var(--company-muted);font-size:13px;
}
body:has(.company-map) .company-map{
  padding:24px;border-color:var(--company-line);border-radius:22px;
  background:var(--company-paper);margin-top:0;
}
body:has(.company-map) .company-map h2{
  display:flex;align-items:center;gap:10px;font-weight:800;
}
body:has(.company-map) .company-map h2:before{
  content:'';width:5px;height:22px;border-radius:3px;background:var(--company-yellow);
  flex-shrink:0;
}
body:has(.company-map) .company-root{
  background:var(--company-yellow);color:var(--company-ink);border-radius:16px;
  box-shadow:0 5px 16px rgb(20 20 15 / 5%);
}
body:has(.company-map) .company-root>span:last-child{color:#514617}
body:has(.company-map) .company-summary[href]:hover,
body:has(.company-map) .company-summary[aria-current='true']{
  outline:2px solid #8A6E00;outline-offset:3px;text-decoration:none;
}
body:has(.company-map) .company-summary[href]:focus-visible{
  outline:3px solid #8A6E00;outline-offset:3px;
}
body:has(.company-map) .company-root:after,
body:has(.company-map) .org-root-level:after,
body:has(.company-map) .org-branches:before,
body:has(.company-map) .org-department:before,
body:has(.company-map) .org-branches>.org-branch:before{
  border-color:var(--company-connector);
}
body:has(.company-map) .org-department{
  border-color:var(--company-line);border-radius:16px;color:var(--company-ink);
  box-shadow:inset 0 4px 0 var(--company-yellow),0 3px 12px rgb(20 20 15 / 3%);
}
body:has(.company-map) .org-department:hover{
  border-color:#C7AD48;box-shadow:inset 0 4px 0 var(--company-yellow),0 7px 20px rgb(20 20 15 / 7%);
}
body:has(.company-map) .org-department.selected{
  background:#FFFAE8;border-color:var(--company-yellow);
}
body:has(.company-map) .org-department-title{font-weight:800}
body:has(.company-map) .org-head-label,
body:has(.company-map) .org-service-note{color:var(--company-muted)}
body:has(.company-map) .org-count{
  color:var(--company-ink);border-color:var(--company-line);
}
body:has(.company-map) .org-count>span{
  display:grid;place-items:center;width:28px;height:28px;
  border-radius:50%;background:#FBF0C8;font-size:17px;
}
body:has(.company-map) .org-department.org-management{
  background:var(--company-ink);color:#fff;border-color:var(--company-ink);
  box-shadow:inset 0 4px 0 var(--company-yellow),0 7px 20px rgb(20 20 15 / 8%);
}
body:has(.company-map) .org-department.org-management.selected,
body:has(.company-map) .org-department.org-management:hover{
  background:#24241D;border-color:var(--company-yellow);
}
body:has(.company-map) .org-department.org-management .org-head-label,
body:has(.company-map) .org-department.org-management .org-service-note{color:#C8C6B9}
body:has(.company-map) .org-department.org-management .org-count{
  color:var(--company-yellow);border-color:#424237;
}
body:has(.company-map) .org-management .org-count>span{
  background:var(--company-yellow);color:var(--company-ink);
}
body:has(.company-map) .org-unassigned{
  background:#fff;border:1px solid var(--company-line);border-radius:12px;
  padding:10px 14px;
}
body:has(.company-map) .org-unassigned a{
  padding:9px 12px;border-radius:8px;background:#FBF0C8;color:var(--company-ink);
}
body:has(.company-map) .org-unassigned a:hover{
  background:var(--company-yellow);text-decoration:none;
}
body:has(.company-map) .all-staff>summary,
body:has(.company-map) .department-disclosure>summary,
body:has(.company-map) .department-management>summary{
  background:var(--company-paper);border-color:var(--company-line);
  border-radius:12px;color:var(--company-ink);
}
body:has(.company-map) .all-staff>summary::marker{color:#8A6E00}
body:has(.company-map) .department-disclosure,
body:has(.company-map) .department-workspace,
body:has(.company-map) .department-subdivision,
body:has(.company-map) .service-settings{border-color:var(--company-line)}
body:has(.company-map) .department-subdivision,
body:has(.company-map) .service-settings summary{background:var(--company-paper)}
body:has(.company-map) .eyebrow,
body:has(.company-map) .department-disclosure>summary:after{color:#756012}
body:has(.company-map) .board-targets{
  background:var(--company-paper);border-color:var(--company-line);
}
body:has(.company-map) .board-target,
body:has(.company-map) .employee-tile,
body:has(.company-map) .subdepartment-links a{
  color:var(--company-ink);border-color:var(--company-line);
}
body:has(.company-map) .board-target:hover{
  background:#FBF0C8;color:var(--company-ink);
}
body:has(.company-map) .board-target.selected{
  background:#FFFAE8;border-color:var(--company-yellow);
}
body:has(.company-map) .board-target.drag-over{
  background:#FBF0C8;border-color:#8A6E00;box-shadow:0 0 0 3px rgb(235 192 23 / 20%);
}
body:has(.company-map) .employee-tile:hover{border-color:#C7AD48}
body:has(.company-map) .employee-tile-name,
body:has(.company-map) .tile-move summary{color:var(--company-ink)}
body:has(.company-map) .employee-tile-title,
body:has(.company-map) .employee-tile-department,
body:has(.company-map) .board-target span,
body:has(.company-map) .board-shown,
body:has(.company-map) .employee-tile-footer>small{color:var(--company-muted)}
body:has(.company-map) .employee-tile-footer{border-color:var(--company-line)}
body:has(.company-map) .board-show-all.selected{
  background:var(--company-ink);color:#fff;
}
body:has(.company-map) .board-show-all.selected:hover{background:#24241D;color:#fff}
body:has(.company-map) .board-show-all:not(.selected){background:var(--company-paper)}
body:has(.company-map) .board-drag-ghost{background:var(--company-ink)}
body:has(.company-map) .tools input,
body:has(.company-map) .filter,
body:has(.company-map) .board-search input,
body:has(.company-map) .board-move-form select{
  background:#fff;border-color:var(--company-line);color:var(--company-ink);
}
body:has(.company-map) th{background:var(--company-paper);color:var(--company-muted)}
body:has(.company-map) th,
body:has(.company-map) td{border-color:var(--company-line)}
body:has(.company-map) .badge{background:#F0EEE5;color:var(--company-ink)}
body:has(.company-map) .staff-action:not(.staff-action-dismiss):not(.staff-action-delete):not(.staff-action-restore){
  color:var(--company-ink);border-color:var(--company-line);
}
body:has(.company-map) .staff-action:not(.staff-action-dismiss):not(.staff-action-delete):not(.staff-action-restore):hover{
  background:#FBF0C8;border-color:#C7AD48;
}
body:has(.company-map) footer{border-color:var(--company-line);color:var(--company-muted)}
@media(max-width:1100px){
  body:has(.company-map) .company-map{padding:20px}
}
@media(max-width:600px){
  body:has(.company-map) .sheet{box-shadow:none}
  body:has(.company-map) .intro{margin:28px 0 20px}
  body:has(.company-map) .company-tools{gap:9px;margin-bottom:22px}
  body:has(.company-map) .company-tools>a:last-child{margin:3px 0 0;width:100%}
  body:has(.company-map) .company-map{padding:18px 14px}
  body:has(.company-map) .org-unassigned{flex-wrap:wrap;gap:8px}
  body:has(.company-map) .org-unassigned a{margin-left:auto}
}