/* Spremanje panel - izgled identičan dobrom Riziku */
#spCloudPanel:not(.sp-risk-ready) { display: none !important; }
.sp-meta-panel, #spMetaPanel { display:none !important; }
.toolbar:has(#pickFolderBtn),
.toolbar:has(#savedJsonSelect),
.toolbar:has(#savedFilesSelect),
.toolbar-row.folder-pick-row,
.document-toolbar-row,
.inline-save-wrap:has(#saveJsonBtn) { display:none !important; }
#spCloudPanel.sp-risk-ready .toolbar-row,
#spCloudPanel.sp-risk-ready .document-toolbar-row,
body.sp-save-optimized-ready .toolbar:not(:has(#pickFolderBtn)):not(:has(#savedJsonSelect)):not(:has(#savedFilesSelect)) { display:flex !important; }

#spSaveCompactCard,
#spSaveCompactCard.bh-save,
.sp-legacy-save-source { display:none !important; visibility:hidden !important; pointer-events:none !important; }

#spCloudPanel.sp-risk-single-save {
  display:block !important; position:static !important; left:auto !important; top:auto !important;
  width:auto !important; height:auto !important; overflow:visible !important; opacity:1 !important; pointer-events:auto !important;
  margin:14px 0 18px !important; padding:0 !important; border:1px solid #e2e8f0 !important; border-radius:20px !important;
  background:#ffffff !important; box-shadow:0 20px 50px rgba(15,23,42,.10) !important;
  font-family: Calibri, Carlito, Arial, Helvetica, sans-serif !important;
}
#spCloudPanel.sp-risk-single-save .sp-save-header {
  display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:14px !important;
  padding:20px 24px 18px !important; border-bottom:0 !important;
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important; color:#fff !important;
}
#spCloudPanel.sp-risk-single-save .risk-save-kicker { margin:0 0 5px !important; font-size:11px !important; font-weight:800 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:rgba(255,255,255,.58) !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-title { margin:0 !important; font-size:22px !important; line-height:1.15 !important; font-weight:800 !important; color:#fff !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-subtitle { margin:8px 0 0 !important; max-width:760px !important; font-size:13px !important; line-height:1.45 !important; color:rgba(255,255,255,.72) !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-badge { flex:0 0 auto !important; border-color:rgba(255,255,255,.16) !important; background:rgba(255,255,255,.08) !important; color:#fff !important; }
#spCloudPanel.sp-risk-single-save .sp-smart-meta { display:none !important; }

#spCloudPanel.sp-risk-single-save .risk-save-name-field { padding:14px 16px 0 !important; background:#fff !important; }
#spCloudPanel.sp-risk-single-save .risk-save-name-field label { display:block !important; margin:0 0 6px !important; color:#334155 !important; font-size:11px !important; font-weight:900 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
#spCloudPanel.sp-risk-single-save .risk-save-name-row { display:grid !important; grid-template-columns:minmax(260px,1fr) !important; gap:8px !important; }
#spCloudPanel.sp-risk-single-save .risk-save-name-field #fileName { width:100% !important; min-height:44px !important; padding:10px 12px !important; border:1px solid #bfdbfe !important; border-radius:14px !important; background:#f8fbff !important; color:#0f172a !important; font-size:14px !important; font-weight:700 !important; }
#spCloudPanel.sp-risk-single-save .risk-save-name-help { margin-top:6px !important; color:#64748b !important; font-size:12px !important; line-height:1.35 !important; }
#spCloudPanel.sp-risk-single-save .risk-hidden-online-title { display:none !important; }

#spCloudPanel.sp-risk-single-save .risk-save-mode-tabs { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; margin:0 !important; border-top:1px solid rgba(255,255,255,.08) !important; background:#111827 !important; }
#spCloudPanel.sp-risk-single-save .risk-save-tab { min-height:46px !important; justify-content:center !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:rgba(255,255,255,.68) !important; box-shadow:none !important; transform:none !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
#spCloudPanel.sp-risk-single-save .risk-save-tab + .risk-save-tab { border-left:1px solid rgba(255,255,255,.10) !important; }
#spCloudPanel.sp-risk-single-save .risk-save-tab.is-active { background:#ffffff !important; color:#0f172a !important; }

#spCloudPanel.sp-risk-single-save .sp-save-sections { display:grid !important; grid-template-columns:repeat(2,minmax(320px,1fr)) !important; gap:14px !important; padding:16px !important; background:#fff !important; }
#spCloudPanel.sp-risk-single-save .sp-save-card { display:block !important; padding:14px !important; border:1px solid #e2e8f0 !important; border-radius:16px !important; background:#fff !important; box-shadow:none !important; min-width:0 !important; }
#spCloudPanel.sp-risk-single-save .sp-save-card-local { order:1 !important; }
#spCloudPanel.sp-risk-single-save .sp-save-card-online { order:2 !important; }
#spCloudPanel.sp-risk-single-save[data-storage-mode="lokalno"] .sp-save-sections,
#spCloudPanel.sp-risk-single-save[data-storage-mode="online"] .sp-save-sections { grid-template-columns:1fr !important; }
#spCloudPanel.sp-risk-single-save[data-storage-mode="lokalno"] .sp-save-card-online,
#spCloudPanel.sp-risk-single-save[data-storage-mode="online"] .sp-save-card-local { display:none !important; }
#spCloudPanel.sp-risk-single-save .sp-save-card-head h3 { margin:0 0 4px !important; color:#0f172a !important; font-size:17px !important; font-weight:800 !important; }
#spCloudPanel.sp-risk-single-save .sp-save-card-head p { margin:0 0 12px !important; color:#64748b !important; font-size:12.5px !important; line-height:1.45 !important; }

#spCloudPanel.sp-risk-single-save .sp-cloud-grid,
#spCloudPanel.sp-risk-single-save .sp-cloud-grid-compact { display:grid !important; grid-template-columns:repeat(2,minmax(220px,1fr)) !important; gap:10px !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-field-full { grid-column:1 / -1 !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-field label,
#spCloudPanel.sp-risk-single-save .sp-saved-label { font-size:11px !important; font-weight:800 !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:#64748b !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-field input,
#spCloudPanel.sp-risk-single-save .sp-cloud-field select,
#spCloudPanel.sp-risk-single-save .sp-local-folder-host select,
#spCloudPanel.sp-risk-single-save #savedJsonSelect,
#spCloudPanel.sp-risk-single-save #savedFilesSelect { min-height:40px !important; padding:8px 10px !important; border:1px solid #cfd8e3 !important; border-radius:12px !important; background:#fff !important; color:#1f2937 !important; font-size:13px !important; }
#spCloudPanel.sp-risk-single-save .sp-local-folder-host { display:grid !important; grid-template-columns:auto minmax(220px,1fr) auto !important; gap:10px !important; align-items:end !important; }
#spCloudPanel.sp-risk-single-save .sp-local-folder-host .sp-saved-label { display:none !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-actions,
#spCloudPanel.sp-risk-single-save .sp-local-actions,
#spCloudPanel.sp-risk-single-save .sp-local-danger-actions { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-top:10px !important; }
#spCloudPanel.sp-risk-single-save button,
#spCloudPanel.sp-risk-single-save .file-label { min-height:40px !important; padding:8px 12px !important; border-radius:12px !important; font-size:13px !important; font-weight:800 !important; }
#spCloudPanel.sp-risk-single-save #saveJsonBtn,
#spCloudPanel.sp-risk-single-save #spCloudSaveBtn { background:#0b7a43 !important; border-color:#0b7a43 !important; color:#fff !important; }
#spCloudPanel.sp-risk-single-save #pickFolderBtn { background:#1d4ed8 !important; border-color:#1d4ed8 !important; color:#fff !important; }
#spCloudPanel.sp-risk-single-save #spCloudOpenBtn,
#spCloudPanel.sp-risk-single-save #loadSelectedJsonBtn { background:#334155 !important; border-color:#334155 !important; color:#fff !important; }
#spCloudPanel.sp-risk-single-save #spCloudRefreshBtn,
#spCloudPanel.sp-risk-single-save #refreshJsonListBtn,
#spCloudPanel.sp-risk-single-save #spCloudVersionsBtn { background:#eff6ff !important; border-color:#bfdbfe !important; color:#1d4ed8 !important; }
#spCloudPanel.sp-risk-single-save #deleteSelectedJsonBtn { background:#fff5f5 !important; border-color:#fecaca !important; color:#b91c1c !important; }
#spCloudPanel.sp-risk-single-save .sp-local-status-host,
#spCloudPanel.sp-risk-single-save > .sp-cloud-status,
#spCloudPanel.sp-risk-single-save > .sp-cloud-version-list,
#spCloudPanel.sp-risk-single-save > .sp-cloud-admin-note { margin:0 16px 14px !important; padding:9px 11px !important; border:1px dashed #cbd5e1 !important; border-radius:13px !important; background:#f8fafc !important; color:#64748b !important; font-size:12px !important; line-height:1.45 !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-status.is-ok { color:#0b7a43 !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-status.is-error { color:#b91c1c !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-status.is-warn { color:#92400e !important; }
#spCloudPanel.sp-risk-single-save[data-storage-mode="lokalno"] > .sp-cloud-version-list,
#spCloudPanel.sp-risk-single-save[data-storage-mode="lokalno"] #spCloudVersions { display:none !important; }

@media (max-width:980px){
  #spCloudPanel.sp-risk-single-save .sp-save-sections,
  #spCloudPanel.sp-risk-single-save .sp-cloud-grid,
  #spCloudPanel.sp-risk-single-save .sp-cloud-grid-compact,
  #spCloudPanel.sp-risk-single-save .sp-local-folder-host { grid-template-columns:1fr !important; }
}
@media (max-width:640px){
  #spCloudPanel.sp-risk-single-save .sp-save-header { flex-direction:column !important; }
  #spCloudPanel.sp-risk-single-save .risk-save-mode-tabs { grid-template-columns:1fr !important; }
  #spCloudPanel.sp-risk-single-save .risk-save-tab + .risk-save-tab { border-left:0 !important; border-top:1px solid rgba(255,255,255,.10) !important; }
}

#spCloudPanel.sp-risk-single-save .sp-cloud-version-list .sp-version-row { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; padding:7px 0 !important; border-bottom:1px solid #e2e8f0 !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-version-list .sp-version-row:last-child { border-bottom:0 !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-version-list .sp-version-copy-btn { flex:0 0 auto !important; min-height:26px !important; padding:4px 8px !important; border-radius:8px !important; border:1px solid #bfdbfe !important; background:#eff6ff !important; color:#1d4ed8 !important; font-size:11px !important; font-weight:800 !important; box-shadow:none !important; transform:none !important; }
#spCloudPanel.sp-risk-single-save .sp-cloud-version-list .sp-version-copy-btn:hover { background:#dbeafe !important; border-color:#93c5fd !important; box-shadow:none !important; transform:none !important; }


/* Uski gumb "Vrati kao kopiju" u popisu verzija - isti kompaktni izgled na svim modulima. */
.sp-cloud-version-list button.sp-version-copy-btn,
#spCloudPanel .sp-cloud-version-list button.sp-version-copy-btn,
#spCloudPanel.sp-risk-single-save .sp-cloud-version-list button.sp-version-copy-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 3px 7px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  border: 1px solid #bfdbfe !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transform: none !important;
}
.sp-cloud-version-list button.sp-version-copy-btn:hover,
#spCloudPanel .sp-cloud-version-list button.sp-version-copy-btn:hover,
#spCloudPanel.sp-risk-single-save .sp-cloud-version-list button.sp-version-copy-btn:hover {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
  box-shadow: none !important;
  transform: none !important;
}

.sp-cloud-actions .sp-danger,
.sp-danger {
  background:#fff5f5 !important;
  color:#b91c1c !important;
  border-color:#fecaca !important;
}
.sp-cloud-actions .sp-danger:hover,
.sp-danger:hover {
  background:#fee2e2 !important;
  border-color:#fca5a5 !important;
}


/* UI cleanup: sakrij online gumbe Otvori online / Osvježi online i u Rizik-style panelu. */
#spCloudPanel.sp-risk-single-save #spCloudOpenBtn,
#spCloudPanel.sp-risk-single-save #spCloudRefreshBtn {
  display: none !important;
}


/* Online: Online spremljene procjene ide ispod polja Tko vidi online procjenu. */
#spCloudPanel.sp-risk-single-save .sp-save-card-online .sp-cloud-grid,
#spCloudPanel.sp-risk-single-save .sp-save-card-online .sp-cloud-grid-compact {
  grid-template-columns: 1fr !important;
  column-gap: 0 !important;
  row-gap: 9px !important;
  align-items: stretch !important;
}
#spCloudPanel.sp-risk-single-save .sp-save-card-online .sp-online-visibility-field,
#spCloudPanel.sp-risk-single-save .sp-save-card-online .sp-online-documents-field,
#spCloudPanel.sp-risk-single-save .sp-save-card-online .sp-online-share-field {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}
#spCloudPanel.sp-risk-single-save .sp-save-card-online .sp-online-share-field {
  margin-top: 2px !important;
}
#spCloudPanel.sp-risk-single-save .sp-save-card-online #spCloudBranchHint {
  display: block !important;
  margin-top: 3px !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}
#spCloudPanel.sp-risk-single-save .sp-save-card-online .sp-cloud-field label {
  margin-bottom: 4px !important;
}