.v17-view { font-size: 13px; }
.v17-view main { width: min(1480px, calc(100% - 32px)); padding-top: 20px; }
.v17-hero { min-height: 92px; }
.v17-nav-link { color: #a7e9ef; text-decoration: none; }
.v17-nav-link:hover { color: #fff; }
.v17-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding: 11px 14px; border: 1px solid rgba(244,189,80,.32); border-radius: 12px; background: rgba(244,189,80,.055); }
.v17-status.formal { border-color: rgba(54,211,153,.32); background: rgba(54,211,153,.055); }
.v17-status strong { color: #f5d38c; }
.v17-status.formal strong { color: #8cefc8; }
.v17-status span { color: #aebac8; }
.v17-kpis { margin-top: 12px; }
.v17-kpis .kpi-card { min-height: 108px; }
.v17-conclusions li { min-height: 128px; }
.v17-conclusions li p { display: block; margin: 4px 0; -webkit-line-clamp: unset; }
.v17-conclusions li small { grid-column: 2 / 4; color: #e5c97e; }
.boss-table table { min-width: 1180px; }
.boss-table td { max-width: 205px; }
.boss-table .three-line { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.v17-split { display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; }
.v17-customer-grid, .v17-task-list, .review-grid { display: grid; gap: 10px; padding: 0 18px 18px; }
.v17-customer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.v17-card { padding: 13px; border: 1px solid rgba(32,49,73,.86); border-radius: 11px; background: rgba(5,13,24,.34); }
.v17-card header { display: flex; justify-content: space-between; gap: 12px; }
.v17-card header strong, .v17-card header small { display: block; }
.v17-card header small { margin-top: 3px; color: #90a1b6; }
.v17-card p { margin: 8px 0 0; color: #c6d0dc; }
.v17-card dl { display: grid; gap: 6px; margin: 11px 0 0; }
.v17-card dl div { display: grid; grid-template-columns: 76px 1fr; gap: 8px; }
.v17-card dt { color: #7f91a7; }
.v17-card dd { margin: 0; color: #cbd5df; }
.v17-card footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(32,49,73,.68); }
.v17-button { border: 1px solid rgba(34,199,218,.28); border-radius: 8px; padding: 7px 10px; background: rgba(34,199,218,.08); color: #aaf1f5; cursor: pointer; }
.v17-button.primary { border-color: rgba(54,211,153,.34); background: rgba(54,211,153,.1); color: #9bf1ce; }
.v17-button.danger { border-color: rgba(251,113,133,.32); background: rgba(251,113,133,.08); color: #f9a8b7; }
.v17-button:disabled { cursor: default; opacity: .5; }
.review-summary { display: grid; grid-template-columns: repeat(6,1fr); gap: 9px; margin-top: 12px; }
.review-summary article { padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(13,25,42,.8); }
.review-summary span, .review-summary strong { display: block; }
.review-summary span { color: #91a2b6; }
.review-summary strong { margin-top: 5px; font-size: 22px; }
.review-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.review-evidence { margin-top: 9px; padding: 9px; border-left: 3px solid rgba(34,199,218,.3); background: rgba(34,199,218,.04); color: #b8c4d1; white-space: pre-line; }
.empty-state { padding: 22px; color: #91a2b5; }
.boss-view .detail-drawer .drawer-content { font-size: 13px; }

@media (max-width: 900px) {
  .v17-view main { width: min(100% - 20px, 1480px); padding-top: 12px; }
  .v17-view .topbar { min-height: 58px; padding: 8px 12px; }
  .v17-view .topbar-meta #clock, .supervisor-view .topbar-meta .v17-nav-link { display: none; }
  .v17-hero { align-items: stretch; flex-direction: column; min-height: 0; padding: 16px; }
  .v17-hero h1 { font-size: 24px; }
  .date-control select { width: 100%; }
  .v17-status { align-items: flex-start; flex-direction: column; }
  .v17-kpis { grid-template-columns: repeat(2,1fr); }
  .v17-conclusions ol { grid-template-columns: 1fr; }
  .v17-split { grid-template-columns: 1fr; }
  .v17-customer-grid, .review-grid { grid-template-columns: 1fr; }
  .review-summary { grid-template-columns: repeat(2,1fr); }
  .boss-table .table-wrap { overflow: visible; }
  .boss-table table, .boss-table thead, .boss-table tbody, .boss-table tr, .boss-table td { display: block; min-width: 0; width: 100%; }
  .boss-table thead { display: none; }
  .boss-table tr { margin: 10px; width: calc(100% - 20px); border: 1px solid var(--line); border-radius: 12px; background: rgba(5,13,24,.28); }
  .boss-table td { display: grid; grid-template-columns: 98px 1fr; max-width: none; padding: 9px 11px; border-top: 1px solid rgba(32,49,73,.5); }
  .boss-table td::before { content: attr(data-label); color: #8293a7; }
  .boss-table td:first-child { border-top: 0; }
  .boss-table .three-line { -webkit-line-clamp: 3; }
}

@media (max-width: 520px) {
  .v17-kpis { grid-template-columns: 1fr; }
  .v17-view .kpi-card { min-height: 94px; }
  .v17-view .mode-badge { font-size: 9px; }
  .v17-customer-grid, .v17-task-list, .review-grid { padding-right: 11px; padding-left: 11px; }
}