:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#17253e;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#1763b5;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #5b9aff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.hidden{display:none!important}
.app{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:100vh}.sidebar{background:#111e35;color:#d5e2f4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:25px 19px 21px;border-bottom:1px solid #25344b}.brand-mark{height:43px;width:43px;border-radius:12px;background:#f3ad39;display:grid;place-items:center;color:#162641;font-weight:900;font-size:19px;letter-spacing:-2px}.brand b{display:block;letter-spacing:1.5px;color:#fff;font-size:17px}.brand span{display:block;font-size:11px;margin-top:4px;color:#96a6bb}.nav-group{font-size:10px;font-weight:800;letter-spacing:2px;color:#8294ac;text-transform:uppercase;padding:23px 18px 7px}.nav-btn{border:0;background:transparent;width:calc(100% - 18px);margin:2px 9px;padding:11px 12px;text-align:left;color:#d4e0ef;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;min-height:42px}.nav-btn:hover,.nav-btn.active{background:#253751;color:#fff}.nav-btn.active{border-left:3px solid #f5b94e}.nav-btn small{margin-left:auto;border-radius:5px;padding:1px 6px;background:#334560;color:#c4d3e5}.nav-icon{font-size:18px;min-width:23px;text-align:center;line-height:1}.side-bottom{margin-top:auto;padding:18px;border-top:1px solid #28354b;color:#9aabc1;font-size:11px;line-height:1.5}.side-mode{display:flex;align-items:center;gap:7px;margin-bottom:8px}.side-dot{background:#f0b851;border-radius:50%;height:8px;width:8px}.side-dot.cloud{background:#4bd7a2}
.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e4e9f1;display:flex;align-items:center;gap:16px;min-height:79px;padding:14px 28px;position:sticky;top:0;z-index:5}.mobile-menu{display:none;background:transparent;border:0;font-size:26px}.top-brand{font-size:12px;color:#64748b;display:none}.searchbar{display:flex;align-items:center;gap:8px;background:#f3f6fa;border:1px solid #e2e8f0;border-radius:11px;padding:0 13px;flex:1;max-width:660px}.searchbar input{width:100%;background:transparent;border:0;outline:0;height:41px;font-size:14px}.search-icon{font-size:18px;color:#8795a9}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.btn{border:1px solid #d8e2ee;background:#fff;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;color:#26405f;font-weight:700;font-size:12px;min-height:41px;white-space:nowrap}.btn:hover{background:#f4f7fc}.btn.primary{background:#2159a4;border-color:#2159a4;color:#fff}.btn.primary:hover{background:#174b8d}.btn.danger{color:#bd3c40;border-color:#f0c4c4}.btn.subtle{border-color:transparent;background:transparent}.btn.sm{padding:7px 10px;min-height:34px}.btn.gold{background:#ffbd57;border-color:#ffbd57;color:#192e49}.circle-avatar{height:35px;width:35px;border-radius:50%;background:#e5eefb;color:#275da6;display:grid;place-items:center;font-weight:800;font-size:13px}.content{padding:30px 28px 70px;max-width:1510px;margin:auto}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#6482a7;text-transform:uppercase;margin:0 0 7px}.page-title{font-size:27px;letter-spacing:-.65px;line-height:1.2;margin:0;font-weight:800;color:#172a46}.page-desc{font-size:13px;color:#76869a;margin:9px 0 23px;line-height:1.6}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:8px;color:#73859c;font-size:12px;margin-bottom:14px}.breadcrumb button{border:0;background:none;color:#2864ac;font-size:12px;padding:0}.info-banner{display:flex;gap:12px;align-items:flex-start;background:#fff7e7;border:1px solid #f4d9a3;border-radius:11px;padding:12px 15px;margin-bottom:22px;font-size:12px;color:#71532a;line-height:1.5}.banner-ico{font-size:19px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 28px}.stat{background:#fff;border:1px solid #e4eaf3;border-radius:14px;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.stat span{font-size:12px;color:#687991;font-weight:600}.stat strong{display:block;font-size:27px;letter-spacing:-1px;margin-top:7px}.stat-icon{height:45px;width:45px;border-radius:11px;background:#ecf2fc;display:grid;place-items:center;color:#2f63a6;font-size:24px;flex-shrink:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 14px}.section-head h2{font-size:17px;letter-spacing:-.3px;margin:0}.section-head small{color:#8391a5}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.system-card{border:1px solid #e2eaf3;background:#fff;border-radius:14px;padding:19px;text-align:left;min-height:151px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .1s,border-color .1s}.system-card:hover{border-color:#94bbec;transform:translateY(-2px)}.system-symbol{height:42px;width:42px;background:#e9f0fc;border-radius:11px;display:grid;place-items:center;color:#214c85;font-size:21px;font-weight:800}.system-card strong{margin-top:14px;font-size:14px;color:#1e3351}.system-card .sysfoot{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:center;color:#8b99ab;font-size:12px;padding-top:13px}.sys-arrow{color:#285b99;font-size:19px}.tool-strip{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:17px}.filter-label{color:#6d7f96;font-size:12px;font-weight:650}.chip{background:#fff;border:1px solid #dce5f0;border-radius:40px;color:#536986;padding:9px 14px;font-size:12px;font-weight:650;min-height:36px}.chip.active{background:#dfeeff;color:#1d5b9f;border-color:#91b8e7}.chip:hover{background:#edf4ff}.panel{background:#fff;border:1px solid #e2e9f2;border-radius:14px;overflow:hidden}.table-toolbar{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}.table-toolbar h2{font-size:15px;margin:0}.table-toolbar p{font-size:12px;margin:5px 0 0;color:#8592a3}.table-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.select{height:38px;border:1px solid #dce5ef;border-radius:8px;color:#40546f;background:#fff;padding:0 10px;font-size:12px;max-width:220px}.tablewrap{overflow-x:auto}.parts-table{border-collapse:collapse;text-align:left;width:100%;min-width:850px}.parts-table th{background:#f7f9fc;padding:13px 17px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#788ba5;border-top:1px solid #eaf0f7;border-bottom:1px solid #eaf0f7}.parts-table td{padding:14px 17px;border-bottom:1px solid #edf1f7;font-size:12px;color:#43536a;vertical-align:middle}.parts-table tbody tr:hover{background:#f7faff}.parts-table tbody tr:last-child td{border-bottom:0}.part-name{font-weight:800;color:#213954;font-size:12px}.part-sub{color:#8d9bac;font-size:11px;margin-top:5px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#1c4b7b;font-size:12px;font-weight:750;white-space:nowrap}.muted{color:#9babbc}.tag{padding:5px 9px;border-radius:7px;font-size:10px;display:inline-flex;align-items:center;font-weight:750;white-space:nowrap}.tag.high{background:#fce8e8;color:#b74747}.tag.medium{background:#fff0d7;color:#986416}.tag.low{background:#e8f5ec;color:#287849}.tag.pending{background:#fff4dc;color:#95661b}.tag.valid{background:#e7f5ef;color:#267d55}.empty{padding:48px 20px;text-align:center;color:#6c7d91}.empty strong{display:block;font-size:16px;color:#284362;margin:10px 0 7px}.empty p{margin:0 0 15px;font-size:13px}.pagination{padding:13px 20px;display:flex;justify-content:space-between;align-items:center;color:#8796ab;font-size:12px;background:#fdfefe;border-top:1px solid #eef2f7}.detail{background:#fff;border:1px solid #e1e8f0;border-radius:14px;overflow:hidden}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px;border-bottom:1px solid #e9edf4}.detail-title{font-size:21px;margin:0 0 6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.detail-section{padding:23px;border-bottom:1px solid #edf1f6}.detail-section:nth-child(odd){border-right:1px solid #edf1f6}.detail-section h3{margin:0 0 15px;font-size:14px}.field-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px dashed #eef1f5;font-size:12px}.field-line:last-child{border:0}.field-line span{color:#7d8ca0}.field-line b{color:#26405c;text-align:right;overflow-wrap:anywhere}.app-list{display:grid;gap:10px}.app-row{background:#f8fafd;padding:12px 13px;border:1px solid #e8eef7;border-radius:9px;font-size:12px}.app-row strong{color:#264463}.app-row small{color:#7b8b9d;display:block;margin-top:5px}.tiny-note{font-size:11px;color:#8290a3;margin-top:11px}.link-inline{color:#2164ac;font-weight:700;text-decoration:underline;word-break:break-all}.setup-card{padding:25px;max-width:700px}.setup-card h2{font-size:19px;margin:0 0 10px}.setup-card p{font-size:13px;color:#5e718a;line-height:1.7}.setup-steps{padding:0 0 0 22px;font-size:13px;line-height:1.9;color:#3c516d}.setup-steps code{background:#eaf0f8;padding:3px 5px;border-radius:4px}.login{max-width:410px;margin:60px auto;padding:30px}.login h2{font-size:22px;margin:0 0 12px}.login p{font-size:13px;color:#6f8196;line-height:1.6}.form-group{display:grid;gap:6px;margin-bottom:14px}.form-group label{font-size:11px;font-weight:800;color:#526b89}.form-control{width:100%;min-height:40px;padding:9px 11px;background:#fff;border:1px solid #d8e1eb;border-radius:8px;color:#263c59;font-size:13px}.form-control:focus{outline:2px solid #a2c7f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .span2{grid-column:1/-1}.helper{font-size:11px;color:#8a9aae}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;border-top:1px solid #e8eff7;padding-top:17px}.modal-backdrop{z-index:15;position:fixed;inset:0;background:#0c1b30a6;display:flex;align-items:flex-start;justify-content:center;padding:6vh 12px 25px;overflow:auto}.modal{width:min(770px,100%);background:#fff;border-radius:16px;box-shadow:0 20px 80px #0004}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9eef5;padding:20px 24px}.modal-header h2{font-size:18px;margin:0}.modal-body{padding:22px 24px}.close{font-size:24px;border:0;background:transparent;color:#6c7f98}.app-form-row{padding:13px;background:#f7f9fc;border:1px solid #e0e9f2;border-radius:10px;margin-bottom:9px;display:grid;grid-template-columns:1.2fr .6fr 1fr .55fr auto;gap:8px;align-items:end}.app-form-row .form-group{margin:0}.app-form-row .form-control{min-width:0}.app-form-row button{align-self:end}.message{font-size:12px;margin-top:10px;padding:10px 13px;border-radius:8px;background:#fff3de;color:#7b5415}.toast{position:fixed;bottom:22px;right:22px;background:#173252;color:#fff;padding:14px 20px;border-radius:9px;z-index:30;box-shadow:0 10px 30px #0003;font-size:12px;max-width:min(480px,calc(100% - 40px))}.toast.error{background:#8e3238}.sidebar-overlay{display:none}
@media(max-width:1100px){.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-form-row{grid-template-columns:1fr 1fr}.app-form-row button{justify-self:start}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{width:265px;position:fixed;top:0;bottom:0;left:-280px;z-index:20;transition:left .2s}.sidebar.open{left:0}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:#0009;z-index:18}.topbar{padding:12px 15px;min-height:66px;gap:9px}.mobile-menu{display:block}.top-actions .btn{padding:8px;font-size:11px}.top-actions .hide-sm{display:none}.searchbar{min-width:0}.searchbar input{font-size:12px}.content{padding:23px 14px 48px}.page-title{font-size:23px}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.system-card{min-height:133px;padding:14px}.system-card strong{font-size:12px}.stat{padding:14px}.stat strong{font-size:22px}.stat-icon{height:38px;width:38px;font-size:20px}.detail-grid{grid-template-columns:1fr}.detail-section:nth-child(odd){border-right:0}.detail-header{padding:17px}.detail-section{padding:17px}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:1}.modal-header{padding:16px}.modal-body{padding:16px}.login{margin:25px auto}}@media(max-width:390px){.system-grid{grid-template-columns:1fr}.system-card{min-height:106px}.stats-grid{gap:8px}.stat-icon{display:none}.stat{padding:13px}.top-actions .circle-avatar{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* v2 · pantalla inicial organizada por modelos de sondas */
.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.model-card{display:flex;align-items:center;gap:15px;min-width:0;background:#fff;border:1px solid #dce5f1;border-radius:14px;text-align:left;padding:17px 18px;min-height:102px;transition:border-color .12s,background .12s}
.model-card:hover{border-color:#8eb5e8;background:#f9fbff}
.model-badge{flex:none;display:grid;place-items:center;width:48px;height:48px;background:#e9eef7;border:1px solid #dce6f4;border-radius:12px;font-size:18px;font-weight:900;color:#23517d}
.model-badge.large{width:65px;height:65px;font-size:23px}
.model-body{min-width:0;display:flex;flex-direction:column;gap:7px}
.model-body strong{color:#223b5c;font-size:16px;overflow-wrap:anywhere}
.model-body small{font-size:12px;color:#7d8ca1}
.model-arrow{margin-left:auto;font-size:24px;color:#376ca4}
.equipment-banner{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:14px;padding:18px 20px;margin-bottom:22px}
.equipment-banner b{display:block;font-size:15px;margin-bottom:6px}
.equipment-banner span:not(.model-badge){display:block;font-size:12px;color:#8793a4;line-height:1.5}
.guide-note{padding:14px 18px;background:#eaf2fd;color:#45627f;font-size:12px;border-radius:12px;margin-top:22px;line-height:1.65}
@media(max-width:760px){.model-grid{grid-template-columns:1fr}.model-card{min-height:86px;padding:14px}.model-body strong{font-size:14px}}
/* v3 · asignación de sistemas por modelo, sin pasos de subconjuntos */
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}
.check-item{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:9px;border:1px solid #e2e9f2;background:#f8fafc;color:#253c58;font-weight:650;font-size:13px;cursor:pointer;min-width:0}
.check-item input{width:18px;height:18px;accent-color:#2159a4;flex-shrink:0}
.check-item span{overflow-wrap:anywhere}
@media(max-width:600px){.check-grid{grid-template-columns:1fr}.header-row{align-items:flex-start;flex-wrap:wrap}}

/* V4 · fotografías de repuestos (vista previa y miniaturas) */
.part-cell{display:flex;align-items:center;gap:11px;min-width:170px}
.part-photo-thumb{width:45px;height:45px;flex:0 0 45px;object-fit:cover;border-radius:9px;border:1px solid #dce7f2;background:#f3f7fc}
span.part-photo-thumb{display:grid;place-items:center;color:#93a6bf;font-size:24px}
.photo-load-wrap{display:inline-flex;align-items:center;justify-content:center;position:relative}
.photo-load-wrap img[hidden]{display:none}
.photo-form-section{border-top:1px solid #ebf0f7;padding-top:16px;margin-top:7px}
.photo-form-section h3{font-size:15px;color:#253e5f;margin:0 0 12px}
.photo-form-section h3 span{font-size:11px;font-weight:500;color:#8495aa}
.photo-uploader{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#f8fafc;border:1px dashed #c9d8eb;border-radius:12px;padding:14px}
.photo-preview{width:175px;height:125px;background:#eef3f9;border:1px solid #dce5f0;border-radius:10px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.photo-preview img{width:100%;height:100%;object-fit:contain}
.photo-empty{color:#8293a9;font-size:12px;text-align:center;line-height:1.5}
.photo-input-area{flex:1;min-width:180px}
.photo-input-area .btn{margin:3px 7px 6px 0;vertical-align:middle}
.photo-help{font-size:11px;line-height:1.45;color:#788ba3;margin:5px 0}
.photo-status{min-height:16px;color:#2c659d;font-size:12px;margin:4px 0 0}
.detail-photo{grid-column:1/-1!important;border-right:none!important}
.detail-photo-holder{min-height:105px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px dashed #d8e2ed;border-radius:10px;overflow:hidden;padding:10px}
.detail-photo-button{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:8px;color:#627895;font-size:11px;font-weight:600;max-width:100%}
.detail-photo-image{display:block;max-width:100%;width:auto;max-height:280px;object-fit:contain;border-radius:8px}
.detail-photo-image.photo-empty{height:140px;display:grid;place-items:center;font-size:26px}
.photo-large img{max-width:100%;max-height:75vh;display:block;margin:auto;object-fit:contain}
@media(max-width:600px){.photo-preview{width:100%;height:160px}.photo-uploader{flex-direction:column;align-items:stretch}.photo-input-area{min-width:0}}


/* V5 · Árbol de equipos y sistemas en menú lateral. Las tarjetas principales se conservan. */
.side-model-row{display:flex;align-items:center;margin:2px 9px;gap:2px;min-width:0;border-radius:9px}
.side-model-row.active{background:#253751}
.side-model-row .nav-btn.side-model-name{margin:0;padding:10px 5px 10px 10px;width:auto;flex:1;min-width:0;border-radius:9px 0 0 9px;gap:7px;min-height:42px}
.side-model-row .nav-btn.side-model-name.active{border-left:3px solid #f5b94e;padding-left:7px}
.side-model-label{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.side-model-row .nav-btn small{flex:none;margin-left:auto}
.side-model-toggle{display:grid;place-items:center;flex:none;width:35px;height:40px;margin-right:2px;background:transparent;color:#b8cbe4;border:0;border-radius:8px;font-size:14px;transition:background .15s,color .15s}
.side-model-toggle:hover,.side-model-toggle:focus-visible{color:#fff;background:#385071}
.side-model-toggle[aria-expanded="true"]{color:#ffca74}
.side-model-toggle .chevron{display:inline-block;transition:transform .15s}
.side-model-toggle[aria-expanded="true"] .chevron{transform:rotate(90deg)}
.side-systems{margin:0 9px 8px 36px;padding:4px 0 5px 7px;border-left:1px solid #405570}
.side-system{display:flex;gap:8px;align-items:center;width:100%;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#b8c9e0;text-align:left;font-size:12px;line-height:1.3;min-height:36px}
.side-system:hover{background:#273d5b;color:#fff}
.side-system.active{background:#31517a;color:#fff;font-weight:750}
.side-system-icon{flex:none;display:grid;place-items:center;width:17px;color:#91abd0;font-size:14px}
.side-system.active .side-system-icon{color:#ffca74}
.side-system-name{flex:1;min-width:0;overflow-wrap:anywhere}
.side-system-count{flex:none;font-size:10px;color:#9eb1cf;background:#233653;border-radius:5px;padding:1px 5px}
.side-systems-empty{font-size:11px;color:#96abc5;padding:9px 7px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.side-model-toggle,.side-model-toggle .chevron{transition:none}}


/* V5.2 — cabecera corporativa: imagen proporcionada y lema centrado debajo. */
.brand.brand-logo-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 19px 17px 21px;
  text-align: center;
  border-bottom: 1px solid #25344b;
  box-sizing: border-box;
}
.brand.brand-logo-section .brand-logo-img {
  display: block;
  width: 204px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 234 / 118;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 5px;
}
.brand.brand-logo-section .brand-logo-caption {
  display: block;
  margin: 0;
  width: 100%;
  color: #d9e5f5;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 1.65px;
  text-align: center;
  white-space: nowrap;
}

/* V5.3 — menú de documentación y visor PDF interno. */
.side-manual-toggle{margin-top:9px}.side-manual-label{flex:1}.manual-caret{margin-left:auto;font-size:16px;color:#a9bed9;transition:transform .15s}.manual-caret.expanded{transform:rotate(90deg)}
.side-manual-models{margin:0 9px 10px 36px;padding:5px 0 5px 7px;border-left:1px solid #405570}.side-manual-models .side-system{font-size:12px;min-height:37px}
.manual-top{align-items:flex-start;margin-bottom:15px}.manual-title{overflow-wrap:anywhere;font-size:23px}.manual-equipment-heading{display:flex;align-items:center;gap:15px;padding:17px 18px;border:1px solid #e0e8f2;border-radius:13px;background:white;margin:14px 0 18px}
.manual-equipment-heading strong{display:block;color:#203a5b;font-size:16px}.manual-equipment-heading span:last-child{display:block;font-size:12px;margin-top:4px;color:#7990ac}
.manual-note{background:#f1f6fd;border:1px solid #d8e6f5;color:#4a6589;font-size:12px;line-height:1.55;border-radius:10px;padding:11px 14px;margin:10px 0 16px}.manual-error{background:#fff4f1;color:#a23d36;border-color:#eebcb9}
.manual-upload-status{font-size:12px;color:#245b9a;margin:9px 0;min-height:0}.manual-upload-status:empty{display:none}
.manual-grid{display:grid;gap:12px}.manual-card{display:flex;align-items:center;gap:17px;min-width:0;padding:17px 20px;background:white;border:1px solid #dfe8f4;border-radius:13px}
.manual-file-icon{display:grid;place-items:center;background:#e8eef9;border-radius:10px;color:#365c98;font-weight:900;font-size:12px;width:55px;height:64px;flex:none}
.manual-card-body{flex:1;min-width:0}.manual-card-body h3{font-size:15px;margin:0 0 6px;color:#233b5d;overflow-wrap:anywhere}.manual-card-body p{font-size:11px;color:#778ba2;margin:0 0 8px;overflow-wrap:anywhere}.manual-card-body small{font-size:11px;color:#8594a9}.manual-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.manual-empty{padding:52px 22px}.manual-large-icon{font-size:44px;color:#afc3df}.manual-reader{margin-top:15px}.manual-reader-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;background:#f8fafc;border-bottom:1px solid #e0e7f0}
.manual-control-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.manual-control-group>span{font-size:12px;color:#637992}.manual-page-field{display:flex;gap:7px;align-items:center;font-size:12px;color:#637992}.manual-page-field input{width:66px;height:34px;text-align:center;padding:4px 6px}
.manual-reader-status{font-size:12px;color:#566f8d;padding:10px 17px;margin:0;border-bottom:1px solid #edf0f4;min-height:38px}.manual-reader-status.is-error{color:#bb4949}
.manual-reader-stage{background:#e4e9f0;padding:16px;min-height:470px;display:flex;justify-content:center;align-items:flex-start;overflow-x:auto;overflow-y:hidden}
#manualCanvas{display:block;max-width:none;background:#fff;box-shadow:0 2px 12px #1b314424}.manual-fallback-frame{display:block;width:100%;height:650px;min-height:470px;border:0;background:white}
.manual-reader-hint{color:#8492a6;font-size:12px;line-height:1.6;margin-top:11px}
@media(max-width:800px){.manual-card{flex-wrap:wrap;align-items:flex-start}.manual-card-actions{width:100%;justify-content:flex-start}.manual-reader-controls{align-items:stretch}.manual-reader-stage{padding:10px;min-height:360px}.manual-fallback-frame{height:520px;min-height:360px}}
@media(max-width:425px){.manual-top{display:block}.manual-top .header-actions{margin-top:8px}.manual-reader-stage{padding:5px}.manual-reader-controls{padding:12px 9px}.manual-control-group{gap:5px}.manual-control-group .btn.sm{padding:7px}.manual-card{padding:13px}.manual-reader-stage{min-height:280px}}