/* Editor de status: usa la base de /bitacora/app.css */
.lat-h button kbd{margin-left:6px}
.st-fil{display:flex;flex-wrap:wrap;gap:2px;padding:0 12px 8px}
.st-fil button{padding:3px 7px;font:500 10px/1.4 var(--mo);letter-spacing:.06em;color:var(--tx3);border:1px solid transparent}
.st-fil button span{margin-left:5px;color:var(--tx4)}
.st-fil button:hover{color:var(--tx)}
.st-fil button[aria-pressed="true"]{color:var(--tx);border-color:var(--ln3);background:var(--bg2)}
.st-busca{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:0 8px;height:30px;border:1px solid var(--ln2);background:var(--bg)}
.st-busca span{font:12px var(--mo);color:var(--azr)}
.st-busca input{flex:1;min-width:0;background:none;border:0;outline:none;font:12px var(--mo)}
.st-lista{display:flex;flex-direction:column}
.st-it{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:baseline;width:100%;padding:8px 14px;text-align:left;border-top:1px solid var(--ln);position:relative}
.st-it:hover{background:var(--bg2)}
.st-it[aria-current="true"]{background:var(--bg3)}
.st-it[aria-current="true"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--azr)}
.st-it b{font-weight:500;font-size:12.5px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.st-it small{grid-column:2;font:10px/1.4 var(--mo);color:var(--tx4)}
.st-it small em{font-style:normal;color:var(--warn)}
.st-it.nuevo{border-left:2px dashed var(--warn)}
.st-tp{font:600 9.5px/1.6 var(--mo);letter-spacing:.06em;padding:0 5px;color:var(--tx2);background:var(--bg4);min-width:34px;text-align:center}
.c-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}
.c-az{color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent)}
.c-rie{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}
.st-it.nuevo .st-tp{color:var(--warn)}
.st-vacio{padding:14px}
.st-glo i{width:6px;height:6px;background:var(--tx4)}
.st-glo[data-e="op"] i{background:var(--ok)} .st-glo[data-e="deg"] i,.st-glo[data-e="mant"] i{background:var(--warn)} .st-glo[data-e="caido"] i{background:var(--err)}

.st-panel{overflow:hidden}
.st-cab{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--ln);background:var(--bg1);flex:none}
.st-cab-t{flex:1;min-width:0;display:grid;gap:2px}
.st-cab-t b{font-size:17px;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-sub{font:10.5px var(--mo);color:var(--tx3)}
.st-cab-a{display:flex;gap:6px;flex-wrap:wrap}
.st-cab-a a.bt{text-decoration:none}
.st-cols{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px)}
.st-form{overflow-y:auto;padding:18px 22px 40px;display:grid;gap:16px;align-content:start;border-right:1px solid var(--ln)}
.st-form .cp>span.l{display:block}
.st-form input,.st-form select,.st-form textarea{width:100%;background:var(--bg);border:1px solid var(--ln2);padding:8px 10px;outline:none;font-size:13.5px}
.st-form input:focus,.st-form select:focus,.st-form textarea:focus{border-color:var(--tx3)}
.st-form .mono,.st-form select,.st-form input[type="date"]{font:12px var(--mo)}
.st-form textarea.corto{min-height:58px;resize:vertical;line-height:1.5}
.st-form textarea.largo{min-height:220px;resize:vertical;font:12.5px/1.65 var(--mo)}
.st-g3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.sqs{display:flex;flex-wrap:wrap;gap:6px}
.sq{padding:8px 12px;border:1px solid var(--ln3);background:var(--bg);font:600 10.5px/1 var(--mo);letter-spacing:.08em;color:var(--tx2);text-transform:uppercase}
.sq.chico{padding:6px 9px;font-size:10px}
.sq:hover{background:var(--bg2);color:var(--tx)}
.sq[aria-pressed="true"]{border-color:var(--azr);background:color-mix(in srgb,var(--azr) 18%,transparent);color:var(--tx)}
.sq.ok[aria-pressed="true"]{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.st-inc{border:1px solid color-mix(in srgb,var(--warn) 45%,var(--ln2));padding:14px;display:grid;gap:14px;margin:0;min-width:0}
.st-inc legend{padding:0 6px;color:var(--warn)}
.st-upd{border:1px solid var(--ln2);background:var(--bg2);padding:8px;margin-bottom:8px;display:grid;gap:6px}
.st-upd-h{display:flex;align-items:center;gap:10px}
.st-upd-h select{width:auto;padding:5px 8px}
.st-upd-h .t{flex:1;font:10.5px var(--mo);color:var(--tx3)}
.st-form .nota{font-size:12px;color:var(--tx3)}

.st-prev{overflow-y:auto;padding:18px 20px 40px;background:var(--bg1)}
.st-prev>.l{display:block;margin-bottom:12px}
.pv{border:1px solid var(--ln2);background:var(--bg);padding:16px 18px}
.pv-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:10.5px var(--mo);color:var(--tx3)}
.pv-tp{padding:2px 7px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--bg4);color:var(--tx2)}
.pv-div{padding:2px 7px;border:1px solid var(--ln3)}
.pv-h time{margin-left:auto}
.pv h3{margin:12px 0 6px;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.pv-inc{display:inline-block;margin-bottom:8px;padding:3px 8px;font:600 10px var(--mo);letter-spacing:.06em;text-transform:uppercase}
.pv-inc.abierto{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}
.pv-inc.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}
.pv-rs{color:var(--tx2);font-size:13.5px;line-height:1.55}
.pv .vac{color:var(--tx4);font-style:italic}
.pv-comp{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.pv-comp span{font:10px var(--mo);padding:2px 6px;border:1px solid var(--ln3);color:var(--tx3)}
.pv-x{margin-top:14px;padding-top:12px;border-top:1px dashed var(--ln2);font-size:13.5px;line-height:1.65;color:var(--tx)}
.pv-x p{margin:0 0 10px}
.pv-x ul{margin:0 0 10px;padding-left:18px}
.pv-x blockquote{margin:0 0 10px;padding:6px 12px;border-left:2px solid var(--ln3);color:var(--tx2)}
.pv-upd{margin-top:12px;border-top:1px dashed var(--ln2);padding-top:10px;display:grid;gap:10px}
.pv-upd b{font:600 10.5px var(--mo);letter-spacing:.06em;text-transform:uppercase;color:var(--warn)}
.pv-upd time{margin-left:8px;font:10px var(--mo);color:var(--tx3)}
.pv-upd p{margin:3px 0 0;font-size:13px;color:var(--tx2);white-space:pre-wrap}

@media (max-width:1100px){.st-cols{grid-template-columns:1fr;overflow-y:auto}.st-form,.st-prev{overflow:visible;border-right:0}.st-prev{border-top:1px solid var(--ln)}}
@media (max-width:760px){.st-g3{grid-template-columns:1fr 1fr}.st-g3 label:first-child{grid-column:1/-1}.st-cab{padding:12px 14px}.st-form{padding:14px}.st-cab-a{width:100%}.st-cab-a .bt{flex:1;justify-content:center}}
.st-err{margin-top:4px;padding:6px 10px;border:1px solid var(--err);background:color-mix(in srgb,var(--err) 12%,transparent);color:var(--err);font:11px/1.5 var(--mo)}
