
/* SanAi MDM Professional In-App User Manual v2.1.7 */
#sanaiManual{position:fixed;inset:0;z-index:2147483000;background:#f4f8f8;display:none;overflow:hidden;color:#173b3a}
#sanaiManual.open{display:flex;flex-direction:column}
.smu-top{background:linear-gradient(135deg,#075f5b,#0b7a75 58%,#159a91);color:#fff;padding:max(12px,env(safe-area-inset-top)) 14px 13px;box-shadow:0 4px 18px rgba(0,0,0,.14);flex:none}
.smu-topline{display:flex;align-items:center;gap:11px}
.smu-logo{width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 4px 13px rgba(0,0,0,.16)}
.smu-titlebox{min-width:0;flex:1}.smu-title{font-size:17px;font-weight:800;line-height:1.15}.smu-subtitle{font-size:11px;opacity:.9;margin-top:3px}
.smu-close{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1}
.smu-tools{display:flex;gap:8px;margin-top:11px}
.smu-search{flex:1;min-width:0;border:0;border-radius:12px;padding:10px 12px;font-size:13px;background:#fff;color:#173b3a}
.smu-lang{display:flex;background:rgba(255,255,255,.14);padding:3px;border-radius:11px}.smu-lang button{border:0;background:transparent;color:#fff;font-size:11px;font-weight:700;border-radius:8px;padding:7px 8px}.smu-lang button.active{background:#fff;color:#08716c}
.smu-body{overflow:auto;flex:1;padding:14px 14px calc(90px + env(safe-area-inset-bottom));scroll-behavior:smooth}
.smu-hero{background:linear-gradient(145deg,#e6faf7,#fff 54%,#fdf7df);border:1px solid #cfeae6;border-radius:18px;padding:17px;box-shadow:0 8px 25px rgba(11,122,117,.08)}
.smu-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#0b7a75;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.smu-hero h2{margin:10px 0 7px;font-size:21px;color:#124a47}.smu-hero p{font-size:13px;line-height:1.65;margin:0;color:#496663}
.smu-start{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.smu-start button{border:0;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:800;background:#0b7a75;color:#fff}.smu-start button.alt{background:#fff;color:#0b7a75;border:1px solid #b7ddd8}
.smu-toc{display:flex;gap:8px;overflow:auto;padding:12px 0 4px;scrollbar-width:none}.smu-toc::-webkit-scrollbar{display:none}.smu-toc button{white-space:nowrap;border:1px solid #d7e7e4;background:#fff;color:#315b58;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:750}
.smu-section{margin-top:13px;background:#fff;border:1px solid #dde9e7;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(34,79,75,.05)}
.smu-section.hidden{display:none}.smu-head{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:#fff;padding:14px}
.smu-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:21px;flex:none;background:var(--smu-soft,#e7f7f4)}
.smu-headcopy{flex:1;min-width:0}.smu-kicker{font-size:10px;font-weight:800;color:#6a8582;text-transform:uppercase;letter-spacing:.04em}.smu-head h3{margin:2px 0 0;font-size:15px;color:#173f3c}.smu-arrow{font-size:18px;color:#78918f;transition:.2s}
.smu-section.open .smu-arrow{transform:rotate(90deg)}.smu-content{display:none;padding:0 14px 15px}.smu-section.open .smu-content{display:block}
.smu-content p{font-size:12.7px;line-height:1.66;color:#46615f;margin:7px 0}
.smu-steps{counter-reset:smustep;margin:9px 0}.smu-step{counter-increment:smustep;display:grid;grid-template-columns:30px 1fr;gap:9px;margin:8px 0;align-items:start}.smu-step:before{content:counter(smustep);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b7a75;color:#fff;font-size:12px;font-weight:900}.smu-step b{display:block;font-size:12.7px;color:#244b48;margin:2px 0 2px}.smu-step span{font-size:12px;line-height:1.55;color:#5d7472}
.smu-note,.smu-tip,.smu-warn,.smu-success{border-radius:12px;padding:10px 11px;margin:9px 0;font-size:12px;line-height:1.55}.smu-tip{background:#fff8d9;border:1px solid #f1df8a;color:#68560c}.smu-note{background:#e9f4ff;border:1px solid #bad9f2;color:#2b5777}.smu-warn{background:#fff0ef;border:1px solid #efc2bd;color:#7b3b35}.smu-success{background:#e9f8ef;border:1px solid #bee4cb;color:#27613c}
.smu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.smu-mini{border:1px solid #e0eae8;border-radius:12px;padding:10px;background:#fbfdfd}.smu-mini b{font-size:12px;display:block;color:#315a57}.smu-mini small{display:block;margin-top:4px;font-size:10.8px;line-height:1.45;color:#6a807e}
.smu-faq{border-top:1px dashed #d9e6e4;padding:9px 0}.smu-faq:first-child{border-top:0}.smu-faq b{font-size:12.4px;color:#264d4a}.smu-faq p{margin:4px 0 0}
.smu-empty{display:none;text-align:center;padding:30px 12px;color:#6a817e}.smu-empty.show{display:block}
.smu-footer{text-align:center;color:#79918e;font-size:10.5px;padding:18px 8px 6px}
@media(min-width:760px){.smu-body{width:min(760px,100%);margin:auto}.smu-topline,.smu-tools{width:min(760px,100%);margin-left:auto;margin-right:auto}.smu-tools{margin-top:11px}.smu-grid{grid-template-columns:repeat(3,1fr)}}
