.ai-insights{border:1px solid #d8e9e2;border-radius:18px;background:#fbfefd;padding:16px;margin:16px 0;min-width:0}
.ai-insights.is-compact{padding:12px;margin:10px 0}
.ai-insights-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.ai-insights-head h4{margin:2px 0 0;color:#12263a;font-size:18px}
.ai-insights-kicker{color:#0b8a65;font-size:11px;font-weight:800;letter-spacing:.14em}
.ai-readonly{white-space:nowrap;border-radius:999px;background:#eaf7f2;color:#0a7256;padding:5px 9px;font-size:12px}
.ai-insights-list{display:grid;gap:10px;min-width:0}
.ai-insight-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;border-left:4px solid #94a3b8;border-radius:12px;background:#fff;padding:12px;box-shadow:0 5px 18px rgba(21,43,56,.05);min-width:0}
.ai-insight-card.severity-high,.ai-detail-card.severity-high,.ai-insight-card.severity-critical,.ai-detail-card.severity-critical{border-color:#dc3e32}
.ai-insight-card.severity-medium,.ai-detail-card.severity-medium,.ai-insight-card.severity-warning,.ai-detail-card.severity-warning{border-color:#e59b24}
.ai-insight-card.severity-low,.ai-detail-card.severity-low,.ai-insight-card.severity-info,.ai-detail-card.severity-info{border-color:#2f9e78}
.ai-insight-type{align-self:start;white-space:nowrap;border-radius:999px;background:#eef7f4;color:#087f5b;padding:4px 8px;font-size:12px;font-weight:700}
.ai-insight-card strong{display:block;color:#172b3d;font-size:15px}
.ai-insight-card p{margin:4px 0;color:#496274;line-height:1.55;overflow-wrap:anywhere}
.ai-insight-card small{display:block;color:#087f5b;line-height:1.5;overflow-wrap:anywhere}
.ai-more-button{margin-top:12px;border:0;background:transparent;color:#087f5b;font-weight:800;cursor:pointer;padding:4px 0}
.ai-drawer-open{overflow:hidden}
.ai-drawer-layer{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end}
.ai-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(16,33,45,.42)}
.ai-drawer{position:relative;width:min(560px,92vw);height:100%;background:#f6faf8;box-shadow:-18px 0 46px rgba(16,33,45,.2);display:flex;flex-direction:column}
.ai-drawer>header{display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid #dbe8e3;background:#fff}
.ai-drawer>header h3{margin:4px 0;color:#12263a}
.ai-drawer>header p{margin:4px 0 0;color:#617687;line-height:1.5}
.ai-drawer-close{align-self:flex-start;border:1px solid #cadbd5;border-radius:10px;background:#fff;color:#244355;padding:9px 13px;cursor:pointer}
.ai-drawer-body{overflow:auto;padding:18px;display:grid;gap:14px}
.ai-detail-card{border-left:4px solid #94a3b8;border-radius:14px;background:#fff;padding:16px;box-shadow:0 7px 22px rgba(21,43,56,.06)}
.ai-detail-card header{display:flex;align-items:center;gap:9px}
.ai-detail-card p{color:#425e70;line-height:1.65}
.ai-suggestion{display:grid;gap:4px;border-radius:10px;background:#edf8f4;padding:11px;color:#17664f}
.ai-detail-card details{margin-top:12px}
.ai-detail-card summary{cursor:pointer;color:#087f5b;font-weight:700}
.ai-detail-card dl{margin:10px 0 0;display:grid;gap:7px}
.ai-detail-card dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed #d9e4df;padding-bottom:7px}
.ai-detail-card dt{color:#617687}.ai-detail-card dd{margin:0;color:#1b3446;font-weight:700;text-align:right}
.ai-detail-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#7a8d99;font-size:12px}
.ai-detail-card footer a{color:#087f5b;font-weight:700;text-decoration:none}
@media(max-width:640px){
  .ai-insights{padding:13px;border-radius:14px}
  .ai-insight-card{grid-template-columns:1fr}
  .ai-insight-type{justify-self:start}
  .ai-drawer-layer{align-items:flex-end}
  .ai-drawer{width:100%;height:min(92vh,760px);border-radius:20px 20px 0 0}
  .ai-drawer>header{padding:17px}
  .ai-drawer-body{padding:13px}
  .ai-detail-card footer{align-items:flex-start;flex-direction:column}
}

/* Workbench side rail: intentionally quieter than primary business panels. */
.ai-insights.is-sidebar{margin:0;padding:14px;border-radius:16px;background:#f9fcfb;box-shadow:0 8px 24px rgba(21,82,66,.045)}
.ai-insights.is-sidebar .ai-insights-head h4{font-size:17px}
.ai-insights.is-sidebar .ai-insight-card{grid-template-columns:1fr;gap:7px;padding:11px;box-shadow:none;border-top:1px solid #edf3f0;border-right:1px solid #edf3f0;border-bottom:1px solid #edf3f0}
.ai-insights.is-sidebar .ai-insight-type{justify-self:start;font-size:11px;padding:3px 7px}
.ai-insights.is-sidebar .ai-insight-card strong{font-size:14px}
.ai-insights.is-sidebar .ai-insight-card p{font-size:13px;line-height:1.5}
.ai-insights.is-sidebar .ai-insight-card small{font-size:12px;line-height:1.45}
.ai-evidence-button{margin-top:8px;padding:0;border:0;background:transparent;color:#4d7468;font-size:12px;font-weight:700;cursor:pointer}
.ai-evidence-button:hover,.ai-more-button:hover{color:#056b4e;text-decoration:underline}
@media(max-width:640px){
  .ai-insights.is-sidebar{padding:11px;margin:0}
  .ai-insights.is-sidebar .ai-insights-head{margin-bottom:9px}
  .ai-insights.is-sidebar .ai-insights-list{gap:8px}
}
@media(max-width:390px){
  .ai-insights,.ai-insight-card,.ai-detail-card{max-width:100%;box-sizing:border-box}
  .ai-insights-head{gap:8px}
  .ai-readonly{font-size:11px}
  .ai-detail-card dl div{display:grid;gap:3px}
  .ai-detail-card dd{text-align:left;overflow-wrap:anywhere}
}
/* V1.1 object-level AI annotation: compact, nearby and optional. */
.ai-micro{display:flex;align-items:center;gap:7px;min-width:0;margin-top:7px;padding-left:8px;border-left:3px solid #2f9e78}
.ai-micro.severity-high,.ai-micro.severity-critical{border-left-color:#dc3e32}.ai-micro.severity-medium,.ai-micro.severity-warning{border-left-color:#e59b24}.ai-micro.severity-low,.ai-micro.severity-info{border-left-color:#2f9e78}
.ai-micro-main{display:flex;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:#496274}
.ai-micro-main span{flex:none;border-radius:999px;padding:2px 6px;background:#eef7f4;color:#087f5b;font-size:11px;font-weight:800}
.ai-micro-main b{flex:none;color:#18384a;font-size:12px}.ai-micro-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.ai-micro-more{flex:none;padding:0;border:0;background:transparent;color:#087f5b;font-size:12px;font-weight:700}
@media(max-width:760px){.ai-micro{align-items:flex-start;flex-wrap:wrap}.ai-micro-main{width:100%;flex-wrap:wrap}.ai-micro-main small{width:100%;white-space:normal}.ai-micro-more{margin-left:8px}}