/* หัวขั้นตอน + ปุ่ม "ถัดไป" รวมเป็นแถบเดียว: ซ้าย = ขั้นปัจจุบัน · ขวา = ทางไปขั้นต่อไป */
#p-ai-script .aicolh{position:relative;flex-wrap:wrap;gap:8px 10px;margin:0 0 14px;padding:9px 9px 9px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 6px 18px rgba(0,0,0,.28);transition:border-color .3s,box-shadow .3s}
#p-ai-script .aicolh::after{display:none}
#p-ai-script .aicolh .aicht{font-size:15px;font-weight:800;color:#fff;letter-spacing:.01em}
#p-ai-script .aicolh .aistepnext{width:auto;flex:none;margin:0 0 0 auto;padding:5px 5px 5px 14px;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);box-shadow:none;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}
#p-ai-script .aicolh .aistepnext .aisnl{font-size:12px;font-weight:600;color:#a8a8a8}
#p-ai-script .aicolh .aistepnext .aisnt{flex:none;font-size:14px;font-weight:800;color:#e9e9e9}
#p-ai-script .aicolh .aistepnext .aisna{width:26px;height:26px;font-size:14px;background:#4a4a4a;box-shadow:none}
#p-ai-script .aicolh .aistepnext.end{margin-left:auto;padding:5px 14px;border-color:rgba(31,163,74,.5)}
/* ขั้นนี้เสร็จแล้ว → ทั้งแถบเป็นสีเขียว (ป้าย STEP + ปุ่มถัดไปเขียวด้วย) */
#p-ai-script .aicolh:has(b.aidone) .aistp{background:#1fa34a;box-shadow:0 2px 8px rgba(31,163,74,.4)}
#p-ai-script .aicolh:has(b.aidone){border-color:rgba(31,163,74,.45);background:linear-gradient(180deg,rgba(31,163,74,.14),rgba(31,163,74,.03));box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 6px 22px rgba(31,163,74,.18)}
#p-ai-script .aicolh:has(b.aidone) .aistepnext{border-color:transparent;background:#1fa34a;box-shadow:0 4px 16px rgba(31,163,74,.5);animation:aiNxPulse 2.4s ease-in-out infinite}
#p-ai-script .aicolh:has(b.aidone) .aistepnext .aisnl{color:rgba(255,255,255,.8)}
#p-ai-script .aicolh:has(b.aidone) .aistepnext .aisnt{color:#fff}
#p-ai-script .aicolh:has(b.aidone) .aistepnext .aisna{background:#fff;color:#14803a}
#p-ai-script .aicolh button.aistepnext:hover{transform:translateY(-1px);background:#f6121d;border-color:transparent;box-shadow:0 8px 22px rgba(229,9,20,.6)}
#p-ai-script .aicolh:has(b.aidone) button.aistepnext:hover{background:#27b957;box-shadow:0 8px 22px rgba(31,163,74,.6)}
#p-ai-script .aicolh:has(b.aidone) button.aistepnext:hover .aisna{color:#14803a}
#p-ai-script .aicolh button.aistepnext:hover .aisna{transform:translateX(3px);background:#fff;color:#c40812}
@keyframes aiNxPulse{0%,100%{box-shadow:0 4px 16px rgba(31,163,74,.45)}50%{box-shadow:0 4px 22px rgba(31,163,74,.8)}}
@media (prefers-reduced-motion:reduce){#p-ai-script .aicolh:has(b.aidone) .aistepnext{animation:none}}