/**
 * Gilba Supplemental Light - Frontend Styles
 */
.gilba-light-shortcode { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

.gilba-light-status { background: #f8f9fa; padding: 20px; border-radius: 8px; }
.gilba-light-status .status-header { display: flex; justify-content: space-between; margin-bottom: 15px; }
.gilba-light-status h4 { margin: 0; }
.gilba-light-status .status-date { color: #666; font-size: 14px; }
.gilba-light-status .status-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.gilba-light-status .status-item { text-align: center; padding: 15px; background: #fff; border-radius: 6px; }
.gilba-light-status .status-value { display: block; font-size: 28px; font-weight: 700; }
.gilba-light-status .status-label { font-size: 12px; color: #666; text-transform: uppercase; }
.gilba-light-status .status-item.warning .status-value { color: #d63638; }
.gilba-light-status .status-item.ok .status-value { color: #00a32a; }

.gilba-light-schedule { background: #f8f9fa; padding: 20px; border-radius: 8px; }
.gilba-light-schedule .schedule-header { display: flex; justify-content: space-between; margin-bottom: 15px; }
.gilba-light-schedule h4 { margin: 0; }
.gilba-light-schedule .schedule-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 6px; overflow: hidden; }
.gilba-light-schedule th, .gilba-light-schedule td { padding: 12px; text-align: left; border-bottom: 1px solid #eee; }
.gilba-light-schedule th { background: #f0f0f1; font-weight: 600; }
.gilba-light-schedule .schedule-totals { display: flex; gap: 20px; margin-top: 15px; font-size: 14px; color: #666; }
.gilba-light-schedule .no-sessions { text-align: center; padding: 30px; color: #666; }

.gilba-light-zones { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px; }
.gilba-light-zones .zone-card { background: #fff; border-radius: 8px; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-left: 4px solid #ccc; }
.gilba-light-zones .zone-card.severity-adequate { border-left-color: #00a32a; }
.gilba-light-zones .zone-card.severity-moderate { border-left-color: #dba617; }
.gilba-light-zones .zone-card.severity-significant { border-left-color: #f56e28; }
.gilba-light-zones .zone-card.severity-critical { border-left-color: #d63638; }
.gilba-light-zones .zone-header { display: flex; justify-content: space-between; margin-bottom: 12px; }
.gilba-light-zones .zone-name { font-weight: 600; }
.gilba-light-zones .zone-severity { font-size: 11px; text-transform: uppercase; padding: 2px 6px; border-radius: 3px; background: #f0f0f1; }
.gilba-light-zones .zone-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; text-align: center; }
.gilba-light-zones .metric .value { display: block; font-size: 20px; font-weight: 700; }
.gilba-light-zones .metric .label { font-size: 11px; color: #666; }

.gilba-error { color: #d63638; padding: 15px; background: #facfd2; border-radius: 4px; }