#a8-owner-training-toggle{
  position:fixed;right:10px;top:46%;z-index:99998;
  border:1px solid #d8c17f;border-radius:10px 0 0 10px;
  background:#21162f;color:#fff;padding:10px 12px;cursor:pointer;
  box-shadow:0 8px 28px rgba(0,0,0,.35);font-family:"Segoe UI","Microsoft JhengHei",sans-serif;
}
#a8-owner-training-toggle.active{background:#6f4cc8}
#a8-owner-training-studio{
  --ots-width:66%;position:fixed;z-index:99999;right:0;top:0;height:100vh;width:var(--ots-width);
  transform:translateX(105%);transition:transform .18s ease;
  background:#140f1d;color:#f7f4ee;border-left:1px solid #cdb77a;
  box-shadow:-20px 0 50px rgba(0,0,0,.48);font-family:"Segoe UI","Microsoft JhengHei",sans-serif;
}
#a8-owner-training-studio.open{transform:translateX(0)}
.ots-shell{height:100%;display:flex;flex-direction:column;min-width:520px}
.ots-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;background:#21162f;border-bottom:1px solid #5d4c70}
.ots-title{font-size:16px;font-weight:800;letter-spacing:.7px}
.ots-sub,.muted{font-size:12px;color:#b9afc8}
.ots-header-actions,.ots-toolbar,.ots-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ots-space{justify-content:space-between}
.ots-header button,.ots-header select,.ots-toolbar button,.ots-file-btn,.ots-detail input,.ots-detail select,.ots-detail textarea{
  border:1px solid #5d4c70;border-radius:8px;background:#2a1d3a;color:#fff;padding:8px 10px;box-sizing:border-box
}
.ots-toolbar button,.ots-file-btn{cursor:pointer}
.ots-toolbar button.active,.ots-tab.active{background:#6f4cc8;border-color:#d8c17f}
.ots-toolbar .danger{border-color:#8f5050}
.ots-file-btn input{display:none}
.ots-tabs{display:flex;gap:6px;padding:9px 12px;background:#191222;border-bottom:1px solid #3a2d49;overflow-x:auto}
.ots-tab{white-space:nowrap;border:1px solid #4b3b5d;background:#21162f;color:#eee;border-radius:8px;padding:8px 10px;cursor:pointer}
.ots-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;overscroll-behavior:contain}
.ots-split{display:grid;grid-template-columns:minmax(220px,28%) 1fr;gap:12px;margin-top:10px}
.ots-list{display:flex;flex-direction:column;gap:7px;max-height:calc(100vh - 180px);overflow-y:auto;padding-right:4px}
.ots-category{text-align:left;border:1px solid #40314f;background:#201729;color:#fff;border-radius:9px;padding:10px;cursor:pointer}
.ots-category.selected{border-color:#d8c17f;background:#302143}
.ots-cat-name{display:block;font-weight:700}
.ots-cat-meta,.ots-badge{display:block;font-size:11px;color:#b8aec4;margin-top:4px}
.ots-badge{color:#d8c17f}
.ots-detail{min-width:0}
.ots-card{border:1px solid #3f324d;background:#1c1524;border-radius:10px;padding:12px;margin-bottom:10px}
.ots-card-title{font-weight:800;margin-bottom:10px}
.ots-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ots-card label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#cabfd4;margin:6px 0}
.ots-card input,.ots-card select,.ots-card textarea{width:100%}
.ots-progress{height:10px;background:#352741;border-radius:999px;overflow:hidden;margin:8px 0}
.ots-progress i{display:block;height:100%;background:linear-gradient(90deg,#7c5acb,#d6b95e)}
.ots-files{margin-top:8px;max-height:220px;overflow-y:auto}
.ots-file-row,.ots-version-row,.ots-audit-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-top:1px solid #33283f;padding:8px 4px;font-size:12px}
.ots-version-row{grid-template-columns:1fr auto}
.ots-audit-row{grid-template-columns:190px 1fr}
.ots-empty{padding:18px;text-align:center;color:#988fa3}
.ots-code-head{display:flex;justify-content:space-between;gap:12px;margin:9px 0}
#ots-code-editor{width:100%;min-height:55vh;background:#0e0b13;color:#e9e4ef;border:1px solid #4b3b5d;border-radius:8px;padding:12px;font-family:Consolas,monospace;resize:vertical;box-sizing:border-box}
button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){
  #a8-owner-training-studio{width:96%!important}
  .ots-shell{min-width:0}
  .ots-split{grid-template-columns:1fr}
  .ots-list{max-height:220px}
  .ots-grid2{grid-template-columns:1fr}
}

/* V2 integrated bilingual + cloud training controls */
.ots-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.ots-status-grid>div{display:flex;flex-direction:column;gap:5px;border:1px solid #3f324d;background:#17111f;border-radius:9px;padding:9px}
.ots-status-grid b{font-size:11px;color:#b9afc8;font-weight:600}
.ots-status-grid span{font-size:12px;word-break:break-word}
.ots-chip{display:inline-flex!important;align-items:center;width:max-content;padding:3px 7px;border-radius:999px;border:1px solid #665777;background:#241a2f}
.ots-chip.ok{border-color:#557e68;color:#a8e3bc}.ots-chip.warn{border-color:#8b7650;color:#e9cf8b}.ots-chip.bad{border-color:#8f5050;color:#f0abab}
.ots-note{margin-top:10px;padding:9px 10px;border:1px solid #6a5a3a;background:#2b2417;border-radius:8px;color:#e4d29c;font-size:12px}
@media(max-width:900px){.ots-status-grid{grid-template-columns:1fr}}


/* ============================================================================
   HYBRID R1 | Complete old Training workspace inside NEW resizable Owner Studio
   - No old floating training toggle.
   - No fixed full-screen old aside.
   - New Owner Studio owns resize / close / placement.
   ============================================================================ */
#a8-owner-training-toggle{display:none!important}
#ownerTrainingMode{min-height:0;overflow:hidden;padding:0!important}
#ownerTrainingMode #a8-owner-training-studio.a8-owner-training-embedded{
  position:relative!important;inset:auto!important;right:auto!important;top:auto!important;
  width:100%!important;height:100%!important;min-height:0!important;
  transform:none!important;transition:none!important;display:block!important;
  background:#140f1d!important;border:0!important;box-shadow:none!important;
}
#ownerTrainingMode #a8-owner-training-studio .ots-shell{min-width:0!important;height:100%!important}
#ownerTrainingMode #a8-owner-training-studio .ots-body{min-height:0!important}
#ownerTrainingMode #a8-owner-training-studio .ots-list{max-height:calc(78vh - 250px)}
@media(max-width:900px){
  #ownerTrainingMode #a8-owner-training-studio{width:100%!important;height:100%!important}
}