/* แผง "ตั้งค่า AI" — กระจกฝ้า + มิติหลายชั้น */
#apiDock aside.nsside{background:radial-gradient(130% 140px at 85% 0,rgba(255,200,58,.12),transparent 70%),linear-gradient(180deg,#2a2521 0%,#1c1815 45%,#141210 100%);
 border:1px solid rgba(255,255,255,.1);border-right:0;border-radius:20px 0 0 20px;padding:18px 16px 22px;scrollbar-width:thin;scrollbar-color:#4a423a transparent;
 box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 -1px 0 rgba(0,0,0,.5) inset,-2px 0 6px rgba(0,0,0,.35),-18px 0 40px -10px rgba(0,0,0,.75),-40px 0 80px -20px rgba(255,200,58,.12)}
#apiDock .nstab{border-radius:12px 0 0 12px;border-color:rgba(255,255,255,.12);background:linear-gradient(90deg,#2d2824,#1c1815);box-shadow:0 1px 0 rgba(255,255,255,.14) inset,-6px 4px 14px rgba(0,0,0,.45);transition:background .15s,color .15s,padding .15s}
#apiDock .nstab:hover{background:linear-gradient(90deg,#3a332d,#241f1b);color:#fff}
#apiDock .nssh{gap:12px;margin:0 0 12px;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.08)}
#apiDock .nssh b{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;color:#fbf6ec}
#apiDock .nssh b::before{content:"⚙";flex:none;display:grid;place-items:center;width:38px;height:38px;font-size:19px;border-radius:12px;color:#3b2100;
 background:linear-gradient(180deg,#ffe98a,#ffc83a 55%,#f4a00c);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -2px 0 rgba(150,80,0,.3) inset,0 6px 14px -2px rgba(245,162,15,.5),0 2px 4px rgba(0,0,0,.4)}
#apiDock .nssh em{padding:3px 10px;border-radius:999px;background:rgba(255,183,77,.14);border:1px solid rgba(255,183,77,.3)}
#apiDock .apstat{margin:12px 0 6px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);
 background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.22));box-shadow:0 3px 8px rgba(0,0,0,.5) inset,0 1px 0 rgba(255,255,255,.06)}
#apiDock .apstat.ok{border-color:rgba(34,197,94,.3);box-shadow:0 3px 8px rgba(0,0,0,.5) inset,0 0 22px -10px rgba(34,197,94,.5)}
#apiDock .apstat.bad{border-color:rgba(248,113,113,.3)}
#apiDock .nssb>b{display:flex;align-items:center;gap:10px;margin:18px 0 2px;font-size:12.5px;font-weight:800;letter-spacing:.6px;color:#bfb3a2}
#apiDock .nssb>b::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent)}
#apiDock .nssb .nssb2{margin-top:24px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}
#apiDock label{margin:16px 0 7px;font-size:13px;font-weight:700;letter-spacing:.2px;color:#e8e1d5}
#apiDock input[type=password],#apiDock input[type=text],#apiDock select{padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:#f6f2ea;
 background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.28));box-shadow:0 3px 8px rgba(0,0,0,.55) inset,0 1px 0 rgba(255,255,255,.06);transition:border-color .15s,box-shadow .15s,background .15s}
#apiDock input[type=text]{margin-top:8px;font-size:13.5px;padding:10px 14px;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.2))}
#apiDock input::placeholder{color:#7a7167}
#apiDock input:hover,#apiDock select:hover{border-color:rgba(255,255,255,.18)}
#apiDock input:focus,#apiDock select:focus{outline:0;border-color:rgba(255,200,58,.7);background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.36));box-shadow:0 3px 8px rgba(0,0,0,.55) inset,0 0 0 4px rgba(255,200,58,.18)}
#apiDock select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%23ffc83a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/14px no-repeat,linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.28))}
#apiDock .strow{gap:10px;margin-top:14px}
#apiDock .strow button{padding:10px 16px;border:0;border-radius:12px;font-weight:600;color:#ece6da;
 background:linear-gradient(180deg,#5a544e,#3c3733);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 -3px 0 rgba(0,0,0,.35) inset,0 6px 12px rgba(0,0,0,.4);transition:transform .12s,filter .15s,box-shadow .15s}
#apiDock .strow button:hover{background:linear-gradient(180deg,#6a635c,#463f3a);color:#fff;transform:translateY(-1px)}
#apiDock .strow button:active{transform:translateY(2px);box-shadow:0 2px 6px rgba(0,0,0,.5) inset}
#apiDock .strow button:focus-visible{outline:2px solid #ffc83a;outline-offset:2px}
#apiDock .stmsg{padding:0 2px}
@media(prefers-reduced-motion:reduce){#apiDock .nstab,#apiDock input,#apiDock select,#apiDock .strow button{transition:none}}