/* Tutorial management and reading share the approved Ant blue/white foundation. */
body.ant-console .tutorial-page{min-width:0}
body.ant-console .tutorial-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.tutorial-page-head h1,.tutorial-page-head p{margin:0}.tutorial-head-actions{display:flex;gap:12px;flex-wrap:wrap}
body.ant-console .tutorial-page .btn,body.ant-console #dialog.tutorial-dialog .btn{min-height:40px;padding:8px 16px;line-height:22px}.tutorial-preview-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #91caff;border-radius:6px;padding:12px 16px;background:#e6f4ff;color:#0958d9;font-size:13px;line-height:1.7;margin-bottom:20px}.tutorial-list-card,.tutorial-category{background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}
.tutorial-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:20px 24px;border-bottom:1px solid #f0f0f0}
.tutorial-filters label{display:grid;gap:8px;font-size:14px;min-width:160px}
body.ant-console .tutorial-filters select{min-width:160px;height:40px;padding:8px 32px 8px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#262626;font:inherit}
.tutorial-list-total{margin-left:auto;align-self:center;color:#737373;font-size:13px}.tutorial-table-wrap{overflow-x:auto}
body.ant-console table.tutorial-table{width:100%;border-collapse:collapse;min-width:700px;table-layout:fixed}
body.ant-console table.tutorial-table th{height:48px;padding:12px 20px;background:#fafafa;border-bottom:1px solid #f0f0f0;color:#595959;font-size:13px;font-weight:500;text-align:left;white-space:nowrap}
body.ant-console table.tutorial-table td{height:56px;padding:12px 20px;border-bottom:1px solid #f0f0f0;vertical-align:middle;font-size:14px;color:#262626;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.tutorial-table th:first-child{width:34%}.tutorial-table th:nth-child(2){width:14%}.tutorial-table th:nth-child(3){width:10%}.tutorial-table th:nth-child(4){width:10%}.tutorial-table th:nth-child(5){width:14%}.tutorial-table th:last-child{width:18%}
body.ant-console table.tutorial-table tr:last-child td{border-bottom:0}body.ant-console table.tutorial-table tbody tr:hover td{background:#fafcff}
.tutorial-title{font-weight:500;overflow-wrap:anywhere;line-height:1.7}.tutorial-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.ant-console .tutorial-page .tutorial-text-button,body.ant-console #dialog.tutorial-dialog .tutorial-text-button{padding:4px 6px;min-height:32px;border:0;box-shadow:none;background:transparent;color:#1677ff}
body.ant-console .tutorial-page .tutorial-text-button.danger,body.ant-console #dialog.tutorial-dialog .tutorial-text-button.danger{color:#cf1322}body.ant-console .tutorial-page .tutorial-text-button:hover{background:#e6f4ff}
.tutorial-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid #f0f0f0;color:#737373;font-size:13px}
.tutorial-pagination nav{display:flex;align-items:center;gap:16px;color:#595959}.tutorial-pagination [data-help-page]{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}
.tutorial-empty,.tutorial-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;padding:32px 24px;text-align:center;line-height:1.7;overflow-wrap:anywhere}
.tutorial-state{background:#fff;border:1px solid #f0f0f0;border-radius:8px}.tutorial-empty>i,.tutorial-state>i{font-size:32px;color:#bfbfbf}
body.ant-console .tutorial-empty h3,body.ant-console .tutorial-state h2{font-size:16px;font-weight:500;margin:0;color:#595959}.tutorial-empty p,.tutorial-state p{margin:0;color:#737373;max-width:520px}
.tutorial-spinner{width:26px;height:26px;border:3px solid #e6f4ff;border-top-color:#1677ff;border-radius:50%;animation:tutorial-spin .8s linear infinite}@keyframes tutorial-spin{to{transform:rotate(360deg)}}
.tutorial-reading{display:grid;gap:24px;min-width:0}.tutorial-category>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #f0f0f0}
body.ant-console .tutorial-category h2{font-size:16px;font-weight:600;margin:0}.tutorial-category>header>span{color:#737373;font-size:13px;white-space:nowrap}
.tutorial-article{border-bottom:1px solid #f0f0f0;min-width:0}.tutorial-article:last-child{border-bottom:0}
.tutorial-article>summary{display:flex;align-items:center;gap:12px;padding:18px 24px;list-style:none;cursor:pointer;line-height:1.7}.tutorial-article>summary::-webkit-details-marker{display:none}
.tutorial-article>summary>i{font-size:12px;color:#8c8c8c;flex:none;transition:transform .15s ease}.tutorial-article[open]>summary>i{transform:rotate(90deg)}
.tutorial-article>summary:hover,.tutorial-article[open]>summary{background:#fafcff}.tutorial-article>summary>strong{font-weight:500;font-size:14px;min-width:0;overflow-wrap:anywhere}
.tutorial-type{margin-left:auto;flex:none;color:#737373;font-size:12px;white-space:nowrap}.tutorial-article-body{padding:4px 24px 24px 48px;min-width:0;color:#434343;line-height:1.85}
.tutorial-copy{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.9;font-size:14px}.tutorial-media{margin:16px 0 0;padding:0;max-width:100%;min-width:0}
.tutorial-media img{display:block;max-width:100%;height:auto;border:1px solid #f0f0f0;border-radius:6px}.tutorial-media video{display:block;width:100%;max-width:800px;max-height:480px;object-fit:contain;background:#000;border-radius:6px}
body.ant-console #dialog.tutorial-dialog{width:min(680px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:8px;overflow:hidden;background:#fff}
body.ant-console #dialog.tutorial-dialog[open]{display:flex;flex-direction:column}
body.ant-console #dialog.tutorial-dialog .modal-head{height:56px;min-height:56px;padding:0 24px;flex:none;display:flex;align-items:center;border-bottom:1px solid #f0f0f0;background:#fff}
body.ant-console #dialog.tutorial-dialog .modal-head h2{font-size:16px;font-weight:600;color:#262626;margin:0}body.ant-console #dialog.tutorial-dialog .modal-head button{color:#737373}
body.ant-console #dialog.tutorial-dialog .modal-body{padding:24px;min-height:0;overflow-y:auto;max-height:none;flex:1;background:#fff}
body.ant-console #dialog.tutorial-dialog .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:72px;padding:16px 24px;flex:none;border-top:1px solid #f0f0f0;background:#fff}
body.ant-console #dialog.tutorial-preview-dialog{width:min(880px,calc(100vw - 48px))}.tutorial-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
body.ant-console #dialog.tutorial-dialog .tutorial-field{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.tutorial-form-grid>.full{grid-column:1/-1}
body.ant-console #dialog.tutorial-dialog .tutorial-field label{font-size:14px;color:#262626;margin:0;line-height:1.6;font-weight:400}
body.ant-console #dialog.tutorial-dialog .tutorial-field input,body.ant-console #dialog.tutorial-dialog .tutorial-field select,body.ant-console #dialog.tutorial-dialog .tutorial-field textarea{width:100%;min-width:0;min-height:40px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#262626;font:inherit;line-height:22px;box-sizing:border-box}
body.ant-console #dialog.tutorial-dialog .tutorial-field textarea{min-height:144px;resize:vertical}body.ant-console #dialog.tutorial-dialog .tutorial-field :is(input,textarea,select):focus{border-color:#4096ff;box-shadow:0 0 0 2px #1677ff1a}
body.ant-console #dialog.tutorial-dialog .tutorial-field input[readonly]{background:#fafafa;color:#737373;font-size:12px}body.ant-console #dialog.tutorial-dialog [aria-invalid=true]{border-color:#ff4d4f!important}
.tutorial-required,.tutorial-field-error{color:#cf1322}.tutorial-field-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tutorial-field-meta:empty{display:none}
body.ant-console #dialog.tutorial-dialog .tutorial-field-meta small{font-size:12px;color:#737373;line-height:1.6;margin:0}.tutorial-field-meta [data-help-count]{flex:none;font-variant-numeric:tabular-nums}.tutorial-field-error{font-size:12px;line-height:1.6;margin:0}
.tutorial-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #d9d9d9;border-radius:6px;background:#fafafa;text-align:center;padding:20px 16px;min-height:180px}
.tutorial-upload.is-dragging{border-color:#1677ff;background:#e6f4ff}.tutorial-upload>i{font-size:28px;color:#1677ff}.tutorial-upload strong{font-size:14px;font-weight:500}
.tutorial-upload p{margin:0;color:#595959;font-size:12px;line-height:1.7}.tutorial-upload small{font-size:12px;color:#737373}.tutorial-file-state{font-size:12px;color:#595959;overflow-wrap:anywhere;margin:0;line-height:1.7}.tutorial-file-state:empty{display:none}
.tutorial-file-address{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.tutorial-file-address>label{grid-column:1/-1}
[data-help-preview] .tutorial-media{margin-top:8px}[data-help-preview] .tutorial-media img{max-height:240px;width:auto;object-fit:contain;margin:0 auto}[data-help-preview] .tutorial-media video{max-height:280px}
.tutorial-delete{display:flex;align-items:flex-start;gap:16px;line-height:1.8}.tutorial-delete>i{flex:none;color:#faad14;font-size:24px}body.ant-console .tutorial-delete h3{font-size:16px;font-weight:500;margin:0 0 8px}
.tutorial-delete p{margin:0 0 8px;color:#737373;font-size:14px;overflow-wrap:anywhere}.tutorial-delete .tutorial-delete-title{color:#262626}
@media(max-width:760px){
 body.ant-console .tutorial-page-head{align-items:flex-start;flex-direction:column;gap:16px}
 .tutorial-head-actions{width:100%;gap:8px}.tutorial-head-actions .btn{flex:1;padding-left:12px!important;padding-right:12px!important}.tutorial-preview-note{padding:12px;font-size:12px;gap:8px}
 .tutorial-filters{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tutorial-filters label{min-width:0}.tutorial-filters select{width:100%;min-width:0!important}.tutorial-filters>.btn{justify-self:start}.tutorial-list-total{margin:0;justify-self:end;font-size:12px}
 .tutorial-table-wrap{overflow:visible;padding:12px}body.ant-console table.tutorial-table,body.ant-console table.tutorial-table tbody{display:block;width:100%;min-width:0!important;table-layout:auto}body.ant-console table.tutorial-table thead{display:none}
 body.ant-console table.tutorial-table tbody{display:grid;gap:12px}body.ant-console table.tutorial-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;border:1px solid #f0f0f0;border-radius:6px;padding:16px;min-width:0}
 body.ant-console table.tutorial-table td{display:block;padding:0;height:auto;border:0!important;min-width:0;max-width:100%;white-space:normal;text-align:left;font-size:13px}body.ant-console table.tutorial-table td::before{display:block;content:attr(data-label);margin-bottom:4px;color:#737373;font-size:12px}
 body.ant-console table.tutorial-table td:first-child,body.ant-console table.tutorial-table td:last-child{grid-column:1/-1}body.ant-console table.tutorial-table td:first-child::before,body.ant-console table.tutorial-table td:last-child::before{display:none}
 .tutorial-title{font-size:14px}.tutorial-row-actions{gap:20px;border-top:1px solid #f0f0f0;padding-top:8px}.tutorial-pagination{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.tutorial-pagination nav{align-self:flex-end;gap:12px}
 .tutorial-reading{gap:16px}.tutorial-category>header{padding:16px}.tutorial-article>summary{padding:16px;gap:10px}.tutorial-article-body{padding:0 16px 20px}.tutorial-type{font-size:12px}.tutorial-empty,.tutorial-state{padding:28px 16px;min-height:200px}
 body.ant-console #dialog.tutorial-dialog,body.ant-console #dialog.tutorial-preview-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 body.ant-console #dialog.tutorial-dialog .modal-head{padding:0 16px}body.ant-console #dialog.tutorial-dialog .modal-body{padding:16px}body.ant-console #dialog.tutorial-dialog .modal-footer{padding:16px;gap:12px}
 .tutorial-form-grid{grid-template-columns:1fr;gap:20px}.tutorial-form-grid>.full{grid-column:auto}.tutorial-field-meta{gap:8px}.tutorial-file-address{grid-template-columns:minmax(0,1fr)}.tutorial-file-address>.btn{justify-self:end}.tutorial-media video{max-height:360px}
}
@media(prefers-reduced-motion:reduce){.tutorial-spinner{animation:none}.tutorial-article>summary>i{transition:none}}