/* CivilWorks SaaS - light/dark polish */
:root{
  --cw-card-radius: 14px;
}

.saas-shell{ min-height: 100vh; }
.saas-card{
  border-radius: var(--cw-card-radius);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}
[data-bs-theme="dark"] .saas-card{
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 10px 34px rgba(0,0,0,.35);
}

.saas-card-header{
  background: transparent;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
[data-bs-theme="dark"] .saas-card-header{
  border-bottom-color: rgba(255,255,255,.08);
}

.navbar.saas-topbar{
  border-bottom: 1px solid rgba(0,0,0,.08);
}
[data-bs-theme="dark"] .navbar.saas-topbar{
  border-bottom-color: rgba(255,255,255,.08);
}

.plan-wrap { position: relative; display: inline-block; }
.plan-point {
  position: absolute;
  width: 16px; height: 16px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255,255,255,.95);
  box-shadow: 0 2px 10px rgba(0,0,0,.35);
  cursor: pointer;
}
[data-bs-theme="dark"] .plan-point{
  border-color: rgba(0,0,0,.55);
  box-shadow: 0 2px 12px rgba(0,0,0,.55);
}

/* Status colors */
.plan-point[data-status="ok"]{ background: #0d6efd; }
.plan-point[data-status="attention"]{ background: #f59e0b; }
.plan-point[data-status="problem"]{ background: #ef4444; }

/* No photos -> hollow */
.plan-point[data-hasphotos="0"]{
  background: transparent !important;
  border-width: 3px;
}
.plan-point[data-hasphotos="0"][data-status="ok"]{ border-color: #0d6efd; }
.plan-point[data-hasphotos="0"][data-status="attention"]{ border-color: #f59e0b; }
.plan-point[data-hasphotos="0"][data-status="problem"]{ border-color: #ef4444; }

/* Compare */
.compare-wrap { position: relative; max-width: 100%; }
.compare-wrap img { display:block; max-width:100%; }
.compare-overlay { position:absolute; left:0; top:0; }

/* Comments */
.comment-list{
  max-height: 220px;
  overflow:auto;
  padding: 6px 4px;
}
.comment-row{
  padding: 8px 10px;
  border-radius: 12px;
  margin-bottom: 8px;
  background: rgba(0,0,0,.03);
}
[data-bs-theme="dark"] .comment-row{
  background: rgba(255,255,255,.06);
}
.comment-msg{
  white-space: pre-wrap;
}