/* SIMA — explorador macOS dark (ex injectCss de tenants.js + maintenance.js) */

/* === modules/tenants.js === */
#section-tenants .tn-win{border:1px solid #3a3d41;border-radius:10px;overflow:hidden;background:#1e1e1e;box-shadow:0 12px 40px rgba(0,0,0,.5);}
#section-tenants .tn-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#2d2d30;border-bottom:1px solid #3a3d41;}
#section-tenants .tn-dots{display:flex;gap:6px;} #section-tenants .tn-dots i{width:11px;height:11px;border-radius:50%;display:inline-block;}
#section-tenants .tn-title{color:#cfcfcf;font-size:.82rem;font-weight:600;}
#section-tenants .tn-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#252526;border-bottom:1px solid #3a3d41;}
#section-tenants .tn-toolbar input[type=text],#section-tenants .tn-toolbar select{background:#1e1e1e;border:1px solid #3a3d41;color:#e2e2e2;border-radius:7px;padding:7px 10px;font-size:.82rem;font-family:inherit;outline:none;}
#section-tenants .tn-toolbar input[type=text]{flex:1;min-width:160px;}
#section-tenants .tn-head,#section-tenants .tn-row{display:grid;grid-template-columns:34px 26px 2.4fr 1fr 1fr 1fr 1.1fr 1fr;align-items:center;gap:8px;padding:9px 12px;font-size:.82rem;}
#section-tenants .tn-head{background:#252526;color:#9da0a6;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #3a3d41;}
#section-tenants .tn-row{border-bottom:1px solid #2c2c2d;cursor:pointer;color:#dcdcdc;}
#section-tenants .tn-row:hover{background:#2a2d2e;}
#section-tenants .tn-row.sel{background:rgba(var(--accent-rgb),.06);}
#section-tenants .tn-row .chev{transition:transform .2s;color:#9da0a6;}
#section-tenants .tn-row.open .chev{transform:rotate(90deg);color:var(--matrix-color);}
#section-tenants .tn-exp{background:#191919;border-bottom:1px solid #2c2c2d;padding:14px 18px 18px 52px;}
#section-tenants .tn-card{background:#222;border:1px solid #3a3d41;border-radius:9px;padding:12px 14px;margin-bottom:12px;}
#section-tenants .tn-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 18px;font-size:.8rem;}
#section-tenants .tn-kv div span{color:#8a8d92;} #section-tenants .tn-kv div b{color:#e8e8e8;font-weight:600;}
#section-tenants .tn-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;}
#section-tenants .tn-sub{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:4px;}
#section-tenants .tn-sub th{text-align:left;color:#8a8d92;font-weight:600;font-size:.7rem;text-transform:uppercase;padding:5px 8px;border-bottom:1px solid #333;}
#section-tenants .tn-sub td{padding:6px 8px;border-bottom:1px solid #2a2a2a;color:#dcdcdc;}
#section-tenants .tn-rolehdr{color:var(--matrix-color);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:10px 0 2px;}
#section-tenants .ios{position:relative;display:inline-block;width:42px;height:24px;}
#section-tenants .ios input{opacity:0;width:0;height:0;}
#section-tenants .ios .sl{position:absolute;inset:0;background:#555;border-radius:24px;transition:.2s;cursor:pointer;}
#section-tenants .ios .sl:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;}
#section-tenants .ios input:checked+.sl{background:#22c55e;} #section-tenants .ios input:checked+.sl:before{transform:translateX(18px);}
/* Sub-tabs del detalle inline: pestañas curvas integradas a la card de contenido */
#section-tenants #tn-detail #sima-td-tabs{display:flex;gap:4px;border:none;border-bottom:1px solid #3a3d41;margin:0;padding:0 0 0 4px;}
#section-tenants #tn-detail #sima-td-tabs .tab-btn{border:1px solid #3a3d41;border-bottom:none;border-radius:10px 10px 0 0;background:#202020;color:#9da0a6;padding:9px 16px;margin-bottom:-1px;font-size:.84rem;}
#section-tenants #tn-detail #sima-td-tabs .tab-btn:hover{background:#2a2a2b;color:#e8e8e8;}
#section-tenants #tn-detail #sima-td-tabs .tab-btn.active{background:#191919;color:var(--matrix-color);border-bottom:1px solid #191919;}
#section-tenants #tn-detail #sima-td-content{border:1px solid #3a3d41;border-top:none;border-radius:0 10px 10px 10px;background:#191919;padding:16px;}

/* === modules/maintenance.js === */
#section-maintenance .mnt-win{border:1px solid #3a3d41;border-radius:10px;overflow:hidden;background:#1e1e1e;box-shadow:0 12px 40px rgba(0,0,0,.5);}
#section-maintenance .mnt-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#2d2d30;border-bottom:1px solid #3a3d41;}
#section-maintenance .mnt-dots{display:flex;gap:6px;}
#section-maintenance .mnt-dots i{width:11px;height:11px;border-radius:50%;display:inline-block;}
#section-maintenance .mnt-title{color:#cfcfcf;font-size:.82rem;font-weight:600;letter-spacing:.02em;}
#section-maintenance .mnt-tabs{display:flex;gap:0;background:#252526;padding:6px 8px 0;border-bottom:1px solid #3a3d41;overflow-x:auto;}
#section-maintenance .mnt-tab{display:flex;align-items:center;gap:7px;padding:8px 14px;font-size:.82rem;color:#9da0a6;background:#2a2a2b;border:1px solid #3a3d41;border-bottom:none;border-radius:8px 8px 0 0;margin-right:4px;cursor:pointer;white-space:nowrap;position:relative;top:1px;transition:background .15s,color .15s;}
#section-maintenance .mnt-tab:hover{color:#e8e8e8;background:#323233;}
#section-maintenance .mnt-tab.active{background:#1e1e1e;color:var(--matrix-color);border-bottom:1px solid #1e1e1e;}
#section-maintenance .mnt-content{padding:14px;background:#1e1e1e;min-height:320px;}
#section-maintenance .mnt-pathbar{display:flex;align-items:center;gap:8px;background:#252526;border:1px solid #3a3d41;border-radius:7px;padding:6px 10px;margin-bottom:10px;font-family:monospace;font-size:.78rem;color:#bdbdbd;}
#section-maintenance .mnt-rows{border:1px solid #3a3d41;border-radius:8px;overflow:hidden;}
#section-maintenance .mnt-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #2c2c2d;cursor:default;font-size:.83rem;color:#dcdcdc;}
#section-maintenance .mnt-row:last-child{border-bottom:none;}
#section-maintenance .mnt-row:hover{background:#2a2d2e;}
#section-maintenance .mnt-row .nm{flex:1;font-family:monospace;font-size:.78rem;word-break:break-all;color:#e2e2e2;}
#section-maintenance .mnt-row .ic{font-size:1.05rem;color:#7fb0ff;flex-shrink:0;}
#section-maintenance .mnt-seg{display:inline-flex;border:1px solid #3a3d41;border-radius:7px;overflow:hidden;}
#section-maintenance .mnt-seg button{background:#2a2a2b;color:#9da0a6;border:none;padding:6px 12px;font-size:.78rem;cursor:pointer;font-family:inherit;}
#section-maintenance .mnt-seg button.active{background:var(--matrix-color);color:#000;font-weight:700;}
#section-maintenance .mnt-tag{font-size:.68rem;padding:1px 7px;border-radius:10px;font-weight:600;flex-shrink:0;}
#section-maintenance .mnt-tag.used{background:rgba(var(--accent-rgb),.12);color:#22c55e;border:1px solid rgba(var(--accent-rgb),.3);}
#section-maintenance .mnt-tag.orphan{background:rgba(255,68,68,.12);color:#ff6666;border:1px solid rgba(255,68,68,.3);}
#section-maintenance .mnt-viewer{position:relative;background:#111;border:1px solid #3a3d41;border-radius:8px;height:70vh;display:flex;align-items:center;justify-content:center;overflow:auto;}
#section-maintenance .mnt-viewer img{max-width:100%;max-height:100%;}
#section-maintenance .mnt-viewer iframe{width:100%;height:100%;border:none;background:#fff;}