.smartnismit-info-qr-decoded-row{display:block!important}
.smartnismit-info-qr-decoded{display:block;box-sizing:border-box;width:100%;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;margin:6px 0 0;font:12px/1.5 monospace;text-align:left;user-select:text}


/* SMART69 / Mitsubishi — оформление в стиле Nissan dashboard */
.smartnismit-body, .smartnismit-body * { box-sizing: border-box; }
.smartnismit-body {
margin:0; padding:0; min-height:100vh; color:#fff;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
background:radial-gradient(circle at 50% -10%,rgba(74,158,255,.18),transparent 42%),linear-gradient(180deg,#071018 0%,#0a1219 55%,#071018 100%);
}
.smartnismit-body { position:relative; isolation:isolate; }
.smartnismit-body::before {
content:"";position:fixed;inset:-12vh -8vw;z-index:-1;pointer-events:none;opacity:.11;
background-repeat:repeat;background-size:240px 240px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%234a9eff' stroke-width='5' opacity='.55'%3E%3Cpath d='M111 24h18l5 18a78 78 0 0 1 17 7l16-9 13 13-9 16a78 78 0 0 1 7 17l18 5v18l-18 5a78 78 0 0 1-7 17l9 16-13 13-16-9a78 78 0 0 1-17 7l-5 18h-18l-5-18a78 78 0 0 1-17-7l-16 9-13-13 9-16a78 78 0 0 1-7-17l-18-5V91l18-5a78 78 0 0 1 7-17l-9-16 13-13 16 9a78 78 0 0 1 17-7z'/%3E%3Ccircle cx='120' cy='100' r='28'/%3E%3C/g%3E%3C/svg%3E");
animation:smartMitsuGearDrift 38s linear infinite;
}
.smartnismit-container {
position:relative;isolation:isolate;overflow:hidden;overflow:clip;
max-width:980px;width:calc(100% - 32px);margin:20px auto;padding:24px;
background:rgba(15,26,36,.94);border:1px solid #1e3a5f;border-radius:20px;
box-shadow:0 10px 40px rgba(0,0,0,.4);backdrop-filter:blur(7px);
}
.smartnismit-container::before { content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 25%,transparent 70%,rgba(74,255,158,.035)); }
.smartnismit-header { text-align:center;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #1e3a5f; }
.smartnismit-brand { color:#4aff9e;font-size:27px;font-weight:900;letter-spacing:3px;text-shadow:0 0 18px rgba(74,255,158,.35); }
.smartnismit-logo { margin-top:7px;color:#d8e8f8;font-size:15px;font-weight:800;line-height:1.6;letter-spacing:.6px; }
.smartnismit-logo-accent { color:#4aff9e;padding:0 4px; }
.smartnismit-subtitle { margin-top:6px;color:#8bb9fe;font-size:13px; }
.smartnismit-section-title { margin:20px 0 12px;padding:12px 14px;color:#4aff9e;font-size:14px;font-weight:800;letter-spacing:.3px;background:rgba(74,158,255,.06);border:1px solid rgba(74,158,255,.18);border-radius:12px; }
.smartnismit-template-selector { margin-bottom:18px; }
.smartnismit-select-wrapper { position:relative; }
.smartnismit-select { appearance:none;width:100%;padding:14px 42px 14px 15px;color:#fff;background:#0a1219;border:1px solid #2a3f5f;border-radius:9px;font:600 14px system-ui,sans-serif;outline:none; }
.smartnismit-select:focus { border-color:#4aff9e;box-shadow:0 0 0 3px rgba(74,255,158,.08); }
.smartnismit-select option { background:#0f1a24;color:#fff; }
.smartnismit-select-arrow { position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#4aff9e;pointer-events:none; }
.smartnismit-divider { display:flex;align-items:center;gap:12px;margin:17px 0;color:#6c8a9e;font-size:12px; }
.smartnismit-divider-line { height:1px;flex:1;background:#1e3a5f; }
.smartnismit-divider-text { white-space:nowrap; }
.smartnismit-upload-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px; }
.smartnismit-upload-zone { position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:160px;padding:20px 14px;text-align:center;cursor:pointer;background:linear-gradient(145deg,#16213e,#1a2a3a);border:1px solid #1e3a5f;border-radius:14px;transition:transform .2s,border-color .2s,box-shadow .2s; }
.smartnismit-upload-zone:hover,.smartnismit-upload-zone:focus-within { border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,158,255,.15); }
.smartnismit-upload-icon { font-size:34px;margin-bottom:9px; }
.smartnismit-upload-label { color:#fff;font-size:14px;font-weight:800;line-height:1.4;margin-bottom:5px; }
.smartnismit-upload-hint { color:#8bb9fe;font-size:11px;line-height:1.5; }
.smartnismit-x-hint { color:#6c8a9e;font-size:10px;line-height:1.4;margin-top:7px; }
.smartnismit-input-hidden { display:none!important; }
.smartnismit-file-info { display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;padding:10px 12px;background:#0a1219;border:1px solid #1e3a5f;border-radius:9px;color:#8bb9fe;font-size:12px; }
.smartnismit-file-name { overflow-wrap:anywhere; }
.smartnismit-file-size { color:#4aff9e;white-space:nowrap; }
.smartnismit-template-preview { margin:12px 0;padding:14px;background:#0a1219;border:1px solid #1e3a5f;border-radius:12px;color:#8bb9fe;font:12px/1.6 monospace;overflow:auto; }
.smartnismit-x-qrinfo { margin:0 0 16px; }
.smartnismit-x-camera { margin:14px 0 20px;padding:16px;background:#16213e;border:1px solid #1e3a5f;border-radius:14px; }
.smartnismit-x-camera video { display:block;width:100%;max-height:420px;background:#000;border-radius:12px; }
.smartnismit-x-camera-controls { display:flex;flex-wrap:wrap;gap:8px;margin-top:12px; }
.smartnismit-x-camera-controls select { flex:1;min-width:140px;padding:9px 12px;color:#fff;background:#0a1219;border:1px solid #2a3f5f;border-radius:8px; }
.smartnismit-x-camera-status { margin-top:10px;text-align:center;color:#8bb9fe;font-size:12px; }
.smartnismit-x-btn { padding:9px 13px;background:#2a3f5f;border:0;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s; }
.smartnismit-x-btn:hover { background:#3a5570; }
#smartnismitStartCameraBtn { background:#4a9eff; }
#smartnismitStartCameraBtn:hover { background:#3a7fcf; }
.smartnismit-btn-generate { position:relative;overflow:hidden;width:100%;padding:23px 18px;margin:6px 0 20px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:0;border-radius:16px;font-size:21px;font-weight:900;letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 30px rgba(46,204,113,.28);transition:transform .2s,box-shadow .2s,background .2s; }
.smartnismit-btn-generate::after { content:"";position:absolute;top:0;bottom:0;width:35%;left:-45%;transform:skewX(-20deg);background:rgba(255,255,255,.14);animation:smartMitsuShine 4.8s ease-in-out infinite;pointer-events:none; }
.smartnismit-btn-generate:hover:not(:disabled) { transform:translateY(-3px);box-shadow:0 12px 40px rgba(46,204,113,.4);background:linear-gradient(135deg,#27ae60,#1e8449); }
.smartnismit-btn-generate:active { transform:translateY(0); }
.smartnismit-btn-generate:disabled { background:#2a3f5f;color:#6c8a9e;cursor:not-allowed;box-shadow:none;transform:none; }
.smartnismit-status { display:none;margin:10px 0 16px;padding:12px 15px;background:rgba(74,158,255,.08);border:1px solid #2a3f5f;border-radius:10px;color:#b9cde0;font-size:13px;line-height:1.5;overflow-wrap:anywhere; }
.smartnismit-info-panel { margin-top:18px;padding:17px;background:#0a1219;border:1px solid #1e3a5f;border-radius:14px; }
.smartnismit-info-title { margin-bottom:12px;padding-bottom:10px;color:#4aff9e;font-size:15px;font-weight:900;border-bottom:1px solid #1e3a5f; }
.smartnismit-info-row { display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,1.5fr);gap:12px;padding:9px 0;border-bottom:1px solid rgba(30,58,95,.6);font-size:12px; }
.smartnismit-info-row:last-child { border-bottom:0; }
.smartnismit-info-label { color:#6c8a9e; }
.smartnismit-info-value { min-width:0;color:#fff;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.smartnismit-highlight { color:#4aff9e;font-weight:700; }
.smartnismit-info-qr-decoded-row { display:block!important; }
.smartnismit-info-qr-decoded { display:block;box-sizing:border-box;width:100%;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;margin:8px 0 0;padding:11px;background:#0f1a24;border:1px solid #1e3a5f;border-radius:8px;color:#4a9eff;font:12px/1.5 monospace;text-align:left;user-select:text; }
.smartnismit-footer { margin-top:22px;padding-top:15px;border-top:1px solid #1e3a5f;text-align:center;color:#6c8a9e;font-size:11px;line-height:1.6; }
.smartnismit-footer-brand { color:#8bb9fe;font-weight:800;letter-spacing:.5px; }
/* Модальное окно генерации */
.smartnismit-overlay { display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,14,.82);backdrop-filter:blur(6px); }
.smartnismit-modal { width:min(100%,460px);padding:25px;background:#0f1a24;border:1px solid #1e3a5f;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.55);color:#fff; }
.smartnismit-spinner { display:flex;justify-content:center;margin:0 auto 16px; }
.smartnismit-spinner-ring { width:44px;height:44px;border:4px solid #1e3a5f;border-top-color:#4aff9e;border-radius:50%;animation:smartMitsuSpin .8s linear infinite; }
.smartnismit-modal-title { margin-bottom:17px;text-align:center;color:#4aff9e;font-size:17px;font-weight:900; }
.smartnismit-modal-progress { height:8px;overflow:hidden;margin-bottom:18px;background:#0a1219;border-radius:10px; }
.smartnismit-modal-progress-bar { width:0;height:100%;background:linear-gradient(90deg,#4a9eff,#4aff9e);border-radius:10px;transition:width .3s; }
.smartnismit-modal-steps { display:grid;gap:9px; }
.smartnismit-modal-step { display:flex;align-items:center;gap:10px;color:#8bb9fe;font-size:12px; }
.smartnismit-step-icon { display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#1e3a5f;color:#4aff9e;font-weight:900; }
.smartnismit-success-check { text-align:center;margin-bottom:12px; }
.smartnismit-success-check circle { fill:none;stroke:#4aff9e;stroke-width:3; }
.smartnismit-success-check path { fill:none;stroke:#4aff9e;stroke-width:4; }
/* PIN */
.smartnismit-pin-overlay { position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,14,.84);backdrop-filter:blur(6px); }
.smartnismit-pin-modal { position:relative;width:min(100%,440px);padding:28px 24px;background:#0f1a24;border:1px solid #1e3a5f;border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.55);text-align:center;color:#fff; }
.smartnismit-pin-close { position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:8px;background:#1e3a5f;color:#fff;font-size:18px;cursor:pointer; }
.smartnismit-pin-icon { font-size:38px;margin-bottom:10px; }
.smartnismit-pin-title { margin:0 0 8px;color:#4aff9e;font-size:20px; }
.smartnismit-pin-subtitle,.smartnismit-pin-hint { color:#8bb9fe;font-size:13px;line-height:1.5; }
.smartnismit-pin-input-group { display:grid;gap:10px;margin:18px 0; }
.smartnismit-pin-input { width:100%;padding:14px 12px;text-align:center;letter-spacing:7px;font:800 23px monospace;color:#4aff9e;background:#0a1219;border:1px solid #2a3f5f;border-radius:9px;outline:none; }
.smartnismit-pin-input:focus { border-color:#4aff9e;box-shadow:0 0 0 3px rgba(74,255,158,.08); }
.smartnismit-pin-submit { padding:13px 16px;border:0;border-radius:9px;background:#4a9eff;color:#fff;font-weight:900;cursor:pointer; }
.smartnismit-pin-submit:hover { background:#3a7fcf; }
.smartnismit-pin-status { color:#ff6b6b;font-size:12px;line-height:1.5; }
.smartnismit-pin-info { margin-top:18px;padding:12px;text-align:left;background:#0a1219;border:1px solid #1e3a5f;border-radius:10px;color:#8bb9fe;font-size:12px;line-height:1.65; }
.smartnismit-pin-info p { margin:5px 0; }
.smartnismit-pin-info strong { color:#4aff9e; }
@keyframes smartMitsuGearDrift { from{transform:rotate(0deg)}to{transform:rotate(360deg)} }
@keyframes smartMitsuShine { 0%,45%{left:-45%;opacity:0}55%{opacity:1}75%,100%{left:120%;opacity:0} }
@keyframes smartMitsuSpin { to{transform:rotate(360deg)} }
@media(max-width:720px) {
.smartnismit-container { width:calc(100% - 20px);margin:10px auto;padding:16px;border-radius:16px; }
.smartnismit-upload-grid { grid-template-columns:1fr;gap:10px; }
.smartnismit-upload-zone { min-height:125px;padding:16px 12px; }
.smartnismit-brand { font-size:23px; }
.smartnismit-logo { font-size:16px; }
.smartnismit-subtitle { font-size:11px; }
.smartnismit-section-title { font-size:13px; }
.smartnismit-btn-generate { padding:20px 12px;font-size:17px; }
.smartnismit-info-row { grid-template-columns:1fr;gap:5px; }
.smartnismit-info-panel { padding:13px; }
.smartnismit-modal { padding:20px; }
}
@media(prefers-reduced-motion:reduce) {
.smartnismit-body::before,.smartnismit-btn-generate::after,.smartnismit-spinner-ring { animation:none!important; }
.smartnismit-body * { scroll-behavior:auto!important;transition:none!important; }
}


/* Дополнительная доводка интерфейса под Nissan dashboard: состояния, фокус и адаптивность */
.smartnismit-body button,
.smartnismit-body input,
.smartnismit-body select,
.smartnismit-body textarea { font-family: inherit; }
.smartnismit-body button:focus-visible,
.smartnismit-body select:focus-visible,
.smartnismit-body input:focus-visible { outline:2px solid #4aff9e;outline-offset:3px; }
.smartnismit-upload-zone::after { content:"";position:absolute;inset:-40% -20%;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);transform:translateX(-80%);transition:transform .55s; }
.smartnismit-upload-zone:hover::after { transform:translateX(80%); }
.smartnismit-upload-zone > * { position:relative;z-index:1; }
.smartnismit-upload-zone[aria-invalid="true"],
.smartnismit-upload-zone.smartnismit-error { border-color:#ff6b6b;box-shadow:0 0 0 2px rgba(255,107,107,.1); }
.smartnismit-upload-zone.smartnismit-success { border-color:#4aff9e;box-shadow:0 0 18px rgba(74,255,158,.09); }
.smartnismit-file-name { overflow-wrap:anywhere;word-break:break-word; }
.smartnismit-status:empty { display:none!important; }
.smartnismit-status[style*="display: block"],
.smartnismit-status[style*="display:block"] { box-shadow:0 5px 20px rgba(0,0,0,.12); }
.smartnismit-modal-step.is-active { color:#4aff9e; }
.smartnismit-modal-step.is-active .smartnismit-step-icon { background:#4a9eff;color:#fff;box-shadow:0 0 14px rgba(74,158,255,.2); }
.smartnismit-modal-step.is-complete { color:#b9cde0; }
.smartnismit-modal-step.is-complete .smartnismit-step-icon { background:#4aff9e;color:#071018; }
.smartnismit-info-row { min-width:0; }
.smartnismit-info-value { overflow-wrap:anywhere;word-break:break-word; }
.smartnismit-info-qr-decoded { scrollbar-color:#2a3f5f #0a1219; }
.smartnismit-info-qr-decoded::selection { background:rgba(74,158,255,.35);color:#fff; }
.smartnismit-footer { overflow-wrap:anywhere; }
@media(max-width:720px) {
.smartnismit-upload-grid { grid-template-columns:1fr; }
.smartnismit-upload-zone { min-height:118px; }
.smartnismit-info-row { grid-template-columns:minmax(0,1fr); }
.smartnismit-info-qr-decoded { font-size:11px;max-height:150px; }
.smartnismit-modal { max-height:calc(100vh - 28px);overflow:auto; }
}
@media(hover:none) {
.smartnismit-upload-zone:hover { transform:none;box-shadow:none; }
.smartnismit-upload-zone:hover::after { transform:translateX(-80%); }
}