/* Start Work PRO v1.16.8 — stable light UI
   Cilj: čitljiv poslovni izgled bez dark/glass preklapanja.
   Ne menjati ID/class nazive koje koristi script.js. */

:root{
  --bg:#eef5ef;
  --bg-soft:#f7faf7;
  --card:#ffffff;
  --text:#1f2d23;
  --muted:#607068;
  --border:#d6e0d8;
  --border-strong:#b8c9bd;
  --green:#2f7d46;
  --green-2:#4f9f5d;
  --green-soft:#e8f4eb;
  --yellow:#fff7db;
  --yellow-border:#e4cf8b;
  --danger:#b93838;
  --danger-soft:#fff0f0;
  --warning:#b86b20;
  --warning-soft:#fff4e8;
  --shadow:0 14px 36px rgba(31,45,35,.10);
  --radius:18px;
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,Arial,Helvetica,sans-serif;
  background:linear-gradient(180deg,#f4faf5 0%, var(--bg) 45%, #e8f0ea 100%);
  color:var(--text);
  line-height:1.45;
}

button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.55;cursor:not-allowed}

h1,h2,h3,h4{color:var(--text);line-height:1.18}
h1,h2,h3,h4,p{margin-top:0}
p{color:var(--text)}
small{color:var(--muted)}
code{background:#edf3ef;border:1px solid var(--border);padding:2px 6px;border-radius:8px;color:#24432d}
hr{border:0;border-top:1px solid var(--border);margin:22px 0}

/* Header */
.topbar,
.internal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  background:var(--green);
  color:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 24px rgba(47,125,70,.22);
  position:sticky;
  top:0;
  z-index:30;
}
.internal-header{padding:12px 18px;background:#245d36}
.topbar h1,.topbar p,.topbar .brand-kicker,
.internal-header strong,.internal-header small{color:#fff}
.topbar h1{font-size:clamp(28px,4vw,44px);margin:3px 0 6px;font-weight:900}
.topbar p{margin:0;opacity:.92}
.brand-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;opacity:.9}

body.in-app .topbar{display:none}

/* AskCreate collapsible internal header v1.28.0
   Cilj: korisnik u Upravi pamti AskCreate.app, ali radni prostor ostaje čist. */
.internal-header{
  min-height:64px;
}
.internal-header-left{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:180px;
}
.internal-brand-callout{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  color:#fff;
  line-height:1.1;
  pointer-events:none;
}
.internal-brand-callout span{
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(255,255,255,.78);
}
.internal-brand-callout strong{
  font-size:clamp(18px,2.2vw,28px);
  font-weight:950;
  color:#fff;
}
body.in-app .internal-header.internal-collapsible{
  overflow:hidden;
  transition:min-height .22s ease, padding .22s ease, background .22s ease, box-shadow .22s ease;
}
body.in-app .internal-header.internal-collapsible:not(.is-expanded):not(:hover):not(:focus-within){
  min-height:12px;
  height:12px;
  padding-top:0;
  padding-bottom:0;
  box-shadow:0 4px 14px rgba(36,93,54,.16);
}
body.in-app .internal-header.internal-collapsible:not(.is-expanded):not(:hover):not(:focus-within) > *{
  opacity:0;
  transform:translateY(-14px);
  pointer-events:none;
}
body.in-app .internal-header.internal-collapsible::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:10px;
  background:linear-gradient(90deg,rgba(47,125,70,.95),rgba(15,118,110,.95));
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset;
}
body.in-app .internal-header.internal-collapsible.is-expanded::after,
body.in-app .internal-header.internal-collapsible:hover::after,
body.in-app .internal-header.internal-collapsible:focus-within::after{
  opacity:.18;
}
body.in-app .internal-header.internal-collapsible > *{
  transition:opacity .18s ease, transform .18s ease;
}
body.in-app .internal-header.internal-collapsible.is-expanded,
body.in-app .internal-header.internal-collapsible:hover,
body.in-app .internal-header.internal-collapsible:focus-within{
  min-height:64px;
  height:auto;
}
@media (max-width:760px){
  .internal-header{
    grid-template-columns:1fr auto;
    align-items:center;
  }
  .internal-brand-callout{
    order:3;
    width:100%;
    flex-basis:100%;
    justify-content:flex-start;
    font-size:13px;
  }
  .internal-brand-callout strong{font-size:19px}
  .internal-brand-callout span{font-size:10px}
}

.shell{width:min(1180px,100%);margin:0 auto;padding:24px}
.view{display:none}
.view.active{display:block}
.hidden{display:none!important}

/* Cards / layout */
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
  color:var(--text);
}
.hero{padding:28px}
.narrow{max-width:580px;margin:0 auto}
.grid{display:grid;gap:18px}
.grid.two,.two-col,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.row.compact{gap:8px;margin-top:8px}
.space-between{justify-content:space-between}

.dashboard-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow);
}
.dashboard-head h2{margin:0 0 5px;font-size:clamp(24px,3vw,34px)}
.dashboard-head p{margin:0;color:var(--muted)}
.director-actions,.head-actions,.top-actions,.actions,.management-actions,.person-actions-v1116,.asset-actions-v1117,.material-actions-v1119,.returned-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* Forms — safest readable rule */
label{display:block;margin:14px 0 7px;color:var(--text);font-weight:800}
input,select,textarea{
  width:100%;
  border:1px solid var(--border-strong);
  background:#ffffff;
  color:var(--text);
  border-radius:12px;
  padding:12px 13px;
  outline:none;
  min-height:46px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
textarea{min-height:100px;resize:vertical}
input::placeholder,textarea::placeholder{color:#8a9a90}
input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(79,159,93,.18)}
select option{background:#ffffff!important;color:var(--text)!important}

.unit-input{position:relative;display:flex;align-items:center}
.unit-input input{padding-right:54px}
.unit-input .unit-suffix{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:900;pointer-events:none}
input[type="checkbox"],input[type="radio"]{width:auto;min-height:auto;box-shadow:none;margin-right:8px;accent-color:var(--green)}
input[type="number"]{appearance:textfield;-moz-appearance:textfield}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}

/* Buttons */
.primary,.secondary,.ghost,.back,.big-btn,.small-btn,.edit-btn,.delete-btn,.danger-btn,.danger-small,.archive-btn,.archive-report-btn,.hard-delete-report-btn,.btn-warning,.remove-entry{
  border-radius:12px;
  padding:11px 15px;
  font-weight:850;
  border:1px solid transparent;
  text-decoration:none;
  min-height:42px;
}
.primary{background:var(--green);color:#fff;border-color:var(--green)}
.primary:hover{background:#27693b}
.secondary,.back,.ghost,.small-btn,.edit-btn,.archive-btn,.archive-report-btn{
  background:#f7fbf8;
  color:var(--text);
  border-color:var(--border-strong);
}
.secondary:hover,.back:hover,.ghost:hover,.small-btn:hover,.edit-btn:hover,.archive-btn:hover,.archive-report-btn:hover{background:var(--green-soft);border-color:var(--green-2)}
.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.48)}
.internal-header .ghost,.topbar .ghost{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55)}
.back{margin-bottom:14px}
.small-action,.small-btn{font-size:.92rem;padding:9px 12px;min-height:38px}
.danger-btn,.danger-small,.delete-btn,.hard-delete-report-btn{background:var(--danger-soft);color:var(--danger);border-color:#efb5b5}
.danger-btn:hover,.danger-small:hover,.delete-btn:hover,.hard-delete-report-btn:hover{background:#ffe0e0}
.btn-warning,.warning{background:var(--warning-soft);color:var(--warning);border:1px solid #edc091}
.remove-entry{background:#fff;color:var(--danger);border-color:#efb5b5;padding:7px 10px;min-height:34px}

.big-btn{
  width:100%;
  min-height:145px;
  text-align:left;
  background:#ffffff;
  color:var(--text);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  font-size:20px;
}
.big-btn:hover{border-color:var(--green-2);background:var(--green-soft)}
.big-btn span{display:block;font-size:34px;margin-bottom:10px}
.big-btn small{display:block;color:var(--muted);font-weight:600;margin-top:8px}

/* Text helpers */
.muted,.hint,.field-hint{color:var(--muted)}
.hint,.field-hint{font-size:13px}
.tiny{font-size:12px}
.notice,.code-help-box{
  margin-top:16px;
  border:1px solid var(--yellow-border);
  background:var(--yellow);
  border-radius:14px;
  padding:13px;
  color:#4d4020;
}
.code-help-box{display:grid;gap:4px;margin-bottom:8px}
.code-login-note{color:var(--muted);font-size:13px;margin:6px 0 12px}

/* Tabs */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.tab{
  background:#ffffff;
  border:1px solid var(--border-strong);
  color:var(--text);
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
}
.tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.tab-panel{display:none}
.tab-panel.active{display:block}

/* Lists */
.list{display:grid;gap:10px}
.item,.management-item,.report-item,.search-result,.returned-item,.export-selected-item,.entry-card{
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:15px;
  padding:14px;
  color:var(--text);
}
.item-main{display:grid;gap:4px}
.item strong{display:block;font-size:16px;margin-bottom:4px;color:var(--text)}
.item small{color:var(--muted)}
.pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 9px;
  border-radius:999px;
  background:var(--green-soft);
  color:#255f37;
  border:1px solid #cce2d1;
  font-size:12px;
  font-weight:850;
  margin:2px 4px 2px 0;
}
.raw-details{background:#f7faf7;border:1px solid var(--border);border-radius:12px;padding:10px;overflow:auto;color:var(--text)}

/* Permission / dynamic worker sections */
.permission-box,.material-permission-box,.export-box{
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:15px;
  padding:14px;
  background:var(--bg-soft);
}
.permission-box h4,.material-permission-box h4,.export-box h4{margin:0 0 8px;color:var(--text)}
.permission-box label,.material-permission-option,.export-column-check{font-weight:650;margin:9px 0;display:flex;align-items:flex-start;gap:6px;color:var(--text)}
.dynamic-check-list{display:grid;gap:6px}
.dyn-section{
  display:none;
  border:1px solid #cce2d1;
  border-radius:16px;
  padding:15px;
  margin:16px 0;
  background:var(--bg-soft);
}
.dyn-section.active{display:block}
.dyn-section h4{margin:0 0 8px;color:#255f37;font-size:18px}
.entry-list{display:grid;gap:12px;margin:10px 0}
.entry-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.entry-card-head strong{color:var(--text)}
.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* Search */
.director-searchbar{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:18px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:12px;
  box-shadow:var(--shadow);
}
.search-input-wrap{position:relative;flex:1;min-width:220px}
.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1}
.search-input-wrap input{padding-left:38px}
.director-search-results{margin-bottom:18px}
.search-result-type{font-size:12px;font-weight:850;color:#255f37;text-transform:uppercase;letter-spacing:.04em}

/* Returned reports / defects */
.returned-panel{
  border:1px solid #edc091;
  background:var(--warning-soft);
  border-radius:16px;
  padding:14px;
  margin:0 0 18px;
}
.returned-panel.hidden{display:none!important}
.returned-reason{background:#fff;border:1px solid #edc091;border-radius:12px;padding:10px;color:#5a3b14}
.defect-item{border-left:5px solid var(--danger)}

/* Reports / Excel */
.report-kv{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:6px 12px;margin:8px 0;color:var(--text)}
.report-section{border:1px solid var(--border);border-radius:14px;padding:12px;margin:12px 0;background:var(--bg-soft)}
.report-section h4{margin:0 0 8px;color:#255f37}
.report-readable{display:grid;gap:10px}
.report-empty{color:var(--muted);font-style:italic}
.report-excel-wrap,.excel-scroll{width:100%;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff;margin-top:10px}
table,.report-excel-table,.report-mini-table{width:100%;border-collapse:collapse;background:#fff;color:var(--text)}
th,td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--green-soft);font-weight:850;color:#24432d}
.export-groups-list,.export-columns-grid,.export-selected-list{display:grid;gap:10px}
.export-column-group{border:1px solid var(--border);border-radius:14px;background:#fff;padding:12px}
.export-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.export-download-box{background:#ffffff}
.export-select-row{display:flex;align-items:flex-start;gap:10px}
.report-export-check{margin-top:4px}

/* Toast / footer */
.toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:100;
  background:#173b24;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:14px 16px;
  max-width:380px;
  box-shadow:0 14px 38px rgba(0,0,0,.22);
}
.footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;padding:18px 24px;border-top:1px solid var(--border);background:#f7faf7}

/* Safe generic overflow rules */
img,svg,canvas,video{max-width:100%;height:auto}
pre{white-space:pre-wrap;word-break:break-word}
.card,.item,.entry-card,.report-section{max-width:100%;overflow-wrap:anywhere}

@media(max-width:900px){
  .grid.two,.grid.three,.two-col,.content-grid,.mini-grid{grid-template-columns:1fr}
  .dashboard-head{align-items:stretch;flex-direction:column}
  .director-searchbar{align-items:stretch;flex-direction:column}
  .shell{padding:14px}
  .card{padding:16px}
  .topbar{align-items:flex-start;flex-direction:column;position:static}
  .internal-header{position:sticky;align-items:flex-start}
  .row,.actions,.management-actions,.person-actions-v1116,.asset-actions-v1117,.material-actions-v1119,.returned-actions,.director-actions{align-items:stretch}
  .row > button,.actions > button,.management-actions > button,.person-actions-v1116 > button,.asset-actions-v1117 > button,.material-actions-v1119 > button,.returned-actions > button,.director-actions > button{flex:1 1 160px}
  .report-kv{grid-template-columns:1fr}
  .footer{flex-direction:column}
}

@media(max-width:520px){
  .shell{padding:10px}
  .card,.dashboard-head{border-radius:14px;padding:14px}
  input,select,textarea{font-size:16px}
  .tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
  .tab{white-space:nowrap}
  .big-btn{min-height:120px}
}


/* v1.16.2: sigurnosno sakrivanje starih polja za opis/sate u Osnovnom dnevnom radu */
.hidden-by-rule {
  display: none !important;
}


/* v1.16.8 — mobilni početni ekran: radnik prvi, admin ulazi sekundarni */
.home-entry-grid .worker-entry{
  border-color:rgba(47,125,70,.35);
}

@media(max-width:700px){
  .app-brand-header{
    padding:22px 24px;
    position:static;
  }
  .app-brand-header .brand-kicker{
    font-size:11px;
    letter-spacing:.14em;
  }
  .app-brand-header h1{
    font-size:34px;
    margin:8px 0 10px;
  }
  .app-brand-header p{
    font-size:18px;
    line-height:1.35;
  }
  #viewHome .shell,
  .shell{
    padding-left:12px;
    padding-right:12px;
  }
  .home-hero{
    padding:16px;
  }
  .home-hero h2{
    font-size:30px;
    margin-bottom:8px;
  }
  .home-intro,
  .home-mvp-notice{
    display:none!important;
  }
  .home-entry-grid{
    gap:10px;
  }
  .home-entry-grid .worker-entry{
    order:-2;
    min-height:118px;
    background:var(--green);
    color:#fff;
    border-color:var(--green);
    font-size:24px;
    box-shadow:0 14px 28px rgba(47,125,70,.22);
  }
  .home-entry-grid .worker-entry span,
  .home-entry-grid .worker-entry small{
    color:#fff;
  }
  .home-entry-grid .worker-entry small{
    opacity:.92;
  }
  .home-entry-grid .director-entry{order:1}
  .home-entry-grid .admin-entry{order:2}
  .home-entry-grid .secondary-entry{
    min-height:64px;
    padding:12px 14px;
    display:grid;
    grid-template-columns:34px 1fr;
    grid-template-rows:auto auto;
    column-gap:10px;
    align-items:center;
    font-size:16px;
    box-shadow:none;
  }
  .home-entry-grid .secondary-entry span{
    grid-row:1 / 3;
    font-size:23px;
    margin:0;
  }
  .home-entry-grid .secondary-entry small{
    margin:1px 0 0;
    font-size:12px;
  }
  .footer{
    display:none;
  }
}

/* v1.17.5 - Direkcija: čitljiv pregled izveštaja, Excel sakriven iza dugmeta */
.report-item > strong{display:block;font-size:18px;margin:6px 0 4px;color:#173b24}
.report-item > small{display:block;margin-bottom:8px;color:var(--muted)}
.report-readable{margin-top:12px}
.report-main-summary{background:#ffffff}
.report-excel-details{background:#fffdf4;border-color:#ead99f}
.report-excel-details summary{
  cursor:pointer;
  list-style:none;
  font-weight:900;
  color:#173b24;
  padding:4px 0;
}
.report-excel-details summary::-webkit-details-marker{display:none}
.report-excel-details summary::after{content:"  ▾";font-weight:900;color:#4f7f5d}
.report-excel-details[open] summary::after{content:"  ▴"}
.report-excel-wrap,.excel-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden}
.report-excel-table{min-width:1500px;width:max-content;table-layout:auto}
.report-excel-table th,
.report-excel-table td,
.report-mini-table th,
.report-mini-table td{
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  line-height:1.35;
}
.report-mini-table{min-width:680px}
.report-section{overflow-x:auto}
@media(max-width:700px){
  .report-excel-table{min-width:1300px}
  .report-mini-table{min-width:620px}
  .report-section{padding:10px}
}

/* v1.17.6 — Direkcija: live preview kako radnik vidi štiklirane rubrike */
.right-stack {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.worker-preview-card.hidden {
  display: none !important;
}
.worker-preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.preview-eyebrow {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #2f7d46;
}
.worker-preview-body {
  color: #1f2d23;
}
.phone-preview-shell {
  border: 1px solid #d6e0d8;
  border-radius: 22px;
  background: #eef6f0;
  padding: 12px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
}
.phone-preview-topbar {
  background: #1f6f3b;
  color: #fff;
  border-radius: 16px 16px 8px 8px;
  padding: 12px 14px;
  font-weight: 900;
}
.phone-preview-card {
  background: #fff;
  border: 1px solid #d6e0d8;
  border-radius: 18px;
  padding: 14px;
  margin-top: 10px;
}
.phone-preview-card h4 {
  margin: 0 0 6px;
  font-size: 18px;
  color: #1f2d23;
}
.phone-preview-card p,
.phone-preview-card small {
  color: #607068;
}
.worker-preview-section {
  border-top: 1px solid #e2ebe4;
  padding-top: 10px;
  margin-top: 10px;
}
.worker-preview-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.worker-preview-section strong {
  display: block;
  color: #1f2d23;
  margin-bottom: 5px;
}
.worker-preview-section ul {
  margin: 0;
  padding-left: 18px;
  color: #607068;
}
.worker-preview-section li {
  margin: 3px 0;
}
@media (max-width: 900px) {
  .worker-preview-head {
    flex-direction: column;
  }
}

/* v1.19.0 - Pumpadžija: odvojeni KM i MTČ za tankanje cisternom */
.fuel-memory-panel {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(245,185,66,.28);
  border-radius: 18px;
  background: rgba(245,185,66,.07);
}
.fuel-memory-panel h5 {
  margin: 0 0 6px;
  font-size: 17px;
}
.compact-row {
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.stored-fuel-list {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}
.stored-fuel-summary,
.stored-fuel-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.78);
}
.stored-fuel-item div {
  display: grid;
  gap: 3px;
}
.stored-fuel-item small {
  opacity: .78;
}
button.small {
  padding: 7px 10px;
  font-size: 12px;
}
@media (max-width: 700px) {
  .stored-fuel-summary,
  .stored-fuel-item {
    align-items: flex-start;
    flex-direction: column;
  }
  .stored-fuel-item button {
    width: 100%;
  }
}


.smart-export-box {
  border: 1px solid rgba(15, 122, 59, 0.22);
  background: linear-gradient(180deg, rgba(15,122,59,0.06), rgba(255,255,255,0.92));
}
.smart-export-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.smart-export-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: 700;
}
.smart-export-grid input,
.smart-export-grid select {
  min-height: 42px;
}
@media (max-width: 900px) {
  .smart-export-grid { grid-template-columns: 1fr; }
}


/* v1.20.6 — Provera sistema / radnički prozori */
.audit-result-box{margin-top:14px;display:grid;gap:10px}
.audit-card{border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(255,255,255,.72)}
.audit-card.ok{border-color:rgba(46,125,50,.35);background:rgba(232,245,233,.65)}
.audit-card.warn{border-color:rgba(245,124,0,.42);background:rgba(255,243,224,.75)}
.audit-card.bad{border-color:rgba(198,40,40,.42);background:rgba(255,235,238,.78)}
.audit-card h4{margin:0 0 6px;color:var(--text)}
.audit-list{margin:8px 0 0 18px;padding:0}
.audit-list li{margin:4px 0}
.audit-small{font-size:12px;color:var(--muted)}

/* v1.20.9: radnik vidi jedan pametan unos za mašinu umesto tri odvojena polja */
.hidden-asset-select,
.hidden-asset-custom {
  display: none !important;
}
.asset-smart-result {
  margin: 6px 0 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(15, 23, 42, 0.08);
  font-size: 0.92rem;
  color: #475569;
}
.asset-smart-result.ok {
  background: rgba(22, 101, 52, 0.08);
  border-color: rgba(22, 101, 52, 0.18);
  color: #166534;
  font-weight: 700;
}
.asset-smart-result.warn {
  background: rgba(180, 83, 9, 0.08);
  border-color: rgba(180, 83, 9, 0.18);
  color: #92400e;
}
.smart-asset-input {
  min-height: 54px;
  font-size: 1.05rem;
  font-weight: 700;
}

/* v1.22.1 — Direkcija: papirni prikaz dnevnih izveštaja */
.report-row-item{
  background:#fff;
  border:1px solid #d9e1db;
  border-radius:10px;
  margin:10px 0;
  box-shadow:0 2px 10px rgba(16,40,24,.05);
  overflow:hidden;
}
.report-list-grid{
  display:grid;
  grid-template-columns:36px minmax(110px,.8fr) minmax(160px,1.2fr) minmax(150px,1.2fr) minmax(180px,1.5fr) minmax(92px,.7fr);
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-bottom:1px solid #e6ece7;
  background:#fbfdfb;
}
.report-list-grid strong{display:block;color:#173b24;font-size:14px;line-height:1.25}
.report-list-grid small{display:block;color:#66756a;font-size:12px;margin-top:2px}
.report-list-sections{display:flex;gap:5px;flex-wrap:wrap}
.report-section-pill{font-size:11px;padding:4px 7px;background:#eef6ef;border-color:#d6e8d9;color:#24432d}
.report-export-cell{justify-content:center;margin:0}
.status-chip{display:inline-block;border:1px solid #d7e3da;background:#f4f8f5;color:#24432d;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;text-transform:uppercase}
.status-approved{background:#e7f6ec;border-color:#bce0c7;color:#185c2b}
.status-returned{background:#fff2d9;border-color:#e9c982;color:#7a4c00}
.status-exported{background:#e9f0ff;border-color:#bfd0ff;color:#234e9a}
.report-paper-details summary{list-style:none;cursor:pointer;padding:10px 12px;background:#fff;color:#173b24;font-weight:900;border-bottom:1px solid #eef2ef}
.report-paper-details summary::-webkit-details-marker{display:none}
.open-report-btn::after{content:"  ▾";font-weight:900;color:#4f7f5d}
.report-paper-details[open] .open-report-btn::after{content:"  ▴"}
.report-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 12px;background:#f7faf7;border-bottom:1px solid #e3eae5}
.report-paper-view{
  --report-zoom:1;
  max-width:1120px;
  margin:18px auto;
  padding:28px 30px;
  background:#fff;
  color:#1f2d22;
  border:1px solid #cfd8d2;
  border-radius:6px;
  box-shadow:0 8px 24px rgba(16,40,24,.10);
  font-size:calc(14px * var(--report-zoom));
  line-height:1.42;
}
.paper-title-block{text-align:center;border-bottom:2px solid #223b2a;margin-bottom:14px;padding-bottom:10px}
.paper-title-block h3{margin:0;color:#173b24;letter-spacing:.04em;font-size:1.45em}
.paper-title-block p{margin:5px 0 0;color:#66756a;font-size:.9em}
.paper-meta-table{width:100%;border-collapse:collapse;margin:12px 0 18px;background:#fff}
.paper-meta-table th,.paper-meta-table td{border:1px solid #cfd8d2;padding:.55em .7em;text-align:left}
.paper-meta-table th{background:#f0f3f1;color:#173b24;width:18%;font-weight:900}
.paper-returned-reason{border:1px solid #e1bd76;background:#fff8e8;padding:10px 12px;margin:12px 0;color:#5d3b00}
.report-paper-view .report-readable{display:block;margin-top:10px}
.report-paper-view .report-section{
  border:0;
  border-radius:0;
  background:#fff;
  padding:0;
  margin:18px 0;
  overflow-x:auto;
  box-shadow:none;
}
.report-paper-view .report-section h4{
  color:#173b24;
  border-bottom:1px solid #9facA5;
  padding-bottom:5px;
  margin:0 0 8px;
  font-size:1.12em;
  text-transform:none;
}
.report-paper-view .report-kv{grid-template-columns:minmax(150px,240px) 1fr;border:1px solid #cfd8d2;gap:0;background:#fff}
.report-paper-view .report-kv b,.report-paper-view .report-kv span{border-bottom:1px solid #e3e8e5;padding:.5em .65em;min-height:1.3em}
.report-paper-view .report-kv b{background:#f0f3f1;color:#173b24;border-right:1px solid #e3e8e5}
.report-paper-view .report-mini-table,.report-paper-view .report-excel-table{min-width:680px;border-collapse:collapse;background:#fff}
.report-paper-view th,.report-paper-view td{border:1px solid #cfd8d2;padding:.5em .65em;background:#fff}
.report-paper-view th{background:#f0f3f1;color:#173b24;font-weight:900}
.report-paper-view td:nth-child(n+3){text-align:left}
.report-paper-view .report-excel-details{border:1px solid #d6ded8;background:#fbfdfb;padding:10px 12px;margin-top:18px}
.paper-footer-note{border-top:1px solid #cfd8d2;margin-top:22px;padding-top:8px;color:#66756a;font-size:.86em;text-align:right}
.report-action-bar{padding:12px;background:#fbfdfb;border-top:1px solid #e3eae5}
@media(max-width:900px){
  .report-list-grid{grid-template-columns:30px 1fr;align-items:start}
  .report-list-sections,.report-list-status{grid-column:2}
  .report-paper-view{padding:18px 14px;margin:10px;border-radius:4px}
}
@media print{
  body *{visibility:hidden!important}
  .report-paper-details[open] .report-paper-view,
  .report-paper-details[open] .report-paper-view *{visibility:visible!important}
  .report-paper-details[open] .report-paper-view{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0;box-shadow:none;border:0}
  .no-print{display:none!important}
}


/* v1.22.2 — zategnut papirni pregled izveštaja */
.report-row-item{border-radius:6px;box-shadow:0 1px 5px rgba(15,34,21,.06)}
.report-list-grid{background:#fff;border-bottom:1px solid #dfe7e1}
.report-paper-details summary{background:#f8faf8;border-bottom:1px solid #dfe7e1}
.report-toolbar{position:sticky;top:0;z-index:4;background:#f3f7f4;border-bottom:1px solid #d7e1da}
.report-paper-view{max-width:1180px;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.08);font-family:Arial, Helvetica, sans-serif}
.paper-title-block{border-bottom:2px solid #1f3326;margin-bottom:16px;padding-bottom:12px}
.paper-title-block h3{font-size:1.38em;text-transform:uppercase;color:#1e3325}
.paper-title-block p{font-size:.86em;color:#5e6b62}
.paper-meta-table{font-size:.95em;margin-bottom:20px}
.paper-meta-table th{background:#eef2ef;color:#1e3325;white-space:nowrap}
.paper-meta-table td{background:#fff}
.report-paper-view .report-section{margin:20px 0 22px;padding:0;background:#fff;border:0;box-shadow:none}
.report-paper-view .report-section h4{font-size:1.05em;letter-spacing:.01em;text-transform:uppercase;border-bottom:2px solid #c8d2cc;color:#1e3325;margin:0 0 9px;padding:0 0 6px}
.report-paper-view .report-main-summary h4{margin-top:0}
.report-paper-view .report-kv{border:1px solid #c8d2cc;background:#fff}
.report-paper-view .report-kv b,.report-paper-view .report-kv span{padding:.48em .62em;border-bottom:1px solid #e0e6e2}
.report-paper-view .report-kv b{background:#f2f4f3;font-weight:700;color:#22392a}
.report-paper-view .report-mini-table{min-width:720px;font-size:.94em}
.report-paper-view .report-mini-table th{background:#edf1ee;color:#203728;border:1px solid #c8d2cc;text-transform:none;white-space:nowrap}
.report-paper-view .report-mini-table td{border:1px solid #d8e0db;vertical-align:top}
.report-paper-view .report-mini-table td:first-child,
.report-paper-view .report-mini-table th:first-child{text-align:center;width:42px}
.report-paper-view .report-mini-table td:nth-child(4),
.report-paper-view .report-mini-table td:nth-child(5),
.report-paper-view .report-mini-table td:nth-child(6),
.report-paper-view .report-mini-table td:nth-child(8),
.report-paper-view .report-mini-table td:nth-child(9){text-align:right}
.report-paper-view .report-empty{color:#7b8580;font-style:italic;margin:6px 0}
.report-paper-view .report-excel-details{background:#f8faf8;border:1px solid #d5ded8;border-radius:3px}
.report-paper-view .report-excel-details summary{font-weight:700;color:#1f3326;cursor:pointer}
.paper-footer-note{font-size:.82em;color:#66716a;text-align:right}
@media print{.report-paper-view{font-size:12px!important;padding:0!important}.report-paper-view .report-excel-details{display:none!important}}


/* v1.22.3 — kompaktan Excel pregled jednog izveštaja */
.report-paper-view .report-excel-compact-wrap{border-radius:3px;background:#fff;overflow:auto;border:1px solid #c8d2cc}
.report-paper-view .report-excel-compact-table{min-width:720px;width:100%;font-size:.94em;border-collapse:collapse}
.report-paper-view .report-excel-compact-table th{background:#edf1ee;color:#203728;border:1px solid #c8d2cc;text-align:left;white-space:nowrap}
.report-paper-view .report-excel-compact-table td{border:1px solid #d8e0db;vertical-align:top;text-align:left!important;background:#fff}
.report-paper-view .report-excel-compact-table td:nth-child(1){font-weight:700;color:#1f3326;white-space:nowrap}
.report-paper-view .report-excel-compact-table td:nth-child(2){white-space:nowrap;color:#55645c}
.report-paper-view .report-excel-compact-table td:nth-child(3){font-weight:600;color:#293b30;white-space:nowrap}


/* =========================================================
   Start Work PRO - Light Business Safe Layer v1.23.1
   SAFE: samo izgled. Ne menja HTML id-jeve ni JS logiku.
   ========================================================= */
:root {
  --primary: #0f766e;
  --primary-dark: #0d5f5a;
  --accent: #14b8a6;
  --business-bg: #f8fafc;
  --business-card: #ffffff;
  --business-text: #1e2937;
  --business-muted: #64748b;
  --business-border: #e2e8f0;
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --business-radius: 16px;
  --business-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.06);
  --business-shadow-strong: 0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.10);
}

html { background: var(--business-bg); }
body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--business-bg);
  color: var(--business-text);
  line-height: 1.5;
}

.topbar,
.internal-header {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  color: #fff !important;
  padding: 16px 24px !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.28) !important;
  border-bottom: 0 !important;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: sticky;
  top: 0;
  z-index: 100;
}

.topbar h1,
.topbar h2,
.topbar h3,
.topbar strong,
.internal-header h1,
.internal-header h2,
.internal-header h3,
.internal-header strong {
  color: #fff !important;
}

.shell,
.app-shell,
.main,
.container,
#app {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.card,
.item,
.management-item,
.report-item,
.entry-card,
.dyn-section,
.panel,
.box,
section {
  background: var(--business-card);
  border: 1px solid var(--business-border);
  border-radius: var(--business-radius);
  box-shadow: var(--business-shadow);
}

.card,
.item,
.management-item,
.report-item,
.entry-card,
.dyn-section,
.panel,
.box {
  padding: 20px;
  margin-bottom: 18px;
}

.card h2,
.card h3,
.item h2,
.item h3,
.management-item h2,
.management-item h3,
.report-item h2,
.report-item h3,
.entry-card h2,
.entry-card h3,
.dyn-section h2,
.dyn-section h3 {
  color: var(--business-text);
}

.stat-card,
.dashboard-head,
.metric-card,
.kpi-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.stat-card:hover,
.dashboard-head:hover,
.metric-card:hover,
.kpi-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--business-shadow-strong);
}

button,
.btn,
.primary,
.secondary,
.btn-primary,
.btn-secondary {
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.primary,
.btn-primary,
button.primary,
button.btn-primary {
  background: var(--primary) !important;
  color: #fff !important;
  border: 1px solid var(--primary) !important;
  padding: 10px 16px;
}
.primary:hover,
.btn-primary:hover,
button.primary:hover,
button.btn-primary:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  transform: translateY(-1px);
}

.secondary,
.btn-secondary,
button.secondary,
button.btn-secondary {
  background: #fff !important;
  color: var(--business-text) !important;
  border: 1px solid var(--business-border) !important;
  padding: 10px 16px;
}
.secondary:hover,
.btn-secondary:hover,
button.secondary:hover,
button.btn-secondary:hover {
  border-color: var(--primary) !important;
  transform: translateY(-1px);
}

input,
select,
textarea {
  border: 1px solid var(--business-border);
  border-radius: 10px;
  padding: 8px 10px;
  background: #fff;
  color: var(--business-text);
}
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid rgba(20, 184, 166, 0.24);
  border-color: var(--accent);
}

.pill,
.badge,
.status-pill {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 800;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
th {
  color: var(--business-muted);
  font-size: 13px;
  text-align: left;
  background: #f8fafc;
  border-bottom: 1px solid var(--business-border);
  padding: 10px;
}
td {
  border-bottom: 1px solid var(--business-border);
  padding: 10px;
}

@media (max-width: 768px) {
  .topbar {
    flex-wrap: wrap;
    padding: 14px 16px !important;
  }
  .shell,
  .app-shell,
  .main,
  .container,
  #app {
    padding-left: 12px;
    padding-right: 12px;
  }
  .card,
  .item,
  .management-item,
  .report-item,
  .entry-card,
  .dyn-section,
  .panel,
  .box {
    padding: 16px;
    border-radius: 14px;
  }
  .entry-card button,
  .entry-card input,
  .entry-card select,
  .entry-card textarea,
  .dyn-section button,
  .dyn-section input,
  .dyn-section select,
  .dyn-section textarea,
  .worker-form-section button,
  .worker-form-section input,
  .worker-form-section select,
  .worker-form-section textarea {
    min-height: 54px;
    font-size: 16px;
  }
}

/* =========================================================
   Start Work PRO - REAL BUSINESS APP LAYOUT v1.23.4
   Cilj: Uprava kao profesionalni SaaS dashboard sa slike.
   Funkcije ostaju na istim ID-jevima i istim tabovima.
   ========================================================= */
:root{
  --pro-green:#1f6b4f;
  --pro-green-dark:#18533d;
  --pro-orange:#f97316;
  --pro-bg:#f7faf8;
  --pro-surface:#ffffff;
  --pro-text:#16231c;
  --pro-muted:#6b776f;
  --pro-border:#d7e6dc;
  --pro-soft-green:#eef6f1;
  --pro-soft-orange:#fff4ea;
  --pro-shadow:0 10px 24px rgba(28,54,40,.05);
  --pro-shadow-soft:0 4px 12px rgba(28,54,40,.035);
}

body.in-app{
  background:linear-gradient(180deg,#fbfdfb 0%, var(--pro-bg) 52%, #f1f6f2 100%)!important;
  color:var(--pro-text)!important;
}

body.in-app .internal-header{
  background:#fff!important;
  color:var(--pro-text)!important;
  border-bottom:1px solid var(--pro-border)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
  min-height:76px;
  padding:14px 28px!important;
}
body.in-app .internal-header strong,
body.in-app .internal-header small{color:var(--pro-text)!important}
body.in-app .internal-header > div:first-child{
  display:flex;
  align-items:center;
  gap:12px;
}
body.in-app .internal-header > div:first-child::before{
  content:"🏢";
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid var(--pro-border);
  border-radius:12px;
  background:#fff;
  font-size:22px;
}
body.in-app #internalTitle{font-size:17px;font-weight:900;letter-spacing:-.02em}
body.in-app #internalSubtitle{display:block;font-size:13px;color:var(--pro-muted)!important;margin-top:2px}
body.in-app #internalLogoutBtn{
  background:#fff!important;
  color:var(--pro-text)!important;
  border:1px solid var(--pro-border)!important;
  box-shadow:none!important;
  padding:10px 14px!important;
}

body.in-app .shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

#viewDirectorDashboard.director-business-page.active{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr);
  min-height:calc(100vh - 76px);
  background:var(--pro-bg)!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}

.director-sidebar{
  position:sticky;
  top:76px;
  align-self:start;
  height:calc(100vh - 76px);
  background:#fbfdfb;
  border-right:1px solid var(--pro-border);
  padding:26px 16px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.director-logo-box{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 8px 18px;
  border-bottom:1px solid var(--pro-border);
}
.director-logo-mark{
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#ff7a1a,#f15a24);
  color:#fff;
  font-weight:1000;
  font-size:26px;
  box-shadow:0 10px 20px rgba(249,115,22,.22);
}
.director-logo-box strong{display:block;font-size:22px;line-height:1;color:var(--pro-text)}
.director-logo-box span{display:block;font-weight:1000;color:#f97316;margin-top:4px}

.director-nav-tabs{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  flex:1;
  align-content:start;
}
.director-nav-tabs .tab{
  width:100%;
  border:0!important;
  background:transparent!important;
  color:#334155!important;
  border-radius:12px!important;
  padding:13px 14px!important;
  text-align:left;
  font-size:15px;
  font-weight:850;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:none!important;
  white-space:normal!important;
}
.director-nav-tabs .tab:hover{background:#f4f9f5!important;color:var(--pro-green)!important;transform:none!important}
.director-nav-tabs .tab.active{
  background:var(--pro-soft-green)!important;
  color:var(--pro-green-dark)!important;
  box-shadow:inset 3px 0 0 var(--pro-green)!important;
}
.director-help-link{
  margin-top:auto;
  border-top:1px solid var(--pro-border);
  padding:18px 10px 0;
  color:#334155;
  font-weight:800;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.director-workspace{
  padding:26px 28px 32px;
  min-width:0;
}
.director-business-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.company-switch-pill,
.director-user-pill,
.hero-date-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid var(--pro-border);
  border-radius:12px;
  padding:12px 16px;
  box-shadow:var(--pro-shadow-soft);
  color:var(--pro-text);
  font-weight:850;
}
.director-user-pill{color:#334155;font-weight:750}
.business-eyebrow{margin:0 0 5px;color:var(--pro-green);font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:1000}
.director-business-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0 0 18px!important;
}
.director-business-hero h2{font-size:34px!important;margin:0 0 6px!important;color:var(--pro-text)!important;letter-spacing:-.035em}
.director-business-hero p{margin:0;color:var(--pro-muted)}

.business-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:20px;
}
.business-kpi-card{
  background:linear-gradient(180deg,#ffffff 0%, #fcfefc 100%);
  border:1px solid var(--pro-border);
  border-radius:16px;
  padding:20px;
  box-shadow:var(--pro-shadow);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:15px;
  min-height:142px;
  transition:.18s ease;
}
.business-kpi-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(15,23,42,.10)}
.business-kpi-card.kpi-warning{border-color:#fdba74;background:linear-gradient(135deg,#fff,#fff7ed)}
.kpi-icon{
  width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:27px;
}
.kpi-icon.green{background:var(--pro-soft-green)}
.kpi-icon.orange{background:var(--pro-soft-orange);color:var(--pro-orange)}
.business-kpi-card strong{display:block;font-size:42px;line-height:1;color:var(--pro-text);letter-spacing:-.04em}
.business-kpi-card span{display:block;color:#334155;margin-top:6px;font-weight:650}
.business-kpi-card button{
  grid-column:1 / -1;
  align-self:end;
  justify-self:start;
  background:transparent!important;
  color:var(--pro-green)!important;
  border:0!important;
  padding:0!important;
  font-weight:900;
  box-shadow:none!important;
}
.kpi-warning button,.kpi-warning strong{color:var(--pro-orange)!important}

.business-searchbar{
  background:#fff!important;
  border:1px solid var(--pro-border)!important;
  border-radius:16px!important;
  box-shadow:var(--pro-shadow-soft)!important;
  padding:12px!important;
}
.business-searchbar input{border:0!important;background:#f4f8f5!important;border-radius:12px!important}

.director-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:18px;
  align-items:start;
}
.director-content-main{min-width:0}
#viewDirectorDashboard .tab-panel.active > .card,
#viewDirectorDashboard .tab-panel.active .grid > .card,
#viewDirectorDashboard .tab-panel.active .right-stack > .card,
#viewDirectorDashboard .tab-panel.active .right-stack > .worker-preview-card{
  border:1px solid var(--pro-border)!important;
  border-radius:16px!important;
  box-shadow:var(--pro-shadow)!important;
  background:linear-gradient(180deg,#ffffff 0%, #fcfefc 100%)!important;
}
#viewDirectorDashboard .tab-panel h3{font-size:20px;color:var(--pro-text)!important;letter-spacing:-.02em}
#viewDirectorDashboard .tab-panel.active > .card > h3:first-child,
#viewDirectorDashboard .tab-panel.active .grid > .card > h3:first-child,
#viewDirectorDashboard .tab-panel.active .right-stack > .card > h3:first-child{
  display:flex;
  align-items:center;
  margin:-22px -22px 18px!important;
  padding:14px 18px!important;
  border-bottom:1px solid var(--pro-border);
  background:var(--pro-soft-green);
  border-radius:16px 16px 0 0;
}
#viewDirectorDashboard .tab-panel.active > .card > .hint:first-of-type,
#viewDirectorDashboard .tab-panel.active .grid > .card > .hint:first-of-type{
  color:var(--pro-muted)!important;
}

.business-quick-actions{
  position:sticky;
  top:96px;
  border:1px solid var(--pro-border)!important;
  border-radius:16px!important;
  box-shadow:var(--pro-shadow)!important;
  padding:18px!important;
  background:linear-gradient(180deg,#ffffff 0%, #fcfefc 100%)!important;
}
.business-quick-actions h3{font-size:20px;margin-bottom:16px;color:var(--pro-text)!important}
.quick-action{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-radius:14px!important;
  padding:16px!important;
  margin-bottom:12px;
  font-weight:900;
  text-align:left;
}
.quick-action.green{
  background:linear-gradient(135deg,#047857,#065f46)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 22px rgba(4,120,87,.20)!important;
}
.quick-action.light{background:#f8fafc!important;color:var(--pro-text)!important;border:1px solid var(--pro-border)!important}
.quick-action.outline{background:#fff!important;color:var(--pro-green-dark)!important;border:1px solid var(--pro-green)!important}
.quick-action span{font-size:22px}

#viewDirectorDashboard .item,
#viewDirectorDashboard .management-item,
#viewDirectorDashboard .report-item{
  border:1px solid var(--pro-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(28,54,40,.035)!important;
}
#viewDirectorDashboard .pill{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#bbf7d0!important;
}
#viewDirectorDashboard th{background:#f1f5f9!important;color:#334155!important}
#viewDirectorDashboard .primary{background:var(--pro-green)!important;border-color:var(--pro-green)!important;color:#fff!important}
#viewDirectorDashboard .secondary{background:#fff!important;color:var(--pro-text)!important;border-color:var(--pro-border)!important}

@media(max-width:1180px){
  #viewDirectorDashboard.director-business-page.active{grid-template-columns:230px minmax(0,1fr)}
  .business-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .director-content-grid{grid-template-columns:1fr}
  .business-quick-actions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .business-quick-actions h3{grid-column:1 / -1;margin-bottom:4px}
  .quick-action{margin:0}
}
@media(max-width:820px){
  #viewDirectorDashboard.director-business-page.active{display:block!important}
  .director-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--pro-border);padding:16px}
  .director-nav-tabs{display:flex!important;overflow-x:auto;grid-auto-flow:column;grid-auto-columns:max-content;flex-wrap:nowrap!important;padding-bottom:6px}
  .director-nav-tabs .tab{width:auto;white-space:nowrap!important}
  .director-help-link{display:none}
  .director-workspace{padding:16px}
  .director-business-topline{flex-direction:column;align-items:stretch}
  .business-kpi-grid{grid-template-columns:1fr}
  .business-quick-actions{grid-template-columns:1fr}
}


/* v1.23.5 — Bezbedna provera sistema */
.diagnostics-card .diagnostics-head{align-items:flex-start;gap:14px;flex-wrap:wrap}
.diagnostics-card hr{border:0;border-top:1px solid var(--pro-border, #e2e8f0);margin:18px 0}
.audit-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.audit-person-card.audit-ok{border-color:rgba(22,101,52,.22)!important;background:rgba(240,253,244,.7)!important}
.audit-person-card.audit-warning{border-color:rgba(217,119,6,.28)!important;background:rgba(255,251,235,.78)!important}
.audit-details{margin-top:10px;display:grid;gap:8px}
.audit-issues ul{margin:6px 0 0 18px;padding:0}
#tabDiagnostics .row.compact button{white-space:normal}
@media (max-width: 760px){
  .diagnostics-card .diagnostics-head{display:block}
  .diagnostics-card .diagnostics-head .row{margin-top:12px;display:grid;grid-template-columns:1fr;gap:8px}
}

/* v1.23.6 — Admin CRM kao CityStyle: firme, paket, kontakti, poruke */
.admin-crm-view .card,
.admin-crm-view .item {
  border-radius: 18px;
}

.admin-crm-hero {
  background: linear-gradient(135deg, rgba(15, 118, 110, 0.14), rgba(15, 23, 42, 0.04));
  border: 1px solid rgba(15, 118, 110, 0.18);
  padding: 18px;
  border-radius: 22px;
}

.admin-crm-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.compact-grid {
  gap: 10px;
}

.card-title-row,
.admin-company-main,
.admin-company-dates {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.admin-company-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.94);
}

.admin-company-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: #0f766e;
}

.admin-company-card.brand-blue::before { background: #2563eb; }
.admin-company-card.brand-orange::before { background: #f97316; }
.admin-company-card.brand-red::before { background: #dc2626; }
.admin-company-card.brand-dark::before { background: #111827; }

.admin-company-card strong {
  display: block;
  font-size: 1rem;
  margin-bottom: 4px;
}

.admin-company-status {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-company-dates {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.04);
  font-size: 0.9rem;
  flex-wrap: wrap;
}

.admin-crm-actions {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-crm-actions button {
  padding: 8px 10px;
  min-height: 34px;
  border-radius: 10px;
  font-size: 0.86rem;
}

.admin-note {
  margin-top: 8px;
}

.pill.good,
.pill.ok {
  background: rgba(22, 163, 74, 0.12);
  color: #166534;
  border-color: rgba(22, 163, 74, 0.22);
}

.pill.warn {
  background: rgba(245, 158, 11, 0.16);
  color: #92400e;
  border-color: rgba(245, 158, 11, 0.24);
}

.pill.bad {
  background: rgba(220, 38, 38, 0.12);
  color: #991b1b;
  border-color: rgba(220, 38, 38, 0.22);
}

.pill.neutral {
  background: rgba(100, 116, 139, 0.12);
  color: #334155;
  border-color: rgba(100, 116, 139, 0.22);
}

.package-notice {
  margin: 12px 0 14px;
  border-radius: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(245, 158, 11, 0.28);
  background: rgba(245, 158, 11, 0.12);
  color: #78350f;
}

.package-notice.danger {
  border-color: rgba(220, 38, 38, 0.28);
  background: rgba(220, 38, 38, 0.10);
  color: #7f1d1d;
}

.package-notice p {
  margin: 5px 0 0;
}

@media (max-width: 900px) {
  .admin-crm-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .admin-company-main,
  .admin-company-dates,
  .card-title-row {
    flex-direction: column;
  }
  .admin-company-status {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .admin-crm-kpis {
    grid-template-columns: 1fr;
  }
  .admin-crm-actions button {
    width: 100%;
  }
}

/* v1.23.7 - Admin može menjati poslovnu boju svake firme */
.admin-company-card.brand-green::before { background: #0f766e; }
.admin-company-card.brand-darkgreen::before { background: #065f46; }
.admin-company-card.brand-blue::before { background: #2563eb; }
.admin-company-card.brand-orange::before { background: #f97316; }
.admin-company-card.brand-red::before { background: #dc2626; }
.admin-company-card.brand-purple::before { background: #7c3aed; }
.admin-company-card.brand-dark::before { background: #111827; }

.admin-company-card.brand-green { box-shadow: inset 5px 0 0 #0f766e, 0 12px 28px rgba(15,118,110,.08); }
.admin-company-card.brand-darkgreen { box-shadow: inset 5px 0 0 #065f46, 0 12px 28px rgba(6,95,70,.08); }
.admin-company-card.brand-blue { box-shadow: inset 5px 0 0 #2563eb, 0 12px 28px rgba(37,99,235,.08); }
.admin-company-card.brand-orange { box-shadow: inset 5px 0 0 #f97316, 0 12px 28px rgba(249,115,22,.10); }
.admin-company-card.brand-red { box-shadow: inset 5px 0 0 #dc2626, 0 12px 28px rgba(220,38,38,.10); }
.admin-company-card.brand-purple { box-shadow: inset 5px 0 0 #7c3aed, 0 12px 28px rgba(124,58,237,.10); }
.admin-company-card.brand-dark { box-shadow: inset 5px 0 0 #111827, 0 12px 28px rgba(17,24,39,.10); }

.admin-company-brand-row {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.admin-brand-picker {
  min-width: min(100%, 280px);
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: rgba(248, 250, 252, .92);
  font-weight: 800;
  color: #0f172a;
}

.admin-brand-picker select {
  margin-left: 8px;
  min-width: 155px;
  border-radius: 10px;
  padding: 7px 9px;
  border: 1px solid rgba(15, 23, 42, .14);
  background: #fff;
  font-weight: 800;
}

.company-brand-green #internalHeader { border-bottom-color: rgba(15, 118, 110, .45); }
.company-brand-darkgreen #internalHeader { border-bottom-color: rgba(6, 95, 70, .50); }
.company-brand-blue #internalHeader { border-bottom-color: rgba(37, 99, 235, .45); }
.company-brand-orange #internalHeader { border-bottom-color: rgba(249, 115, 22, .48); }
.company-brand-red #internalHeader { border-bottom-color: rgba(220, 38, 38, .48); }
.company-brand-purple #internalHeader { border-bottom-color: rgba(124, 58, 237, .48); }
.company-brand-dark #internalHeader { border-bottom-color: rgba(17, 24, 39, .55); }

/* v1.23.8 - Admin pregled Direkcije/Radnika u prozoru */
.admin-preview-modal.hidden { display: none !important; }
.admin-preview-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 18px;
}
.admin-preview-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .68);
  backdrop-filter: blur(8px);
}
.admin-preview-dialog {
  position: relative;
  width: min(1180px, 96vw);
  max-height: 92vh;
  overflow: auto;
  border-radius: 26px;
  background: rgba(248, 250, 252, .98);
  border: 1px solid rgba(255, 255, 255, .42);
  box-shadow: 0 28px 90px rgba(2, 6, 23, .38);
}
.admin-preview-top {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}
.admin-preview-top h3 { margin: 3px 0 4px; }
.admin-preview-body { padding: 18px; }
.preview-shell { --preview-brand: #0f766e; }
.preview-director {
  display: grid;
  grid-template-columns: 245px 1fr;
  min-height: 560px;
  border-radius: 24px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.08);
}
.preview-sidebar {
  background: linear-gradient(180deg, #0f172a, #111827);
  color: white;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.preview-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.preview-logo span {
  width: 40px; height: 40px; border-radius: 14px;
  display: grid; place-items: center;
  background: var(--preview-brand);
  color: white; font-weight: 900;
}
.preview-logo small { display:block; opacity:.75; font-weight:800; letter-spacing:.14em; }
.preview-sidebar button {
  text-align: left;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.08);
  color: white;
  border-radius: 14px;
  padding: 11px 12px;
  font-weight: 800;
}
.preview-main { padding: 18px; }
.preview-topbar {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--preview-brand) 14%, white), #fff);
  border: 1px solid color-mix(in srgb, var(--preview-brand) 24%, transparent);
}
.preview-topbar h3 { margin: 3px 0 4px; font-size: 1.55rem; }
.preview-topbar p { margin: 0; color: #475569; }
.preview-status { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.preview-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.preview-kpis div,
.preview-grid section,
.preview-worker-card,
.preview-worker-section,
.preview-worker-info {
  background: white;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.preview-kpis b { color: #64748b; display: block; font-size: .84rem; }
.preview-kpis strong { display: block; margin: 4px 0; font-size: 1.45rem; color: var(--preview-brand); }
.preview-kpis small { color: #64748b; }
.preview-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: 12px; }
.preview-grid h4 { margin-top: 0; }
.preview-grid button,
.preview-send {
  display: block;
  width: 100%;
  margin-top: 8px;
  border: 0;
  border-radius: 14px;
  padding: 11px 12px;
  background: var(--preview-brand);
  color: white;
  font-weight: 900;
}
.preview-table-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid rgba(15,23,42,.08);
  padding: 10px 0;
}
.preview-note { color: #64748b; font-size: .92rem; }
.preview-worker {
  display: grid;
  grid-template-columns: minmax(280px, 390px) 1fr;
  gap: 18px;
  align-items: start;
}
.preview-phone {
  border-radius: 34px;
  background: #0f172a;
  padding: 13px;
  box-shadow: 0 22px 60px rgba(2,6,23,.28);
}
.preview-phone-head {
  border-radius: 24px 24px 16px 16px;
  background: linear-gradient(135deg, var(--preview-brand), #0f172a);
  color: white;
  padding: 18px;
}
.preview-phone-head span,
.preview-phone-head small { display:block; opacity:.86; }
.preview-phone-head b { display:block; font-size:1.15rem; margin:4px 0; }
.preview-worker-card { margin-top: 10px; }
.preview-worker-card label { display:block; font-weight:900; margin:8px 0 5px; color:#334155; }
.fake-input {
  background: #f8fafc;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 13px;
  padding: 10px 12px;
  color:#0f172a;
}
.preview-worker-section {
  margin-top: 10px;
  border-left: 5px solid var(--preview-brand);
}
.preview-worker-section b,
.preview-worker-section small { display:block; }
.preview-worker-section small { color:#64748b; margin-top:3px; }
.preview-send { margin-top: 12px; }
.preview-worker-info h4 { margin-top:0; }
@media (max-width: 860px) {
  .admin-preview-dialog { width: 98vw; max-height: 94vh; }
  .admin-preview-top { flex-direction: column; }
  .preview-director,
  .preview-worker { grid-template-columns: 1fr; }
  .preview-sidebar { display: none; }
  .preview-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .preview-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .admin-preview-modal { padding: 8px; }
  .admin-preview-body { padding: 10px; }
  .preview-kpis { grid-template-columns: 1fr; }
  .preview-topbar { flex-direction: column; }
}


/* v1.23.9 - Boja firme se primenjuje i u pravom prikazu Direkcije/Radnika */
body.company-brand-green{
  --company-brand:#0f766e; --company-brand-dark:#075f55; --company-brand-soft:#e8f5ef;
  --pro-green:#0f766e; --pro-green-dark:#075f55; --pro-soft-green:#e8f5ef;
  --primary:#0f766e; --primary-dark:#075f55; --accent:#14b8a6;
  --green:#0f766e; --green-2:#14b8a6; --green-soft:#e8f5ef;
}
body.company-brand-darkgreen{
  --company-brand:#065f46; --company-brand-dark:#064e3b; --company-brand-soft:#e7f7ef;
  --pro-green:#065f46; --pro-green-dark:#064e3b; --pro-soft-green:#e7f7ef;
  --primary:#065f46; --primary-dark:#064e3b; --accent:#10b981;
  --green:#065f46; --green-2:#10b981; --green-soft:#e7f7ef;
}
body.company-brand-blue{
  --company-brand:#2563eb; --company-brand-dark:#1d4ed8; --company-brand-soft:#eff6ff;
  --pro-green:#2563eb; --pro-green-dark:#1d4ed8; --pro-soft-green:#eff6ff;
  --primary:#2563eb; --primary-dark:#1d4ed8; --accent:#60a5fa;
  --green:#2563eb; --green-2:#60a5fa; --green-soft:#eff6ff;
}
body.company-brand-orange{
  --company-brand:#f97316; --company-brand-dark:#c2410c; --company-brand-soft:#fff7ed;
  --pro-green:#f97316; --pro-green-dark:#c2410c; --pro-soft-green:#fff7ed;
  --primary:#f97316; --primary-dark:#c2410c; --accent:#fb923c;
  --green:#f97316; --green-2:#fb923c; --green-soft:#fff7ed;
}
body.company-brand-red{
  --company-brand:#dc2626; --company-brand-dark:#991b1b; --company-brand-soft:#fef2f2;
  --pro-green:#dc2626; --pro-green-dark:#991b1b; --pro-soft-green:#fef2f2;
  --primary:#dc2626; --primary-dark:#991b1b; --accent:#f87171;
  --green:#dc2626; --green-2:#f87171; --green-soft:#fef2f2;
}
body.company-brand-purple{
  --company-brand:#7c3aed; --company-brand-dark:#5b21b6; --company-brand-soft:#f5f3ff;
  --pro-green:#7c3aed; --pro-green-dark:#5b21b6; --pro-soft-green:#f5f3ff;
  --primary:#7c3aed; --primary-dark:#5b21b6; --accent:#a78bfa;
  --green:#7c3aed; --green-2:#a78bfa; --green-soft:#f5f3ff;
}
body.company-brand-dark{
  --company-brand:#111827; --company-brand-dark:#030712; --company-brand-soft:#f1f5f9;
  --pro-green:#111827; --pro-green-dark:#030712; --pro-soft-green:#f1f5f9;
  --primary:#111827; --primary-dark:#030712; --accent:#475569;
  --green:#111827; --green-2:#475569; --green-soft:#f1f5f9;
}

body[class*="company-brand-"] .director-logo-mark,
body[class*="company-brand-"] body.in-app .internal-header > div:first-child::before{
  background:linear-gradient(135deg,var(--company-brand),var(--company-brand-dark))!important;
  color:#fff!important;
  box-shadow:0 10px 20px color-mix(in srgb, var(--company-brand) 24%, transparent)!important;
}
body[class*="company-brand-"] .director-logo-box span{color:var(--company-brand)!important}
body[class*="company-brand-"] .quick-action.green{
  background:linear-gradient(135deg,var(--company-brand),var(--company-brand-dark))!important;
  box-shadow:0 12px 22px color-mix(in srgb, var(--company-brand) 22%, transparent)!important;
}
body[class*="company-brand-"] .quick-action.outline{
  color:var(--company-brand-dark)!important;
  border-color:var(--company-brand)!important;
}
body[class*="company-brand-"] #viewDirectorDashboard .pill{
  background:var(--company-brand-soft)!important;
  color:var(--company-brand-dark)!important;
  border-color:color-mix(in srgb, var(--company-brand) 28%, white)!important;
}
body[class*="company-brand-"] body.in-app .internal-header,
body[class*="company-brand-"] .internal-header{
  border-bottom:4px solid var(--company-brand)!important;
}
body[class*="company-brand-"] input:focus,
body[class*="company-brand-"] select:focus,
body[class*="company-brand-"] textarea:focus{
  border-color:var(--company-brand)!important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--company-brand) 18%, transparent)!important;
}
body[class*="company-brand-"] input[type="checkbox"],
body[class*="company-brand-"] input[type="radio"]{accent-color:var(--company-brand)!important}
body[class*="company-brand-"] .internal-header > div:first-child::before{
  background:linear-gradient(135deg,var(--company-brand),var(--company-brand-dark))!important;
  border-color:color-mix(in srgb, var(--company-brand) 32%, white)!important;
  color:#fff!important;
}

/* v1.24.1 - Admin produženje paketa, dugmad vraćena na prethodni stil */
.admin-renew-row{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:10px;
  margin-top:10px;
  padding:10px;
  border:1px solid rgba(15,118,110,.14);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(240,253,250,.78), rgba(255,255,255,.92));
}
.admin-renew-row label{
  min-width:210px;
  margin:0;
  color:#334155;
  font-size:.86rem;
  font-weight:800;
}
.admin-renew-row input[type="date"]{
  margin-top:5px;
  min-height:38px;
}
.admin-renew-row .small-action{
  white-space:nowrap;
}


/* v1.24.2 - QR kod za radnike po firmi */
.director-hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.worker-company-qr-notice{
  margin:10px 0 12px;
  padding:10px 12px;
  border:1px solid rgba(47,125,70,.22);
  background:rgba(47,125,70,.08);
  border-radius:14px;
  color:#173d28;
  display:grid;
  gap:5px;
}
.worker-company-qr-notice.hidden{display:none;}
.worker-company-qr-notice strong{font-size:.92rem;}
.worker-company-qr-notice span{font-size:.84rem;color:#4b5f52;line-height:1.35;}
.locked-company-code{
  background:rgba(47,125,70,.08)!important;
  border-color:rgba(47,125,70,.35)!important;
  font-weight:800;
  color:#173d28;
}
.company-qr-modal.hidden{display:none;}
.company-qr-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.company-qr-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,18,14,.62);
  backdrop-filter:blur(8px);
}
.company-qr-dialog{
  position:relative;
  width:min(920px,96vw);
  max-height:92vh;
  overflow:auto;
  background:#f7faf8;
  border:1px solid rgba(255,255,255,.6);
  border-radius:26px;
  box-shadow:0 28px 90px rgba(0,0,0,.34);
  padding:20px;
}
.company-qr-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  border-bottom:1px solid rgba(21,48,34,.10);
  padding-bottom:14px;
  margin-bottom:18px;
}
.company-qr-top h3{margin:2px 0 4px;font-size:1.35rem;}
.company-qr-body{
  display:grid;
  grid-template-columns:minmax(260px,390px) 1fr;
  gap:20px;
  align-items:start;
}
.company-qr-image-wrap{
  background:#fff;
  border:1px solid rgba(21,48,34,.12);
  border-radius:24px;
  padding:18px;
  box-shadow:0 18px 36px rgba(22,50,35,.10);
  display:flex;
  justify-content:center;
}
.company-qr-image-wrap img{
  width:min(100%,380px);
  height:auto;
  display:block;
  border-radius:12px;
}
.company-qr-info{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(21,48,34,.10);
  border-radius:22px;
  padding:16px;
}
.company-qr-info h4{margin:0 0 8px;font-size:1.15rem;}
.company-qr-info .school-info{
  line-height:1.55;
  color:#43564b;
  background:rgba(47,125,70,.07);
  border-left:4px solid var(--brand-primary,#2f7d46);
  padding:10px 12px;
  border-radius:12px;
}
.company-qr-info input{
  font-size:.88rem;
  font-weight:700;
}
.company-qr-actions{margin-top:12px;gap:8px;flex-wrap:wrap;}
@media (max-width:760px){
  .company-qr-body{grid-template-columns:1fr;}
  .company-qr-dialog{padding:14px;border-radius:20px;}
  .company-qr-top{flex-direction:column;}
}

/* v1.24.3 - radnički QR/PWA ulaz vezan za firmu */
.worker-install-box{
  margin:10px 0 12px;
  padding:12px;
  border:1px solid rgba(47,125,70,.22);
  background:linear-gradient(135deg, rgba(47,125,70,.10), rgba(245,185,66,.08));
  border-radius:16px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
}
.worker-install-box.hidden{display:none;}
.worker-install-box strong{display:block;color:#173d28;margin-bottom:3px;}
.worker-install-box span{display:block;color:#4b5f52;font-size:.86rem;line-height:1.35;}
.worker-install-box .primary{white-space:nowrap;}
body.worker-company-locked #workerCompanyCodeLabel,
body.worker-company-locked #workerCompanyCode,
body.worker-company-locked #workerCompanyCodeNote{
  display:none!important;
}
body.worker-company-locked #viewWorkerLogin .card.narrow{
  border-top:5px solid var(--primary, #2f7d46);
  box-shadow:0 18px 45px rgba(47,125,70,.12);
}
body.worker-company-locked #workerAccessCode{
  min-height:48px;
  font-size:1.08rem;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
}
body.worker-company-locked #workerLoginBtn{
  width:100%;
  min-height:46px;
}
@media(max-width:640px){
  .worker-install-box{grid-template-columns:1fr;}
  .worker-install-box .primary{width:100%;}
}

/* =========================================================
   v1.24.4 - RADNIK QR/PWA: samo unos koda + tamno plava terenska tema
   ========================================================= */
body.worker-code-only-mode{
  background: radial-gradient(circle at top, rgba(59,130,246,.20), transparent 34%), #07111f !important;
}
body.worker-code-only-mode .topbar,
body.worker-code-only-mode #viewWorkerLogin .back,
body.worker-code-only-mode #workerCompanyCodeLabel,
body.worker-code-only-mode #workerCompanyCode,
body.worker-code-only-mode #workerCompanyCodeNote,
body.worker-code-only-mode #workerCompanyQrNotice,
body.worker-code-only-mode #workerLoginHelpBox,
body.worker-code-only-mode #workerAccessCodeNote,
body.worker-code-only-mode #viewWorkerLogin .hint{
  display:none!important;
}
body.worker-code-only-mode #viewWorkerLogin{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
body.worker-code-only-mode #viewWorkerLogin .card{
  width:min(430px, 100%);
  background:linear-gradient(180deg, rgba(15,30,53,.96), rgba(8,18,33,.98))!important;
  border:1px solid rgba(248,113,113,.38)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.42), 0 0 0 1px rgba(147,197,253,.12) inset!important;
  border-radius:24px!important;
  padding:28px!important;
  color:#dbeafe!important;
}
body.worker-code-only-mode #workerInstallBox{
  display:grid!important;
  margin:0 0 18px!important;
  padding:14px!important;
  border:1px solid rgba(147,197,253,.20)!important;
  background:rgba(11,27,49,.72)!important;
  border-radius:18px!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.worker-code-only-mode #workerInstallBox.hidden{display:none!important;}
body.worker-code-only-mode #workerInstallBox strong{color:#eaf2ff!important;text-align:center;}
body.worker-code-only-mode #workerInstallBox span{color:#9fb8d9!important;text-align:center;font-size:.86rem!important;}
body.worker-code-only-mode #workerInstallBtn{
  width:100%;
  min-height:44px;
  border-radius:14px!important;
  background:linear-gradient(135deg, #1d4ed8, #2563eb)!important;
  color:#eff6ff!important;
  border:1px solid rgba(147,197,253,.38)!important;
  box-shadow:0 12px 26px rgba(37,99,235,.18)!important;
}
body.worker-code-only-mode #workerLoginTitle{
  text-align:center;
  color:#eaf2ff!important;
  font-size:1.55rem!important;
  margin-bottom:18px!important;
}
body.worker-code-only-mode #workerAccessCodeLabel{
  display:block!important;
  color:#bfdbfe!important;
  font-weight:900!important;
  text-align:left;
}
body.worker-code-only-mode #workerAccessCode{
  background:#0b1b31!important;
  border:1px solid rgba(248,113,113,.52)!important;
  color:#eff6ff!important;
  min-height:54px!important;
  font-size:20px!important;
  text-align:center;
  letter-spacing:.08em;
  border-radius:16px!important;
  box-shadow: inset 0 0 0 1px rgba(147,197,253,.08)!important;
}
body.worker-code-only-mode #workerAccessCode:focus{
  outline:3px solid rgba(248,113,113,.22)!important;
  border-color:#f87171!important;
}
body.worker-code-only-mode #workerLoginBtn{
  width:100%;
  margin-top:14px;
  min-height:52px;
  border-radius:16px!important;
  background:linear-gradient(135deg, #b91c1c, #ef4444)!important;
  color:#fff!important;
  border:1px solid rgba(252,165,165,.62)!important;
  box-shadow:0 16px 34px rgba(185,28,28,.24)!important;
}

body.worker-field-theme{
  background:linear-gradient(180deg, #07111f 0%, #0b1b31 42%, #08111f 100%)!important;
  color:#dbeafe!important;
}
body.worker-field-theme .internal-header{
  background:rgba(8,18,33,.98)!important;
  color:#eaf2ff!important;
  border-bottom:3px solid rgba(248,113,113,.55)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.32)!important;
}
body.worker-field-theme .internal-header strong,
body.worker-field-theme .internal-header small{color:#eaf2ff!important;}
body.worker-field-theme .dashboard-head{
  background:linear-gradient(135deg, rgba(15,30,53,.96), rgba(10,26,48,.96))!important;
  border:1px solid rgba(248,113,113,.35)!important;
  border-radius:22px!important;
  padding:18px 20px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
}
body.worker-field-theme #workerHello,
body.worker-field-theme #workerCompanyLabel,
body.worker-field-theme h2,
body.worker-field-theme h3,
body.worker-field-theme h4,
body.worker-field-theme h5{color:#eaf2ff!important;}
body.worker-field-theme #viewWorkerForm > .card,
body.worker-field-theme #viewWorkerForm .dyn-section,
body.worker-field-theme #viewWorkerForm .entry-card,
body.worker-field-theme #viewWorkerForm .returned-panel,
body.worker-field-theme #viewWorkerForm .fuel-memory-panel{
  background:linear-gradient(180deg, rgba(15,30,53,.94), rgba(8,18,33,.97))!important;
  border:1px solid rgba(248,113,113,.38)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  color:#dbeafe!important;
}
body.worker-field-theme #viewWorkerForm .dyn-section{
  border-left:4px solid rgba(248,113,113,.72)!important;
  border-radius:18px!important;
  margin-top:16px!important;
}
body.worker-field-theme #viewWorkerForm .hint,
body.worker-field-theme #viewWorkerForm .field-hint,
body.worker-field-theme #viewWorkerForm .muted{color:#9fb8d9!important;}
body.worker-field-theme #viewWorkerForm label{color:#bfdbfe!important;font-weight:800!important;}
body.worker-field-theme #viewWorkerForm input,
body.worker-field-theme #viewWorkerForm select,
body.worker-field-theme #viewWorkerForm textarea{
  background:#0b1b31!important;
  border:1px solid rgba(147,197,253,.28)!important;
  color:#eff6ff!important;
  border-radius:13px!important;
}
body.worker-field-theme #viewWorkerForm input:focus,
body.worker-field-theme #viewWorkerForm select:focus,
body.worker-field-theme #viewWorkerForm textarea:focus{
  outline:3px solid rgba(248,113,113,.20)!important;
  border-color:#f87171!important;
}
body.worker-field-theme #viewWorkerForm button.primary,
body.worker-field-theme #viewWorkerForm .primary,
body.worker-field-theme #viewWorkerForm button.secondary,
body.worker-field-theme #viewWorkerForm .secondary{
  background:linear-gradient(135deg, rgba(185,28,28,.92), rgba(239,68,68,.88))!important;
  border:1px solid rgba(252,165,165,.60)!important;
  color:#fff!important;
  border-radius:13px!important;
  box-shadow:0 10px 22px rgba(185,28,28,.18)!important;
}
body.worker-field-theme #viewWorkerForm .danger-btn{
  background:linear-gradient(135deg, #7f1d1d, #dc2626)!important;
  border:1px solid rgba(252,165,165,.62)!important;
  color:#fff!important;
}
body.worker-field-theme #viewWorkerForm .entry-list{
  display:grid;
  gap:12px;
}
@media (max-width:768px){
  body.worker-field-theme #viewWorkerForm{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.worker-field-theme #viewWorkerForm .card,
  body.worker-field-theme #viewWorkerForm .dyn-section,
  body.worker-field-theme #viewWorkerForm .entry-card{
    padding:14px!important;
    border-radius:16px!important;
  }
}


/* =========================================================
   v1.24.5 - FIX: posle radničkog login-a sakrij karticu za unos koda
   ========================================================= */
body.worker-code-only-mode #viewWorkerLogin:not(.active){
  display:none!important;
}
body.worker-field-theme #viewWorkerLogin{
  display:none!important;
}
body.worker-field-theme #viewWorkerForm{
  padding-top:12px;
}
body.worker-field-theme #viewWorkerForm .dashboard-head{
  margin-bottom:12px!important;
}
body.worker-field-theme #viewWorkerForm > .card{
  margin-top:0!important;
}


/* =========================================================
   v1.24.7 - WORKER MOBILE POLISH
   cilj: bolja čitljivost, lepši odjavi se, jači kontrast na terenu
   ========================================================= */
body.worker-field-theme{
  --worker-bg:#07111f;
  --worker-surface:#0d213b;
  --worker-surface-2:#0a1b31;
  --worker-text:#eef4ff;
  --worker-muted:#b8c7da;
  --worker-border:rgba(248,113,113,.45);
  --worker-border-soft:rgba(147,197,253,.28);
}
body.worker-field-theme .internal-header{
  position:sticky;
  top:0;
  z-index:60;
  min-height:unset!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
body.worker-field-theme .internal-header > div:first-child{
  gap:10px!important;
  min-width:0;
}
body.worker-field-theme .internal-header > div:first-child::before{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  font-size:20px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
body.worker-field-theme #internalTitle{
  font-size:1rem!important;
  line-height:1.1!important;
}
body.worker-field-theme #internalSubtitle{
  font-size:.78rem!important;
  color:#b6c4d8!important;
  line-height:1.25!important;
  max-width:56vw;
  white-space:normal;
}
body.worker-field-theme #internalLogoutBtn{
  display:none!important;
}
body.worker-field-theme #viewWorkerForm{
  padding:12px 10px 20px!important;
}
body.worker-field-theme #viewWorkerForm .dashboard-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 16px 14px!important;
}
body.worker-field-theme #workerHello{
  font-size:1.35rem!important;
  margin-bottom:4px!important;
}
body.worker-field-theme #workerCompanyLabel{
  color:#b7c7db!important;
  font-size:.92rem!important;
  line-height:1.35!important;
}
body.worker-field-theme #workerLogoutBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  white-space:nowrap!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  color:#ef4444!important;
  border:1px solid rgba(248,113,113,.55)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  font-weight:800!important;
}
body.worker-field-theme #viewWorkerForm > .card{
  padding:16px 14px!important;
}
body.worker-field-theme #viewWorkerForm h3{
  font-size:1.45rem!important;
  margin-bottom:10px!important;
}
body.worker-field-theme #viewWorkerForm .dyn-section,
body.worker-field-theme #viewWorkerForm .entry-card,
body.worker-field-theme #viewWorkerForm .returned-panel,
body.worker-field-theme #viewWorkerForm .fuel-memory-panel{
  padding:16px 14px!important;
  border-radius:18px!important;
}
body.worker-field-theme #viewWorkerForm .dyn-section h4,
body.worker-field-theme #viewWorkerForm .entry-card h4,
body.worker-field-theme #viewWorkerForm .entry-card h5,
body.worker-field-theme #viewWorkerForm .entry-card-head strong{
  color:#f5f9ff!important;
  font-weight:900!important;
}
body.worker-field-theme #viewWorkerForm .entry-card-head strong{
  font-size:1.2rem!important;
  letter-spacing:-.01em;
}
body.worker-field-theme #viewWorkerForm label{
  color:#eef4ff!important;
  font-size:1rem!important;
  margin-bottom:6px!important;
}
body.worker-field-theme #viewWorkerForm .hint,
body.worker-field-theme #viewWorkerForm .field-hint,
body.worker-field-theme #viewWorkerForm .muted,
body.worker-field-theme #viewWorkerForm .asset-smart-result,
body.worker-field-theme #viewWorkerForm .asset-smart-result span,
body.worker-field-theme #viewWorkerForm .asset-smart-result small{
  color:#b9c9db!important;
}
body.worker-field-theme #viewWorkerForm .asset-smart-result{
  background:rgba(8,18,33,.68)!important;
  border:1px solid rgba(248,113,113,.22)!important;
}
body.worker-field-theme #viewWorkerForm .asset-smart-result.ok{
  background:rgba(22,163,74,.12)!important;
  border-color:rgba(74,222,128,.25)!important;
  color:#dcfce7!important;
}
body.worker-field-theme #viewWorkerForm .asset-smart-result.warn{
  background:rgba(234,88,12,.12)!important;
  border-color:rgba(251,146,60,.25)!important;
  color:#ffedd5!important;
}
body.worker-field-theme #viewWorkerForm input,
body.worker-field-theme #viewWorkerForm select,
body.worker-field-theme #viewWorkerForm textarea{
  min-height:52px!important;
  font-size:1rem!important;
  padding:14px 16px!important;
  background:#0a1b31!important;
  border:1px solid var(--worker-border)!important;
  color:#eff6ff!important;
}
body.worker-field-theme #viewWorkerForm textarea{
  min-height:110px!important;
}
body.worker-field-theme #viewWorkerForm input::placeholder,
body.worker-field-theme #viewWorkerForm textarea::placeholder{
  color:#9eafc4!important;
  opacity:1!important;
}
body.worker-field-theme #viewWorkerForm select,
body.worker-field-theme #viewWorkerForm option{
  color:#eff6ff!important;
  -webkit-text-fill-color:#eff6ff!important;
}
body.worker-field-theme #viewWorkerForm .remove-entry,
body.worker-field-theme #viewWorkerForm .danger-small,
body.worker-field-theme #viewWorkerForm .danger-btn{
  background:rgba(255,255,255,.95)!important;
  color:#ef4444!important;
  border:1px solid rgba(248,113,113,.58)!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body.worker-field-theme #viewWorkerForm .primary,
body.worker-field-theme #viewWorkerForm .secondary{
  min-height:46px!important;
  font-size:.98rem!important;
}
body.worker-field-theme #viewWorkerForm .mini-grid{
  gap:10px!important;
}
@media (max-width:640px){
  body.worker-field-theme .internal-header{
    padding:8px 10px!important;
  }
  body.worker-field-theme .internal-header > div:first-child::before{
    width:36px!important;
    height:36px!important;
    font-size:18px!important;
  }
  body.worker-field-theme #internalTitle{
    font-size:.96rem!important;
  }
  body.worker-field-theme #internalSubtitle{
    max-width:50vw;
    font-size:.74rem!important;
  }
  body.worker-field-theme #viewWorkerForm{
    padding:10px 8px 18px!important;
  }
  body.worker-field-theme #viewWorkerForm .dashboard-head{
    padding:14px 12px!important;
    border-radius:18px!important;
  }
  body.worker-field-theme #workerHello{
    font-size:1.2rem!important;
  }
  body.worker-field-theme #workerLogoutBtn{
    min-height:40px!important;
    padding:8px 12px!important;
    font-size:.92rem!important;
  }
  body.worker-field-theme #viewWorkerForm > .card,
  body.worker-field-theme #viewWorkerForm .dyn-section,
  body.worker-field-theme #viewWorkerForm .entry-card{
    padding:14px 12px!important;
  }
  body.worker-field-theme #viewWorkerForm .entry-card-head{
    align-items:flex-start!important;
  }
  body.worker-field-theme #viewWorkerForm .entry-card-head strong{
    font-size:1.05rem!important;
  }
}

.smart-export-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0 14px;
}
.smart-export-card{
  border:1px solid var(--border);
  background:#ffffff;
  color:var(--text);
  border-radius:14px;
  padding:11px 12px;
  text-align:left;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
  cursor:pointer;
}
.smart-export-card b{display:block;margin-bottom:4px;font-size:14px;color:var(--text)}
.smart-export-card span{display:block;font-size:12px;line-height:1.35;color:var(--muted)}
.smart-export-card:hover{border-color:var(--primary);transform:translateY(-1px)}
@media(max-width:900px){.smart-export-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.smart-export-cards{grid-template-columns:1fr}.smart-export-card{padding:10px}}


/* v1.25.4 — Excel kalupi: pregled pre štampe */
.hidden{display:none!important}
.export-preview-stage{margin-top:14px;overflow:auto;background:#e5e7eb;border:1px solid var(--border);border-radius:16px;padding:16px}
.export-preview-paper{background:#fff;color:#111827;width:1120px;max-width:100%;min-height:520px;margin:0 auto;padding:24px;border:1px solid #cbd5e1;box-shadow:0 14px 34px rgba(15,23,42,.16);font-family:Arial, Helvetica, sans-serif}
.export-preview-head{display:flex;justify-content:space-between;gap:18px;border-bottom:3px solid #0f7a3b;padding-bottom:14px;margin-bottom:14px}
.export-preview-head small{font-weight:900;letter-spacing:.12em;color:#0f7a3b}
.export-preview-head h2{margin:5px 0 4px;font-size:22px;color:#111827;text-transform:uppercase}
.export-preview-head p{margin:0;color:#374151;font-size:13px}
.export-preview-stamp{text-align:right;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;min-width:180px;background:#f8fafc}
.export-preview-stamp b,.export-preview-stamp span{display:block;color:#111827;font-size:12px}
.export-preview-filters{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 14px}
.export-preview-filters span{border:1px solid #d1d5db;background:#f9fafb;border-radius:999px;padding:6px 9px;font-size:12px;color:#374151}
.export-preview-table-wrap{overflow:auto;border:1px solid #cbd5e1;border-radius:8px}
.export-preview-table{border-collapse:collapse;width:100%;font-size:12px;background:#fff}
.export-preview-table th{background:#0f7a3b;color:#fff;border:1px solid #0b5f2e;padding:8px;text-align:left;white-space:nowrap}
.export-preview-table td{border:1px solid #d1d5db;padding:7px 8px;vertical-align:top;background:#fff}
.export-preview-table tbody tr:nth-child(even) td{background:#f8fbf8}
.export-preview-summary{margin:14px 0;padding:12px 14px;border:1px solid #b7e0c2;background:#f0fdf4;border-radius:10px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.export-preview-summary h4{margin:0;color:#14532d}
.export-preview-summary p{margin:0;color:#111827}
.summary-template .export-preview-summary{border-width:2px;font-size:14px}
.export-preview-signatures{display:flex;justify-content:space-between;gap:20px;margin-top:26px;color:#374151;font-size:12px}
@media(max-width:700px){.export-preview-stage{padding:8px}.export-preview-paper{padding:14px}.export-preview-head{flex-direction:column}.export-preview-stamp{text-align:left}.export-preview-signatures{flex-direction:column}}
@media print{
  body.printing-export-preview *{visibility:hidden!important}
  body.printing-export-preview #exportPreviewBox,
  body.printing-export-preview #exportPreviewBox *{visibility:visible!important}
  body.printing-export-preview #exportPreviewBox{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;border:0;padding:0;margin:0;overflow:visible}
  body.printing-export-preview .export-preview-stage{display:block!important;background:#fff;border:0;padding:0;margin:0;overflow:visible}
  body.printing-export-preview .export-preview-paper{width:100%;max-width:none;min-height:auto;border:0;box-shadow:none;margin:0;padding:0}
  body.printing-export-preview .export-preview-table-wrap{overflow:visible;border:0}
  body.printing-export-preview .export-preview-table{font-size:10px}
  body.printing-export-preview .export-preview-head{break-inside:avoid}
  body.printing-export-preview .export-preview-signatures{break-inside:avoid}
}


/* v1.25.4 — jednostavniji pano za Excel/štampu */
.export-board-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:12px 0 14px;
}
.export-board-steps span{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(15,122,59,.22);
  border-radius:14px;
  background:#f8fffb;
  color:#1f2937;
  font-weight:800;
}
.export-board-steps b{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#0f7a3b;
  color:#fff;
  font-size:13px;
}
.smart-export-card.active{
  border-color:#0f7a3b;
  background:#ecfdf3;
  box-shadow:0 10px 22px rgba(15,122,59,.15);
}
#previewExportBtn{
  min-width:230px;
}
@media(max-width:760px){
  .export-board-steps{grid-template-columns:1fr}
  #previewExportBtn{width:100%;min-width:0}
}

/* v1.25.4 — Excel pano: pregled odmah ispod komandi i stabilno štikliranje */
.export-preview-box-inline{
  margin-top:14px;
  border:1px solid rgba(15,122,59,.18);
  border-radius:16px;
  background:#fbfffd;
  padding:12px;
}
.export-preview-box-inline .export-preview-stage{
  margin-top:10px;
}
.export-master-actions button{
  min-width:170px;
}
.export-column-check{
  cursor:pointer;
}

/* v1.25.5 — pojednostavljen pano za Direkciju: izveštaj → filteri → pregled */
.export-panel-simple{
  border:1px solid rgba(15,118,110,.22);
  background:linear-gradient(180deg, rgba(240,253,250,.92), rgba(255,255,255,.96));
}
.export-step-card{
  border:1px solid var(--border);
  background:rgba(255,255,255,.78);
  border-radius:18px;
  padding:14px;
  margin-top:14px;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.export-step-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.export-step-title strong{font-size:15px;color:var(--text)}
.export-step-title small{color:var(--muted);font-size:12px;line-height:1.35;text-align:right;max-width:520px}
.simple-export-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
.simple-export-cards .smart-export-card{min-height:86px;}
.simple-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.export-main-actions .primary{min-width:210px;}
.export-preview-empty{
  background:#fff;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  padding:18px;
  color:#334155;
}
.export-preview-empty.error{border-color:#fca5a5;background:#fff7f7;color:#7f1d1d}
.export-preview-empty b{display:block;margin-bottom:6px;color:inherit}
.export-preview-empty p{margin:0;color:inherit;line-height:1.5}
@media(max-width:900px){
  .simple-export-cards{grid-template-columns:1fr 1fr;}
  .simple-filter-grid{grid-template-columns:1fr 1fr;}
  .export-step-title{display:block;}
  .export-step-title small{display:block;text-align:left;margin-top:4px;max-width:none;}
}
@media(max-width:620px){
  .simple-export-cards,.simple-filter-grid{grid-template-columns:1fr;}
  .export-main-actions .primary{min-width:0;width:100%;}
}


/* v1.25.7 — čist A4 dnevni izveštaj bez brendiranja i sa ciljanom štampom */
.report-paper-view{background:#fff;max-width:210mm;margin:14px auto;padding:14mm 12mm;}
.report-paper-view .paper-title-block{text-align:center;}
.report-paper-view .paper-title-block h3{margin-bottom:4px;}
.report-paper-view .paper-title-block p{font-size:.84em;color:#53625a;}
.report-paper-view .report-note-summary{background:#fff;}
.report-toolbar .secondary{padding:7px 10px;font-size:.9rem;}
@page{size:A4;margin:12mm;}
@media print{
  body.printing-report-paper *{visibility:hidden!important;}
  body.printing-report-paper .print-target-report,
  body.printing-report-paper .print-target-report *{visibility:visible!important;}
  body.printing-report-paper .print-target-report{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
    font-size:11.5px!important;
  }
  body.printing-report-paper .print-target-report .report-excel-details{display:none!important;}
  body.printing-report-paper .print-target-report .paper-title-block{break-after:avoid;}
  body.printing-report-paper .print-target-report .report-section{break-inside:avoid;}
}


/* v1.25.7 — Potpis radnika na dnevnom izveštaju */
.signature-pad-wrap{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;padding:10px;max-width:760px}
.signature-pad{display:block;width:100%;height:190px;background:#fff;border:1px dashed #94a3b8;border-radius:10px;touch-action:none;cursor:crosshair}
.signature-actions{margin-top:8px}
.paper-signature-box{border:1px solid #d1d5db;border-radius:10px;padding:10px;background:#fff;display:flex;align-items:center;gap:16px;min-height:92px}
.paper-signature-box img{max-width:260px;max-height:80px;object-fit:contain;border-bottom:1px solid #111827;background:#fff}
.paper-signature-box b{display:block;color:#111827;margin-bottom:3px}
.paper-signature-box span{display:block;color:#64748b;font-size:11px}
.paper-empty-signature{break-inside:avoid}
.paper-signature-line{margin-top:30px;border-top:1px solid #111827;width:260px;padding-top:6px;font-size:11px;color:#475569;text-align:center}
@media print{.signature-pad-wrap,.signature-actions{display:none!important}.paper-signature-box{break-inside:avoid}.paper-signature-box img{max-height:70px}}


/* =========================================================
   v1.25.8 - LAPTOP PRIKAZ ZA RADNIKA / ŠEFA GRADILIŠTA
   Samo drugačiji raspored. Ne menja dozvole, login ni slanje.
   ========================================================= */
.permission-note{
  margin:4px 0 10px 26px!important;
  line-height:1.35;
}
body.worker-field-theme.worker-desktop-panel #viewWorkerForm{
  max-width:1320px!important;
  margin:0 auto!important;
  padding:18px 22px 28px!important;
}
body.worker-field-theme.worker-desktop-panel #viewWorkerForm .dashboard-head{
  align-items:center!important;
  padding:18px 22px!important;
}
body.worker-field-theme.worker-desktop-panel #workerHello::after{
  content:"  · laptop prikaz";
  font-size:.78rem;
  color:#fecaca;
  font-weight:800;
  letter-spacing:.01em;
}
@media (min-width: 980px){
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px!important;
    align-items:start!important;
    padding:20px!important;
  }
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > h3,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > p.hint,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > label,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > input#wrDate,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > #workerReturnedReports,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > #secWorkerSite,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > .row:last-child{
    grid-column:1 / -1!important;
  }
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > .dyn-section.active,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm > .card > .dyn-section{
    margin-top:0!important;
  }
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .dyn-section,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .entry-card,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .returned-panel,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .fuel-memory-panel{
    padding:16px!important;
  }
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .entry-card .grid.two,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm input,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm select,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm textarea{
    min-height:46px!important;
    padding:11px 13px!important;
  }
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm textarea{
    min-height:88px!important;
  }
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .primary,
  body.worker-field-theme.worker-desktop-panel #viewWorkerForm .secondary{
    min-height:42px!important;
    padding:10px 14px!important;
  }
}
@media (max-width: 979px){
  body.worker-field-theme.worker-desktop-panel #workerHello::after{
    content:"";
  }
}


/* v1.26.0 — Dnevnik gradilišta / šef gradilišta */
.site-log-mode{background:#eef6f0;}
.site-log-panel{border:1px solid #b7d7c2;background:linear-gradient(180deg,#f8fff9,#eef8f1);box-shadow:0 18px 40px rgba(25,90,52,.12)}
.site-log-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #cfe3d5;padding-bottom:14px;margin-bottom:16px}
.site-log-eyebrow{margin:0 0 4px;color:#217346;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}
.site-log-head h3{margin:.1rem 0;color:#143d27;font-size:1.45rem}
.site-log-status{background:#217346;color:#fff;border-radius:999px;padding:.45em .85em;font-weight:800;white-space:nowrap}
.site-log-form-grid{display:grid;grid-template-columns:220px 1fr;gap:14px;margin-bottom:14px}
.site-log-section{background:#fff;border:1px solid #d6e8dc;border-radius:14px;padding:14px;margin:14px 0;box-shadow:0 8px 22px rgba(15,80,45,.06)}
.site-log-section-title,.site-log-subtitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.site-log-section h4{margin:0;color:#173b24}
.site-log-subsection{border:1px solid #edf4ef;background:#fbfdfb;border-radius:12px;padding:10px;margin:10px 0}
.site-log-subtitle b{color:#1c5a36}
.site-log-entry-list .entry-card{border-color:#cfe3d5;background:#ffffff}
.grid.three{display:grid;grid-template-columns:1.2fr .45fr 1.2fr;gap:10px}
.grid.four{display:grid;grid-template-columns:1.2fr .55fr .5fr 1fr;gap:10px}
.site-log-signature-wrap{background:#fff;border-color:#aacdb7}
.signed-file-info{border:1px dashed #b7d7c2;background:#f4fbf6;border-radius:10px;padding:8px 10px;margin-top:6px}
.site-log-actions{position:sticky;bottom:8px;background:rgba(244,251,246,.96);border:1px solid #cfe3d5;border-radius:14px;padding:10px;z-index:5;box-shadow:0 10px 25px rgba(15,80,45,.10)}
.site-log-preview-box{margin-top:18px;background:#e7f1ea;border:1px solid #cfe3d5;border-radius:16px;padding:14px;overflow:auto}
.site-log-a4{background:#fff;color:#17231b;width:210mm;max-width:100%;min-height:297mm;margin:0 auto;padding:14mm 12mm;border:1px solid #c8d2cc;box-shadow:0 18px 38px rgba(15,23,42,.16);font-family:Arial,Helvetica,sans-serif}
.site-log-a4 .report-mini-table{min-width:0;width:100%;font-size:.9rem}
.site-log-a4 p{white-space:pre-wrap;line-height:1.45}
.signed-file-note{border:1px solid #cfe3d5;background:#f6fbf7;border-radius:9px;padding:8px 10px;color:#173b24}
@media(max-width:850px){.site-log-form-grid,.grid.three,.grid.four{grid-template-columns:1fr}.site-log-head{flex-direction:column}.site-log-actions{position:static}.site-log-a4{width:100%;min-height:auto;padding:14px}}
@media print{.site-log-actions,.site-log-panel .no-print{display:none!important}.site-log-a4{box-shadow:none;border:0;width:100%;min-height:auto;padding:0}}


/* v1.26.0 FIX — Dnevnik gradilišta mora biti svetao i čitljiv čak i kada je radnički dark theme aktivan */
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-panel,
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-section,
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-subsection,
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-entry-list .entry-card{
  background:#ffffff!important;
  color:#173b24!important;
  border:1px solid #b7d7c2!important;
  box-shadow:0 10px 24px rgba(15,80,45,.08)!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-panel{
  background:linear-gradient(180deg,#f8fff9,#edf8f1)!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-section{
  background:#fbfffc!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-subsection{
  background:#ffffff!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-head h3,
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-section h4,
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-subtitle b,
body.worker-field-theme.site-log-mode #viewWorkerForm .entry-card-head strong{
  color:#143d27!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm label{
  color:#17462b!important;
  font-weight:900!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm .hint,
body.worker-field-theme.site-log-mode #viewWorkerForm .muted,
body.worker-field-theme.site-log-mode #viewWorkerForm small{
  color:#4b6254!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm input,
body.worker-field-theme.site-log-mode #viewWorkerForm select,
body.worker-field-theme.site-log-mode #viewWorkerForm textarea{
  background:#ffffff!important;
  color:#17231b!important;
  border:1px solid #8fbea0!important;
  border-radius:12px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm input::placeholder,
body.worker-field-theme.site-log-mode #viewWorkerForm textarea::placeholder{
  color:#6b7c70!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm select option{
  background:#ffffff!important;
  color:#17231b!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm input:focus,
body.worker-field-theme.site-log-mode #viewWorkerForm select:focus,
body.worker-field-theme.site-log-mode #viewWorkerForm textarea:focus{
  border-color:#217346!important;
  outline:3px solid rgba(33,115,70,.18)!important;
  box-shadow:none!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-actions{
  background:#f3fbf5!important;
  border:1px solid #b7d7c2!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm .site-log-a4{
  background:#ffffff!important;
  color:#17231b!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm button.primary,
body.worker-field-theme.site-log-mode #viewWorkerForm .primary{
  background:#217346!important;
  border-color:#1a5d38!important;
  color:#ffffff!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm button.secondary,
body.worker-field-theme.site-log-mode #viewWorkerForm .secondary{
  background:#ffffff!important;
  border-color:#9cc9aa!important;
  color:#17462b!important;
  box-shadow:0 8px 18px rgba(15,80,45,.08)!important;
}
@media print{
  body.printing-report-paper *{visibility:hidden!important}
  body.printing-report-paper .print-target-report,
  body.printing-report-paper .print-target-report *{visibility:visible!important}
  body.printing-report-paper .print-target-report{position:absolute!important;left:0!important;top:0!important;width:100%!important}
}


/* v1.26.2 FIX — Dnevnik gradilišta: select vrednosti i dugmad uvek vidljivi */
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel select,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel select option,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel option,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel input,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel textarea{
  color:#13251a!important;
  -webkit-text-fill-color:#13251a!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel select{
  background-color:#ffffff!important;
  background-image:none!important;
  opacity:1!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel select:invalid,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel select option[value=""]{
  color:#536b5a!important;
  -webkit-text-fill-color:#536b5a!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-actions .hidden{
  display:inline-flex!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-actions button{
  width:auto!important;
  min-width:120px!important;
  justify-content:center!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-preview-box.hidden{
  display:none!important;
}


/* v1.26.2 FIX — Dnevnik gradilišta A4: crno na belo + PDF bez praznog papira */
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 *{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4{
  background:#ffffff!important;
  border:1px solid #9ca3af!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .paper-title-block h3{
  color:#0b2f1c!important;
  -webkit-text-fill-color:#0b2f1c!important;
  font-weight:900!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .paper-title-block p,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .paper-footer-note,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .signed-file-note{
  color:#333333!important;
  -webkit-text-fill-color:#333333!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 h4,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 th{
  color:#0f2f1e!important;
  -webkit-text-fill-color:#0f2f1e!important;
  font-weight:900!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 table,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 th,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 td{
  border-color:#525252!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 td{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
}
.site-log-pdf-force,
.site-log-pdf-force *{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  background-color:transparent;
}
.site-log-pdf-force{
  background:#ffffff!important;
}
.site-log-pdf-force h3,
.site-log-pdf-force h4,
.site-log-pdf-force th{
  color:#0f2f1e!important;
  -webkit-text-fill-color:#0f2f1e!important;
  font-weight:900!important;
}
.site-log-pdf-force table,
.site-log-pdf-force th,
.site-log-pdf-force td{
  border-color:#444444!important;
}
@media print{
  body.printing-report-paper .site-log-a4,
  body.printing-report-paper .site-log-a4 *{
    color:#111111!important;
    -webkit-text-fill-color:#111111!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body.printing-report-paper .site-log-a4 h3,
  body.printing-report-paper .site-log-a4 h4,
  body.printing-report-paper .site-log-a4 th{
    color:#0f2f1e!important;
    -webkit-text-fill-color:#0f2f1e!important;
    font-weight:900!important;
  }
}


/* v1.26.4 — Dnevnik gradilišta: čitljiv A4 i čist PDF/štampa */
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 * {
  color:#000000 !important;
  opacity:1 !important;
  text-shadow:none !important;
  filter:none !important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 {
  background:#ffffff !important;
  border:1px solid #111827 !important;
  box-shadow:0 12px 36px rgba(0,0,0,.18) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .paper-title-block h3 {
  color:#000 !important;
  font-weight:900 !important;
  font-size:22px !important;
  letter-spacing:.04em !important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .paper-title-block p,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .paper-footer-note,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .signed-file-note,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 .report-empty {
  color:#000 !important;
  font-weight:700 !important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 h4 {
  color:#000 !important;
  border-bottom:2px solid #000 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 table,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 th,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 td {
  border-color:#111827 !important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 th {
  background:#e5f0e8 !important;
  color:#000 !important;
  font-weight:900 !important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 td,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-a4 p {
  color:#000 !important;
  font-weight:700 !important;
}


/* v1.26.8 — Vraćeni izveštaji na vrhu radničkog/šefovskog prikaza */
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-entry-actions,
#siteLogPanel .site-log-entry-actions{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-entry-actions button,
#siteLogPanel .site-log-entry-actions button{
  width:auto!important;
  min-width:132px!important;
  padding:8px 12px!important;
  justify-content:center!important;
}
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-section-title,
body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-subtitle{
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
@media(max-width:700px){
  body.worker-field-theme.site-log-mode #viewWorkerForm #siteLogPanel .site-log-entry-actions button,
  #siteLogPanel .site-log-entry-actions button{
    flex:1 1 150px!important;
  }
}


/* v1.26.8 — vraćeni izveštaji gore, iznad dnevnika/formi */
#viewWorkerForm > #workerReturnedReports.returned-panel-top{
  margin:0 0 18px!important;
  border:2px solid #f59e0b!important;
  background:#fff7ed!important;
  color:#3b2606!important;
  box-shadow:0 12px 28px rgba(245,158,11,.16)!important;
}
#viewWorkerForm > #workerReturnedReports.returned-panel-top h3{
  color:#7c2d12!important;
  margin-top:0!important;
}
#viewWorkerForm > #workerReturnedReports.returned-panel-top .hint,
#viewWorkerForm > #workerReturnedReports.returned-panel-top small{
  color:#7c4a03!important;
}
#viewWorkerForm > #workerReturnedReports.returned-panel-top .returned-item{
  background:#ffffff!important;
  color:#1f2937!important;
  border:1px solid #fed7aa!important;
  border-left:5px solid #f97316!important;
}
#viewWorkerForm > #workerReturnedReports.returned-panel-top .returned-reason{
  background:#fffaf0!important;
  color:#5a3b14!important;
}


/* v1.27.1 — Direkcija/Uprava compact mouse buttons
   Radnički/terenski panel ostaje sa većim touch dugmadima. */
#viewDirectorDashboard .list .edit-btn,
#viewDirectorDashboard .list .delete-btn,
#viewDirectorDashboard .list .danger-btn,
#viewDirectorDashboard .list .archive-btn,
#viewDirectorDashboard .list .archive-report-btn,
#viewDirectorDashboard .list .hard-delete-report-btn,
#viewDirectorDashboard .director-search-results button,
#viewDirectorDashboard .report-export-toolbar button.small-action,
#viewDirectorDashboard .management-actions button,
#viewDirectorDashboard .person-actions-v1116 button,
#viewDirectorDashboard .asset-actions-v1117 button,
#viewDirectorDashboard .material-actions-v1119 button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 6px 9px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  flex: 0 0 auto !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

#viewDirectorDashboard .list .item button + button,
#viewDirectorDashboard .list .card button + button,
#viewDirectorDashboard .management-actions button + button,
#viewDirectorDashboard .person-actions-v1116 button + button,
#viewDirectorDashboard .asset-actions-v1117 button + button,
#viewDirectorDashboard .material-actions-v1119 button + button {
  margin-left: 6px !important;
}

#viewDirectorDashboard .list .item,
#viewDirectorDashboard .list .card,
#viewDirectorDashboard .item {
  gap: 8px !important;
}

#viewDirectorDashboard .asset-actions-v1117,
#viewDirectorDashboard .material-actions-v1119,
#viewDirectorDashboard .person-actions-v1116,
#viewDirectorDashboard .management-actions,
#viewDirectorDashboard .list .item .row,
#viewDirectorDashboard .list .item .actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
}

#viewDirectorDashboard .list .danger-btn,
#viewDirectorDashboard .list .hard-delete-report-btn {
  color: #b42318 !important;
  background: #fff5f4 !important;
  border-color: #f3b8b2 !important;
}

#viewDirectorDashboard .list .edit-btn,
#viewDirectorDashboard .list .archive-btn,
#viewDirectorDashboard .list .archive-report-btn {
  color: #244335 !important;
  background: #ffffff !important;
  border-color: #bfd4c8 !important;
}

@media (max-width: 640px) {
  #viewDirectorDashboard .list .edit-btn,
  #viewDirectorDashboard .list .delete-btn,
  #viewDirectorDashboard .list .danger-btn,
  #viewDirectorDashboard .list .archive-btn,
  #viewDirectorDashboard .list .archive-report-btn,
  #viewDirectorDashboard .list .hard-delete-report-btn {
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
  }
}


/* v1.27.2 — Uprava/Direkcija: manja akcijska dugmad u jednom redu za rad mišem */
#viewDirectorDashboard .person-actions-v1116,
#viewDirectorDashboard .asset-actions-v1117,
#viewDirectorDashboard .material-actions-v1119,
#viewDirectorDashboard .management-actions,
#viewDirectorDashboard .director-search-results .result-actions,
#viewDirectorDashboard .search-result .actions,
#viewDirectorDashboard .search-result .row,
#viewDirectorDashboard .list .item .actions,
#viewDirectorDashboard .list .item .row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  width: 100% !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
}

#viewDirectorDashboard .person-actions-v1116 button,
#viewDirectorDashboard .asset-actions-v1117 button,
#viewDirectorDashboard .material-actions-v1119 button,
#viewDirectorDashboard .management-actions button,
#viewDirectorDashboard .director-search-results button,
#viewDirectorDashboard .search-result button,
#viewDirectorDashboard .list .item button.edit-btn,
#viewDirectorDashboard .list .item button.delete-btn,
#viewDirectorDashboard .list .item button.danger-btn,
#viewDirectorDashboard .list .item button.archive-btn,
#viewDirectorDashboard .list .item button.archive-report-btn,
#viewDirectorDashboard .list .item button.hard-delete-report-btn {
  width: auto !important;
  min-width: 0 !important;
  min-height: 26px !important;
  height: 26px !important;
  padding: 3px 7px !important;
  border-radius: 7px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

#viewDirectorDashboard .person-actions-v1116 button + button,
#viewDirectorDashboard .asset-actions-v1117 button + button,
#viewDirectorDashboard .material-actions-v1119 button + button,
#viewDirectorDashboard .management-actions button + button,
#viewDirectorDashboard .list .item button + button {
  margin-left: 0 !important;
}

#viewDirectorDashboard .person-card-v1116,
#viewDirectorDashboard .management-item,
#viewDirectorDashboard .material-card-v1119,
#viewDirectorDashboard .list .item {
  padding: 14px 16px !important;
}

#viewDirectorDashboard .person-card-v1116 .item-main,
#viewDirectorDashboard .management-item .item-main,
#viewDirectorDashboard .material-card-v1119 .item-main {
  margin-bottom: 7px !important;
}

@media (max-width: 640px) {
  #viewDirectorDashboard .person-actions-v1116,
  #viewDirectorDashboard .asset-actions-v1117,
  #viewDirectorDashboard .material-actions-v1119,
  #viewDirectorDashboard .management-actions {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
  }
}

/* v1.27.5 — Centar dokumenata izveštaja */
.report-document-card{
  border:1px solid rgba(15,118,110,.14);
  background:rgba(255,255,255,.92);
}
.report-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  border-top:1px solid rgba(15,118,110,.10);
  margin-top:12px;
  padding-top:10px;
}
.report-card-actions button{
  min-height:34px;
  padding:7px 12px;
  border-radius:11px;
  font-size:13px;
  line-height:1.1;
}
.report-card-warning{
  margin-top:10px;
  padding:9px 11px;
  border:1px solid #f59e0b;
  background:#fffbeb;
  color:#92400e;
  border-radius:12px;
  font-size:13px;
  font-weight:700;
}
.report-document-center{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(8px);
  overflow:auto;
  padding:18px;
}
.report-document-center.hidden{display:none!important;}
body.report-doc-open{overflow:hidden;}
.report-doc-shell{
  max-width:1180px;
  min-height:calc(100vh - 36px);
  margin:0 auto;
  background:#f4f8f5;
  border:1px solid rgba(15,118,110,.18);
  border-radius:24px;
  box-shadow:0 28px 90px rgba(0,0,0,.35);
  overflow:hidden;
}
.report-doc-top{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:16px 18px;
  background:linear-gradient(135deg,#0f3d2e,#0f766e);
  color:#fff;
}
.report-doc-top small{
  display:block;
  margin-bottom:3px;
  opacity:.85;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
}
.report-doc-top h2{
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.15;
}
.report-doc-top p{margin:4px 0 0;color:rgba(255,255,255,.86);}
.report-doc-close{
  background:#fff!important;
  color:#0f3d2e!important;
  border:0!important;
}
.report-doc-actions{
  position:sticky;
  top:77px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px 18px;
  background:rgba(244,248,245,.96);
  border-bottom:1px solid rgba(15,118,110,.14);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}
.report-doc-actions button{
  min-height:34px;
  padding:7px 12px;
  border-radius:12px;
  font-size:13px;
}
.report-doc-actions .danger-soft{
  border-color:#fed7aa!important;
  color:#9a3412!important;
  background:#fff7ed!important;
}
.report-doc-status{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:10px 18px;
  background:#eef7f0;
  border-bottom:1px solid rgba(15,118,110,.12);
  color:#334155;
  font-size:13px;
}
.report-doc-status span{
  padding:5px 9px;
  background:#fff;
  border:1px solid rgba(15,118,110,.12);
  border-radius:999px;
}
.report-doc-paper-wrap{
  padding:22px;
  display:flex;
  justify-content:center;
}
.report-doc-paper-wrap .report-paper-view,
.report-document-center .report-paper-view{
  width:210mm;
  min-height:297mm;
  max-width:100%;
  margin:0 auto;
  padding:14mm;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 18px 50px rgba(15,23,42,.16);
  border:1px solid #d1d5db;
  border-radius:2px;
  font-family:Arial,Helvetica,sans-serif;
}
.report-document-center .report-paper-view *{
  color:inherit;
}
.report-document-center .paper-title-block h3,
.report-document-center h4,
.report-document-center th,
.report-document-center td,
.report-document-center p,
.report-document-center b,
.report-document-center span{
  color:#111827!important;
}
.report-document-center .paper-title-block{
  border-bottom:2px solid #111827;
  text-align:center;
  margin-bottom:12px;
  padding-bottom:8px;
}
.report-document-center .paper-title-block p{color:#374151!important;}
.report-document-center .paper-meta-table,
.report-document-center .report-mini-table{
  width:100%;
  border-collapse:collapse;
}
.report-document-center .paper-meta-table th,
.report-document-center .paper-meta-table td,
.report-document-center .report-mini-table th,
.report-document-center .report-mini-table td{
  border:1px solid #9ca3af;
  padding:6px 8px;
  vertical-align:top;
  font-size:12px;
}
.report-document-center .paper-meta-table th,
.report-document-center .report-mini-table th{
  background:#eef2f0!important;
  font-weight:800;
}
.report-document-center .report-section{
  margin:14px 0;
  page-break-inside:avoid;
}
.report-document-center .report-section h4{
  border-bottom:2px solid #9ca3af;
  padding-bottom:5px;
  margin:0 0 8px;
  text-transform:uppercase;
  font-size:13px;
}
.report-document-center .report-kv{
  display:grid;
  grid-template-columns:minmax(150px,42mm) 1fr;
  border:1px solid #9ca3af;
}
.report-document-center .report-kv b,
.report-document-center .report-kv span{
  padding:6px 8px;
  border-bottom:1px solid #d1d5db;
}
.report-document-center .report-kv b{background:#f3f4f6;}
.report-document-center .paper-footer-note{
  border-top:1px solid #9ca3af;
  margin-top:14px;
  padding-top:7px;
  text-align:right;
  color:#4b5563!important;
  font-size:10px;
}
.report-document-center .report-excel-details{display:none!important;}

@media (max-width: 760px){
  .report-document-center{padding:8px;}
  .report-doc-shell{border-radius:16px;}
  .report-doc-top{align-items:flex-start;}
  .report-doc-actions{top:76px;}
  .report-doc-paper-wrap{padding:10px;}
  .report-doc-paper-wrap .report-paper-view{padding:10mm 6mm;}
}

@media print{
  body.report-doc-open > *:not(#reportDocumentCenter){display:none!important;}
  .report-document-center{position:static!important;inset:auto!important;padding:0!important;background:#fff!important;overflow:visible!important;backdrop-filter:none!important;}
  .report-doc-shell{box-shadow:none!important;border:0!important;border-radius:0!important;background:#fff!important;min-height:auto!important;}
  .report-doc-top,.report-doc-actions,.report-doc-status,.no-print{display:none!important;}
  .report-doc-paper-wrap{padding:0!important;display:block!important;}
  .report-document-center .report-paper-view{width:100%!important;min-height:auto!important;max-width:none!important;box-shadow:none!important;border:0!important;padding:0!important;}
}


/* v1.27.9 — Direkcija / Uprava Excel-style layout SAFE
   Samo vizuelno zatezanje kancelarijskog pregleda. Ne menja workflow. */
.director-business-page{
  --office-green:#0f766e;
  --office-green-2:#0d9488;
  --office-line:#d4e3d8;
  --office-soft:#f7faf8;
  --office-head:#edf5ef;
  --office-text:#10231c;
  background:linear-gradient(180deg,#f7fbf8 0%, #eef4f0 100%);
}
.director-business-page .director-workspace{padding:16px 20px 24px;gap:12px;}
.director-business-topline{height:auto;min-height:40px;border:1px solid var(--office-line);background:#fff;border-radius:12px;padding:8px 12px;box-shadow:none;}
.director-business-hero{padding:14px 16px;border:1px solid var(--office-line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:none;margin:8px 0 12px;}
.director-business-hero h2{font-size:24px;line-height:1.1;margin:2px 0 4px;color:var(--office-text);}
.director-business-hero p{margin:0;}
.director-layout-note{font-size:12px;color:#64756d;margin-top:4px!important;}
.business-eyebrow{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800;color:var(--office-green);}
.director-hero-actions{gap:8px;align-items:center;}
.director-hero-actions .secondary,.hero-date-pill{min-height:34px;padding:7px 10px;border-radius:10px;font-size:13px;border:1px solid var(--office-line);background:#fff;}
.business-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;margin:8px 0 10px;}
.business-kpi-card{min-height:74px;padding:10px 12px;border:1px solid var(--office-line);border-radius:12px;background:#fff;box-shadow:none;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;}
.business-kpi-card .kpi-icon{width:34px;height:34px;border-radius:10px;font-size:17px;}
.business-kpi-card strong{font-size:25px;line-height:1;color:#10231c;}
.business-kpi-card span{font-size:12px;color:#52635c;display:block;margin-top:3px;}
.business-kpi-card button{font-size:12px;padding:0;border:0;background:transparent;color:var(--office-green);font-weight:800;white-space:nowrap;}
.director-searchbar{border:1px solid var(--office-line);background:#fff;border-radius:12px;padding:8px;box-shadow:none;margin:0 0 12px;}
.director-searchbar input{height:36px;border:0;background:#f8fbf9;font-size:13px;}
.director-searchbar .small-action{height:34px;min-height:34px;padding:6px 10px;font-size:12px;border-radius:9px;}
.director-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:start;}
.director-content-main .card,.business-quick-actions{border:1px solid var(--office-line);border-radius:14px;background:#fff;box-shadow:none;}
.director-content-main .card{padding:14px;overflow:hidden;}
.director-content-main h3,.business-quick-actions h3{font-size:18px;margin:0 0 10px;color:#10231c;}
.business-quick-actions{position:sticky;top:12px;padding:12px;}
.business-quick-actions .quick-action{min-height:38px;padding:9px 10px;border-radius:10px;font-size:13px;margin:0 0 8px;box-shadow:none;}
.business-quick-actions .quick-action span{font-size:13px;}
.business-quick-actions .quick-action:last-child{margin-bottom:0;}
.business-quick-actions .quick-action.green{box-shadow:none!important;}
.director-content-main .grid.two{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;align-items:start;}
.director-content-main label{font-size:12px;font-weight:800;color:#31433b;margin-bottom:4px;}
.director-content-main input,.director-content-main select,.director-content-main textarea{min-height:36px;border-radius:9px;border:1px solid var(--office-line);background:#fff;font-size:13px;padding:8px 10px;}
.permission-box{max-height:340px;overflow:auto;border:1px solid var(--office-line);background:#fbfdfb;border-radius:10px;padding:10px;}
.permission-box label{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.25;margin:5px 0;}
.permission-box h4{font-size:13px;margin:8px 0 6px;}
.list:has(.director-table-row){display:block;border:1px solid var(--office-line);border-radius:12px;overflow:hidden;background:#fff;}
.director-table-row{display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(120px,1fr) minmax(95px,.7fr) auto;gap:0;align-items:center;min-height:48px;border:0;border-bottom:1px solid var(--office-line);background:#fff;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;}
.director-table-row:nth-child(even){background:#fbfdfb;}
.director-table-row:last-child{border-bottom:0;}
.director-table-row .dt-cell{padding:8px 10px;border-right:1px solid #edf2ef;min-width:0;}
.director-table-row .dt-name{background:rgba(15,118,110,.035);}
.director-table-row strong{font-size:14px;color:#10231c;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.director-table-row span{font-size:13px;color:#182720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.director-table-row small{font-size:10.5px;color:#6d7d75;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dt-status{display:inline-block!important;width:auto!important;padding:3px 7px;border-radius:999px;font-size:11px!important;font-weight:800;border:1px solid #b9d8c3;background:#eef9f0;color:#14532d!important;}
.dt-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:8px 10px;white-space:nowrap;}
.director-table-row .edit-btn,.director-table-row .delete-btn,.director-table-row .archive-btn,
.person-actions-v1116 button,.management-actions button,.material-actions-v1119 button,.asset-actions-v1117 button{
  min-height:26px!important;height:26px!important;padding:3px 8px!important;font-size:11.5px!important;line-height:1!important;border-radius:7px!important;width:auto!important;box-shadow:none!important;font-weight:800!important;
}
.director-table-row .edit-btn{border-color:#c9d8d1!important;background:#fff!important;color:#173b2f!important;}
.director-table-row .delete-btn,.director-table-row .archive-btn{border-color:#edc6c6!important;background:#fff7f7!important;color:#a33a3a!important;}
#reportsList{border:1px solid var(--office-line);border-radius:12px;overflow:hidden;background:#fff;}
.report-row-item{margin:0!important;border:0!important;border-bottom:1px solid var(--office-line)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:0!important;}
.report-row-item:nth-child(even){background:#fbfdfb!important;}
.report-row-item:last-child{border-bottom:0!important;}
.report-list-grid{display:grid;grid-template-columns:36px 130px 1.35fr 1.05fr 1.25fr 120px;gap:0;align-items:stretch;}
.report-card-actions{display:flex;justify-content:flex-end;gap:6px;margin:0;padding:8px 10px;border-top:1px solid #edf3ee;background:#fcfefc;}
.report-card-actions button{min-height:27px!important;height:27px!important;padding:4px 10px!important;font-size:11.5px!important;border-radius:7px!important;}
.status-chip{font-size:11px;padding:4px 7px;border-radius:999px;}
.report-section-pill{font-size:10.5px;padding:3px 6px;margin:2px 3px 2px 0;}
.report-export-toolbar,.export-main-actions,.export-master-actions{gap:6px;}
.report-export-toolbar button,.export-main-actions button,.export-master-actions button{min-height:30px;padding:5px 9px;font-size:12px;border-radius:8px;}
.director-sidebar{box-shadow:none;border-right:1px solid var(--office-line);background:#ffffff;}
.director-nav-tabs .tab{border-radius:9px;font-size:13px;padding:9px 10px;margin-bottom:4px;}
.director-nav-tabs .tab.active{background:#e8f4ee;color:#0f5132;border:1px solid #b7d7c2;}
.director-content-main .card > h3:first-child,
.business-quick-actions > h3:first-child{
  margin:-14px -14px 12px!important;
  padding:12px 14px!important;
  background:var(--office-head);
  border-bottom:1px solid var(--office-line);
  font-size:17px!important;
}
.director-content-main .card > p.hint:first-of-type{
  margin-top:-2px;
  margin-bottom:12px;
  color:#66756d;
}
#reportsList{background:linear-gradient(180deg,#f9fcfa 0%, #ffffff 100%);}
#reportsList .report-row-item:hover{background:#f6fbf7!important;}
.report-list-grid > .report-export-cell,
.report-list-grid > .report-list-date,
.report-list-grid > .report-list-site,
.report-list-grid > .report-list-worker,
.report-list-grid > .report-list-sections,
.report-list-grid > .report-list-status{
  padding:10px 10px;
  min-width:0;
}
.report-list-grid > .report-list-date,
.report-list-grid > .report-list-site,
.report-list-grid > .report-list-worker,
.report-list-grid > .report-list-sections{
  border-right:1px solid #edf3ee;
}
.report-list-grid strong{font-size:13px;color:#10231c;}
.report-list-grid small{font-size:11px;color:#6a776f;margin-top:3px;}
.report-list-sections{display:flex;flex-wrap:wrap;align-content:center;}
.report-list-status{display:flex;align-items:center;justify-content:center;}
.report-export-toolbar,
.export-main-actions,
.export-master-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:8px 0 10px;
}
.report-export-toolbar button,
.export-main-actions button,
.export-master-actions button{
  border-radius:8px;
}
@media (max-width: 980px){
  .business-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .director-content-grid{grid-template-columns:1fr;}
  .business-quick-actions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .business-quick-actions h3{grid-column:1/-1;}
  .director-content-main .grid.two{grid-template-columns:1fr;}
  .director-table-row{grid-template-columns:1fr;gap:0;padding:8px!important;}
  .director-table-row .dt-cell{border-right:0;padding:5px 2px;}
  .dt-actions{justify-content:flex-start;padding:6px 0 0;}
  .report-list-grid{grid-template-columns:28px 1fr;gap:6px;}
  .report-list-grid > *{padding:0!important;border-right:0!important;}
  .report-list-sections,.report-list-status{grid-column:2;}
  .report-card-actions{padding:8px 0 0;border-top:0;background:transparent;}
}
@media (min-width: 981px){
  .director-business-page .tab-panel .card > .list:not(:has(.director-table-row)):not(#reportsList){max-height:620px;overflow:auto;}
}


/* v1.27.9 - Pomoć i podrška + automatsko osvežavanje izveštaja */
.director-live-refresh-line{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:8px 0 12px;
  padding:8px 10px;
  border:1px solid #cfe4d7;
  background:#f4fbf6;
  border-radius:12px;
  color:#27523b;
  font-size:13px;
}
.live-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:#159447;
  display:inline-block;
  box-shadow:0 0 0 4px rgba(21,148,71,.12);
  flex:0 0 auto;
}
.support-panel-card{
  border:1px solid #d7e5dc;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%);
}
.support-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #dfeae4;
  padding-bottom:14px;
  margin-bottom:14px;
}
.support-status-box{
  min-width:260px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border-radius:12px;
  background:#eef8f1;
  border:1px solid #cfe4d7;
  color:#214b35;
  font-size:13px;
}
.support-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.support-contact-card{
  border:1px solid #dce7e0;
  background:#fff;
  border-radius:16px;
  padding:14px;
  box-shadow:0 8px 20px rgba(15,82,49,.05);
}
.support-contact-card h4{
  margin:0 0 8px;
  color:#173b2a;
}
.support-main-contact{
  font-weight:800;
  color:#0f6b3c;
  font-size:18px;
  word-break:break-word;
}
.support-link-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  min-height:34px;
  padding:8px 12px;
  border-radius:10px;
}
@media(max-width:900px){
  .support-head{display:block;}
  .support-status-box{min-width:0;margin-top:10px;}
  .support-grid{grid-template-columns:1fr;}
}

/* v1.27.9 - pojednostavljene akcije izveštaja */
.report-row-single-action{justify-content:flex-end;gap:6px;}
.report-row-single-action .compact-doc-btn{min-width:72px;padding:6px 12px;font-size:12px;}
.report-export-toolbar #goExportBtn{white-space:nowrap;}
.business-quick-actions .quick-action.light{background:#ffffff!important;color:var(--pro-green-dark)!important;border:1px solid var(--office-line)!important;}


/* v1.28.1 - tanja AskCreate memorijska traka */
body.in-app .internal-header.internal-collapsible{
  min-height:46px!important;
  height:auto!important;
  padding:7px 18px!important;
  border-bottom:1px solid color-mix(in srgb, var(--company-brand, #0f766e) 55%, white)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.045)!important;
  background:rgba(255,255,255,.96)!important;
}
body[class*="company-brand-"] .internal-header.internal-collapsible{
  border-bottom:1px solid color-mix(in srgb, var(--company-brand) 52%, white)!important;
}
body.in-app .internal-header.internal-collapsible:not(.is-expanded):not(:hover):not(:focus-within){
  min-height:5px!important;
  height:5px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.in-app .internal-header.internal-collapsible::after{
  height:5px!important;
  background:linear-gradient(90deg,var(--company-brand, #0f766e), color-mix(in srgb, var(--company-brand, #0f766e) 72%, #0f172a))!important;
  opacity:.92!important;
}
body.in-app .internal-header.internal-collapsible.is-expanded::after,
body.in-app .internal-header.internal-collapsible:hover::after,
body.in-app .internal-header.internal-collapsible:focus-within::after{
  opacity:.20!important;
}
body.in-app .internal-header-left{
  min-width:150px;
}
body.in-app .internal-header > div:first-child::before{
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  font-size:17px!important;
}
body.in-app #internalTitle{
  font-size:14px!important;
  line-height:1.05!important;
}
body.in-app #internalSubtitle{
  font-size:10px!important;
  line-height:1.05!important;
}
.internal-brand-callout{
  flex-direction:column!important;
  gap:1px!important;
  line-height:1.05!important;
}
.internal-brand-callout span{
  display:block!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
  color:#64748b!important;
  font-weight:800!important;
}
.internal-brand-callout strong{
  display:block!important;
  font-size:clamp(17px,1.65vw,23px)!important;
  color:#0f172a!important;
  letter-spacing:-.03em!important;
  font-weight:950!important;
}
body.in-app #internalLogoutBtn{
  padding:7px 12px!important;
  min-height:0!important;
  font-size:12px!important;
  border-radius:10px!important;
  background:#fff!important;
}
@media (max-width:760px){
  body.in-app .internal-header.internal-collapsible{padding:7px 12px!important;}
  .internal-brand-callout{align-items:flex-start!important;}
  .internal-brand-callout strong{font-size:17px!important;}
  .internal-brand-callout span{font-size:9px!important;}
}


/* v1.28.2 - čistija interna traka: bez naziva firme u levom delu, jasniji AskCreate slogan */
body.in-app .internal-header.internal-collapsible{
  min-height:40px!important;
  padding:5px 16px!important;
}
body.in-app .internal-header.internal-collapsible:not(.is-expanded):not(:hover):not(:focus-within){
  min-height:4px!important;
  height:4px!important;
}
body.in-app .internal-header.internal-collapsible::after{
  height:4px!important;
}
body.in-app .internal-header-left{
  min-width:118px!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
body.in-app #internalTitle{
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#0f172a!important;
}
body.in-app #internalSubtitle{
  display:none!important;
}
body.in-app .internal-brand-callout{
  transform:translateX(-28px);
}
body.in-app .internal-brand-callout span{
  font-size:11px!important;
  letter-spacing:.02em!important;
  color:#475569!important;
  font-weight:850!important;
}
body.in-app .internal-brand-callout strong{
  font-size:clamp(19px,1.8vw,25px)!important;
  color:#0f172a!important;
}
@media (max-width:760px){
  body.in-app .internal-brand-callout{transform:none;align-items:center!important;}
  body.in-app .internal-header-left{min-width:82px!important;}
  body.in-app #internalTitle{font-size:13px!important;}
}

/* Public/legal landing page blocks - v1285 */
.public-info-panel,
.public-legal-panel,
.public-contact-panel{
  margin-top:18px;
  border:1px solid rgba(21,128,61,.16);
  background:linear-gradient(180deg,#ffffff 0%,#f8fcfa 100%);
}
.public-info-head{max-width:920px;}
.public-info-head h2,
.public-contact-panel h2{margin:4px 0 8px;color:#0f172a;letter-spacing:-.02em;}
.public-info-head p,
.public-contact-panel p{color:#475569;line-height:1.65;}
.public-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.public-info-grid article{
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:14px;
  background:#fff;
}
.public-info-grid h3{margin:0 0 8px;color:#14532d;font-size:16px;}
.public-info-grid p{margin:0;color:#475569;line-height:1.55;font-size:14px;}
.legal-details-list{display:grid;gap:10px;margin-top:14px;}
.legal-details-list details{
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  background:#fff;
  padding:12px 14px;
}
.legal-details-list summary{
  cursor:pointer;
  font-weight:900;
  color:#14532d;
  outline:none;
}
.legal-details-list p{margin:9px 0 0;color:#475569;line-height:1.62;font-size:14px;}
.public-contact-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.public-contact-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.support-email-line{width:100%;margin:0!important;color:#334155!important;}
@media(max-width:860px){
  .public-info-grid{grid-template-columns:1fr;}
  .public-contact-panel{align-items:flex-start;}
}

/* v1.28.7 - jasnije grupe dozvola u profilu zaposlenog */
.permission-group{
  border:1px solid rgba(15,118,110,.18);
  background:rgba(240,253,244,.58);
  border-radius:12px;
  padding:10px 12px;
  margin:10px 0;
}
.permission-group h4{margin:0 0 5px;font-size:13px;color:#14532d;}
.permission-group-office{background:rgba(248,250,252,.9);border-color:rgba(100,116,139,.22);}
.permission-group-office h4{color:#334155;}
.permission-group-layout{background:rgba(239,246,255,.82);border-color:rgba(37,99,235,.18);}
.permission-group-layout h4{color:#1e3a8a;}
.permission-box .permission-group label{margin:6px 0;}

#viewDirectorDashboard .tab-panel.active input,
#viewDirectorDashboard .tab-panel.active select,
#viewDirectorDashboard .tab-panel.active textarea{
  border-color:#cfdfd4!important;
  background:#fcfefc!important;
}
#viewDirectorDashboard .tab-panel.active input:focus,
#viewDirectorDashboard .tab-panel.active select:focus,
#viewDirectorDashboard .tab-panel.active textarea:focus{
  border-color:var(--pro-green)!important;
  box-shadow:0 0 0 3px rgba(31,107,79,.12)!important;
}


/* v1.29.0 — Direkcija/Uprava CLEAN OFFICE SAFE
   Samo vizuelno zatezanje. Bez promene JS logike, Supabase poziva, ID-jeva i workflow-a. */
body.in-app #viewDirectorDashboard.director-business-page,
#viewDirectorDashboard.director-business-page{
  --office-green:#334155;
  --office-green-2:#64748b;
  --office-line:#d8dee7;
  --office-soft:#f8fafc;
  --office-head:#f1f5f9;
  --office-text:#111827;
  --office-muted:#64748b;
  --office-blue:#1d4ed8;
  --office-blue-soft:#eff6ff;
  background:#f3f6fa!important;
}

#viewDirectorDashboard .director-workspace{
  padding:14px 18px 22px!important;
  gap:10px!important;
}

#viewDirectorDashboard .director-business-topline,
#viewDirectorDashboard .director-business-hero,
#viewDirectorDashboard .director-searchbar,
#viewDirectorDashboard .director-content-main .card,
#viewDirectorDashboard .business-quick-actions,
#viewDirectorDashboard #reportsList,
#viewDirectorDashboard .list:has(.director-table-row){
  border:1px solid var(--office-line)!important;
  background:#ffffff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}

#viewDirectorDashboard .director-business-topline{
  border-radius:10px!important;
  padding:7px 10px!important;
}

#viewDirectorDashboard .director-business-hero{
  border-radius:12px!important;
  padding:12px 14px!important;
  margin:6px 0 10px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
}

#viewDirectorDashboard .director-business-hero h2{
  font-size:22px!important;
  color:#0f172a!important;
  letter-spacing:-.025em!important;
}

#viewDirectorDashboard .business-eyebrow,
#viewDirectorDashboard .business-kpi-card button{
  color:#334155!important;
}

#viewDirectorDashboard .director-layout-note,
#viewDirectorDashboard .director-business-hero p,
#viewDirectorDashboard .director-content-main .card > p.hint:first-of-type{
  color:#64748b!important;
}

#viewDirectorDashboard .business-kpi-grid{
  gap:8px!important;
  margin:8px 0 10px!important;
}

#viewDirectorDashboard .business-kpi-card{
  min-height:68px!important;
  border-radius:10px!important;
  padding:9px 10px!important;
  border-color:var(--office-line)!important;
  grid-template-columns:30px 1fr auto!important;
  gap:8px!important;
}

#viewDirectorDashboard .business-kpi-card .kpi-icon,
#viewDirectorDashboard .kpi-icon.green,
#viewDirectorDashboard .kpi-icon.blue,
#viewDirectorDashboard .kpi-icon.orange,
#viewDirectorDashboard .kpi-icon.red{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
  background:#f1f5f9!important;
  color:#334155!important;
  box-shadow:none!important;
}

#viewDirectorDashboard .business-kpi-card strong{
  font-size:22px!important;
  color:#111827!important;
}

#viewDirectorDashboard .business-kpi-card span{
  color:#64748b!important;
  font-size:11.5px!important;
}

#viewDirectorDashboard .director-content-grid{
  grid-template-columns:minmax(0,1fr) 210px!important;
  gap:10px!important;
}

#viewDirectorDashboard .director-content-main .card{
  border-radius:12px!important;
  padding:12px!important;
}

#viewDirectorDashboard .director-content-main .card > h3:first-child,
#viewDirectorDashboard .business-quick-actions > h3:first-child{
  margin:-12px -12px 10px!important;
  padding:10px 12px!important;
  background:#f8fafc!important;
  color:#111827!important;
  border-bottom:1px solid var(--office-line)!important;
  font-size:16px!important;
}

#viewDirectorDashboard .business-quick-actions{
  border-radius:12px!important;
  padding:10px!important;
}

#viewDirectorDashboard .business-quick-actions .quick-action{
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:8px!important;
  font-size:12px!important;
  border:1px solid #d8dee7!important;
  background:#fff!important;
  color:#1f2937!important;
  box-shadow:none!important;
}

#viewDirectorDashboard .business-quick-actions .quick-action.green,
#viewDirectorDashboard .business-quick-actions .quick-action.light,
#viewDirectorDashboard .quick-action.green,
#viewDirectorDashboard .quick-action.outline{
  background:#ffffff!important;
  color:#1f2937!important;
  border-color:#d8dee7!important;
}

#viewDirectorDashboard .business-quick-actions .quick-action:hover,
#viewDirectorDashboard .quick-action:hover{
  background:#f8fafc!important;
  border-color:#cbd5e1!important;
  transform:none!important;
}

#viewDirectorDashboard .director-searchbar{
  border-radius:10px!important;
  padding:7px!important;
}

#viewDirectorDashboard .director-searchbar input,
#viewDirectorDashboard .director-content-main input,
#viewDirectorDashboard .director-content-main select,
#viewDirectorDashboard .director-content-main textarea,
#viewDirectorDashboard .tab-panel.active input,
#viewDirectorDashboard .tab-panel.active select,
#viewDirectorDashboard .tab-panel.active textarea{
  min-height:34px!important;
  border-radius:8px!important;
  border-color:#d8dee7!important;
  background:#ffffff!important;
  color:#111827!important;
  box-shadow:none!important;
}

#viewDirectorDashboard .director-searchbar input:focus,
#viewDirectorDashboard .director-content-main input:focus,
#viewDirectorDashboard .director-content-main select:focus,
#viewDirectorDashboard .director-content-main textarea:focus,
#viewDirectorDashboard .tab-panel.active input:focus,
#viewDirectorDashboard .tab-panel.active select:focus,
#viewDirectorDashboard .tab-panel.active textarea:focus{
  border-color:#94a3b8!important;
  box-shadow:0 0 0 3px rgba(148,163,184,.18)!important;
}

#viewDirectorDashboard .director-content-main label{
  color:#374151!important;
  font-size:11.5px!important;
}

#viewDirectorDashboard .permission-box,
#viewDirectorDashboard .permission-group{
  border-color:#d8dee7!important;
  background:#ffffff!important;
  border-radius:10px!important;
}

#viewDirectorDashboard .permission-group h4,
#viewDirectorDashboard .permission-box h4{
  color:#1f2937!important;
}

#viewDirectorDashboard .director-table-row,
#viewDirectorDashboard .report-row-item{
  border-bottom-color:#e5e7eb!important;
}

#viewDirectorDashboard .director-table-row:nth-child(even),
#viewDirectorDashboard .report-row-item:nth-child(even),
#viewDirectorDashboard #reportsList .report-row-item:hover{
  background:#f8fafc!important;
}

#viewDirectorDashboard .director-table-row .dt-name{
  background:#f8fafc!important;
}

#viewDirectorDashboard .director-table-row .dt-cell,
#viewDirectorDashboard .report-list-grid > .report-export-cell,
#viewDirectorDashboard .report-list-grid > .report-list-date,
#viewDirectorDashboard .report-list-grid > .report-list-site,
#viewDirectorDashboard .report-list-grid > .report-list-worker,
#viewDirectorDashboard .report-list-grid > .report-list-sections,
#viewDirectorDashboard .report-list-grid > .report-list-status{
  border-right-color:#eef2f7!important;
}

#viewDirectorDashboard .dt-status,
#viewDirectorDashboard .status-chip{
  background:#f1f5f9!important;
  color:#334155!important;
  border-color:#cbd5e1!important;
}

#viewDirectorDashboard .report-card-actions{
  background:#f8fafc!important;
  border-top-color:#e5e7eb!important;
}

#viewDirectorDashboard button,
#viewDirectorDashboard .primary,
#viewDirectorDashboard .secondary,
#viewDirectorDashboard .small-action,
#viewDirectorDashboard .edit-btn,
#viewDirectorDashboard .archive-btn,
#viewDirectorDashboard .archive-report-btn,
#viewDirectorDashboard .delete-btn,
#viewDirectorDashboard .report-card-actions button,
#viewDirectorDashboard .report-export-toolbar button,
#viewDirectorDashboard .export-main-actions button,
#viewDirectorDashboard .export-master-actions button{
  box-shadow:none!important;
  border-radius:7px!important;
}

#viewDirectorDashboard .primary,
#viewDirectorDashboard button.primary{
  background:#1f2937!important;
  border-color:#1f2937!important;
  color:#ffffff!important;
}

#viewDirectorDashboard .primary:hover,
#viewDirectorDashboard button.primary:hover{
  background:#111827!important;
  border-color:#111827!important;
}

#viewDirectorDashboard .secondary,
#viewDirectorDashboard .small-action,
#viewDirectorDashboard .edit-btn,
#viewDirectorDashboard .archive-report-btn{
  background:#ffffff!important;
  border-color:#cbd5e1!important;
  color:#1f2937!important;
}

#viewDirectorDashboard .secondary:hover,
#viewDirectorDashboard .small-action:hover,
#viewDirectorDashboard .edit-btn:hover,
#viewDirectorDashboard .archive-report-btn:hover{
  background:#f8fafc!important;
  border-color:#94a3b8!important;
}

#viewDirectorDashboard .delete-btn,
#viewDirectorDashboard .archive-btn{
  background:#fffafa!important;
  border-color:#fecaca!important;
  color:#991b1b!important;
}

#viewDirectorDashboard .director-nav-tabs .tab{
  border-radius:8px!important;
  padding:8px 9px!important;
  color:#334155!important;
  background:#fff!important;
  border:1px solid transparent!important;
}

#viewDirectorDashboard .director-nav-tabs .tab.active{
  background:#f1f5f9!important;
  color:#0f172a!important;
  border:1px solid #d8dee7!important;
  box-shadow:inset 3px 0 0 #64748b!important;
}

#viewDirectorDashboard .director-nav-tabs .tab:hover{
  background:#f8fafc!important;
  color:#0f172a!important;
  transform:none!important;
}

#viewDirectorDashboard .director-live-refresh-line,
#viewDirectorDashboard .support-status-box{
  background:#f8fafc!important;
  border-color:#d8dee7!important;
  color:#334155!important;
}

#viewDirectorDashboard .live-dot{
  background:#64748b!important;
  box-shadow:0 0 0 4px rgba(100,116,139,.14)!important;
}

@media (max-width:980px){
  #viewDirectorDashboard .director-content-grid{grid-template-columns:1fr!important;}
  #viewDirectorDashboard .business-quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #viewDirectorDashboard .business-quick-actions > h3:first-child{grid-column:1/-1!important;}
}

@media (max-width:720px){
  #viewDirectorDashboard .director-workspace{padding:10px!important;}
  #viewDirectorDashboard .business-kpi-grid{grid-template-columns:1fr 1fr!important;}
  #viewDirectorDashboard .director-business-hero h2{font-size:19px!important;}
  #viewDirectorDashboard .business-quick-actions{grid-template-columns:1fr!important;}
}

/* v1.29.1 — Direkcija / Uprava Excel Business Accent SAFE
   Samo CSS dorada. Ne menja HTML id-jeve, onclick, Supabase ili workflow logiku. */
#viewDirectorDashboard.director-business-page{
  --excel-green:#217346;
  --excel-green-dark:#14532d;
  --excel-green-deep:#0b3d22;
  --excel-green-soft:#eaf6ef;
  --excel-green-softer:#f4fbf6;
  --excel-line:#bfd9c7;
  --office-line:#d9e5de;
  --office-line-strong:#b8d2c2;
  --office-bg:#f3f7f5;
  --office-panel:#ffffff;
  --office-text:#122018;
  --office-muted:#5b6b62;
  --office-blue:#1f3a5f;
  background:
    linear-gradient(180deg, rgba(33,115,70,.10) 0%, rgba(243,247,245,.95) 170px, #f6f8f7 100%)!important;
  color:var(--office-text)!important;
}

/* Leva traka: poslovna, ali sa jasnim Excel identitetom */
#viewDirectorDashboard .director-sidebar{
  background:linear-gradient(180deg,#ffffff 0%, #f7faf8 100%)!important;
  border-right:1px solid var(--office-line)!important;
  box-shadow:6px 0 22px rgba(15,23,42,.045)!important;
}
#viewDirectorDashboard .director-logo-box{
  border:1px solid var(--office-line)!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
#viewDirectorDashboard .director-logo-mark{
  background:linear-gradient(145deg,var(--excel-green),var(--excel-green-dark))!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(33,115,70,.20)!important;
}
#viewDirectorDashboard .director-logo-box strong{color:#0f172a!important;}
#viewDirectorDashboard .director-logo-box span{color:var(--excel-green-dark)!important;font-weight:800!important;}

#viewDirectorDashboard .director-nav-tabs .tab{
  min-height:38px!important;
  margin-bottom:5px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#26352d!important;
  font-weight:800!important;
  box-shadow:none!important;
}
#viewDirectorDashboard .director-nav-tabs .tab:hover{
  background:#f2f8f4!important;
  color:var(--excel-green-dark)!important;
  border-color:#d9eadf!important;
}
#viewDirectorDashboard .director-nav-tabs .tab.active{
  background:linear-gradient(90deg,rgba(33,115,70,.14),rgba(33,115,70,.055))!important;
  color:var(--excel-green-deep)!important;
  border:1px solid #c8e1d0!important;
  box-shadow:inset 4px 0 0 var(--excel-green), 0 6px 14px rgba(33,115,70,.08)!important;
}

/* Gornji deo: više karaktera, bez teških zelenih blokova */
#viewDirectorDashboard .director-workspace{background:transparent!important;}
#viewDirectorDashboard .director-business-topline{
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--office-line)!important;
  border-top:3px solid var(--excel-green)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;
}
#viewDirectorDashboard .company-switch-pill{
  background:#fff!important;
  color:var(--excel-green-dark)!important;
  border:1px solid #d5e6da!important;
  font-weight:900!important;
}
#viewDirectorDashboard .director-user-pill{
  background:#f5f9f6!important;
  border:1px solid #dceae1!important;
  color:#17251d!important;
  font-weight:800!important;
}
#viewDirectorDashboard .director-business-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(33,115,70,.10), transparent 290px),
    linear-gradient(180deg,#ffffff 0%, #fbfdfb 100%)!important;
  border:1px solid var(--office-line)!important;
  border-left:4px solid var(--excel-green)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
#viewDirectorDashboard .business-eyebrow{
  color:var(--excel-green)!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
#viewDirectorDashboard .director-business-hero h2{
  color:#0b1220!important;
  font-weight:950!important;
}
#viewDirectorDashboard #directorCompanyLabel{color:#334155!important;}
#viewDirectorDashboard #directorCompanyLabel::after{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-left:8px;
  border-radius:50%;
  background:var(--excel-green);
  box-shadow:0 0 0 4px rgba(33,115,70,.12);
  vertical-align:middle;
}
#viewDirectorDashboard .director-layout-note{color:#52645a!important;}
#viewDirectorDashboard .director-hero-actions .secondary,
#viewDirectorDashboard .hero-date-pill{
  border-color:#cfded5!important;
  background:#ffffff!important;
  color:#14251b!important;
  font-weight:850!important;
}
#viewDirectorDashboard .director-hero-actions .secondary:hover{
  border-color:var(--excel-green)!important;
  background:var(--excel-green-soft)!important;
  color:var(--excel-green-dark)!important;
}

/* KPI kartice: bela osnova + jasne zelene ikone */
#viewDirectorDashboard .business-kpi-card{
  border:1px solid var(--office-line)!important;
  border-top:3px solid rgba(33,115,70,.55)!important;
  background:linear-gradient(180deg,#ffffff 0%, #fcfefd 100%)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.052)!important;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease!important;
}
#viewDirectorDashboard .business-kpi-card:hover{
  transform:translateY(-1px)!important;
  border-color:#abcdb6!important;
  box-shadow:0 16px 32px rgba(15,23,42,.07)!important;
}
#viewDirectorDashboard .business-kpi-card .kpi-icon,
#viewDirectorDashboard .business-kpi-card .kpi-icon.green{
  background:linear-gradient(145deg,var(--excel-green),var(--excel-green-dark))!important;
  color:#fff!important;
}
#viewDirectorDashboard .business-kpi-card.kpi-warning{
  border-top-color:#f59e0b!important;
}
#viewDirectorDashboard .business-kpi-card.kpi-warning .kpi-icon,
#viewDirectorDashboard .business-kpi-card .kpi-icon.orange{
  background:linear-gradient(145deg,#f59e0b,#b45309)!important;
  color:#fff!important;
}
#viewDirectorDashboard .business-kpi-card strong{color:#0f172a!important;font-weight:950!important;}
#viewDirectorDashboard .business-kpi-card span{color:#52645a!important;font-weight:750!important;}
#viewDirectorDashboard .business-kpi-card button{
  color:var(--excel-green)!important;
  font-weight:950!important;
}
#viewDirectorDashboard .business-kpi-card button:hover{color:var(--excel-green-dark)!important;text-decoration:underline!important;}

/* Pretraga i info linije */
#viewDirectorDashboard .director-searchbar,
#viewDirectorDashboard .director-live-refresh-line,
#viewDirectorDashboard .support-status-box{
  background:#ffffff!important;
  border:1px solid var(--office-line)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
}
#viewDirectorDashboard .director-searchbar:focus-within{
  border-color:#a7ccb3!important;
  box-shadow:0 0 0 3px rgba(33,115,70,.10)!important;
}
#viewDirectorDashboard .director-searchbar input,
#viewDirectorDashboard .search-input-wrap{
  background:#f7faf8!important;
}
#viewDirectorDashboard .live-dot{
  background:var(--excel-green)!important;
  box-shadow:0 0 0 4px rgba(33,115,70,.16)!important;
}

/* Kartice i forme: kancelarijski, čisto, malo življe */
#viewDirectorDashboard .director-content-main .card,
#viewDirectorDashboard .business-quick-actions,
#viewDirectorDashboard .director-search-results{
  border:1px solid var(--office-line)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}
#viewDirectorDashboard .director-content-main .card > h3:first-child,
#viewDirectorDashboard .business-quick-actions > h3:first-child{
  background:linear-gradient(90deg,#eef8f1 0%, #ffffff 100%)!important;
  color:#0f172a!important;
  border-bottom:1px solid #d8e8de!important;
  box-shadow:inset 4px 0 0 var(--excel-green)!important;
}
#viewDirectorDashboard label{color:#26362e!important;font-weight:850!important;}
#viewDirectorDashboard input,
#viewDirectorDashboard select,
#viewDirectorDashboard textarea{
  border-color:#cfddd4!important;
  background:#ffffff!important;
}
#viewDirectorDashboard input:focus,
#viewDirectorDashboard select:focus,
#viewDirectorDashboard textarea:focus{
  outline:none!important;
  border-color:var(--excel-green)!important;
  box-shadow:0 0 0 3px rgba(33,115,70,.10)!important;
}
#viewDirectorDashboard .permission-box,
#viewDirectorDashboard .permission-group,
#viewDirectorDashboard .material-permission-box{
  border-color:#d7e7dc!important;
  background:#fbfefc!important;
}
#viewDirectorDashboard .permission-group h4,
#viewDirectorDashboard .permission-box h4{color:var(--excel-green-dark)!important;}

/* Dugmad: Excel zeleno samo za glavne akcije */
#viewDirectorDashboard .primary,
#viewDirectorDashboard button.primary,
#viewDirectorDashboard #goExportBtn,
#viewDirectorDashboard #exportXlsBtn,
#viewDirectorDashboard #exportCsvBtn{
  background:linear-gradient(180deg,#25834f,var(--excel-green))!important;
  border:1px solid #176139!important;
  color:#fff!important;
  box-shadow:0 7px 14px rgba(33,115,70,.18)!important;
  font-weight:900!important;
}
#viewDirectorDashboard .primary:hover,
#viewDirectorDashboard button.primary:hover,
#viewDirectorDashboard #goExportBtn:hover,
#viewDirectorDashboard #exportXlsBtn:hover,
#viewDirectorDashboard #exportCsvBtn:hover{
  background:linear-gradient(180deg,#1f7a48,var(--excel-green-dark))!important;
  border-color:#0f4d2b!important;
}
#viewDirectorDashboard .secondary,
#viewDirectorDashboard .small-action,
#viewDirectorDashboard .edit-btn,
#viewDirectorDashboard .archive-report-btn{
  background:#fff!important;
  border:1px solid #c9d8d1!important;
  color:#18251e!important;
  box-shadow:none!important;
  font-weight:850!important;
}
#viewDirectorDashboard .secondary:hover,
#viewDirectorDashboard .small-action:hover,
#viewDirectorDashboard .edit-btn:hover,
#viewDirectorDashboard .archive-report-btn:hover{
  background:#f0f8f3!important;
  border-color:#98c2a6!important;
  color:var(--excel-green-dark)!important;
}
#viewDirectorDashboard .delete-btn,
#viewDirectorDashboard .archive-btn{
  background:#fff8f8!important;
  border-color:#f2c7c7!important;
  color:#991b1b!important;
}

/* Brze akcije: izgled kao office komandni panel */
#viewDirectorDashboard .business-quick-actions .quick-action{
  background:#ffffff!important;
  border:1px solid #d5e2da!important;
  color:#17251d!important;
  font-weight:900!important;
}
#viewDirectorDashboard .business-quick-actions .quick-action:hover{
  background:#eff8f2!important;
  border-color:#9ac5a8!important;
  color:var(--excel-green-dark)!important;
}
#viewDirectorDashboard .business-quick-actions .quick-action::before{
  color:var(--excel-green)!important;
}

/* Liste / tabele: više Excel osećaja bez preterivanja */
#viewDirectorDashboard #reportsList,
#viewDirectorDashboard .list:has(.director-table-row){
  border:1px solid var(--office-line-strong)!important;
  background:#fff!important;
  box-shadow:0 6px 14px rgba(15,23,42,.035)!important;
}
#viewDirectorDashboard .director-table-row,
#viewDirectorDashboard .report-row-item{
  background:#ffffff!important;
  border-bottom:1px solid #dfe9e3!important;
}
#viewDirectorDashboard .director-table-row:nth-child(even),
#viewDirectorDashboard .report-row-item:nth-child(even){
  background:#f7fbf8!important;
}
#viewDirectorDashboard .director-table-row:hover,
#viewDirectorDashboard #reportsList .report-row-item:hover{
  background:#edf7f0!important;
}
#viewDirectorDashboard .director-table-row .dt-name{
  background:rgba(33,115,70,.045)!important;
}
#viewDirectorDashboard .director-table-row .dt-cell,
#viewDirectorDashboard .report-list-grid > .report-export-cell,
#viewDirectorDashboard .report-list-grid > .report-list-date,
#viewDirectorDashboard .report-list-grid > .report-list-site,
#viewDirectorDashboard .report-list-grid > .report-list-worker,
#viewDirectorDashboard .report-list-grid > .report-list-sections,
#viewDirectorDashboard .report-list-grid > .report-list-status{
  border-right-color:#e2ece6!important;
}
#viewDirectorDashboard .report-list-date strong,
#viewDirectorDashboard .report-list-site strong,
#viewDirectorDashboard .report-list-worker strong,
#viewDirectorDashboard .director-table-row strong{
  color:#111827!important;
}
#viewDirectorDashboard .report-list-date small,
#viewDirectorDashboard .report-list-site small,
#viewDirectorDashboard .report-list-worker small,
#viewDirectorDashboard .director-table-row small{
  color:#617267!important;
}
#viewDirectorDashboard .report-card-actions{
  background:#f8fcf9!important;
  border-top:1px solid #dfe9e3!important;
}
#viewDirectorDashboard .compact-doc-btn{
  background:#ffffff!important;
  border:1px solid var(--excel-green)!important;
  color:var(--excel-green-dark)!important;
  box-shadow:none!important;
}
#viewDirectorDashboard .compact-doc-btn:hover{
  background:var(--excel-green)!important;
  color:#fff!important;
}

/* Statusi: boje imaju značenje */
#viewDirectorDashboard .dt-status,
#viewDirectorDashboard .status-chip,
#viewDirectorDashboard .pill,
#viewDirectorDashboard .report-section-pill{
  border-radius:999px!important;
  font-weight:900!important;
}
#viewDirectorDashboard .dt-status,
#viewDirectorDashboard .status-chip.status-approved,
#viewDirectorDashboard .status-chip.status-exported{
  background:#e8f7ee!important;
  border-color:#abd4b7!important;
  color:#14532d!important;
}
#viewDirectorDashboard .status-chip.status-returned,
#viewDirectorDashboard .status-chip.status-revision{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#9f1239!important;
}
#viewDirectorDashboard .status-chip.status-new,
#viewDirectorDashboard .status-chip.status-pending{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
  color:#9a3412!important;
}
#viewDirectorDashboard .report-section-pill{
  background:#edf7f0!important;
  border:1px solid #c5dfcd!important;
  color:#14532d!important;
}

/* Donji detalji */
#viewDirectorDashboard .package-notice:not(.hidden){
  border-left:4px solid var(--excel-green)!important;
  background:#f4fbf6!important;
}
#viewDirectorDashboard .muted{color:#607166!important;}
#viewDirectorDashboard hr{border-color:#dfe9e3!important;}

@media (max-width:980px){
  #viewDirectorDashboard .director-business-hero{border-left-width:3px!important;}
}

/* v1.29.3 — Direkcija: levi radni prostor + osnovni meni A, bez desnih brzih akcija */
#viewDirectorDashboard .director-basic-menu{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
#viewDirectorDashboard .director-basic-menu .workspace-hidden-tab{
  display:none!important;
}
#viewDirectorDashboard .director-nav-tabs .tab{
  width:100%!important;
  justify-content:flex-start!important;
  text-align:left!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
#viewDirectorDashboard .director-nav-tabs .tab.active{
  background:#e8f4ee!important;
  border-color:#9ccfac!important;
  color:#14532d!important;
  box-shadow:inset 4px 0 0 #217346!important;
}
#viewDirectorDashboard .director-content-grid,
#viewDirectorDashboard .director-content-grid-single{
  display:block!important;
  grid-template-columns:1fr!important;
}
#viewDirectorDashboard .director-content-main{
  width:100%!important;
  max-width:none!important;
}
#viewDirectorDashboard .business-quick-actions{
  display:none!important;
}
#viewDirectorDashboard .workspace-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 0 14px!important;
  margin:0 0 14px!important;
  border-bottom:1px solid #dde7e1!important;
}
#viewDirectorDashboard .workspace-section-head h3{
  margin:0 0 4px!important;
  font-size:22px!important;
}
#viewDirectorDashboard .workspace-subnav{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:flex-end!important;
}
#viewDirectorDashboard .workspace-subnav .small-action{
  min-height:34px!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
}
#viewDirectorDashboard .reports-workspace-card{
  padding:16px!important;
}
@media (max-width: 900px){
  #viewDirectorDashboard .workspace-section-head{
    flex-direction:column!important;
  }
  #viewDirectorDashboard .workspace-subnav{
    justify-content:flex-start!important;
  }
}
@media (max-width: 760px){
  #viewDirectorDashboard .director-basic-menu{
    flex-direction:row!important;
    overflow-x:auto!important;
    gap:8px!important;
  }
  #viewDirectorDashboard .director-nav-tabs .tab{
    width:auto!important;
    white-space:nowrap!important;
    min-height:36px!important;
    padding:8px 10px!important;
  }
}

/* v1.29.4-1.29.6 - bezbedniji unosi: kod zaposlenog, interni broj sredstva, naziv gradilišta i naziv materijala */
.person-code-status {
  display: block;
  margin: 6px 0 12px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #d9e2dd;
  background: #f7faf8;
  line-height: 1.35;
}
.person-code-status.code-ok {
  color: #14532d;
  border-color: #b7dfc3;
  background: #edf8f0;
}
.person-code-status.code-bad {
  color: #8a1f1f;
  border-color: #f1b9b9;
  background: #fff1f1;
}
.person-code-status.code-info {
  color: #475569;
  border-color: #d9e2dd;
  background: #f7faf8;
}

#personCode.code-ok-input{
  border-color:#16a34a!important;
  background:#f0fdf4!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.14)!important;
}
#personCode.code-bad-input{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.14)!important;
}
#personCode.code-info-input{
  border-color:#cbd5e1!important;
}


/* v1.29.9 - jasna validacija radničkih rubrika */
.worker-section-needs-attention{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.14), 0 12px 28px rgba(127,29,29,.08)!important;
  background:linear-gradient(180deg,#fff7f7,#ffffff)!important;
}
.entry-needs-attention{
  border-color:#fca5a5!important;
  box-shadow:0 0 0 2px rgba(239,68,68,.10)!important;
}
.worker-validation-message{
  margin:8px 0 12px;
  padding:10px 12px;
  border:1px solid #fca5a5;
  background:#fff1f2;
  color:#7f1d1d;
  border-radius:12px;
  font-weight:800;
  line-height:1.35;
}
.validation-field-missing{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.16)!important;
  background:#fffafa!important;
}
.signature-pad.validation-field-missing{
  outline:3px solid rgba(239,68,68,.25);
  outline-offset:3px;
}
.toast.toast-error{
  background:#7f1d1d!important;
  color:#fff!important;
}


/* v1.30.3 — Admin i Direkcija vizuelno povezani, bez diranja logike */
.admin-crm-view{
  background: var(--pro-bg, #f6f8f7)!important;
}
.admin-crm-hero{
  border-radius: 24px!important;
  border: 1px solid var(--pro-border, #d9e2dd)!important;
  background: linear-gradient(135deg,#ffffff 0%,#f3f8f5 56%,#fff7ed 100%)!important;
  box-shadow: var(--pro-shadow-soft, 0 10px 28px rgba(15,23,42,.07))!important;
}
.admin-crm-hero h2{letter-spacing:-.035em;color:var(--pro-text,#16231b)!important}
.admin-crm-hero .secondary,
#refreshAdminBtn{
  border-radius: 12px!important;
  border: 1px solid var(--pro-border,#d9e2dd)!important;
  background: #fff!important;
  color: var(--pro-text,#16231b)!important;
  box-shadow: none!important;
}
.admin-director-bridge{
  margin: 14px 0!important;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--pro-border,#d9e2dd)!important;
  border-left: 5px solid var(--pro-green,#217346)!important;
  background: #fff!important;
  box-shadow: var(--pro-shadow-soft, 0 10px 28px rgba(15,23,42,.07))!important;
}
.admin-director-bridge h3{margin:0 0 5px!important;color:var(--pro-text,#16231b)!important;letter-spacing:-.02em}
.admin-bridge-flow{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.admin-bridge-flow span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid var(--pro-border,#d9e2dd);
  background:#f8fafc;
  color:#334155;
  font-weight:900;
  font-size:.86rem;
  white-space:nowrap;
}
.admin-bridge-flow span:last-child{
  background:var(--pro-soft-green,#eaf5ee);
  color:var(--pro-green-dark,#14532d);
  border-color:#bbf7d0;
}
.admin-bridge-flow b{color:var(--pro-green,#217346)}
.admin-company-form-card,
.admin-expiring-card,
.admin-search-card,
.admin-crm-view > .card{
  border:1px solid var(--pro-border,#d9e2dd)!important;
  box-shadow: var(--pro-shadow-soft, 0 10px 28px rgba(15,23,42,.07))!important;
  background:#fff!important;
}
.admin-company-form-card h3,
.admin-expiring-card h3,
.admin-search-card h3,
.admin-crm-view > .card h3{
  letter-spacing:-.02em;
  color:var(--pro-text,#16231b)!important;
}
.admin-company-card{
  border-radius:16px!important;
  border-color:var(--pro-border,#d9e2dd)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
}
.admin-company-card::before{width:4px!important;background:var(--pro-green,#217346)!important}
.admin-company-card.brand-blue::before{background:#2563eb!important}
.admin-company-card.brand-orange::before{background:#f97316!important}
.admin-company-card.brand-red::before{background:#dc2626!important}
.admin-company-card.brand-purple::before{background:#7c3aed!important}
.admin-company-card.brand-dark::before{background:#111827!important}
.admin-crm-actions button{
  border-radius:10px!important;
  border:1px solid var(--pro-border,#d9e2dd)!important;
  background:#fff!important;
  color:#1f2937!important;
  box-shadow:none!important;
}
.admin-crm-actions button:hover,
.admin-crm-view .secondary:hover{
  border-color:color-mix(in srgb, var(--pro-green,#217346) 36%, #d9e2dd)!important;
  background:#f6fbf8!important;
  color:var(--pro-green-dark,#14532d)!important;
  transform:none!important;
}
.preview-sidebar{
  background:linear-gradient(180deg,#fbfdfb,#f1f5f9)!important;
  color:#1f2937!important;
  border-right:1px solid var(--pro-border,#d9e2dd)!important;
}
.preview-logo span{background:var(--preview-brand)!important}
.preview-logo small{color:#64748b!important;opacity:1!important}
.preview-sidebar button{
  border:0!important;
  background:transparent!important;
  color:#334155!important;
  box-shadow:none!important;
}
.preview-sidebar button:first-of-type{
  background:color-mix(in srgb, var(--preview-brand) 12%, white)!important;
  color:#14532d!important;
  box-shadow:inset 3px 0 0 var(--preview-brand)!important;
}
.preview-flow-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid rgba(15,23,42,.08);
  padding:10px 0;
  color:#334155;
}
.preview-flow-row b{color:var(--preview-brand)}
.preview-note{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
}
@media(max-width:900px){
  .admin-director-bridge{grid-template-columns:1fr!important}
  .admin-bridge-flow{justify-content:flex-start!important}
}


/* v1.30.7 — Šef mehanizacije panel */
.keep-login-option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 14px;
  background: rgba(15, 23, 42, .04);
  margin: 10px 0;
  font-weight: 700;
}
.keep-login-option span { display:block; font-weight: 500; color: #64748b; font-size: .86rem; margin-top: 2px; }
.mechanic-boss-mode .app-shell { background: #0f172a; }
.mechanic-boss-head {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  border: 1px solid rgba(148, 163, 184, .25);
  color: #f8fafc;
}
.mechanic-boss-head p,
.mechanic-boss-head .business-eyebrow { color: #cbd5e1; }
.mechanic-head-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.mechanic-badge {
  display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px;
  background: rgba(248, 250, 252, .12); color:#f8fafc; border:1px solid rgba(248,250,252,.2); font-weight:800;
}
.mechanic-new-signal {
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
  font-weight: 900;
}
.mechanic-summary-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}
.mechanic-summary-card { border-left: 4px solid #94a3b8; }
.mechanic-summary-card.mechanic-new { border-left-color: #dc2626; }
.mechanic-summary-card.mechanic-active { border-left-color: #f97316; }
.mechanic-summary-card.mechanic-resolved { border-left-color: #16a34a; }
.mechanic-mini-list { display:flex; flex-direction:column; gap:8px; }
.mechanic-mini-line { padding:9px 10px; border:1px solid #e2e8f0; border-radius:12px; background:#f8fafc; }
.mechanic-mini-line b, .mechanic-mini-line span, .mechanic-mini-line small { display:block; }
.mechanic-mini-line span { color:#475569; font-size:.88rem; }
.mechanic-mini-line small { color:#64748b; margin-top:2px; }
.mechanic-table-card { margin-top: 12px; }
.mechanic-table-title { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.mechanic-table-wrap { overflow-x:auto; }
.mechanic-table { width:100%; border-collapse:collapse; min-width: 920px; }
.mechanic-table th {
  text-align:left; padding:10px; background:#0f172a; color:#f8fafc; font-size:.82rem; letter-spacing:.02em;
}
.mechanic-table td { padding:10px; border-bottom:1px solid #e2e8f0; vertical-align:top; }
.mechanic-table td small { display:block; color:#64748b; margin-top:4px; }
.mechanic-row.mechanic-new td { background:#fff7f7; }
.mechanic-row.mechanic-active td { background:#fff7ed; }
.mechanic-row.mechanic-resolved td { background:#f0fdf4; }
.mechanic-status-pill { display:inline-flex; padding:6px 9px; border-radius:999px; font-weight:900; font-size:.78rem; }
.mechanic-status-pill.status-new { background:#fee2e2; color:#991b1b; }
.mechanic-status-pill.status-active { background:#ffedd5; color:#9a3412; }
.mechanic-status-pill.status-resolved { background:#dcfce7; color:#166534; }
.mechanic-actions { display:flex; gap:6px; flex-wrap:wrap; }
.mechanic-actions .small-action { padding:7px 9px; font-size:.8rem; }
.mechanic-mobile-cards { display:none; }
.mechanic-card { border:1px solid #e2e8f0; border-radius:16px; padding:12px; background:#fff; margin-bottom:10px; }
.mechanic-card-head { display:flex; justify-content:space-between; gap:8px; color:#64748b; font-size:.85rem; }
.mechanic-card h4 { margin:6px 0; }
.mechanic-card p { margin:5px 0; }
@media (max-width: 780px) {
  .mechanic-summary-grid { grid-template-columns: 1fr; }
  .mechanic-head-actions { justify-content:flex-start; }
  .mechanic-table-wrap { display:none; }
  .mechanic-mobile-cards { display:block; }
  .mechanic-boss-head { align-items:flex-start; }
}


/* v1.30.8 — čitljivost i odvojen QR za šefa mehanizacije */
body.mechanic-boss-mode #viewMechanicBossPanel {
  color: #0f172a;
}
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-summary-card,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-table-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #dbe3ee !important;
}
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-summary-card h3,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-table-card h3,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-card h4 {
  color: #0f172a !important;
}
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-summary-card p,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-summary-card .hint,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-table-card p,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-table-card .hint {
  color: #475569 !important;
}
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-mini-line,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-card {
  background: #f8fafc !important;
  color: #0f172a !important;
}
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-table td {
  color: #0f172a !important;
}
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-boss-head h2,
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-boss-head p {
  color: #f8fafc !important;
}
body.mechanic-boss-mode #viewMechanicBossPanel .secondary {
  color: #0f172a !important;
}
@media (max-width: 780px) {
  body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-summary-card {
    min-height: 96px;
  }
  body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-summary-card h3 {
    font-size: 1.25rem;
  }
}

/* sw1309 - jasniji indikator da su kvarovi u posebnom tabu */
.defect-alert-notice{border-left:5px solid #dc2626;background:#fff7f7}
.defect-alert-notice strong{color:#111827}
.mechanic-table-card .muted{color:#4b5563}


/* sw1311: jasna oznaka hitno poslatih kvarova */
.danger-pill {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border-color: #fecaca !important;
  font-weight: 900;
}
.mechanic-immediate-badge {
  display: inline-flex;
  width: fit-content;
  margin: 6px 0 8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #fee2e2;
  color: #991b1b;
  font-weight: 900;
  border: 1px solid #fecaca;
}

/* sw1312: Šef mehanizacije - sklopive sekcije da duga lista kvarova ne zatrpa telefon */
.mechanic-collapsible { padding: 0 !important; overflow: hidden; }
.mechanic-section-toggle {
  width: 100%;
  border: 0;
  background: transparent;
  color: #0f172a;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.mechanic-section-toggle span { font-weight: 900; font-size: clamp(1.35rem, 5vw, 2rem); line-height: 1.12; }
.mechanic-section-toggle small {
  flex: 0 0 auto;
  min-width: 36px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #334155;
  font-weight: 900;
  text-align: center;
}
.mechanic-section-toggle::after {
  content: "⌄";
  font-size: 1.25rem;
  color: #475569;
  transition: transform .18s ease;
}
.mechanic-collapsible:not(.is-collapsed) .mechanic-section-toggle::after { transform: rotate(180deg); }
.mechanic-collapsible-body { padding: 0 24px 22px; }
.mechanic-collapsible-hint { padding: 0 24px 20px; margin-top: -8px; }
.mechanic-table-card .mechanic-collapsible-body { padding-top: 0; }
.mechanic-summary-card .mechanic-mini-list.hidden,
.mechanic-table-card .mechanic-collapsible-body.hidden { display: none !important; }
.mechanic-summary-card.is-collapsed { min-height: 96px; }
.mechanic-summary-card:not(.is-collapsed) { min-height: 0; }
body.mechanic-boss-mode #viewMechanicBossPanel .mechanic-section-toggle { color: #0f172a; }

/* sw1313: Šef mehanizacije - čitljivije kartice i pametna dugmad po statusu */
.mechanic-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px 12px;
  margin: 10px 0;
}
.mechanic-detail-grid span {
  display: block;
  padding: 8px 10px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 12px;
  background: rgba(248, 250, 252, .9);
  color: #334155;
  font-size: .92rem;
}
.mechanic-note {
  border-left: 4px solid #f59e0b;
  background: #fffbeb;
  padding: 10px 12px;
  border-radius: 12px;
}
.mechanic-card-compact {
  margin-top: 12px;
}
.mechanic-card-compact h4 {
  margin-bottom: 8px;
}
.mechanic-card-compact .mechanic-actions {
  margin-top: 12px;
}
@media (max-width: 640px) {
  .mechanic-detail-grid {
    grid-template-columns: 1fr;
  }
  .mechanic-card-compact {
    padding: 14px;
  }
}


/* v1.31.4 - Šef mehanizacije push obaveštenja */
.mechanic-push-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(239,68,68,.28);
  background:linear-gradient(135deg, rgba(127,29,29,.18), rgba(15,23,42,.92));
}
.mechanic-push-card h3{margin:0 0 6px;color:#fff;}
.mechanic-push-status{margin:8px 0 0;padding:9px 10px;border-radius:12px;font-weight:800;border:1px solid rgba(255,255,255,.12);}
.mechanic-push-status.ready{background:rgba(22,163,74,.16);color:#bbf7d0;border-color:rgba(34,197,94,.35);}
.mechanic-push-status.off{background:rgba(234,179,8,.13);color:#fde68a;border-color:rgba(234,179,8,.28);}
.mechanic-push-status.missing,.mechanic-push-status.error,.mechanic-push-status.denied{background:rgba(239,68,68,.15);color:#fecaca;border-color:rgba(239,68,68,.35);}
.mechanic-push-status.unsupported{background:rgba(148,163,184,.14);color:#e2e8f0;border-color:rgba(148,163,184,.32);}
@media(max-width:720px){.mechanic-push-card{display:block}.mechanic-push-card button{width:100%;margin-top:10px}}


/* v1.32.3 - početna stranica: namigujući smajli + preuzmi app */
.home-wink-install{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  margin:0 0 18px;
  padding:16px 18px;
  border:1px solid rgba(47,125,70,.18);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(47,125,70,.10), rgba(255,255,255,.94) 58%, rgba(245,185,66,.10));
}
.home-wink-emoji{
  width:72px;
  height:72px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.2rem;
  background:#fff;
  border:1px solid rgba(47,125,70,.18);
  box-shadow:0 10px 24px rgba(47,125,70,.12);
}
.home-wink-text strong{
  display:block;
  font-size:1.08rem;
  color:#173d28;
  margin-bottom:4px;
}
.home-wink-text span{
  display:block;
  color:#4b5f52;
  font-size:.94rem;
  line-height:1.45;
}
.home-install-btn{white-space:nowrap;}
@media (max-width:760px){
  .home-wink-install{
    grid-template-columns:1fr;
    text-align:center;
  }
  .home-wink-emoji{margin:0 auto;}
  .home-install-btn{width:100%;}
}


/* v1.32.4 - minimalna početna: telefon + Direkcija + Admin */
.home-minimal-wrap{
  width:min(760px,100%);
  margin:0 auto;
  display:grid;
  gap:20px;
}
.home-phone-stage{
  display:flex;
  justify-content:center;
}
.ask-phone-mockup{
  width:min(340px,100%);
  background:#111;
  border-radius:38px;
  padding:14px;
  box-shadow:0 24px 60px rgba(22,34,25,.26);
  border:1px solid rgba(255,255,255,.08);
}
.ask-phone-top{
  width:110px;
  height:16px;
  background:#242424;
  border-radius:0 0 14px 14px;
  margin:0 auto 10px;
}
.ask-phone-screen{
  min-height:510px;
  border-radius:28px;
  background:linear-gradient(180deg,#eef8f0 0%, #ddf0e2 48%, #d0e8d7 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 24px 30px;
}
.phone-app-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#173d28;
  font-size:.88rem;
  font-weight:900;
  border:1px solid rgba(47,125,70,.16);
  margin-bottom:20px;
}
.phone-wink-face{
  width:156px;
  height:156px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:5rem;
  background:#fff9d8;
  box-shadow:0 18px 34px rgba(47,125,70,.14);
  border:1px solid rgba(245,185,66,.38);
  margin-bottom:22px;
}
.phone-screen-title{
  font-size:1.45rem;
  font-weight:950;
  color:#173d28;
  margin-bottom:6px;
}
.phone-screen-subtitle{
  color:#51655a;
  max-width:230px;
  font-size:.96rem;
  line-height:1.45;
  margin-bottom:18px;
}
.phone-install-btn{
  min-width:190px;
}
.home-access-stack{
  display:grid;
  gap:12px;
}
.home-director-btn,
.home-admin-btn{
  width:100%;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:left;
}
.home-director-btn{
  min-height:86px;
  padding:18px 22px;
}
.home-admin-btn{
  min-height:58px;
  padding:12px 18px;
  background:#f7fbf8;
}
.home-director-btn:hover,
.home-admin-btn:hover{
  border-color:var(--green-2);
  background:#f8fcf9;
}
.home-access-icon{
  width:52px;
  height:52px;
  border-radius:50%;
  background:#eaf5ed;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.45rem;
  flex:0 0 auto;
}
.home-access-text{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.home-access-text strong,
.home-admin-btn strong{
  color:#173d28;
  font-size:1.05rem;
}
.home-access-text small{
  color:#617167;
  font-size:.9rem;
}
.home-terms-card{
  margin-top:2px;
}
.home-terms-head h2{
  margin-bottom:6px;
}
.home-terms-head p{
  margin-bottom:0;
  color:var(--muted);
}
/* stari javni blokovi ostaju u kodu samo radi bezbednosti, ali nisu više prikazani na početnoj */
.home-mvp-notice,
.public-info-panel,
.public-contact-panel,
.home-hero .home-entry-grid,
.home-hero .home-intro,
.home-hero h2,
.home-hero .home-wink-install{display:none!important;}
@media (max-width:640px){
  .ask-phone-mockup{width:min(320px,100%);}
  .ask-phone-screen{min-height:470px;padding:24px 20px 26px;}
  .phone-wink-face{width:136px;height:136px;font-size:4.4rem;}
  .home-director-btn{padding:16px 18px;}
}


/* v1.32.6 - sigurniji prikaz početne slike telefona */
.narrow-phone-width{width:min(340px,100%);margin:0 auto;}
.home-phone-stack{width:min(340px,100%);margin:0 auto;display:grid;gap:14px;}
.home-phone-stage{display:flex;justify-content:center;}
.home-install-below-btn{width:100%;min-height:52px;font-size:1rem;}
.ask-phone-screen{position:relative;overflow:hidden;min-height:540px;padding:20px 18px 22px;justify-content:flex-end;}
.home-phone-visual{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:1;}
.home-phone-visual img{width:100%;height:100%;object-fit:cover;display:block;}
.phone-content-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100%;width:100%;padding:14px 8px;background:linear-gradient(180deg, rgba(238,248,240,.14) 0%, rgba(238,248,240,.42) 38%, rgba(238,248,240,.95) 100%);}
.ask-phone-screen.with-custom-visual{justify-content:flex-end;background:#d8e7db;}
.ask-phone-screen.with-custom-visual .phone-content-overlay{justify-content:flex-end;padding-bottom:18px;background:linear-gradient(180deg, rgba(8,17,12,.08) 0%, rgba(8,17,12,.10) 45%, rgba(8,17,12,.58) 100%);}
.ask-phone-screen.with-custom-visual .phone-app-badge{background:rgba(255,255,255,.92);}
.ask-phone-screen.with-custom-visual .phone-screen-title,
.ask-phone-screen.with-custom-visual .phone-screen-subtitle{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35);}
.phone-content-overlay.compact-overlay .phone-screen-title{font-size:1.05rem;margin-bottom:4px;}
.phone-content-overlay.compact-overlay .phone-screen-subtitle{font-size:.82rem;max-width:200px;margin-bottom:0;}
.phone-content-overlay .hidden{display:none!important;}
.home-access-stack.narrow-phone-width{gap:12px;}
.home-director-btn,.home-admin-btn{width:min(340px,100%);margin:0 auto;}
.admin-home-visual-card{margin-bottom:18px;}
.admin-home-visual-grid{align-items:center;}
.admin-home-preview-phone{width:min(240px,100%);margin:0 auto;background:#111;border-radius:28px;padding:10px;box-shadow:0 16px 36px rgba(22,34,25,.18);}
.admin-home-preview-notch{width:82px;height:12px;background:#232323;border-radius:0 0 10px 10px;margin:0 auto 8px;}
.admin-home-preview-screen{min-height:320px;border-radius:20px;background:linear-gradient(180deg,#eef8f0 0%, #ddf0e2 48%, #d0e8d7 100%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;overflow:hidden;}
.admin-home-preview-screen.has-image{background-color:#d8e7db;}
.admin-home-preview-placeholder{color:#5e6f66;font-weight:800;line-height:1.35;}
@media (max-width:640px){
  .ask-phone-screen{min-height:500px;}
}


/* v1.32.8 - početna slika telefona: cela slika bez sečenja */
.home-phone-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}
.home-phone-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:inherit;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:blur(18px);
  transform:scale(1.08);
  opacity:.55;
}
.home-phone-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(11,20,17,.12) 0%, rgba(11,20,17,.04) 35%, rgba(11,20,17,.18) 100%);
}
.home-phone-visual img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
.ask-phone-screen.with-custom-visual{
  background:#0f1d17;
}
.ask-phone-screen.with-custom-visual .phone-content-overlay{
  justify-content:flex-end;
  padding-bottom:18px;
  background:linear-gradient(180deg, rgba(8,17,12,0) 0%, rgba(8,17,12,0) 58%, rgba(8,17,12,.62) 100%);
}
.admin-home-preview-screen{
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#d8e7db;
}


/* v1.32.9 - uklonjen dupli/crop prikaz, glavna slika ide cela */
.home-phone-visual{
  background:none !important;
  isolation:isolate;
}
.home-phone-visual::before{
  background-image:var(--home-visual-url);
}
.home-phone-visual img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
}


/* v1.33.0 - početna: bez gornje mutne linije i bez donjeg teksta u telefonu */
.home-phone-visual::before{
  display:none !important;
  background-image:none !important;
}
.ask-phone-screen.with-custom-visual .phone-content-overlay{
  display:none !important;
}
.ask-phone-screen.with-custom-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f1d17;
}
.home-phone-visual{
  inset:0;
}
.home-phone-visual img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
}


/* v1.33.2 - početna kao tablet + puna slika */
.narrow-phone-width,
.home-phone-stack{
  width:min(440px, 100%);
  margin-left:auto;
  margin-right:auto;
}
.home-access-stack.narrow-phone-width,
.home-director-btn,
.home-admin-btn,
.home-install-below-btn{
  width:min(440px, 100%);
}
.ask-phone-mockup{
  width:min(440px, 100%);
  background:#111827;
  border-radius:30px;
  padding:12px;
  box-shadow:0 20px 46px rgba(10,15,25,.22);
  border:1px solid rgba(255,255,255,.06);
}
.ask-phone-top{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#2f3442;
  margin:0 auto 10px;
}
.ask-phone-screen{
  min-height:560px;
  padding:0;
  border-radius:22px;
  background:#0b1220;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-phone-visual,
.home-phone-visual.hidden{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:none !important;
  overflow:hidden;
}
.home-phone-visual::before,
.home-phone-visual::after{
  display:none !important;
  content:none !important;
}
.home-phone-visual img{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center;
  display:block;
}
.ask-phone-screen.with-custom-visual{
  background:#0b1220;
}
.ask-phone-screen.with-custom-visual .phone-content-overlay{
  display:none !important;
}
.admin-home-preview-phone{
  width:min(280px,100%);
  background:#111827;
  border-radius:24px;
}
.admin-home-preview-notch{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2f3442;
  margin:0 auto 8px;
}
.admin-home-preview-screen{
  min-height:210px;
  border-radius:18px;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#0b1220;
}
@media (max-width:640px){
  .narrow-phone-width,
  .home-phone-stack,
  .home-access-stack.narrow-phone-width,
  .home-director-btn,
  .home-admin-btn,
  .home-install-below-btn,
  .ask-phone-mockup{ width:100%; }
  .ask-phone-screen{ min-height:500px; }
}

/* v1.33.6 - jedinstvena šifra firme + čistiji Uprava login */
#acCompanyCode.code-ok-input{
  border-color:#16a34a!important;
  background:#f0fdf4!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.14)!important;
}
#acCompanyCode.code-bad-input{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.14)!important;
}
#acCompanyCode.code-info-input{
  border-color:#cbd5e1!important;
}
.director-login-card .director-activation-panel{
  margin-top:20px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#f7fbf8;
  overflow:hidden;
}
.director-login-card .director-activation-panel summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:900;
  color:#173d28;
  list-style:none;
}
.director-login-card .director-activation-panel summary::-webkit-details-marker{display:none;}
.director-login-card .director-activation-panel summary::after{
  content:"＋";
  float:right;
  color:var(--green);
  font-weight:950;
}
.director-login-card .director-activation-panel[open] summary::after{content:"−";}
.director-login-card .director-activation-body{
  padding:0 16px 16px;
  border-top:1px solid var(--border);
  background:#fff;
}


/* v1.33.7 - tanki svetlo-plavi obrubi za bolju preglednost */
:root{
  --soft-blue-outline:#8fd3ff;
  --soft-blue-outline-strong:#4fb6f3;
  --soft-blue-glow:rgba(79,182,243,.18);
}
.card,
.dashboard-head,
.item,
.notice,
.admin-director-bridge,
.business-kpi-card,
.support-contact-card,
.report-card,
.management-card,
.company-qr-dialog,
.admin-preview-dialog{
  border-color:rgba(143,211,255,.72) !important;
  box-shadow:0 12px 30px rgba(31,45,35,.08), 0 0 0 1px rgba(143,211,255,.14) inset;
}
input:not(.code-ok-input):not(.code-bad-input),
select,
textarea{
  border-color:rgba(143,211,255,.92) !important;
}
input:not(.code-ok-input):not(.code-bad-input):focus,
select:focus,
textarea:focus{
  border-color:var(--soft-blue-outline-strong) !important;
  box-shadow:0 0 0 3px var(--soft-blue-glow), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
button,
.primary,
.secondary,
.ghost,
.back,
.big-btn,
.small-btn,
.edit-btn,
.delete-btn,
.danger-btn,
.danger-small,
.archive-btn,
.archive-report-btn,
.hard-delete-report-btn,
.btn-warning,
.remove-entry,
a.primary,
a.secondary{
  outline:1px solid rgba(143,211,255,.55);
  outline-offset:0;
}
button:hover,
.primary:hover,
.secondary:hover,
.ghost:hover,
.back:hover,
.big-btn:hover,
.small-btn:hover,
.edit-btn:hover{
  box-shadow:0 0 0 3px rgba(143,211,255,.16);
}
#acCompanyCode.code-ok-input{
  border-color:#22c55e !important;
  box-shadow:0 0 0 3px rgba(34,197,94,.18) !important;
}
#acCompanyCode.code-bad-input{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.18) !important;
}