.aipo-web-wrap{
  --primary:#1e3a5f;
  --secondary:#f59e0b;
  --light:#f8f9fa;
  --dark:#2c3e50;
  --success:#28a745;
  --danger:#dc3545;
  --warning:#ffc107;
  --gray:#6c757d;
  max-width:1100px;
  margin:20px auto;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#333;
}
.aipo-web-card{background:#fff;border:1px solid #eef1f4;border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.aipo-web-label{display:block;font-weight:600;margin:12px 0 6px}
#aipo-web-form textarea{width:100%;border:1px solid #d8d8d8;border-radius:10px;padding:10px}
.aipo-web-row{display:flex;gap:14px;align-items:flex-end;margin-top:10px}
.aipo-web-col{flex:1}
.aipo-web-col-right{display:flex;justify-content:flex-end}
.aipo-web-btn{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:800}
.aipo-web-btn.ghost{background:#fff;color:var(--primary);border:1px solid #cfe0f5}
.aipo-web-btn.secondary{background:var(--secondary);color:#1b1b1b}
.aipo-web-btn:hover{opacity:.92}
.aipo-web-status{margin-top:12px;padding:10px 12px;border-radius:10px}
.aipo-web-status.ok{background:#eef7ee;border:1px solid #cfe8cf}
.aipo-web-status.err{background:#fff0f0;border:1px solid #ffd0d0}
.aipo-web-table-wrap{overflow:auto}
.aipo-web-table{width:100%;border-collapse:collapse;margin-top:10px}
.aipo-web-table th,.aipo-web-table td{border-bottom:1px solid #eee;padding:10px;vertical-align:top}
.aipo-web-table th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#555;white-space:nowrap}
.aipo-web-inp{width:110px;border:1px solid #d8d8d8;border-radius:10px;padding:6px 8px}
.aipo-web-name{font-weight:700}
.aipo-web-note{font-size:12px;color:#666;margin-top:6px}
.aipo-web-row-total{font-weight:700}
.aipo-web-totals{margin-top:12px}
.aipo-web-total-line{font-size:18px}
.aipo-web-disclaimer{background:#fff6e6;border:1px solid #ffe1b3;border-radius:12px;padding:10px 12px;color:#6b4c00;margin-bottom:10px}
.aipo-web-badge{font-size:11px;padding:2px 8px;border-radius:999px;margin-left:8px;display:inline-block;border:1px solid #ddd}
.aipo-web-badge.low{background:#fff0f0;color:#8a0000;border-color:#ffd0d0}
.aipo-web-badge.medium{background:#fff6e6;color:#8a5a00;border-color:#ffe1b3}
.aipo-web-badge.high{background:#eef7ee;color:#1b6f2a;border-color:#cfe8cf}
.aipo-web-tag{font-size:11px;padding:2px 8px;border-radius:999px;display:inline-block;border:1px solid #ddd;margin-left:8px}
.aipo-web-tag.out{background:#f8f9fa;color:#2c3e50;border-color:#dee2e6}
.aipo-web-sources{margin-top:8px}
.aipo-web-sources summary{cursor:pointer;font-weight:600;font-size:12px}
.aipo-web-sources ul{margin:8px 0 0 18px;padding:0}
.aipo-web-sources li{margin:0 0 8px 0}
.aipo-web-src-meta{font-size:12px;color:#333}
.aipo-web-src-ev{font-size:12px;color:#666}

/* Actions: save/export/POS */
.aipo-web-actions{margin-top:12px}
.aipo-web-actions-card{background:#fff;border:1px solid #eef1f4;border-radius:14px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.aipo-web-actions-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.aipo-web-actions-sub{font-size:12px;color:var(--gray);margin-top:4px}
.aipo-web-actions-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.aipo-web-actions-grid > div{grid-column:span 6}
.aipo-web-actions-grid label{display:block;font-weight:700;font-size:12px;color:var(--dark);margin:0 0 6px}
.aipo-web-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.aipo-web-actions-msg{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:13px}
.aipo-web-actions-msg.ok{background:#eef7ee;border:1px solid #cfe8cf}
.aipo-web-actions-msg.err{background:#fff0f0;border:1px solid #ffd0d0}
.aipo-web-link{font-weight:800;color:var(--primary);text-decoration:none;border:1px solid #cfe0f5;background:#fff;padding:8px 10px;border-radius:10px}
.aipo-web-link:hover{opacity:.92}
.aipo-web-muted{font-size:12px;color:var(--gray)}
.aipo-web-pos-details{margin-top:10px}
.aipo-web-pos-details summary{cursor:pointer;font-weight:800}
.aipo-web-pos-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:10px}
.aipo-web-pos-grid > div{grid-column:span 6}
.aipo-web-note.warn{background:#fff6e6;border:1px solid #ffe1b3;border-radius:12px;padding:10px 12px;color:#6b4c00;margin-top:10px}
@media (max-width:820px){
  .aipo-web-row{flex-direction:column;align-items:stretch}
  .aipo-web-col-right{justify-content:flex-start}
  .aipo-web-inp{width:100%}
  .aipo-web-actions-grid > div{grid-column:span 12}
  .aipo-web-pos-grid > div{grid-column:span 12}
}