/* ===== Explorador ===== */
.exp-body{flex:1;min-height:0;display:flex;gap:2px;padding:0 1px}
.exp-tree{width:180px;flex:none;overflow:auto;padding:2px 0;background:#fff;white-space:nowrap}
.tn{display:flex;align-items:center;gap:3px;height:18px;cursor:default;padding-right:6px}
.tn span{padding:1px 2px;margin-left:1px;line-height:13px}
.tn.cur span{background:#000080;color:#fff;outline:1px dotted #ff0;outline-offset:-1px}
.tn .ex{width:9px;height:9px;flex:none;border:1px solid #808080;background:#fff;font:normal 9px/7px Arial;color:#000;text-align:center;font-style:normal;margin-right:2px}
.tn .ex.none{border:0;background:none}
.exp-web{width:150px;flex:none;background:#c0c0c0;padding:6px 8px;overflow:hidden;line-height:14px;border-right:1px solid #808080}
.exp-wt{font:bold 16px/18px Arial,sans-serif;color:#000;margin-bottom:8px;word-break:break-word;padding-bottom:6px;border-bottom:2px solid #808080}
.exp-selinfo{color:#000;word-break:break-word}
.exp-list{flex:1;min-width:0;overflow:auto;position:relative;outline:0;padding:2px}
.exp-list.v-large{display:flex;flex-wrap:wrap;align-content:flex-start;gap:0}
.xi{width:76px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0;cursor:default}
.xi-i{position:relative;width:32px;height:32px;margin-bottom:3px}
.xi-i img.lnk{position:absolute;left:0;bottom:0;width:16px;height:16px}
.xi .xi-l{padding:1px 2px;max-width:72px;word-break:break-word;line-height:13px}
.xi.sel .xi-l{background:#000080;color:#fff;outline:1px dotted #ff0;outline-offset:-1px}
.exp-list.v-small{display:flex;flex-wrap:wrap;align-content:flex-start}
.xs{width:170px;display:flex;align-items:center;gap:3px;height:18px;padding:0 2px;cursor:default;white-space:nowrap}
.xs .xi-i{width:16px;height:16px;margin:0}
.xs .xi-i img.lnk{width:8px;height:8px}
.xs .xi-l{padding:1px 2px;line-height:13px;overflow:hidden}
.xs.sel .xi-l{background:#000080;color:#fff;outline:1px dotted #ff0;outline-offset:-1px}
.exp-list.v-list{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}
.faded{opacity:.6}
.exp-dt{border-collapse:collapse;width:100%;background:#fff}
.exp-dt thead th{position:sticky;top:0;text-align:left;font-weight:normal;padding:0 6px;height:17px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf;background:#c0c0c0}
.exp-dt td{height:17px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exp-dt td img{margin-right:4px}
.exp-dt tr.xr.sel td{background:#000080;color:#fff}
.exp-empty{padding:20px;color:#808080;text-align:center;width:100%}

/* ===== Propiedades ===== */
.pr-wrap{padding:8px 8px 0}
.pr-wrap .tabpane98{min-height:130px}
.pr-head{display:flex;align-items:center;gap:12px}
.pr-name{font-weight:bold}
.pr-hr{border:0;border-top:1px solid #808080;border-bottom:1px solid #fff;margin:10px 0}
.pr-t td{padding:2px 8px 2px 0;vertical-align:top}
.pr-t td:first-child{width:80px}

/* ===== Bloc de notas ===== */
.np-wrap{flex:1;min-height:0;display:flex;padding:0;margin:0 1px}
.np{flex:1;width:100%;border:0;margin:0;padding:3px 4px;resize:none;outline:0;background:#fff;color:#000;font:13px/15px "Fixedsys","Lucida Console","Courier New",monospace;white-space:pre;overflow:auto;box-shadow:none;border-radius:0;-webkit-font-smoothing:auto}

/* ===== Visor de imágenes ===== */
.iv-area{flex:1;min-height:0;overflow:auto;background:#808080;display:flex;margin:0 1px;box-shadow:inset 1px 1px #404040,inset -1px -1px #dfdfdf}
.iv-area .iv-img{margin:auto;display:block}
.iv-area.zfit .iv-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.iv-area.z100 .iv-img{max-width:none;max-height:none}
.iv-area.z200 .iv-img{max-width:none;max-height:none;zoom:2}

/* ===== MS-DOS ===== */
.dos{flex:1;min-height:0;background:#000;color:#c0c0c0;font:14px/16px "Fixedsys","Lucida Console","Courier New",monospace;overflow:auto;padding:2px 4px;cursor:text}
.dos.dos-g{color:#33ff33}
.dos-out{white-space:pre-wrap;word-break:break-all;display:inline}
.dos-line{display:flex}
.dos-in{flex:1;background:transparent!important;border:0!important;outline:0;color:inherit!important;font:inherit!important;padding:0!important;margin:0;box-shadow:none!important;height:16px!important;caret-color:currentColor}
.dos-pr{white-space:pre}
.w98win .w98client:has(>.dos){display:flex;flex-direction:column}

/* ===== Calculadora ===== */
.calc{padding:6px 8px 8px}
.calc-disp{height:24px;text-align:right;font:bold 16px/22px "Courier New",monospace;padding:0 4px;overflow:hidden;margin-bottom:6px}
.calc-top{display:flex;gap:6px;margin-bottom:6px}
.calc-m{width:36px;height:30px;text-align:center;line-height:28px;flex:none}
.calc-row2{display:flex;gap:4px;flex:1}
.calc-row2 button{min-width:0;padding:0;height:30px;flex:1}
.calc-row2 button:first-child{flex:2}
.calc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.calc-grid button{min-width:0;padding:0;height:28px}
.calc button.red{color:#f00}.calc button.blue,.calc button.mem{color:#00f}.calc button.mem{color:#f00}
.calc button.red:active,.calc button.blue:active{color:inherit}
.calc button{text-shadow:none}

/* ===== Diálogos de panel (Pantalla, Fecha y hora, Sistema) ===== */
.disp-mon{width:176px;margin:4px auto 0;text-align:center}
.disp-scr{width:152px;height:112px;margin:0 auto;border:12px solid #c0c0c0;border-bottom-width:14px;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,0 0 0 1px #404040;background:#008080 center/cover no-repeat;position:relative;box-sizing:content-box}
.disp-scr.wp-paramo{background-image:url(../../assets/wallpaper.jpg)}
.disp-scr.wp-ninguno{background:#008080}
.disp-scr.sv-ninguno{background:#008080}
.disp-scr.sv-punta{background:#000}
.disp-scr.sv-punta::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(../../assets/icons/peak-16.png)}
.disp-stand{width:56px;height:8px;margin:0 auto;background:#c0c0c0;box-shadow:inset -1px -1px #808080,inset 1px 1px #fff}
.lb{background:#fff}
.lbi{display:flex;align-items:center;gap:4px;height:18px;padding:0 2px;cursor:default;white-space:nowrap}
.lbi span{padding:1px 3px}
.lbi.sel span{background:#000080;color:#fff}
.cal{border-collapse:collapse;width:100%;text-align:center;background:#fff}
.cal th{background:#808080;color:#fff;font-weight:normal;height:16px}
.cal td{height:16px;cursor:default;padding:0}
.cal td.sel{background:#000080;color:#fff}
.sys-logo{width:96px;flex:none;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#000080,#1084d0);color:#fff}
.sys-logo img{width:48px;height:48px;image-rendering:pixelated}

/* ===== Buscar ===== */
.find{flex:1;min-height:0;display:flex;flex-direction:column}

/* ===== Bienvenida ===== */
.wel{display:flex;gap:10px;padding:12px 12px 6px}
.wel-l{width:70px;flex:none;display:flex;align-items:flex-start;justify-content:center;background:#000080;padding-top:16px}
.wel-r{flex:1}
.wel-h{margin-bottom:6px;display:flex;align-items:center;gap:4px}
.wel-txt{background:#fff;padding:8px;min-height:84px;line-height:15px}

/* ===== Ayuda ===== */
.hlp{flex:1;min-height:0;display:flex;flex-direction:column}
.hlp-tb{display:flex;gap:2px;padding:3px}
.hlp-tb button{min-width:54px;padding:2px 6px;font-size:11px;line-height:13px}
.hlp-b{flex:1;min-height:0;display:flex;gap:4px;padding:0 4px 4px}
.hlp-l{width:170px;flex:none;overflow:auto;background:#fff;padding:2px}
.hi{display:flex;align-items:center;gap:4px;padding:1px 2px;cursor:default}
.hi.sel span{background:#000080;color:#fff}
.hlp-r{flex:1;overflow:auto;background:#fff;padding:10px 14px;line-height:16px}
.hlp-r h2{font:bold 18px Arial;margin:0 0 10px}
.hlp-r code{font-family:"Courier New",monospace}