/* Gestión (área del equipo): botones, insignias, gráficas, bandeja de tickets y conversación. Usa los colores del tema del sitio. */
.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:2rem;padding:0 .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--background);color:var(--foreground);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}
.mg-btn:hover{background:var(--accent)}
.mg-btn:disabled{opacity:.55;cursor:not-allowed}
.mg-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground,#fff)}
.mg-btn--primary:hover{background:var(--primary);opacity:.9}
.mg-btn--danger{color:var(--destructive,#dc2626);border-color:color-mix(in srgb,var(--destructive,#dc2626) 45%,var(--border))}
.mg-btn--sm{height:1.75rem;padding:0 .5rem;font-size:.75rem}
.mg-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.0625rem .5rem;border-radius:999px;border:1px solid var(--border);font-size:.6875rem;font-weight:600;line-height:1.4;white-space:nowrap;color:var(--muted-foreground)}
.mg-badge[data-k="urgente"],.mg-badge[data-k="revocada"],.mg-badge[data-k="otra_ip"],.mg-badge[data-k="invalida"]{color:var(--destructive,#dc2626);border-color:color-mix(in srgb,var(--destructive,#dc2626) 45%,var(--border));background:color-mix(in srgb,var(--destructive,#dc2626) 10%,transparent)}
.mg-badge[data-k="alta"],.mg-badge[data-k="pendiente"],.mg-badge[data-k="vencida"]{color:#b45309;border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.12)}
.mg-badge[data-k="abierto"],.mg-badge[data-k="activa"],.mg-badge[data-k="ok"]{color:#15803d;border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.12)}
.mg-badge[data-k="cerrado"],.mg-badge[data-k="normal"]{color:var(--muted-foreground)}
.mg-badge[data-k="discord"]{color:#5865f2;border-color:rgba(88,101,242,.45);background:rgba(88,101,242,.1)}
.dark .mg-badge[data-k="alta"],.dark .mg-badge[data-k="pendiente"],.dark .mg-badge[data-k="vencida"]{color:#fbbf24}
.dark .mg-badge[data-k="abierto"],.dark .mg-badge[data-k="activa"],.dark .mg-badge[data-k="ok"]{color:#4ade80}
.dark .mg-badge[data-k="discord"]{color:#a5b4fc}
.mg-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--muted-foreground)}
.mg-dot.on{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.mg-dot--normal{background:var(--primary)}.mg-dot--alta{background:#f59e0b}.mg-dot--urgente{background:var(--destructive,#dc2626)}

/* gráficas */
.mg-chart{width:100%;height:auto;display:block}
.mg-grid{stroke:var(--border);stroke-width:1}
.mg-axis{fill:var(--muted-foreground);font-size:10px}
.mg-bar{fill:var(--primary);opacity:.85}
.mg-bar:hover{opacity:1}
.mg-line{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.mg-line--a{stroke:var(--primary)}.mg-line--b{stroke:#22c55e}.mg-line--c{stroke:#f59e0b}
.mg-stack{display:flex;height:.75rem;border-radius:999px;overflow:hidden;background:var(--muted)}
.mg-stack__part{min-width:.25rem}
.mg-stack__part--normal{background:var(--primary)}.mg-stack__part--alta{background:#f59e0b}.mg-stack__part--urgente{background:var(--destructive,#dc2626)}
.mg-stack__part--vacio{flex:1;background:var(--muted)}

/* pestañas */
.mg-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);overflow-x:auto}
.mg-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.5rem .75rem;font:inherit;font-size:.875rem;font-weight:500;color:var(--muted-foreground);cursor:pointer;white-space:nowrap}
.mg-tab:hover{color:var(--foreground)}
.mg-tab[aria-selected="true"]{color:var(--foreground);border-bottom-color:var(--primary)}
.mg-tab small{margin-left:.25rem;font-size:.75rem;color:var(--muted-foreground)}

/* bandeja de tickets */
.mg-inbox{display:flex;height:100%;min-height:0;overflow:hidden}
.mg-inbox__list{display:flex;flex-direction:column;flex:0 0 22rem;max-width:100%;min-width:0;border-right:1px solid var(--border)}
.mg-inbox__head{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}
.mg-inbox__head h1{font-size:1rem;font-weight:600;margin:0}
.mg-inbox__head select{margin-left:auto;height:1.75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--foreground);font:inherit;font-size:.75rem}
.mg-inbox__search{padding:.5rem .75rem;border-bottom:1px solid var(--border)}
.mg-inbox__search input,.mg-input{width:100%;padding:.5rem .75rem;font:inherit;font-size:.875rem;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:.5rem}
.mg-inbox__search input:focus,.mg-input:focus{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:0}
.mg-inbox__items{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0}
.mg-item{display:flex;gap:.625rem;padding:.75rem;border-bottom:1px solid var(--border);border-left:3px solid transparent;cursor:pointer;background:none;width:100%;text-align:left;font:inherit;color:inherit;border-top:0;border-right:0}
.mg-item:hover{background:color-mix(in srgb,var(--accent) 50%,transparent)}
.mg-item[aria-current="true"]{background:var(--accent)}
.mg-item[data-u="urgente"]{border-left-color:var(--destructive,#dc2626)}.mg-item[data-u="alta"]{border-left-color:#f59e0b}
.mg-item__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:.25rem}
.mg-item__top{display:flex;justify-content:space-between;gap:.5rem;font-size:.8125rem}
.mg-item__top b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-item__top span{color:var(--muted-foreground);white-space:nowrap;font-size:.75rem}
.mg-item__sub{font-size:.75rem;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}
.mg-inbox__detail{flex:1;min-width:0;display:flex;flex-direction:column}
.mg-empty{margin:auto;text-align:center;color:var(--muted-foreground);font-size:.875rem;padding:2rem}
.mg-detail__head{padding:.875rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.625rem}
.mg-detail__head h2{font-size:1.0625rem;font-weight:600;margin:0}
.mg-detail__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.mg-detail__row select{height:2rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);color:var(--foreground);font:inherit;font-size:.8125rem;padding:0 .5rem}
.mg-thread{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}
.mg-msg{max-width:min(42rem,90%);display:flex;gap:.5rem}
.mg-msg--team{align-self:flex-end;flex-direction:row-reverse}
.mg-msg__bubble{border:1px solid var(--border);border-radius:.75rem;padding:.5rem .75rem;background:var(--card)}
.mg-msg--team .mg-msg__bubble{background:color-mix(in srgb,var(--primary) 9%,var(--card));border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
.mg-msg__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.75rem;color:var(--muted-foreground);margin-bottom:.125rem}
.mg-msg__meta b{color:var(--foreground);font-weight:600}
.mg-msg__text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}
.mg-reply{border-top:1px solid var(--border);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}
.mg-reply textarea{min-height:4.5rem;resize:vertical}
.mg-reply__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.mg-reply__actions small{color:var(--muted-foreground);font-size:.75rem;margin-right:auto}
@media (max-width:900px){
  .mg-inbox__list{flex-basis:100%;border-right:0}
  .mg-inbox[data-vista="detalle"] .mg-inbox__list{display:none}
  .mg-inbox[data-vista="lista"] .mg-inbox__detail{display:none}
  .mg-volver{display:inline-flex!important}
}
.mg-volver{display:none}
.mg-table-actions{display:flex;gap:.375rem}
.mg-gap>*+*{margin-top:1.5rem}
.mg-two{display:grid;gap:1.5rem}
@media (min-width:1024px){.mg-two{grid-template-columns:1fr 1fr}}

/* cliente: soporte */
.tk-wrap{display:grid;gap:1.5rem}
@media (min-width:1024px){.tk-wrap{grid-template-columns:20rem 1fr;align-items:start}}
.tk-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:.75rem;overflow:hidden}
.tk-list .mg-item{border-left-width:0}
.tk-thread{border:1px solid var(--border);border-radius:.75rem;display:flex;flex-direction:column;min-height:24rem}
.tk-thread .mg-thread{max-height:32rem}
.tk-form{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem}
.tk-form label{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;font-weight:500}

/* tablero (Kanban) y «Mi trabajo» */
.mg-badge[data-k="p-alta"]{color:var(--destructive,#dc2626);border-color:color-mix(in srgb,var(--destructive,#dc2626) 45%,var(--border));background:color-mix(in srgb,var(--destructive,#dc2626) 10%,transparent)}
.mg-badge[data-k="p-media"]{color:#b45309;border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.12)}
.mg-badge[data-k="t-error"]{color:var(--destructive,#dc2626)}
.dark .mg-badge[data-k="p-media"]{color:#fbbf24}
.kb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.kb-bar .mg-input{height:2rem;width:auto;min-width:9rem}
.kb-board{display:flex;gap:.75rem;align-items:flex-start;overflow-x:auto;padding-bottom:.75rem}
.kb-col{flex:0 0 17.5rem;max-width:17.5rem;background:var(--muted);border:1px solid var(--border);border-radius:.75rem;display:flex;flex-direction:column;max-height:calc(100vh - 12rem)}
.kb-col[data-over="1"]{outline:2px dashed var(--primary);outline-offset:-2px}
.kb-col__head{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;font-size:.8125rem;font-weight:600}
.kb-col__head span{font-weight:500;color:var(--muted-foreground)}
.kb-col__cards{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem .5rem;overflow-y:auto;min-height:3rem}
.kb-card{text-align:left;font:inherit;color:inherit;background:var(--background);border:1px solid var(--border);border-radius:.625rem;padding:.625rem .75rem;cursor:grab;display:flex;flex-direction:column;gap:.375rem}
.kb-card:hover{border-color:var(--primary)}
.kb-card[data-drag="1"]{opacity:.45}
.kb-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.6875rem;color:var(--muted-foreground)}
.kb-card__title{font-size:.8125rem;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.kb-card__foot{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;font-size:.6875rem;color:var(--muted-foreground)}
.kb-card__foot .grow{flex:1}
.kb-due[data-late="1"]{color:var(--destructive,#dc2626);font-weight:600}
.kb-empty{padding:.75rem;text-align:center;font-size:.75rem;color:var(--muted-foreground)}
.kb-overlay{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem}
.kb-modal{width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:.875rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}
.kb-modal label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--muted-foreground)}
.kb-modal .row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.kb-modal .acts{display:flex;gap:.5rem;justify-content:space-between;align-items:center}
.mw-group{display:flex;flex-direction:column;gap:.25rem}
.mw-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:.5rem;cursor:pointer;background:none;border:0;font:inherit;color:inherit;text-align:left;width:100%}
.mw-row:hover{background:var(--accent)}
.mw-row .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}
@media (max-width:640px){.kb-col{flex-basis:80vw;max-width:80vw}.kb-modal .row{grid-template-columns:1fr}}

/* manual del equipo */
.hb-layout{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.hb-layout{grid-template-columns:190px minmax(0,1fr)}}
.hb-toc{display:none}
@media (min-width:768px){.hb-toc{display:block;position:sticky;top:1.5rem;align-self:start}}
.hb-toc p{padding:0 .625rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}
.hb-toc__a{display:flex;padding:.375rem .625rem;border-radius:.375rem;font-size:.8125rem;color:var(--muted-foreground);text-decoration:none}
.hb-toc__a:hover{background:var(--muted);color:var(--foreground)}
.hb-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.hb-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media (min-width:640px){.hb-stats{grid-template-columns:repeat(4,1fr)}}
.hb-stats div{border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.125rem}
.hb-stats b{font-size:1.125rem;font-weight:600}.hb-stats span{font-size:.75rem;color:var(--muted-foreground)}
.hb-callout{display:flex;flex-direction:column;gap:.25rem;border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.1);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}
.hb-callout b{font-size:.8125rem}
.hb-sec{border:1px solid var(--border);border-radius:.875rem;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;scroll-margin-top:1rem;font-size:.875rem;line-height:1.6}
.hb-sec>header{display:flex;gap:.875rem;align-items:flex-start;margin-bottom:.25rem}
.hb-n{font:600 .75rem ui-monospace,monospace;color:var(--muted-foreground);padding-top:.35rem}
.hb-sec h2{font-size:1.125rem;font-weight:600;line-height:1.3}
.hb-sec header p{font-size:.8125rem;color:var(--muted-foreground)}
.hb-sec h3{font-size:.875rem;font-weight:600;margin-top:.5rem}
.hb-sec ul,.hb-sec ol{padding-left:1.25rem;display:flex;flex-direction:column;gap:.375rem}
.hb-sec ul{list-style:disc}.hb-sec ol{list-style:decimal}
.hb-sec code{font:.8125em ui-monospace,monospace;background:var(--muted);padding:.0625rem .3rem;border-radius:.25rem}
.hb-table{overflow-x:auto;border:1px solid var(--border);border-radius:.625rem}
.hb-table table{width:100%;border-collapse:collapse;font-size:.8125rem}
.hb-table th,.hb-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}
.hb-table th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);background:var(--muted)}
.hb-table tr:last-child td{border-bottom:0}
.hb-resp{border:1px solid var(--border);border-radius:.625rem;padding:.625rem .875rem}
.hb-resp summary{cursor:pointer;font-weight:500}
.hb-resp p{margin-top:.5rem;color:var(--muted-foreground)}
.mg-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--muted);padding:.35rem .65rem;border-radius:.4rem;font-size:.875rem}