/* Estado pastel y tipo con borde lateral, siempre independientes. */
body.tv2-shell .at-task,body.tv2-shell .at-work-summary{--at-bg:#fff8e9;--at-state:#95600f;--at-line:#7456bd;background:var(--at-bg)!important;border:.5px solid #d5dfe5!important;border-left:4px solid var(--at-line)!important;border-radius:18px!important;padding:16px!important;color:#183746;box-shadow:0 4px 16px #10384805;margin:0 0 12px;min-width:0;overflow:hidden;box-sizing:border-box}
body.tv2-shell .at-task[data-kind=espejo]{--at-line:#178d91}body.tv2-shell .at-task[data-state=progress],body.tv2-shell .at-work-summary[data-state=progress]{--at-bg:#edf7ff;--at-state:#146d9c}body.tv2-shell .at-task[data-state=done],body.tv2-shell .at-work-summary[data-state=done]{--at-bg:#edf9f3;--at-state:#207b58}body.tv2-shell .at-task[data-state=review],body.tv2-shell .at-work-summary[data-state=review]{--at-bg:#f5f0ff;--at-state:#7456bd}body.tv2-shell .at-task[data-state=cancelled],body.tv2-shell .at-work-summary[data-state=cancelled]{--at-bg:#f5f6f8;--at-state:#647581}body.tv2-shell .at-work-summary{border-left-color:var(--at-state)!important}body.tv2-shell .at-task-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}body.tv2-shell .at-kind{color:var(--at-line);background:#ffffffb8;border:.5px solid color-mix(in srgb,var(--at-line) 25%,transparent);border-radius:7px;display:inline-flex;padding:5px 8px;font-size:11px;font-weight:750;line-height:1.3;white-space:normal}body.tv2-shell .at-status{color:var(--at-state);font-size:11px;font-weight:750;background:#ffffffb8;border-radius:20px;padding:5px 9px;line-height:1.3}body.tv2-shell .at-task h3,body.tv2-shell .at-work-summary h3{font-size:17px;line-height:1.35;margin:0 0 7px;color:#193747;overflow-wrap:anywhere}body.tv2-shell .at-task p,body.tv2-shell .at-work-summary p{font-size:13px;color:#55717f;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;margin:6px 0}body.tv2-shell .at-task-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}body.tv2-shell .at-task-foot small{font-size:11px;color:#657d88}body.tv2-shell .at-task-foot button{padding:8px 10px;min-height:36px;border:.5px solid #bfced8;background:#ffffffa6;color:#126a94;border-radius:9px;font-size:12px;font-weight:700}body.tv2-shell .at-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:3px 0 15px;margin-bottom:14px;border-bottom:.5px solid #d4dfe5}body.tv2-shell .at-summary-grid small,body.tv2-shell .at-summary-grid b{display:block;overflow-wrap:anywhere}body.tv2-shell .at-summary-grid small{font-size:11px;color:#718590;margin-bottom:5px}body.tv2-shell .at-summary-grid b{font-size:13px;line-height:1.5}body.tv2-shell .at-info,body.tv2-shell .at-context,body.tv2-shell .at-empty{font-size:12px;line-height:1.6;color:#617b88;margin:8px 0 14px}body.tv2-shell .at-info{padding:12px;border:.5px solid #ccdcd6;border-radius:10px;background:#eff8f4;color:#287355}body.tv2-shell .at-empty{padding:18px;background:white;border:.5px solid #d5dfe5;border-radius:14px}body.tv2-shell .at-count{font-size:12px;background:#dfeef6;color:#25657f;border-radius:7px;padding:4px 8px}body.tv2-shell .at-record-menu{border:.5px solid #d5dfe5;border-top:4px solid #1595bd;border-radius:16px;overflow:hidden;background:white}body.tv2-shell .at-record-menu>button{margin:0!important;border:0!important;border-radius:0!important;border-bottom:.5px solid #e4ebef!important;min-height:66px!important;padding:12px!important;box-shadow:none!important}body.tv2-shell .at-record-menu>button:last-child{border-bottom:0!important}body.tv2-shell .at-record-menu>button>span{font-size:21px;color:#167ba2;background:#eaf5fa;border-radius:9px;min-width:36px;min-height:36px;display:grid;place-items:center}body.tv2-shell .at-record-menu b{font-size:14px}body.tv2-shell .at-record-menu small{font-size:11px}body.tv2-shell .at-queue-task{display:flex;gap:10px;align-items:flex-start!important;margin-bottom:12px!important}body.tv2-shell .at-queue-task .cq-n{background:#ffffffa1;color:var(--at-state);border:.5px solid #d5dfe5;min-width:27px;height:27px;font-size:12px}body.tv2-shell .at-queue-task .cq-b{min-width:0;flex:1}body.tv2-shell .at-queue-task .cq-b>b{font-size:15px;line-height:1.4;color:#193747;overflow-wrap:anywhere}body.tv2-shell .at-queue-task .cq-b>small{font-size:11px;line-height:1.6}body.tv2-shell .at-queue-task .sup-tags{gap:5px;display:flex;flex-wrap:wrap;margin-top:9px}body.tv2-shell .at-queue-task .tag{color:var(--at-state)!important;background:#ffffffa1!important;border:0!important;font-size:10px!important;padding:4px 6px!important}body.tv2-shell .at-queue-task .at-kind{font-size:10px;padding:4px 6px}body.tv2-shell .at-queue-task .cq-mv{display:flex;flex-direction:column;gap:6px;margin-left:0}body.tv2-shell .at-queue-task .cq-mv button{width:30px!important;height:30px!important;padding:0!important;border:.5px solid #cedde5!important;border-radius:8px;background:#ffffffba!important;color:#497180;font-size:10px}body.tv2-shell .at-task-detail>div{border-top:4px solid #7456bd!important;border-left:.5px solid #d5dfe5!important}body.tv2-shell .at-task-detail[data-kind=espejo]>div{border-top-color:#178d91!important}body.tv2-shell .at-preview-label{display:block;color:#68818d;font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:12px}body.tv2-shell .at-task-detail #tar-det-body input:not([type=file]):not([type=hidden]){background:#f7fafc!important;color:#183746!important;border:.5px solid #cbdbe4!important;border-radius:10px!important;min-height:44px}body.tv2-shell .at-task-detail #tar-det-body{color:#426371!important}body.tv2-shell .at-task-detail #tar-det-body>div{color:#567381!important}body.tv2-shell .at-task-detail .tar-foto-tipo-btn{background:#edf6fc!important;color:#317592!important;border:.5px solid #cbdce5!important}body.tv2-shell .at-task-detail .tar-foto-tipo-btn.active{background:#dfebfa!important;color:#195a92!important}body.tv2-shell .at-task-detail #tar-det-body label{color:#317592!important;background:#f1f7fc!important;border:.5px dashed #aac9de!important}@media(min-width:650px){body.tv2-shell .at-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.tv2-shell .at-tasks>.at-task{margin:0}}
body.tv2-shell .at-contact{margin-top:14px;padding-top:12px;border-top:.5px solid #d4dfe5}body.tv2-shell .at-contact small{font-size:11px;color:#718590}body.tv2-shell .at-contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}body.tv2-shell .at-contact-actions button,body.tv2-shell .at-load-error button{background:#ffffffb8;border:.5px solid #bcd2df;border-radius:9px;color:#176c94;padding:8px 12px;min-height:36px;font-size:12px;font-weight:700}body.tv2-shell .at-load-error{background:#fff7e9;color:#8d631a;border-color:#ecd9b7}body.tv2-shell .at-load-error button{margin:8px 0 0;display:block}
/* Ficha compacta de trabajo para Supervisor y Admin: resumen, tareas y registros. */
#tv2-cotz .sup-work-detail{display:grid;gap:12px;max-width:680px;margin:0 auto;padding:4px 0 18px;color:#18354a}
#tv2-cotz .sup-work-detail .back-row{display:flex;align-items:center;gap:11px;margin:0 0 2px;min-width:0}
#tv2-cotz .sup-work-detail .back-row>div{min-width:0;flex:1}
#tv2-cotz .sup-work-detail .back-row .eyebrow{display:block;color:#287d9d;font-size:10px;font-weight:800;letter-spacing:.12em}
#tv2-cotz .sup-work-detail .back-row h1{margin:2px 0 0;font-size:25px;line-height:1.15;color:#12283e}
#tv2-cotz .sup-work-detail .back-row>button{width:46px;height:46px;border:.5px solid #d2e0e8;border-top:4px solid #168ac2;border-radius:15px;background:#fff;color:#193f58;font-size:24px;box-shadow:0 5px 14px #153d5710}
#tv2-cotz .sup-detail-hero{position:relative;padding:16px 16px 14px;background:linear-gradient(120deg,#fff,#f2f9fd);border:.5px solid #d4e2ea;border-top:4px solid #168ac2;border-radius:17px;box-shadow:0 7px 18px #183a4d0a}
#tv2-cotz .sup-detail-hero>.eyebrow{color:#2781a3;font-weight:800;font-size:10px;letter-spacing:.12em}
#tv2-cotz .sup-detail-hero h2{margin:10px 95px 4px 0;font-size:21px;line-height:1.2;color:#19364c}
#tv2-cotz .sup-detail-hero p{margin:0;font-size:12px;line-height:1.5;color:#617c8b}
#tv2-cotz .sup-detail-status{display:inline-flex;align-items:center;justify-content:center;border:.5px solid transparent;border-radius:999px;padding:5px 9px;font-size:10px;line-height:1.1;font-weight:800;white-space:nowrap}
#tv2-cotz .back-row>.sup-detail-status{margin-left:auto}
#tv2-cotz .sup-detail-hero>.sup-detail-status{position:absolute;right:13px;top:13px}
#tv2-cotz .sup-detail-status.st-pen{background:#fff4da;color:#986613;border-color:#efdfb9}
#tv2-cotz .sup-detail-status.st-cur{background:#e5f3fc;color:#176b9d;border-color:#cde4f1}
#tv2-cotz .sup-detail-status.st-apr{background:#f2eafb;color:#7450a1;border-color:#e1d2ef}
#tv2-cotz .sup-detail-status.st-fin{background:#e5f5ed;color:#277352;border-color:#cfe7d9}
#tv2-cotz .sup-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:.5px solid #d5e2e9;border-radius:14px;background:#e9f1f6}
#tv2-cotz .sup-detail-tabs button{min-width:0;min-height:42px;padding:8px 5px;border:0;border-radius:10px;background:transparent;color:#607b8d;font-size:12px;font-weight:700;white-space:nowrap}
#tv2-cotz .sup-detail-tabs button.on{background:#fff;color:#147eaf;box-shadow:0 2px 8px #153d5712}
#tv2-cotz .sup-detail-tabs button span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:3px;padding:0 4px;border-radius:999px;background:#e5f2fa;color:#177eaa;font-size:9px}
#tv2-cotz .sup-detail-content{display:grid;gap:10px;min-width:0}
#tv2-cotz .sup-detail-card{min-width:0;padding:14px;background:#fff;border:.5px solid #d3e0e8;border-top:4px solid #168ac2;border-radius:16px;box-shadow:0 6px 15px #153d5708;overflow-wrap:anywhere}
#tv2-cotz .sup-detail-card h2{margin:3px 0 6px;font-size:17px;line-height:1.25;color:#18364b}
#tv2-cotz .sup-detail-card p{margin:5px 0 0;color:#607889;font-size:12px;line-height:1.55}
#tv2-cotz .sup-detail-card .eyebrow{font-size:9px;letter-spacing:.12em;font-weight:800;color:#2781a3}
#tv2-cotz .sup-detail-scope{background:linear-gradient(130deg,#fff,#f2f8fc)}
#tv2-cotz .sup-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#tv2-cotz .sup-detail-meta article{display:grid;gap:5px;min-width:0;padding:11px 12px;background:#fff;border:.5px solid #d5e2e9;border-radius:13px}
#tv2-cotz .sup-detail-meta small{font-size:10px;color:#718997}
#tv2-cotz .sup-detail-meta b{font-size:13px;color:#284c61;overflow-wrap:anywhere}
#tv2-cotz .sup-detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#tv2-cotz .sup-detail-section-head h2{margin:3px 0 0}
#tv2-cotz .sup-detail-count{flex:none;padding:5px 8px;border-radius:999px;background:#eaf5fb;color:#267395;font-size:10px;font-weight:800}
#tv2-cotz .sup-detail-person{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px;background:#f4f8fb;border:.5px solid #e0e9ef;border-radius:13px}
#tv2-cotz .sup-detail-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e2f1f9;color:#197ca5;font-size:19px}
#tv2-cotz .sup-detail-person>div{display:grid;gap:2px;min-width:0}
#tv2-cotz .sup-detail-person small{font-size:9px;color:#748c9a}
#tv2-cotz .sup-detail-person b{font-size:13px;color:#21485e;overflow-wrap:anywhere}
#tv2-cotz .sup-detail-person span:not(.sup-detail-avatar){font-size:10px;color:#688191}
#tv2-cotz .sup-detail-edit{display:grid;gap:8px;margin-top:11px}
#tv2-cotz .sup-detail-edit label{font-size:11px;font-weight:700;color:#4c6a7d}
#tv2-cotz .sup-detail-edit select{width:100%;min-height:44px;padding:9px 11px;border:.5px solid #cbdce6;border-radius:11px;background:#fff;color:#18394f}
#tv2-cotz .sup-detail-edit>div{display:flex;gap:8px}
#tv2-cotz .sup-detail-edit button{flex:1;min-height:42px;border-radius:11px;font-weight:700}
#tv2-cotz .sup-detail-task-list{display:grid;gap:9px}
#tv2-cotz .sup-detail-task{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;padding:12px;background:#fff;border:.5px solid #d5e2e9;border-left:4px solid #168ac2;border-radius:15px;box-shadow:0 4px 12px #153d5708}
#tv2-cotz .sup-detail-task.is-original{background:#f6f2fb;border-color:#dfd4ec;border-left-color:#7456bd}
#tv2-cotz .sup-detail-task.is-mirror{background:#eff9f8;border-color:#cee7e3;border-left-color:#178d91}
#tv2-cotz .sup-detail-task-num{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e5f1f9;color:#197ca9;font-size:14px;font-weight:800}
#tv2-cotz .is-original .sup-detail-task-num{background:#ebe1f5;color:#7456bd}
#tv2-cotz .is-mirror .sup-detail-task-num{background:#dff1ef;color:#178d91}
#tv2-cotz .sup-detail-task>div{min-width:0}
#tv2-cotz .sup-detail-task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
#tv2-cotz .sup-detail-task-head>b{min-width:0;color:#203e53;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
#tv2-cotz .sup-detail-task-type{flex:none;padding:4px 6px;border:.5px solid #d5c7e7;border-radius:7px;background:#fff9;color:#6c4e91;font-size:8px;font-weight:800;white-space:nowrap}
#tv2-cotz .is-mirror .sup-detail-task-type{border-color:#c1e0dc;color:#287579}
#tv2-cotz .sup-detail-task small{display:block;margin-top:4px;color:#708693;font-size:10px;line-height:1.4}
#tv2-cotz .sup-detail-task-state{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:#fff;color:#526f80;font-size:9px;font-weight:700}
#tv2-cotz .sup-detail-task-state.state-en_progreso{background:#e0f0fa;color:#176f9f}
#tv2-cotz .sup-detail-task-state.state-completada{background:#e3f4ea;color:#26714d}
#tv2-cotz .sup-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tv2-cotz .sup-detail-actions button{min-height:43px;border-radius:11px;font-size:11px;font-weight:700}
#tv2-cotz .sup-detail-locked{grid-column:1/-1;padding:11px;border-radius:12px;background:#e9f5ee;color:#347353;font-size:11px;font-weight:700;text-align:center}
#tv2-cotz .sup-detail-timeline{display:grid;gap:0;padding:5px 3px}
#tv2-cotz .sup-detail-timeline article{position:relative;display:grid;grid-template-columns:15px minmax(0,1fr);gap:9px;padding:0 0 16px}
#tv2-cotz .sup-detail-timeline article>i{position:relative;display:block;width:10px;height:10px;margin-top:3px;border:2px solid #168ac2;border-radius:50%;background:#fff}
#tv2-cotz .sup-detail-timeline article:not(:last-child)>i:after{content:"";position:absolute;top:9px;left:2px;width:2px;height:calc(100% + 9px);background:#c7dce8}
#tv2-cotz .sup-detail-timeline article>div{display:grid;gap:3px;padding:11px 12px;background:#fff;border:.5px solid #d5e2e9;border-radius:12px}
#tv2-cotz .sup-detail-timeline b{font-size:12px;color:#294c60}
#tv2-cotz .sup-detail-timeline small{font-size:10px;color:#748b98}
#tv2-cotz .sup-detail-timeline p{margin:3px 0 0;font-size:11px;color:#526e7e}
@media(max-width:390px){#tv2-cotz .sup-work-detail .back-row h1{font-size:23px}#tv2-cotz .sup-detail-hero h2{font-size:19px}#tv2-cotz .sup-detail-card{padding:12px}#tv2-cotz .sup-detail-task-head{display:grid;justify-content:start}}

/* Ficha de trabajo: pestañas dentro de la tarjeta principal y controles sin marco extra. */
#tv2-cotz .sup-detail-hero .sup-detail-tabs { margin-top: 14px; }
#tv2-cotz .sup-work-detail .back-row > button {
  border: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.tv2-shell #tv2-nav [data-mas] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body.tv2-shell #tv2-nav [data-mas]:focus-visible {
  outline: 2px solid #168ac2 !important;
  outline-offset: 2px;
}

#tv2-cotz .sup-detail-review-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  padding: 14px;
  border: 1px solid #ddd4f2;
  border-left: 4px solid #7456bd;
  border-radius: 16px;
  background: #f5f0ff;
}
#tv2-cotz .sup-detail-review-callout > div { display: grid; gap: 4px; min-width: 0; }
#tv2-cotz .sup-detail-review-callout .eyebrow { color: #7456bd; font-size: 9px; font-weight: 850; letter-spacing: .1em; }
#tv2-cotz .sup-detail-review-callout b { color: #263749; font-size: 13px; }
#tv2-cotz .sup-detail-review-callout small { color: #6c7285; font-size: 11px; line-height: 1.4; }
#tv2-cotz .sup-detail-review-callout button {
  flex: 0 0 auto;
  padding: 10px 13px;
  border: 1px solid #7456bd;
  border-radius: 11px;
  background: #7456bd;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
@media (max-width: 460px) {
  #tv2-cotz .sup-detail-review-callout { align-items: stretch; flex-direction: column; }
  #tv2-cotz .sup-detail-review-callout button { width: 100%; }
}

/* Controles de navegación: recuadro neutro, sin acento superior. */
body.tv2-shell.adm-ui-v2 .adm-options>summary,body.tv2-shell .sup-jobs .more,body.tv2-shell #tv2-cotz .back-row>button,body.tv2-shell #tv2-ot .back-row>button,body.tv2-shell .sup-work-detail .back-row>button,body.tv2-shell .sup-close-review .back-row>button{
 display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:0!important;border:1px solid #d4e2eb!important;border-top:1px solid #d4e2eb!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#eef6fb)!important;color:#21475d!important;box-shadow:0 3px 10px #17394e08!important
}
body.tv2-shell.adm-ui-v2 .adm-options>summary:before,body.tv2-shell.adm-ui-v2 .adm-options>summary:after,body.tv2-shell .sup-work-detail .back-row>button:before{content:none!important}

body.tv2-shell #sup-trab .sup-work-dots{border:1px solid #d4e2eb!important;border-top:1px solid #d4e2eb!important;background:linear-gradient(145deg,#fff,#eef6fb)!important;border-radius:13px!important;box-shadow:0 3px 10px #17394e08!important}
body.tv2-shell #sup-trab .sup-work-dots:before,body.tv2-shell #sup-trab .sup-work-dots:after{content:none!important}
