/* MediaDesk documentation theme (blue #2563eb) */
.doc-tabs{position:sticky;top:20px;z-index:10;display:flex;gap:12px;margin-bottom:24px;padding:8px;border-radius:999px;background:#fff;box-shadow:0 .2rem .25rem rgba(0,0,0,.075)}
.doc-tabs a{flex:1;text-align:center;padding:12px 16px;border-radius:999px;color:#11161d;font-weight:700;transition:all .3s linear;text-decoration:none}
.doc-tabs a.active,.doc-tabs a:hover{color:#2563eb;background:rgba(37,99,235,.10)}
@media(max-width:767px){.doc-tabs{top:12px;gap:8px;border-radius:16px;flex-wrap:wrap}}
.shot{margin:0 0 6px}
.shot img{width:100%;height:auto;display:block;border:1px solid #e4e7eb;border-radius:12px;box-shadow:0 .3rem .8rem rgba(0,0,0,.07)}
.shot figcaption{font-size:12px;color:#8a93a0;text-align:center;margin-top:6px}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:14px 0 4px}
.shots.phones{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px}
.shots.one{grid-template-columns:minmax(300px,760px)}
.shot.phone{max-width:230px;margin:0 auto 6px}
.shot.phone img{border:8px solid #0b1220;border-radius:30px;box-shadow:0 .4rem 1rem rgba(11,18,32,.25);background:#0b1220}
.mode-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.mode-table th,.mode-table td{border:1px solid #e4e7eb;padding:8px 12px;text-align:left;vertical-align:top}
.mode-table th{background:#f5f7fa}
.badge-soft{display:inline-block;font-size:12px;font-weight:700;color:#2563eb;background:rgba(37,99,235,.10);border-radius:999px;padding:3px 12px;margin:0 6px 6px 0}
.badge-soft.cond{color:#b26a00;background:rgba(251,191,36,.2)}
.note{border-left:4px solid #2563eb;border-radius:8px;padding:12px 16px;margin:12px 0;background:#eaf1ff}
.note.warn{border-left-color:#f59e0b;background:#fff8e1}
.note.tip{border-left-color:#1a9d54;background:#e9f9ef}
.note p{margin:0}
.note p+p{margin-top:8px}
.qs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}
.qs-card{border:1px solid #e4e7eb;border-radius:14px;padding:20px;background:#fff;box-shadow:0 .2rem .5rem rgba(0,0,0,.04)}
.qs-card .qs-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#2563eb;background:rgba(37,99,235,.10);margin-bottom:12px}
.qs-card h5{font-weight:700;margin-bottom:6px}
.qs-card p{font-size:13.5px;color:#5c6470;margin-bottom:10px}
.qs-card a.qs-open{font-size:13px;font-weight:700;color:#2563eb;text-decoration:none}
.qs-steps{list-style:none;padding:0;margin:14px 0 0;counter-reset:qs}
.qs-steps>li{position:relative;padding:14px 16px 14px 58px;margin-bottom:12px;border:1px solid #e8ebef;border-radius:12px;background:#fbfcfe}
.qs-steps>li::before{counter-increment:qs;content:counter(qs);position:absolute;left:16px;top:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-weight:700;font-size:14px;border-radius:50%}
.qs-steps>li h6{font-weight:700;margin:0 0 3px;font-size:15px}
.qs-steps>li p{margin:0;font-size:13.5px;color:#5c6470}
.qs-steps a{font-weight:700;color:#2563eb;text-decoration:none}
.qs-steps code,.main-content p code,.main-content li code,.main-content td code{background:#eef2f7;border-radius:5px;padding:1px 6px;font-size:12.5px;color:#1e3a8a}
.qs-check{list-style:none;padding:0;margin:8px 0 0}
.qs-check li{padding:8px 0 8px 30px;position:relative;border-bottom:1px dashed #e4e7eb;font-size:14px}
.qs-check li:last-child{border-bottom:0}
.qs-check li::before{content:"\f00c";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:900;position:absolute;left:2px;top:8px;color:#1a9d54}
.main-content a{color:#2563eb}
.left-menu ul li>a span,.left-menu .left-menu-title h6 a{text-transform:none}
.menu-search{padding:4px 14px 10px}
.menu-search input{width:100%;border:1px solid #d5dbe6;border-radius:8px;padding:7px 10px;font-size:13px;outline:none}
.menu-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.hero-id{display:flex;align-items:center;gap:14px}
.main-content pre{white-space:pre-wrap;word-break:break-word}

.shot img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.shot.phone img{aspect-ratio:600/1305;object-fit:cover}
.intro1{scroll-margin-top:110px}
.doc-tabs a{white-space:nowrap}
@media(max-width:767px){.mode-table{display:block;overflow-x:auto}}