:root {
    --sagqt-accent: var(--accent1, #ead3a2);
    --sagqt-accent-soft: rgba(234, 211, 162, .12);
    --sagqt-text: var(--title3, #bdbdbd);
    --sagqt-title: var(--title2, #e0e0e0);
    --sagqt-muted: var(--text, #777);
    --sagqt-bg: rgba(15, 15, 15, .68);
    --sagqt-panel: #1d1e21;
    --sagqt-panel-2: #242529;
    --sagqt-border: var(--border2-c, #242424);
    --sagqt-green: #8eae91;
    --sagqt-red: #c08b84;
}

.sagqt-wrap,
.sagqt-wrap * { box-sizing: border-box; }
.sagqt-wrap { width: 100%; max-width: 1200px; margin: 25px auto 45px; color: var(--sagqt-text); font-family: var(--f-body, system-ui, sans-serif); font-size: 12px; }
.sagqt-wrap [hidden] { display: none !important; }
.sagqt-wrap a { text-decoration: none; }

/* Contenedor y cabeceras, siguiendo la estructura visual de SAG Quest. */
.sagqt-shell { position: relative; isolation: isolate; overflow: hidden; padding: 28px; background: var(--sagqt-bg); border: 2px solid #000; box-shadow: 0 0 0 5px var(--sagqt-border), 0 8px 32px rgba(0,0,0,.5); backdrop-filter: blur(3px); }
.sagqt-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin: 18px 0 24px; }
.sagqt-heading h1,
.sagqt-detail-hero h1,
.sagqt-directory-header h1,
.sagqt-action-panel h1 { margin: 0; color: var(--sagqt-title); font: 700 clamp(25px, 3vw, 36px)/1.1 var(--f-titles, Cinzel, serif); letter-spacing: 1px; }
.sagqt-heading p,
.sagqt-directory-header p { max-width: 760px; margin: 7px 0 0; color: var(--subtitle, #aaa); font-size: 12px; line-height: 1.55; }
.sagqt-eyebrow { display: block; margin-bottom: 5px; color: var(--sagqt-accent); font: 700 11px var(--f-mono, monospace); letter-spacing: .9px; text-transform: uppercase; }

/* Botones: mismas proporciones y comportamiento que .sagq-button. */
.sagqt-wrap .sagq-button,
.sagqt-action-button,
.sagqt-register-button,
.sagqt-back-button,
.sagqt-job-create-link { min-height: 38px; padding: 9px 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--sagqt-title) !important; font: 700 11px var(--f-mono, monospace); letter-spacing: .65px; text-transform: uppercase; background: var(--dbckg2, #0e0e0e); border: 1px solid var(--sagqt-border); cursor: pointer; transition: .18s ease; }
.sagqt-wrap .sagq-button:hover,
.sagqt-wrap .sagq-button:focus-visible,
.sagqt-wrap .sagq-button.is-primary,
.sagqt-action-button:hover,
.sagqt-action-button.is-primary,
.sagqt-register-button:hover,
.sagqt-job-create-link:hover { color: #111 !important; background: var(--sagqt-accent); border-color: var(--sagqt-accent); outline: 0; }
.sagqt-wrap .sagq-button.is-primary:hover { background: var(--accent2, #f5edcd); }
.sagqt-create-job { flex: 0 0 auto; }

.sagqt-mission-entry { display: flex; justify-content: flex-end; margin: 14px 0 20px; }
.sagqt-mission-entry .sagq-button { min-height: 42px; padding: 11px 17px; }
.sagqt-page-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 22px; }
.sagqt-nav-back .game-icon { font-size: 20px; }
.sagqt-context-nav { display: flex; margin: 10px 0 17px; }

/* Buscador AJAX. Copia la estructura de SAG Quest, con tamaños de texto legibles. */
.sagqt-wrap .sagq-filters { margin: 0 0 22px; padding: 16px; display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 14px 18px; background: rgba(0,0,0,.3); border: 1px solid var(--sagqt-border); box-shadow: inset 0 0 0 1px rgba(255,255,255,.015); }
.sagqt-wrap .sagq-filters > * { min-width: 0; }
.sagqt-wrap .sagq-filter-search { min-width: 0; max-width: 340px; }
.sagqt-wrap .sagq-filter-search label,
.sagqt-wrap .sagq-filter-categories legend { display: block; margin: 0 0 7px; color: var(--sagqt-accent); font: 700 11px var(--f-mono, monospace); letter-spacing: .65px; text-transform: uppercase; }
.sagqt-wrap .sagq-filter-search > div { position: relative; }
.sagqt-wrap .sagq-filter-search i { position: absolute; left: 11px; top: 50%; color: var(--sagqt-muted); transform: translateY(-50%); }
.sagqt-wrap .sagq-filter-search input { width: 100%; max-width: 100%; height: 40px; padding: 0 12px 0 35px; color: var(--sagqt-title) !important; font-size: 12px; background: var(--dbckg4, #181818) !important; border: 1px solid var(--sagqt-border) !important; box-sizing: border-box; }
.sagqt-wrap .sagq-filter-search input:focus { border-color: rgba(234,211,162,.55) !important; outline: 0; }
.sagqt-wrap .sagq-filter-categories { margin: 0; padding: 0; border: 0; }
.sagqt-wrap .sagq-category-options { display: flex; flex-wrap: wrap; gap: 7px; }
.sagqt-wrap .sagq-filter-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sagqt-wrap .sagq-filter-actions > div { display: flex; flex-wrap: wrap; gap: 7px; }
.sagqt-searchbar { margin: 0 0 22px !important; }
.sagqt-filter-fieldset { min-width: 0; }
.sagqt-filter-row { display: flex; flex-wrap: wrap; gap: 7px; }
.sagqt-filter-option { padding: 8px 10px; color: var(--sagqt-text) !important; font-size: 11px; background: rgba(255,255,255,.018); border: 1px solid rgba(255,255,255,.055); cursor: pointer; }
.sagqt-filter-option:hover,
.sagqt-filter-option.is-active { color: #111 !important; background: var(--sagqt-accent); border-color: var(--sagqt-accent); }
.sagqt-filter-status { min-width: 190px; color: var(--sagqt-muted); font-size: 11px; }
#sagqt-results { position: relative; transition: opacity .16s ease; }
#sagqt-results.is-loading { opacity: .5; pointer-events: none; }
#sagqt-results.is-loading:after { content: "Actualizando…"; position: absolute; z-index: 5; top: 15px; right: 15px; padding: 8px 11px; color: var(--sagqt-accent); font: 700 11px var(--f-mono, monospace); background: rgba(8,8,9,.94); border: 1px solid var(--sagqt-border); }

/* Libreta oscura: conserva el concepto sin fondo blanco ni tarjetas negras. */
.sagqt-notebook { position: relative; padding: 18px 18px 18px 51px; color: var(--sagqt-text); background:
    linear-gradient(90deg, transparent 0 40px, rgba(138,72,72,.32) 40px 42px, transparent 42px),
    repeating-linear-gradient(to bottom, #242529 0, #242529 36px, #33343a 37px, #242529 38px);
    border: 1px solid #090909; box-shadow: 0 15px 35px rgba(0,0,0,.38), inset 0 0 30px rgba(0,0,0,.2); }
.sagqt-notebook-rings { position: absolute; left: -9px; top: 20px; bottom: 20px; display: flex; flex-direction: column; justify-content: space-around; }
.sagqt-notebook-rings span { display: block; width: 29px; height: 8px; border: 2px solid #1a1a1b; border-radius: 8px; background: linear-gradient(#aaa, #4c4c4c); box-shadow: 3px 3px 4px rgba(0,0,0,.42); }
.sagqt-task-grid { display: grid; gap: 0; }
.sagqt-task-card { display: grid; grid-template-columns: minmax(300px,1fr) 205px 195px 145px; align-items: center; gap: 12px; min-height: 96px; padding: 11px 12px; background: linear-gradient(90deg, rgba(234,211,162,.055), rgba(255,255,255,.018)); border: 0; border-left: 3px solid rgba(234,211,162,.5); border-bottom: 1px solid rgba(255,255,255,.09); transition: background .18s ease, border-color .18s ease; }
.sagqt-task-card:first-child { border-top: 1px solid rgba(255,255,255,.09); }
.sagqt-task-card:hover { background: linear-gradient(90deg, rgba(234,211,162,.105), rgba(255,255,255,.035)); border-left-color: var(--sagqt-accent); }
.sagqt-task-card.is-finished { opacity: .68; }
.sagqt-task-card.is-finished h2 a { text-decoration: line-through; }
.sagqt-card-main { min-width: 0; }
.sagqt-card-topline { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sagqt-task-type { color: var(--sagqt-accent); font: 700 11px var(--f-mono, monospace); letter-spacing: .55px; text-transform: uppercase; }
.sagqt-status { display: inline-flex; align-items: center; padding: 3px 7px; color: #c6c1b8; font: 700 10px var(--f-mono, monospace); letter-spacing: .35px; text-transform: uppercase; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.12); }
.sagqt-task-card h2 { margin: 5px 0 3px; font: 700 17px/1.2 var(--f-titles, Cinzel, serif); }
.sagqt-task-card h2 a { color: var(--sagqt-title) !important; }
.sagqt-task-card h2 a:hover { color: var(--sagqt-accent) !important; }
.sagqt-card-description { display: -webkit-box; overflow: hidden; margin: 0; color: #b2afa9; font-size: 11px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sagqt-card-description p { margin: 0; }
.sagqt-job-origin { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 5px; color: #92908c; font-size: 11px; }
.sagqt-job-origin a { color: #d2bb88 !important; }
.sagqt-requirement-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.sagqt-requirement-chips span { padding: 3px 6px; color: #c7c1b6; font-size: 10px; background: rgba(234,211,162,.055); border: 1px solid rgba(234,211,162,.18); }

.sagqt-card-label { color: #8c8983; font: 700 10px var(--f-mono, monospace); letter-spacing: .55px; text-transform: uppercase; }
.sagqt-card-reward,
.sagqt-card-capacity,
.sagqt-card-action { min-width: 0; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.08); }
.sagqt-reward-total { display: flex; align-items: baseline; gap: 6px; margin-top: 3px; }
.sagqt-reward-total strong { color: var(--sagqt-accent); font: 700 25px/1 var(--f-titles, serif); }
.sagqt-reward-total span { color: #aaa69f; font-size: 11px; }
.sagqt-reward-breakdown { display: flex; flex-direction: column; gap: 2px; margin-top: 5px; color: #a6a39d; font-size: 11px; line-height: 1.3; }
.sagqt-reward-breakdown b { color: #ded6c5; }
.sagqt-reward-breakdown.is-job { color: #b9b6af; }

.sagqt-card-capacity { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 7px 10px; }
.sagqt-capacity-main { display: flex; align-items: center; gap: 8px; }
.sagqt-capacity-main > i { color: var(--sagqt-accent); font-size: 20px; }
.sagqt-capacity-main > span { display: flex; flex-direction: column; }
.sagqt-capacity-main strong { color: var(--sagqt-title); font: 700 22px/1 var(--f-titles, serif); }
.sagqt-capacity-main strong b { color: #8e8b85; font-size: 14px; }
.sagqt-capacity-main small { margin-top: 2px; color: #8b8883; font-size: 10px; }
.sagqt-capacity-notes { display: flex; gap: 10px; }
.sagqt-capacity-notes span { display: flex; flex-direction: column; }
.sagqt-capacity-notes small { color: #7e7b76; font-size: 10px; text-transform: uppercase; }
.sagqt-capacity-notes strong { color: #cbc7bf; font-size: 13px; }
.sagqt-capacity-segments { grid-column: 1 / -1; display: flex; gap: 4px; }
.sagqt-capacity-segments span { width: 19px; height: 6px; display: block; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.sagqt-capacity-segments span.is-required { border-color: rgba(234,211,162,.48); }
.sagqt-capacity-segments span.is-occupied { background: #b7a170; border-color: #b7a170; }
.sagqt-capacity-segments span.is-completed { background: var(--sagqt-green); border-color: var(--sagqt-green); }
.sagqt-capacity-segments.is-large span { width: 28px; height: 8px; }
.sagqt-job-participation { display: flex; align-items: center; gap: 10px; }
.sagqt-job-participation > i { color: var(--sagqt-accent); font-size: 20px; }
.sagqt-job-participation > span { display: flex; flex-direction: column; }
.sagqt-job-participation strong { color: var(--sagqt-title); font-size: 12px; }
.sagqt-job-participation small { margin-top: 3px; color: #96938d; font-size: 10px; line-height: 1.35; }
.sagqt-card-action { display: flex; align-items: flex-end; flex-direction: column; gap: 5px; }
.sagqt-card-action .sagq-button { width: 100%; white-space: nowrap; }
.sagqt-card-action > small { color: #85827d; font-size: 10px; text-align: right; }

.sagqt-empty { padding: 46px 18px; color: #aaa; text-align: center; }
.sagqt-empty h2 { color: var(--sagqt-title); font-family: var(--f-titles, serif); }
.sagqt-pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; font-size: 11px; }

/* Detalle. */
.sagqt-detail-shell { padding: 20px; }
.sagqt-detail-card { overflow: hidden; background: rgba(19,20,23,.9); border: 1px solid rgba(255,255,255,.09); }
.sagqt-detail-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 17px 19px; background: linear-gradient(100deg, rgba(234,211,162,.08), transparent); border-bottom: 1px solid rgba(255,255,255,.08); }
.sagqt-detail-hero h1 { margin-top: 4px; font-size: 27px; }
.sagqt-detail-origin { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 7px; color: #94918b; font-size: 11px; }
.sagqt-detail-origin a { color: #d2bb88 !important; }
.sagqt-detail-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(310px,.75fr); gap: 14px; padding: 15px 18px; }
.sagqt-detail-description { min-width: 0; padding: 13px 15px; background: rgba(255,255,255,.022); border-left: 3px solid rgba(234,211,162,.55); }
.sagqt-detail-kicker { color: var(--sagqt-accent); font: 700 11px var(--f-mono, monospace); letter-spacing: .65px; text-transform: uppercase; }
.sagqt-detail-copy { margin-top: 7px; color: #c8c4bc; font-size: 12px; line-height: 1.58; }
.sagqt-detail-copy p { margin: 0 0 8px; }
.sagqt-detail-summary { display: flex; flex-direction: column; gap: 9px; }
.sagqt-detail-reward { padding: 12px 13px; background: var(--sagqt-accent-soft); border: 1px solid rgba(234,211,162,.18); }
.sagqt-detail-reward > span { color: #99958e; font: 700 10px var(--f-mono, monospace); text-transform: uppercase; }
.sagqt-detail-reward > div { display: flex; align-items: baseline; gap: 7px; margin-top: 3px; }
.sagqt-detail-reward strong { color: var(--sagqt-accent); font: 700 29px/1 var(--f-titles, serif); }
.sagqt-detail-reward small { color: #b9b5ad; font-size: 11px; }
.sagqt-detail-reward p { margin: 7px 0 0; color: #b4b0a9; font-size: 11px; line-height: 1.4; }
.sagqt-detail-reward p b { color: #e1d9c7; }
.sagqt-detail-capacity { padding: 12px 13px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.075); }
.sagqt-detail-capacity .sagqt-capacity-notes { margin-top: 9px; }
.sagqt-detail-deadline { display: block; margin-top: 8px; color: #8f8c87; font-size: 10px; }
.sagqt-facts { display: grid; grid-template-columns: 1fr; gap: 7px; margin: 0; }
.sagqt-facts div { padding: 9px 10px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.07); }
.sagqt-facts dt { color: #8d8a84; font-size: 10px; text-transform: uppercase; }
.sagqt-facts dd { margin: 3px 0 0; color: var(--sagqt-title); font-size: 12px; font-weight: 700; }
.sagqt-requirements-panel { padding: 0 18px 15px; }
.sagqt-requirements-panel h2 { margin: 0 0 9px; color: var(--sagqt-title); font-family: var(--f-titles, serif); font-size: 16px; }
.sagqt-requirements-list { display: flex; flex-wrap: wrap; gap: 8px; }
.sagqt-requirements-list > div { display: flex; align-items: center; gap: 7px; padding: 8px 10px; font-size: 11px; border: 1px solid; }
.sagqt-requirements-list .is-met { background: rgba(90,125,87,.12); border-color: rgba(110,151,106,.42); }
.sagqt-requirements-list .is-missing { background: rgba(145,79,73,.12); border-color: rgba(175,96,88,.42); }
.sagqt-requirements-list small { display: block; margin-top: 2px; color: #97948e; font-size: 10px; }
.sagqt-main-action { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 18px; background: rgba(0,0,0,.24); border-top: 1px solid rgba(255,255,255,.08); }
.sagqt-main-action h2 { margin: 0 0 3px; color: var(--sagqt-title); font: 700 16px var(--f-titles, serif); }
.sagqt-main-action p { margin: 0; color: #aaa69f; font-size: 11px; }
.sagqt-register-button { min-width: 190px; }
.sagqt-action-unavailable { padding-left: 12px; border-left: 3px solid var(--sagqt-red); }
.sagqt-registered-panel { margin-top: 14px; padding: 15px 17px; background: rgba(18,19,22,.84); border: 1px solid rgba(255,255,255,.08); }
.sagqt-section-heading { display: flex; align-items: center; justify-content: space-between; }
.sagqt-section-heading h2 { margin: 0; color: var(--sagqt-title); font-family: var(--f-titles, serif); }
.sagqt-count-badge { min-width: 31px; height: 31px; display: grid; place-items: center; color: var(--sagqt-accent); border: 1px solid rgba(234,211,162,.4); }
.sagqt-registration-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.sagqt-registration-grid article { display: flex; align-items: center; gap: 9px; padding: 9px 10px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.07); }
.sagqt-registration-check { width: 23px; height: 23px; display: grid; place-items: center; color: var(--sagqt-accent); border: 1px solid rgba(234,211,162,.35); }
.sagqt-registration-grid a { color: #dcc99f !important; font-weight: 700; }
.sagqt-registration-grid p { margin: 3px 0 0; color: #92908a; font-size: 10px; }
.sagqt-empty-inline { color: #999; }

/* Directorio de Empleos. */
.sagqt-jobs-shell { padding: 22px; }
.sagqt-directory-header { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 15px; margin-bottom: 12px; padding: 15px 16px; background: linear-gradient(100deg, rgba(234,211,162,.07), transparent); border-bottom: 1px solid rgba(255,255,255,.09); }
.sagqt-directory-header h1 { font-size: 29px; }
.sagqt-directory-icon { width: 54px; height: 54px; display: grid; place-items: center; color: var(--sagqt-accent); font-size: 23px; background: rgba(234,211,162,.06); border: 1px solid rgba(234,211,162,.25); }
.sagqt-jobs-list { display: flex; flex-direction: column; }
.sagqt-job-row { display: grid; grid-template-columns: 58px minmax(260px,1fr) 250px minmax(210px,auto); align-items: center; gap: 14px; min-height: 92px; padding: 12px 14px; background: linear-gradient(90deg, rgba(234,211,162,.04), rgba(255,255,255,.012)); border-bottom: 1px solid rgba(255,255,255,.085); border-left: 3px solid transparent; }
.sagqt-job-row:first-child { border-top: 1px solid rgba(255,255,255,.085); }
.sagqt-job-row:hover { background: linear-gradient(90deg, rgba(234,211,162,.085), rgba(255,255,255,.025)); }
.sagqt-job-row.is-my-job { border-left-color: var(--sagqt-accent); }
.sagqt-job-icon { width: 54px; height: 54px; display: grid; place-items: center; overflow: hidden; color: var(--sagqt-accent); font-size: 24px; background: rgba(234,211,162,.055); border: 1px solid rgba(234,211,162,.24); }
.sagqt-job-icon img { width: 100%; height: 100%; object-fit: cover; }
.sagqt-job-icon .game-icon { font-size: 30px; }
.sagqt-job-copy { min-width: 0; }
.sagqt-job-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.sagqt-job-copy h2 { margin: 0 0 4px; color: var(--sagqt-title); font: 700 17px var(--f-titles, serif); }
.sagqt-my-job-label { display: inline-flex; align-items: center; gap: 4px; padding: 3px 6px; color: var(--sagqt-accent); font-size: 10px; text-transform: uppercase; border: 1px solid rgba(234,211,162,.34); }
.sagqt-job-description { color: #b0ada7; font-size: 11px; line-height: 1.4; }
.sagqt-job-description p { margin: 0; }
.sagqt-job-create-link { width: fit-content; margin-top: 8px; }
.sagqt-job-terms { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sagqt-job-terms > div { display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: center; gap: 7px; min-width: 0; padding: 8px 9px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.07); }
.sagqt-job-terms > div > i { color: var(--sagqt-accent); font-size: 18px; }
.sagqt-job-terms span { display: flex; flex-direction: column; }
.sagqt-job-terms small { color: #87847f; font-size: 10px; text-transform: uppercase; }
.sagqt-job-terms strong { margin-top: 2px; color: var(--sagqt-title); font-size: 16px; }
.sagqt-job-terms strong b { color: #aaa69f; font-size: 10px; font-weight: 400; }
.sagqt-job-occupancy { min-width: 0; padding-left: 13px; border-left: 1px solid rgba(255,255,255,.08); }
.sagqt-job-capacity-line { display: flex; align-items: center; justify-content: flex-end; gap: 7px; margin-bottom: 7px; }
.sagqt-job-capacity-line strong { color: var(--sagqt-title); font: 700 20px var(--f-titles, serif); }
.sagqt-job-capacity-line strong b { color: #8d8983; font-size: 13px; }
.sagqt-job-capacity-line span { padding: 3px 6px; color: var(--sagqt-green); font-size: 10px; text-transform: uppercase; border: 1px solid rgba(142,174,145,.45); }
.sagqt-job-capacity-line span.is-full { color: var(--sagqt-red); border-color: rgba(192,139,132,.48); }
.sagqt-worker-slots { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
.sagqt-worker-slot,
.sagqt-worker-slot img,
.sagqt-worker-slot span { width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; display: grid; place-items: center; border-radius: 1px !important; }
.sagqt-worker-slot { overflow: hidden; color: #bbb; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.18); }
.sagqt-worker-slot img { object-fit: cover; }
.sagqt-worker-slot.is-empty { background: rgba(255,255,255,.012); border-style: dashed; }
.sagqt-job-minimum { display: block; margin-top: 6px; color: #85827c; font-size: 10px; text-align: right; }

/* Formularios y pantallas de acción. */
.sagqt-action-shell { padding: 20px; }
.sagqt-panel { padding: 22px; background: rgba(18,19,22,.93); border: 1px solid rgba(255,255,255,.08); }
.sagqt-action-panel { max-width: 900px; margin: 0 auto; }
.sagqt-action-panel > p { color: #aaa69f; font-size: 12px; line-height: 1.5; }
.sagqt-fieldset { margin: 15px 0; padding: 0; border: 0; }
.sagqt-panel label,
.sagqt-panel legend { display: block; margin-bottom: 6px; color: var(--sagqt-accent); font: 700 11px var(--f-mono, monospace); letter-spacing: .55px; text-transform: uppercase; }
.sagqt-panel input[type="text"],
.sagqt-panel input[type="url"],
.sagqt-panel textarea,
.sagqt-panel select { width: 100%; max-width: none; padding: 10px 11px; margin: 0 0 13px; color: var(--sagqt-title) !important; font-size: 12px; background: var(--dbckg4, #181818) !important; border: 1px solid var(--sagqt-border) !important; box-shadow: none !important; }
.sagqt-panel select option { color: #e0e0e0; background: #181818; }
.sagqt-form-note,
.sagqt-security-note { padding: 9px 10px; color: #bdb8ae; font-size: 11px; background: rgba(234,211,162,.07); border-left: 3px solid var(--sagqt-accent); }
.sagqt-warning { display: flex; align-items: center; gap: 8px; padding: 10px 11px; margin: 10px 0; color: #dfb3ad; font-size: 11px; background: rgba(145,69,62,.13); border-left: 3px solid var(--sagqt-red); }
.sagqt-link-confirmation { max-width: 690px; margin: 0 auto; text-align: center; }
.sagqt-confirm-icon { width: 54px; height: 54px; margin: 0 auto 10px; display: grid; place-items: center; color: #111; background: var(--sagqt-accent); border-radius: 50%; font-size: 22px; }
.sagqt-confirm-summary { display: grid; grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr); align-items: center; gap: 10px; margin: 18px 0; }
.sagqt-confirm-summary > div { min-width: 0; padding: 12px; text-align: left; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.07); }
.sagqt-confirm-summary small,
.sagqt-confirm-summary strong,
.sagqt-confirm-summary span { display: block; }
.sagqt-confirm-summary small { color: #888; font-size: 10px; text-transform: uppercase; }
.sagqt-confirm-summary strong { margin: 3px 0; color: var(--sagqt-title); font-size: 13px; }
.sagqt-confirm-summary i {
    justify-self: center;
}
.sagqt-confirm-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

/* Previsualización de entrega: visible desde que se abre la pantalla. */
.sagqt-delivery-preview { margin: 16px 0; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.14); }
.sagqt-delivery-reward { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 15px; background: rgba(234,211,162,.065); border-bottom: 1px solid rgba(234,211,162,.14); }
.sagqt-delivery-reward > div { display: flex; align-items: baseline; gap: 7px; }
.sagqt-delivery-reward small { color: #96928b; font-size: 10px; text-transform: uppercase; }
.sagqt-delivery-reward strong { color: var(--sagqt-accent); font: 700 28px/1 var(--f-titles, serif); }
.sagqt-delivery-reward span { color: #b9b5ad; font-size: 11px; }
.sagqt-delivery-reward p { margin: 0; color: #b7b3ac; font-size: 11px; text-align: right; }
.sagqt-delivery-reward p b { color: #e1d8c5; }
.sagqt-delivery-notice { display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: #c9c5bd; font-size: 11px; background: rgba(234,211,162,.045); border-bottom: 1px solid rgba(255,255,255,.06); }
.sagqt-delivery-notice > i { color: var(--sagqt-accent); font-size: 17px; }
.sagqt-delivery-notice strong { color: var(--sagqt-title); }
.sagqt-delivery-notice.is-success { background: rgba(100,139,100,.1); }
.sagqt-delivery-notice.is-success > i { color: var(--sagqt-green); }
.sagqt-delivery-meta { display: flex; flex-wrap: wrap; gap: 12px; padding: 9px 12px; color: #8f8c86; font-size: 10px; border-bottom: 1px solid rgba(255,255,255,.06); }
.sagqt-payout-list { padding: 0 12px 12px; }
.sagqt-payout-head,
.sagqt-payout-row { display: grid; grid-template-columns: minmax(160px,1.5fr) 80px 90px 80px 80px minmax(125px,1fr); align-items: center; gap: 8px; }
.sagqt-payout-list.is-job .sagqt-payout-head,
.sagqt-payout-list.is-job .sagqt-payout-row { grid-template-columns: minmax(180px,1.5fr) 90px 100px 90px; }
.sagqt-payout-head { padding: 9px 8px; color: #88857f; font-size: 10px; text-transform: uppercase; }
.sagqt-payout-row { padding: 10px 8px; color: #c5c1ba; font-size: 11px; background: rgba(255,255,255,.018); border-top: 1px solid rgba(255,255,255,.06); }
.sagqt-payout-row > span:not(:first-child) { text-align: center; }
.sagqt-payout-row b { color: var(--sagqt-title); font-size: 12px; }
.sagqt-payout-user { display: flex; min-width: 0; flex-direction: column; }
.sagqt-payout-user strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sagqt-payout-user small { margin-top: 2px; color: var(--sagqt-red); font-size: 10px; }
.sagqt-payout-row.is-disabled { opacity: .55; }
.sagqt-payout-empty { padding: 18px; color: #aaa; text-align: center; }

/* Selección de Empleo y plantillas. */
.sagqt-job-choice-section { margin: 15px 0; }
.sagqt-job-choice-section > h2 { color: var(--sagqt-accent); font: 700 11px var(--f-mono, monospace); text-transform: uppercase; }
.sagqt-selected-job,
.sagqt-job-choice { display: grid; grid-template-columns: 42px minmax(0,1fr) 26px; align-items: center; gap: 10px; padding: 11px; color: #d5d2ca; background: rgba(234,211,162,.045); border: 1px solid rgba(234,211,162,.17); }
.sagqt-selected-job-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #111; background: var(--sagqt-accent); }
.sagqt-selected-job small,
.sagqt-selected-job strong,
.sagqt-selected-job span,
.sagqt-job-choice small,
.sagqt-job-choice strong,
.sagqt-job-choice em { display: block; }
.sagqt-selected-job strong,
.sagqt-job-choice strong { color: var(--sagqt-title); font-size: 14px; }
.sagqt-selected-job small,
.sagqt-selected-job span,
.sagqt-job-choice small,
.sagqt-job-choice em { color: #96928b; font-size: 10px; font-style: normal; }
.sagqt-selected-job > .icon,
.sagqt-job-choice > .icon { color: var(--sagqt-green); }
.sagqt-job-choice-grid { display: grid; gap: 7px; }
.sagqt-job-choice { cursor: pointer; }
.sagqt-job-choice input { position: absolute; opacity: 0; }
.sagqt-job-choice.is-selected { background: rgba(234,211,162,.09); border-color: var(--sagqt-accent); }
.sagqt-preset-preview { margin: 9px 0 16px; padding: 13px 14px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.075); border-left: 3px solid var(--sagqt-accent); }
.sagqt-preset-preview small { color: #8f8b84; font-size: 10px; text-transform: uppercase; }
.sagqt-preset-preview h2 { margin: 4px 0 7px; color: var(--sagqt-title); font-family: var(--f-titles, serif); }
.sagqt-preset-preview div { color: #aaa; font-size: 11px; line-height: 1.5; }
.sagqt-label-fieldset { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 12px 0 16px; padding: 10px; border: 1px solid rgba(255,255,255,.07); }
.sagqt-label-fieldset legend { width: 100%; }
.sagqt-label-fieldset label { display: inline-flex; align-items: center; gap: 5px; margin: 0; color: #bdb9b0; font: inherit; letter-spacing: normal; text-transform: none; }

/* Vista antigua Mis tareas, conservada por compatibilidad. */
.sagqt-sheet { padding: 18px; background: rgba(18,19,22,.9); border: 1px solid rgba(255,255,255,.08); }
.sagqt-list { margin: 0; padding: 0; list-style: none; }
.sagqt-list > li { display: flex; gap: 10px; padding: 10px; border-bottom: 1px solid rgba(255,255,255,.07); }
.sagqt-list .sagqt-check { width: 24px; height: 24px; display: grid; place-items: center; color: var(--sagqt-accent); border: 1px solid rgba(234,211,162,.3); }
.sagqt-list .sagqt-main { flex: 1; }
.sagqt-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sagqt-title { color: var(--sagqt-title) !important; font-weight: 700; }
.sagqt-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; color: #999; font-size: 10px; }
.sagqt-actions { margin-top: 7px; }
.sagqt-table-wrap { overflow-x: auto; }

@media (max-width: 1080px) {
    .sagqt-task-card { grid-template-columns: minmax(260px,1fr) 195px 185px; }
    .sagqt-card-action { grid-column: 1 / -1; align-items: center; flex-direction: row; justify-content: flex-end; padding: 7px 0 0; border-top: 1px solid rgba(255,255,255,.06); border-left: 0; }
    .sagqt-card-action > small { margin-right: auto; text-align: left; }
    .sagqt-card-action .sagq-button { width: auto; }
    .sagqt-job-row { grid-template-columns: 58px minmax(250px,1fr) 240px; }
    .sagqt-job-occupancy { grid-column: 2 / -1; padding: 8px 0 0; border-top: 1px solid rgba(255,255,255,.06); border-left: 0; }
    .sagqt-job-capacity-line,
    .sagqt-worker-slots { justify-content: flex-start; }
    .sagqt-job-minimum { text-align: left; }
}

@media (max-width: 820px) {
    .sagqt-heading,
    .sagqt-directory-header { align-items: flex-start; grid-template-columns: 54px minmax(0,1fr); }
    .sagqt-heading { flex-direction: column; }
    .sagqt-directory-header .sagqt-create-job { grid-column: 1 / -1; }
    .sagqt-task-card { grid-template-columns: minmax(0,1fr) 190px; }
    .sagqt-card-capacity { grid-column: 1 / -1; padding: 8px 0 0; border-top: 1px solid rgba(255,255,255,.06); border-left: 0; }
    .sagqt-detail-layout { grid-template-columns: 1fr; }
    .sagqt-job-row { grid-template-columns: 54px minmax(0,1fr); }
    .sagqt-job-terms,
    .sagqt-job-occupancy { grid-column: 1 / -1; }
    .sagqt-registration-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .sagqt-wrap .sagq-filters { grid-template-columns: 1fr; }
    .sagqt-wrap .sagq-filter-search { max-width: none; }
    .sagqt-wrap .sagq-filter-actions { grid-column: auto; align-items: stretch; flex-direction: column; }
    .sagqt-wrap .sagq-filter-actions > div { width: 100%; }
    .sagqt-wrap .sagq-filter-actions .sagq-button { flex: 1 1 auto; }
}

@media (max-width: 650px) {
    .sagqt-wrap { margin: 13px; width: auto; }
    .sagqt-shell,
    .sagqt-detail-shell,
    .sagqt-action-shell,
    .sagqt-jobs-shell { padding: 13px; }
    .sagqt-page-nav { align-items: stretch; flex-direction: column; }
    .sagqt-page-nav .sagq-button { width: 100%; }
    .sagqt-notebook { padding: 10px; background: repeating-linear-gradient(to bottom, #242529 0, #242529 36px, #33343a 37px, #242529 38px); }
    .sagqt-notebook-rings { display: none; }
    .sagqt-task-card { grid-template-columns: 1fr; min-height: 0; padding: 11px; }
    .sagqt-card-reward,
    .sagqt-card-capacity,
    .sagqt-card-action { padding: 8px 0 0; border-top: 1px solid rgba(255,255,255,.06); border-left: 0; }
    .sagqt-card-action { align-items: stretch; flex-direction: column; }
    .sagqt-card-action .sagq-button { width: 100%; }
    .sagqt-card-action > small { margin: 0; text-align: left; }
    .sagqt-main-action,
    .sagqt-detail-hero,
    .sagqt-delivery-reward { align-items: flex-start; flex-direction: column; }
    .sagqt-register-button { width: 100%; min-width: 0; }
    .sagqt-confirm-summary { grid-template-columns: 1fr; }
    .sagqt-confirm-summary > .icon { transform: rotate(90deg); }
    .sagqt-payout-head { display: none; }
    .sagqt-payout-row,
    .sagqt-payout-list.is-job .sagqt-payout-row { grid-template-columns: 1fr 1fr; gap: 7px; }
    .sagqt-payout-user { grid-column: 1 / -1; }
    .sagqt-payout-row > span:not(:first-child) { display: flex; justify-content: space-between; text-align: right; }
    .sagqt-payout-row > span:not(:first-child):before { content: attr(data-label); color: #888; font-size: 10px; }
    .sagqt-job-terms { grid-template-columns: 1fr; }
    .sagqt-directory-header { grid-template-columns: 1fr; }
    .sagqt-directory-icon { width: 48px; height: 48px; }
}

/* -------------------------------------------------------------------------
 * 1.5.0 · Libreta cálida y compacta
 * ------------------------------------------------------------------------- */
.sagqt-wrap {
    --sagqt-paper: #b8aa82;
    --sagqt-paper-deep: #a89970;
    --sagqt-paper-light: #c8ba91;
    --sagqt-paper-row: rgba(255, 249, 226, .24);
    --sagqt-paper-row-hover: rgba(255, 250, 228, .39);
    --sagqt-paper-ink: #30291f;
    --sagqt-paper-muted: #675d4d;
    --sagqt-paper-rule: rgba(72, 58, 38, .22);
    --sagqt-paper-accent: #72553a;
    --sagqt-paper-green: #4f7257;
    --sagqt-paper-red: #87554f;
}

/* El buscador ocupa una fila completa y los filtros quedan debajo. */
.sagqt-wrap .sagq-filters.sagqt-searchbar {
    display: block;
    padding: 15px 16px;
}
.sagqt-search-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: end;
    gap: 14px;
}
.sagqt-wrap .sagqt-search-row .sagq-filter-search {
    width: 100%;
    max-width: none;
}
.sagqt-wrap .sagqt-search-row .sagq-filter-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0;
}
.sagqt-wrap .sagqt-filter-fieldset {
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.075);
}
.sagqt-filter-status { text-align: right; }

/* Hoja de tareas: tono amarillento medio, no blanco y sin tarjetas negras. */
.sagqt-notebook,
.sagqt-jobs-ledger {
    position: relative;
    color: var(--sagqt-paper-ink);
    background:
        linear-gradient(90deg, transparent 0 40px, rgba(128, 66, 59, .32) 40px 42px, transparent 42px),
        repeating-linear-gradient(to bottom, rgba(255,255,255,.045) 0, rgba(255,255,255,.045) 35px, var(--sagqt-paper-rule) 36px, rgba(255,255,255,.045) 37px),
        linear-gradient(135deg, var(--sagqt-paper-light), var(--sagqt-paper) 52%, var(--sagqt-paper-deep));
    border: 1px solid rgba(25, 19, 12, .72);
    box-shadow: 0 14px 32px rgba(0,0,0,.38), inset 0 0 28px rgba(74,53,25,.13);
}
.sagqt-notebook { padding: 15px 16px 15px 51px; }
.sagqt-notebook-rings span,
.sagqt-ledger-rings span {
    border-color: #292522;
    background: linear-gradient(#bdb9ae, #5c5850);
}
.sagqt-task-card {
    grid-template-columns: minmax(285px, 1fr) 185px 180px 135px;
    gap: 11px;
    min-height: 82px;
    padding: 9px 11px;
    color: var(--sagqt-paper-ink);
    background: var(--sagqt-paper-row);
    border: 0;
    border-left: 3px solid rgba(82,61,38,.34);
    border-bottom: 1px solid var(--sagqt-paper-rule);
    box-shadow: none;
}
.sagqt-task-card:first-child { border-top: 1px solid var(--sagqt-paper-rule); }
.sagqt-task-card:nth-child(even) { background: rgba(238,226,193,.20); }
.sagqt-task-card:hover {
    background: var(--sagqt-paper-row-hover);
    border-left-color: var(--sagqt-paper-accent);
}
.sagqt-task-card.is-finished {
    opacity: .68;
    filter: saturate(.72);
}
.sagqt-task-card.is-finished h2 a { text-decoration: line-through; text-decoration-thickness: 1px; }
.sagqt-task-type { color: #67492e; }
.sagqt-status {
    color: #443a2d;
    background: rgba(255,255,255,.20);
    border-color: rgba(62,48,31,.25);
}
.sagqt-task-card h2 { margin: 4px 0 2px; font-size: 16px; }
.sagqt-task-card h2 a,
.sagqt-task-card h2 a:visited { color: #2e271d !important; }
.sagqt-task-card h2 a:hover { color: #725031 !important; }
.sagqt-card-description {
    color: #51483a;
    font-size: 11px;
    line-height: 1.34;
    -webkit-line-clamp: 2;
}
.sagqt-job-origin { margin-top: 4px; color: #665c4d; }
.sagqt-job-origin a { color: #624326 !important; font-weight: 700; }
.sagqt-requirement-chips { margin-top: 4px; }
.sagqt-requirement-chips span {
    color: #4e4335;
    background: rgba(255,255,255,.17);
    border-color: rgba(75,57,35,.22);
}
.sagqt-card-label { color: #6c6253; }
.sagqt-card-reward,
.sagqt-card-capacity,
.sagqt-card-action {
    padding-left: 11px;
    border-left-color: var(--sagqt-paper-rule);
}
.sagqt-reward-total { margin-top: 2px; }
.sagqt-reward-total strong { color: #654526; font-size: 23px; }
.sagqt-reward-total span,
.sagqt-reward-breakdown,
.sagqt-reward-breakdown.is-job { color: #5e5446; }
.sagqt-reward-breakdown { margin-top: 4px; gap: 1px; }
.sagqt-reward-breakdown b { color: #32291f; }
.sagqt-capacity-main > i,
.sagqt-job-participation > i { color: #684a2e; }
.sagqt-capacity-main strong { color: #30281e; font-size: 21px; }
.sagqt-capacity-main strong b { color: #756a59; }
.sagqt-capacity-main small,
.sagqt-capacity-notes small,
.sagqt-job-participation small,
.sagqt-card-action > small { color: #6e6454; }
.sagqt-capacity-notes strong { color: #3e3529; }
.sagqt-capacity-segments span {
    height: 7px;
    background: rgba(75,61,41,.10);
    border-color: rgba(66,52,34,.24);
}
.sagqt-capacity-segments span.is-required { border-color: rgba(94,63,33,.65); }
.sagqt-capacity-segments span.is-occupied { background: #83623f; border-color: #705033; }
.sagqt-capacity-segments span.is-completed { background: var(--sagqt-paper-green); border-color: #3e6248; }
.sagqt-job-participation strong { color: #392f24; }
.sagqt-job-participation.is-closed > i { color: var(--sagqt-paper-green); }
.sagqt-job-participation.is-closed strong { color: #435e48; }
.sagqt-notebook .sagq-button,
.sagqt-jobs-ledger .sagq-button,
.sagqt-detail-card .sagq-button,
.sagqt-registered-panel .sagq-button {
    color: #2a2118 !important;
    background: rgba(255,255,255,.20);
    border-color: rgba(42,31,19,.30);
}
.sagqt-notebook .sagq-button:hover,
.sagqt-notebook .sagq-button.is-primary,
.sagqt-jobs-ledger .sagq-button:hover,
.sagqt-jobs-ledger .sagq-button.is-primary,
.sagqt-detail-card .sagq-button:hover,
.sagqt-detail-card .sagq-button.is-primary {
    color: #15110d !important;
    background: var(--sagqt-accent);
    border-color: rgba(49,36,21,.45);
}
.sagqt-empty { color: #5f5547; }
.sagqt-empty h2 { color: #30291f; }

/* Detalle: una sola hoja cálida; descripción y acción comparten la columna. */
.sagqt-detail-card {
    color: var(--sagqt-paper-ink);
    background:
        repeating-linear-gradient(to bottom, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 36px, rgba(72,58,38,.14) 37px, rgba(255,255,255,.03) 38px),
        linear-gradient(135deg, var(--sagqt-paper-light), var(--sagqt-paper));
    border-color: rgba(28,21,13,.70);
    box-shadow: 0 12px 28px rgba(0,0,0,.34), inset 0 0 24px rgba(75,53,26,.10);
}
.sagqt-detail-hero {
    padding: 14px 17px;
    background: rgba(255,248,220,.20);
    border-bottom-color: var(--sagqt-paper-rule);
}
.sagqt-detail-hero h1 { color: #30271d; font-size: 25px; }
.sagqt-detail-origin { color: #625747; }
.sagqt-detail-origin a { color: #654526 !important; }
.sagqt-detail-layout {
    grid-template-columns: minmax(0,1.35fr) minmax(285px,.65fr);
    gap: 12px;
    padding: 12px 15px 14px;
}
.sagqt-detail-primary {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 9px;
}
.sagqt-detail-description {
    min-height: 0;
    padding: 11px 13px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(64,49,31,.18);
    border-left: 3px solid rgba(105,75,42,.68);
}
.sagqt-detail-kicker { color: #67492e; }
.sagqt-detail-copy { margin-top: 5px; color: #443b2f; font-size: 12px; line-height: 1.48; }
.sagqt-detail-copy p:last-child { margin-bottom: 0; }
.sagqt-inline-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    min-height: 60px;
    padding: 10px 12px;
    background: rgba(255,248,221,.25);
    border: 1px solid rgba(64,49,31,.22);
}
.sagqt-inline-action:empty { display: none; }
.sagqt-inline-action h2 { margin: 0 0 2px; color: #33291f; font: 700 15px var(--f-titles, serif); }
.sagqt-inline-action p { margin: 0; color: #5c5142; font-size: 11px; line-height: 1.4; }
.sagqt-action-complete { padding-left: 10px; border-left: 3px solid var(--sagqt-paper-green); }
.sagqt-action-unavailable { border-left-color: var(--sagqt-paper-red); }
.sagqt-detail-reward,
.sagqt-detail-capacity,
.sagqt-facts div {
    color: var(--sagqt-paper-ink);
    background: rgba(255,255,255,.16);
    border-color: rgba(64,49,31,.20);
}
.sagqt-detail-reward > span,
.sagqt-facts dt { color: #6b6051; }
.sagqt-detail-reward strong { color: #654526; }
.sagqt-detail-reward small,
.sagqt-detail-reward p,
.sagqt-detail-deadline { color: #5f5547; }
.sagqt-detail-reward p b,
.sagqt-facts dd { color: #30281e; }
.sagqt-requirements-panel { padding: 0 15px 14px; }
.sagqt-requirements-panel h2 { color: #332a20; }
.sagqt-requirements-list .is-met { color: #354c39; background: rgba(87,125,91,.15); border-color: rgba(61,96,68,.46); }
.sagqt-requirements-list .is-missing { color: #68413c; background: rgba(140,77,69,.13); border-color: rgba(125,70,63,.45); }
.sagqt-requirements-list small { color: #675d4d; }
.sagqt-registered-panel {
    color: var(--sagqt-paper-ink);
    background: linear-gradient(135deg, #b8aa82, #a99a72);
    border-color: rgba(27,20,12,.70);
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
}
.sagqt-section-heading h2 { color: #30281e; }
.sagqt-count-badge { color: #624326; border-color: rgba(74,52,29,.48); }
.sagqt-registration-grid article {
    background: rgba(255,255,255,.16);
    border-color: rgba(63,48,30,.20);
}
.sagqt-registration-check {
    color: #624326;
    background: rgba(255,255,255,.14);
    border-color: rgba(75,52,29,.38);
}
.sagqt-registration-active .sagqt-registration-check { color: #6a4d2d; }
.sagqt-registration-delivered_full .sagqt-registration-check,
.sagqt-registration-delivered_partial .sagqt-registration-check { color: var(--sagqt-paper-green); }
.sagqt-registration-delivered_late .sagqt-registration-check,
.sagqt-registration-cancelled .sagqt-registration-check,
.sagqt-registration-expired .sagqt-registration-check { color: var(--sagqt-paper-red); }
.sagqt-registration-grid a { color: #4f351f !important; }
.sagqt-registration-grid p,
.sagqt-empty-inline { color: #655b4b; }

/* Directorio de Empleos con aspecto de registro/agenda. */
.sagqt-directory-header {
    margin-bottom: 14px;
    background: linear-gradient(100deg, rgba(234,211,162,.09), rgba(0,0,0,.02));
}
.sagqt-jobs-ledger { padding: 14px 15px 14px 49px; }
.sagqt-ledger-rings {
    position: absolute;
    left: -9px;
    top: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.sagqt-ledger-rings span { display: block; width: 29px; height: 8px; border: 2px solid; border-radius: 8px; box-shadow: 3px 3px 4px rgba(0,0,0,.35); }
.sagqt-job-row {
    grid-template-columns: 56px minmax(250px,1fr) 238px minmax(205px,auto);
    gap: 12px;
    min-height: 84px;
    padding: 10px 12px;
    color: var(--sagqt-paper-ink);
    background: var(--sagqt-paper-row);
    border: 0;
    border-left: 3px solid transparent;
    border-bottom: 1px solid var(--sagqt-paper-rule);
}
.sagqt-job-row:first-child { border-top: 1px solid var(--sagqt-paper-rule); }
.sagqt-job-row:nth-child(even) { background: rgba(238,226,193,.20); }
.sagqt-job-row:hover { background: var(--sagqt-paper-row-hover); }
.sagqt-job-row.is-my-job { border-left-color: #775535; }
.sagqt-job-icon {
    width: 50px;
    height: 50px;
    color: #654526;
    background: rgba(255,255,255,.17);
    border-color: rgba(70,51,29,.28);
}
.sagqt-job-copy h2 { color: #30281e; font-size: 16px; }
.sagqt-my-job-label { color: #5f4328; border-color: rgba(83,57,31,.38); }
.sagqt-job-description { color: #51483a; }
.sagqt-job-terms > div {
    background: rgba(255,255,255,.15);
    border-color: rgba(64,49,31,.19);
}
.sagqt-job-terms > div > i { color: #684a2e; }
.sagqt-job-terms small { color: #6c6253; }
.sagqt-job-terms strong { color: #30281e; }
.sagqt-job-terms strong b { color: #665c4d; }
.sagqt-job-occupancy { border-left-color: var(--sagqt-paper-rule); }
.sagqt-job-capacity-line strong { color: #30281e; }
.sagqt-job-capacity-line strong b { color: #746958; }
.sagqt-job-capacity-line span { color: #46654d; border-color: rgba(63,99,71,.52); }
.sagqt-job-capacity-line span.is-full { color: #7a4843; border-color: rgba(126,71,64,.50); }
.sagqt-worker-slot {
    color: #554b3e;
    background: rgba(255,255,255,.20);
    border-color: rgba(61,46,29,.28);
}
.sagqt-worker-slot.is-empty { background: rgba(255,255,255,.07); border-color: rgba(65,50,32,.25); }
.sagqt-job-minimum { color: #665c4d; }

@media (max-width: 1080px) {
    .sagqt-task-card { grid-template-columns: minmax(250px,1fr) 175px 170px; }
    .sagqt-card-action { border-top-color: var(--sagqt-paper-rule); }
    .sagqt-job-row { grid-template-columns: 54px minmax(240px,1fr) 225px; }
    .sagqt-job-occupancy { border-top-color: var(--sagqt-paper-rule); }
}
@media (max-width: 820px) {
    .sagqt-task-card { grid-template-columns: minmax(0,1fr) 175px; }
    .sagqt-card-capacity { border-top-color: var(--sagqt-paper-rule); }
    .sagqt-detail-layout { grid-template-columns: 1fr; }
    .sagqt-job-row { grid-template-columns: 52px minmax(0,1fr); }
}
@media (max-width: 760px) {
    .sagqt-search-row { grid-template-columns: 1fr; align-items: stretch; }
    .sagqt-wrap .sagqt-search-row .sagq-filter-actions { align-items: stretch; justify-content: space-between; }
    .sagqt-filter-status { text-align: left; }
}
@media (max-width: 650px) {
    .sagqt-notebook,
    .sagqt-jobs-ledger {
        padding: 10px;
        background:
            repeating-linear-gradient(to bottom, rgba(255,255,255,.04) 0, rgba(255,255,255,.04) 35px, var(--sagqt-paper-rule) 36px, rgba(255,255,255,.04) 37px),
            linear-gradient(135deg, var(--sagqt-paper-light), var(--sagqt-paper));
    }
    .sagqt-ledger-rings { display: none; }
    .sagqt-task-card { grid-template-columns: 1fr; padding: 10px; }
    .sagqt-card-reward,
    .sagqt-card-capacity,
    .sagqt-card-action { border-top-color: var(--sagqt-paper-rule); }
    .sagqt-inline-action { align-items: stretch; flex-direction: column; }
    .sagqt-inline-action .sagq-button { width: 100%; }
    .sagqt-registration-grid { grid-template-columns: 1fr; }
}

/* ========================================================================
   SAG Quest (Task) 1.6.0 · navegación, lista, detalle y Empleos
   ======================================================================== */
.sagqt-list-page, .sagqt-detail-page, .sagqt-jobs-page { font-size: 11px; }
.sagqt-list-page *, .sagqt-detail-page *, .sagqt-jobs-page * { box-sizing: border-box; }

/* Entrada desde el Tablón: se alinea con el encabezado original sin cambiar
   la lógica ni la plantilla de SAG Quest más allá de su evento. */
.sagq-shell { position: relative; }
.sagqt-mission-entry { position: absolute; z-index: 8; top: 42px; right: 44px; margin: 0; }

.sagqt-page-nav { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 16px; }
.sagqt-page-nav-actions { display:flex; align-items:center; gap:6px; margin-left:auto; }
.sagqt-page-nav .sagq-button { display:inline-flex; align-items:center; gap:6px; }
.sagqt-page-nav .game-icon { font-size:18px; }
.sagqt-board-heading { margin-bottom: 16px; }

/* Filtros: búsqueda, categorías y acciones en una única línea. */
.sagqt-searchbar { padding: 12px; margin-bottom: 14px; }
.sagqt-filter-line { display:grid; grid-template-columns:minmax(230px, 1.35fr) auto auto; align-items:end; gap:10px; }
.sagqt-filter-search { min-width:0; }
.sagqt-filter-search label { font-size:11px; }
.sagqt-filter-row { display:flex; flex-wrap:nowrap; align-items:center; gap:4px; min-width:0; }
.sagqt-filter-option { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 9px; border:1px solid rgba(255,255,255,.12); border-radius:3px; color:#d7d1c7; background:rgba(255,255,255,.035); white-space:nowrap; font-size:11px; }
.sagqt-filter-option:hover, .sagqt-filter-option.is-active { color:#111; background:var(--sagq-accent, #caa45f); border-color:var(--sagq-accent, #caa45f); text-decoration:none; }
.sagqt-filter-actions { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.sagqt-filter-actions > div { display:contents; }
.sagqt-filter-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* Libreta cálida, pero sin tarjetas negras. */
.sagqt-notebook {
    position:relative; overflow:hidden; padding:24px 22px 24px 42px; min-height:230px;
    color:#332c23; border:1px solid #9c8667; border-radius:5px;
    background:
      linear-gradient(90deg, transparent 0, transparent 33px, rgba(166,78,66,.35) 34px, rgba(166,78,66,.35) 35px, transparent 36px),
      repeating-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 27px, rgba(91,122,140,.13) 28px, rgba(91,122,140,.13) 29px),
      linear-gradient(145deg, #d8c8a5 0%, #cbbc96 52%, #d7c9aa 100%);
    box-shadow:0 12px 28px rgba(0,0,0,.34), inset 0 0 45px rgba(82,60,33,.12);
}
.sagqt-notebook-rings { position:absolute; left:10px; top:18px; bottom:18px; display:flex; flex-direction:column; justify-content:space-around; }
.sagqt-notebook-rings span { width:17px; height:7px; border:2px solid #665b4c; border-left:0; border-radius:0 8px 8px 0; background:#a8997f; box-shadow:1px 1px 2px rgba(0,0,0,.25); }
.sagqt-task-list { display:flex; flex-direction:column; gap:8px; }
.sagqt-task-row {
    display:grid; grid-template-columns:minmax(260px, 1fr) 130px minmax(225px, .62fr) auto;
    align-items:center; gap:14px; padding:11px 12px;
    border:1px solid rgba(78,60,39,.27); border-left:4px solid rgba(94,68,36,.55); border-radius:3px;
    background:rgba(248,239,215,.42); box-shadow:0 2px 5px rgba(70,50,25,.12);
    color:#2e2922; min-height:104px;
}
.sagqt-task-row:hover { background:rgba(251,244,225,.64); border-color:rgba(78,60,39,.44); }
.sagqt-task-row.is-finished { opacity:.67; }
.sagqt-task-row.is-finished h2 { text-decoration:line-through; }
.sagqt-task-copy { min-width:0; }
.sagqt-card-topline { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-bottom:3px; }
.sagqt-task-type { font:700 10px/1.2 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.04em; color:#6e5437; }
.sagqt-status { display:inline-flex; padding:3px 6px; border:1px solid rgba(73,53,32,.3); border-radius:2px; background:rgba(255,255,255,.26); color:#56432e; font-size:10px; font-weight:700; white-space:nowrap; }
.sagqt-task-row h2 { margin:0 0 4px; font:700 16px/1.15 Cinzel,serif; }
.sagqt-task-row h2 a { color:#2c261f; }
.sagqt-card-description { max-height:34px; overflow:hidden; font-size:11px; line-height:1.45; color:#4d4336; }
.sagqt-card-description p { margin:0; }
.sagqt-job-origin { margin-top:4px; color:#655641; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sagqt-job-origin a { color:#60451f; font-weight:700; }
.sagqt-task-reward { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:7px 8px; border-left:1px dashed rgba(71,52,31,.25); border-right:1px dashed rgba(71,52,31,.25); text-align:center; }
.sagqt-task-reward small { font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:#6d5a43; }
.sagqt-task-reward strong { font:700 24px/1 Cinzel,serif; color:#4c3217; }
.sagqt-task-reward > span { font-size:10px; font-weight:700; }
.sagqt-task-reward em { display:block; margin-top:5px; font-size:10px; line-height:1.25; color:#655641; font-style:normal; }

/* Capacidad normal: dos zonas continuas. La primera siempre es el objetivo;
   la segunda muestra claramente las plazas opcionales. */
.sagqt-capacity-plan { min-width:0; padding:4px 0; }
.sagqt-capacity-labels { display:flex; justify-content:space-between; align-items:flex-end; gap:10px; margin-bottom:6px; }
.sagqt-capacity-labels span { display:flex; flex-direction:column; min-width:0; }
.sagqt-capacity-labels small { color:#725d42; font-size:10px; }
.sagqt-capacity-labels strong { color:#332719; font-size:12px; }
.sagqt-capacity-labels .is-extra { text-align:right; opacity:.72; }
.sagqt-capacity-track { display:flex; gap:3px; height:13px; padding:2px; border:1px solid rgba(71,52,31,.35); border-radius:8px; background:rgba(77,57,34,.12); overflow:hidden; }
.sagqt-capacity-zone { position:relative; display:block; min-width:12px; overflow:hidden; border-radius:5px; background:rgba(78,58,35,.16); }
.sagqt-capacity-zone.is-goal { outline:1px solid rgba(89,58,23,.34); outline-offset:-1px; }
.sagqt-capacity-zone.is-extra { background:repeating-linear-gradient(135deg, rgba(79,60,38,.09), rgba(79,60,38,.09) 4px, rgba(255,255,255,.12) 4px, rgba(255,255,255,.12) 8px); }
.sagqt-capacity-zone i { position:absolute; left:0; top:0; bottom:0; display:block; background:linear-gradient(90deg,#775529,#a47b3e); border-radius:5px; }
.sagqt-capacity-zone.is-extra i { background:linear-gradient(90deg,#81735f,#9c8c72); }
.sagqt-capacity-foot { display:flex; justify-content:space-between; gap:8px; margin-top:5px; color:#665541; font-size:10px; }
.sagqt-capacity-foot b { color:#382b1c; }

.sagqt-job-roster { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
.sagqt-job-roster > div:first-child { display:flex; flex-direction:column; }
.sagqt-job-roster small { font-size:12px; color:#735f45; }
.sagqt-job-roster strong { font-size:11px; }
.sagqt-reserved-mini, .sagqt-reserved-slots { display:flex; gap:4px; flex-wrap:wrap; }
.sagqt-reserved-mini > span, .sagqt-reserved-slots > span { width:30px; height:40px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px dashed rgba(76,56,34,.5); background:rgba(255,255,255,.18); color:#745f45; }
.sagqt-reserved-mini > span.is-reserved { border-style:solid; background:rgba(104,77,42,.17); font-weight:700; }
.sagqt-reserved-mini img, .sagqt-reserved-slots img { width:100% !important; height:100% !important; object-fit:cover; }
.sagqt-card-action { display:flex; justify-content:flex-end; min-width:100px; }
.sagqt-card-action .sagq-button { white-space:nowrap; }
.sagqt-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:170px; color:#4e412f; }

/* Detalle y Empleos usan el mismo lenguaje oscuro que el interior de SAG Quest. */
.sagqt-detail-grid { align-items:stretch; }
.sagqt-brief-card { min-height:240px; display:flex; flex-direction:column; justify-content:space-between; }
.sagqt-brief-copy { flex:1; }
.sagqt-detail-description { font-size:12px; line-height:1.65; color:#ded8ce; }
.sagqt-inline-action { display:flex; align-items:center; gap:8px; padding-top:16px; margin-top:16px; border-top:1px solid rgba(255,255,255,.09); }
.sagqt-detail-state { display:flex; justify-content:center; gap:7px; flex-wrap:wrap; margin-top:8px; }
.sagqt-detail-state > span { display:inline-flex; padding:4px 8px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.04); font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.sagqt-dark-chips { display:flex; gap:6px; flex-wrap:wrap; }
.sagqt-dark-chips span { padding:6px 8px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); font-size:11px; }
.sagqt-dark-chips .is-met { color:#a9d4ad; }.sagqt-dark-chips .is-missing { color:#dfaaa3; }
.sagqt-topic-list { display:flex; flex-direction:column; gap:7px; }
.sagqt-topic-row { display:grid !important; grid-template-columns:34px 1fr auto; align-items:center; gap:8px; }
.sagqt-topic-row .sagqt-topic-state { width:30px; height:30px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.035); }
.sagqt-topic-row small { display:block; color:#aaa49a; font-size:10px; }
.sagqt-job-detail-roster { display:grid; grid-template-columns:minmax(130px,.55fr) minmax(180px,1fr) auto; align-items:center; gap:14px; margin-bottom:12px; }
.sagqt-owner, .sagqt-roster-copy { display:flex; flex-direction:column; gap:3px; }
.sagqt-owner small, .sagqt-roster-copy small { color:#969087; font-size:10px; text-transform:uppercase; }
.sagqt-roster-copy span { color:#aaa49a; font-size:10px; }
.sagqt-reserved-slots > span { border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.04); color:#bdb6aa; }
.sagqt-reserved-slots > span.is-reserved { border-style:solid; }
.sagqt-reward-card { text-align:center; }
.sagqt-reward-card > span { text-transform:uppercase; color:#aaa49a; font-size:10px; letter-spacing:.08em; }
.sagqt-reward-card > strong { display:block; font:700 38px/1.05 Cinzel,serif; color:var(--sagq-accent,#caa45f); }
.sagqt-reward-card > small { font-size:10px; color:#aaa49a; }
.sagqt-reward-card p { margin:12px 0 0; padding-top:10px; border-top:1px solid rgba(255,255,255,.09); color:#d7d1c8; line-height:1.6; }
.sagqt-facts { margin:0; }
.sagqt-facts div { display:flex; justify-content:space-between; gap:12px; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.sagqt-facts div:last-child { border-bottom:0; }.sagqt-facts dt { color:#aaa49a; }.sagqt-facts dd { margin:0; text-align:right; color:#eee8dd; font-weight:700; }

.sagqt-jobs-heading { position:relative; padding-right:220px; }
.sagqt-jobs-heading > .sagq-button { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.sagqt-job-directory { display:flex; flex-direction:column; gap:9px; }
.sagqt-job-row { display:grid; grid-template-columns:minmax(260px,1.25fr) minmax(250px,.8fr) minmax(220px,.7fr); align-items:center; gap:16px; margin:0; }
.sagqt-job-identity { display:grid; grid-template-columns:48px 1fr; gap:12px; align-items:start; min-width:0; }
.sagqt-job-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); font-size:24px; }
.sagqt-job-icon img { width:100%; height:100%; object-fit:cover; }
.sagqt-job-identity h2 { margin:0 0 4px; font-size:17px; color:#f0eadd; }
.sagqt-job-description { max-height:50px; overflow:hidden; color:#bdb7ad; font-size:11px; line-height:1.45; }
.sagqt-job-conditions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:0; }
.sagqt-job-conditions div { min-width:0; padding:8px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.025); }
.sagqt-job-conditions dt { color:#99938a; font-size:10px; }.sagqt-job-conditions dd { margin:3px 0 0; color:#e3ddd3; font-weight:700; font-size:11px; }
.sagqt-job-occupancy { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:7px 10px; }
.sagqt-job-count { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.sagqt-job-count strong { font-size:17px; }.sagqt-job-count span { padding:3px 5px; border-radius:2px; font-size:10px; text-transform:uppercase; }
.sagqt-job-count .is-open { color:#b8d8b7; background:rgba(92,139,91,.18); }.sagqt-job-count .is-full { color:#d7aaa4; background:rgba(152,82,74,.18); }
.sagqt-job-slots { display:flex; justify-content:flex-end; gap:3px; }
.sagqt-job-slots > span { width:30px; height:30px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px dashed rgba(255,255,255,.16); color:#77726b; }
.sagqt-job-slots > span.is-occupied { border-style:solid; border-color:rgba(255,255,255,.26); }
.sagqt-job-slots img { width:100% !important; height:100% !important; object-fit:cover; }
.sagqt-job-member-state { grid-column:1/-1; color:#b8d8b7; font-size:10px; }.sagqt-job-member-state small { display:block; color:#989289; margin-top:2px; }
.sagqt-job-occupancy > .sagq-button { grid-column:1/-1; justify-self:end; }

/* Creación y reservas */
.sagqt-reservation-builder { margin-top:14px; }
.sagqt-visibility-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.sagqt-visibility-options label { display:flex; gap:8px; align-items:flex-start; padding:10px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03); cursor:pointer; }
.sagqt-visibility-options span { display:flex; flex-direction:column; }.sagqt-visibility-options small { color:#aaa49a; font-size:10px; line-height:1.35; }
.sagqt-public-capacity, .sagqt-reserve-picker { margin-top:12px; }
.sagqt-public-capacity label, .sagqt-reserve-picker > label { display:block; margin-bottom:5px; font-weight:700; }
.sagqt-public-capacity select { max-width:250px; }
.sagqt-public-capacity small, .sagqt-reserve-picker > small { display:block; margin-top:4px; color:#aaa49a; font-size:10px; }
.sagqt-user-autocomplete { position:relative; max-width:430px; }
.sagqt-user-suggestions { position:absolute; z-index:20; left:0; right:0; top:100%; border:1px solid rgba(255,255,255,.16); background:#1e1e1e; box-shadow:0 10px 20px rgba(0,0,0,.4); }
.sagqt-user-suggestion { display:block; width:100%; padding:8px 10px; border:0; border-bottom:1px solid rgba(255,255,255,.07); background:transparent; color:#eee; text-align:left; cursor:pointer; }
.sagqt-user-suggestion:hover { background:rgba(255,255,255,.08); }
.sagqt-reserved-users { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.sagqt-reserved-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 6px 5px 9px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.04); }
.sagqt-reserved-chip button { border:0; background:transparent; color:#bbb; font-size:17px; line-height:1; cursor:pointer; }
.sagqt-quota-state { margin-top:8px; padding:7px 9px; border-left:3px solid #738c70; background:rgba(92,139,91,.08); font-size:10px; }
.sagqt-quota-state.is-closed { border-color:#a76058; background:rgba(152,82,74,.09); color:#e0aca6; }

@media (max-width:1100px) {
 .sagqt-filter-line { grid-template-columns:1fr; align-items:stretch; }
 .sagqt-filter-row { flex-wrap:wrap; }
 .sagqt-filter-actions { justify-content:flex-end; }
 .sagqt-task-row { grid-template-columns:minmax(240px,1fr) 120px minmax(200px,.8fr); }
 .sagqt-card-action { grid-column:1/-1; justify-content:flex-end; }
 .sagqt-job-row { grid-template-columns:1fr 1fr; }.sagqt-job-occupancy { grid-column:1/-1; }
}
@media (max-width:760px) {
 .sagqt-mission-entry { position:static; display:flex; justify-content:center; margin:-8px 0 15px; }
 .sagqt-page-nav { align-items:stretch; flex-direction:column; }.sagqt-page-nav-actions { margin-left:0; flex-wrap:wrap; }
 .sagqt-task-row { grid-template-columns:1fr; }.sagqt-task-reward { border:0; border-top:1px dashed rgba(71,52,31,.25); border-bottom:1px dashed rgba(71,52,31,.25); }
 .sagqt-card-action { grid-column:auto; }.sagqt-capacity-foot { flex-direction:column; gap:2px; }
 .sagqt-job-detail-roster, .sagqt-job-row { grid-template-columns:1fr; }
 .sagqt-jobs-heading { padding-right:0; }.sagqt-jobs-heading > .sagq-button { position:static; transform:none; margin-top:10px; }
 .sagqt-job-conditions { grid-template-columns:1fr; }.sagqt-visibility-options { grid-template-columns:1fr; }
}
.sagqt-job-conditions div { border:0; border-left:1px solid rgba(255,255,255,.1); background:transparent; padding:5px 10px; }
.sagqt-job-conditions div:first-child { border-left:0; }

/* ========================================================================
   SAG Quest (Task) 1.7.0 · reajuste visual y responsive
   ======================================================================== */
.sagqt-list-page,
.sagqt-detail-page,
.sagqt-jobs-page,
.sagqt-action-page { font-size: 11px; }
.sagqt-list-page *,
.sagqt-detail-page *,
.sagqt-jobs-page *,
.sagqt-action-page * { box-sizing: border-box; }

/* Acceso desde el Tablón de misiones, alineado visualmente con su encabezado. */
.sagqt-mission-entry { position:absolute; z-index:12;     top: -103px;
    right: -6px; margin:0; }
.sagqt-mission-list-button.sagq-button {
    min-height:40px; padding:9px 15px; gap:8px;
    color:#ece7dd !important; background:linear-gradient(180deg,#302e2b,#171716);
    border:1px solid rgba(202,167,102,.46); box-shadow:0 5px 14px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.04);
}
.sagqt-mission-list-button.sagq-button:hover { color:#171411 !important; background:var(--sagq-accent,#d0aa68); border-color:var(--sagq-accent,#d0aa68); }
.sagqt-mission-list-button .fa-lightbulb-o { color:#e6bb60; font-size:17px; }
.sagqt-mission-list-button:hover .fa-lightbulb-o { color:#171411; }
.sagqt-mission-list-button .sagqt-nav-arrow { margin-left:3px; opacity:.72; transition:transform .18s ease,opacity .18s ease; }
.sagqt-mission-list-button:hover .sagqt-nav-arrow { opacity:1; transform:translateX(3px); }

/* Navegación propia. */
.sagqt-page-nav { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 16px; }
.sagqt-page-nav-actions { display:flex; align-items:center; gap:4px; margin-left:auto; }
.sagqt-page-nav .sagq-button { display:inline-flex; align-items:center; gap:6px; }
.sagqt-page-nav .game-icon { font-size:18px; }

/* Buscador: campo completo arriba, filtros y acciones abajo. */
.sagqt-searchbar.sagq-filters { display:block !important; padding:13px !important; margin:0 0 15px !important; }
.sagqt-search-row { width:100%; }
.sagqt-filter-search,
.sagqt-searchbar .sagq-filter-search { width:100% !important; max-width:none !important; min-width:0; }
.sagqt-filter-search > div { width:100%; }
.sagqt-filter-search input { width:100% !important; max-width:none !important; }
.sagqt-filter-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; }
.sagqt-filter-row { display:flex; flex:1 1 auto; align-items:center; flex-wrap:wrap; gap:5px; min-width:0; }
.sagqt-filter-option { min-height:34px; padding:6px 10px; display:inline-flex; align-items:center; justify-content:center; color:#d6d0c6; font-size:11px; white-space:nowrap; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.12); border-radius:2px; }
.sagqt-filter-option:hover,
.sagqt-filter-option.is-active { color:#171411; background:var(--sagq-accent,#caa45f); border-color:var(--sagq-accent,#caa45f); text-decoration:none; }
.sagqt-filter-actions { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; gap:5px; white-space:nowrap; }
.sagqt-filter-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* Libreta reparada. */
.sagqt-notebook {
    position:relative; isolation:isolate; overflow:hidden; min-height:230px; padding:23px 22px 23px 44px;
    color:#332b22; border:1px solid #9d8768; border-radius:5px;
    background:
      linear-gradient(90deg,transparent 0,transparent 34px,rgba(157,72,59,.31) 35px,rgba(157,72,59,.31) 36px,transparent 37px),
      repeating-linear-gradient(180deg,transparent 0,transparent 28px,rgba(105,91,69,.12) 29px,rgba(105,91,69,.12) 30px),
      linear-gradient(145deg,#d9c9a7 0%,#cdbd98 52%,#dacdad 100%);
    box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 0 44px rgba(82,60,33,.12);
}
.sagqt-notebook::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.18),transparent 29%),radial-gradient(circle at 87% 78%,rgba(80,54,27,.07),transparent 33%); }
.sagqt-notebook-rings { position:absolute; left:10px; top:18px; bottom:18px; display:flex; flex-direction:column; justify-content:space-around; }
.sagqt-notebook-rings span { width:18px; height:7px; display:block; background:#a79a83; border:2px solid #665b4c; border-left:0; border-radius:0 8px 8px 0; box-shadow:1px 1px 2px rgba(0,0,0,.25); }
.sagqt-task-list { display:flex; flex-direction:column; gap:8px; }
.sagqt-task-row {
    display:grid; grid-template-columns:minmax(300px,1fr) minmax(170px,190px) minmax(235px,.72fr) auto;
    align-items:center; gap:14px; min-height:112px; padding:11px 12px;
    color:#302920; background:rgba(248,239,215,.43); border:1px solid rgba(78,60,39,.28); border-left:4px solid rgba(94,68,36,.58); border-radius:3px; box-shadow:0 2px 5px rgba(70,50,25,.11);
}
.sagqt-task-row:hover { background:rgba(252,246,229,.66); border-color:rgba(78,60,39,.46); }
.sagqt-task-copy { min-width:0; }
.sagqt-task-row h2 { margin:0 0 4px; font:700 16px/1.2 var(--f-titles,Cinzel,serif); }
.sagqt-task-row h2 a { color:#2d261e; }
.sagqt-card-description { max-height:33px; overflow:hidden; color:#4d4336; font-size:11px; line-height:1.45; }
.sagqt-card-description p { margin:0; }
.sagqt-task-deadline { display:flex; align-items:center; flex-wrap:wrap; gap:4px 9px; margin-top:6px; color:#665541; font-size:10px; line-height:1.35; }
.sagqt-task-deadline > i { color:#7b5a36; }
.sagqt-task-deadline span + span::before { content:"·"; margin-right:8px; color:#8c795f; }

/* Recompensa compacta y sin cortes. */
.sagqt-task-reward { min-width:0; padding:7px 11px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; text-align:left; border-left:1px dashed rgba(71,52,31,.25); border-right:1px dashed rgba(71,52,31,.25); }
.sagqt-task-reward > small { color:#6d5a43; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.sagqt-reward-total { display:flex; align-items:baseline; gap:6px; margin-top:2px; }
.sagqt-reward-total strong { color:#4c3217; font:700 25px/1 var(--f-titles,Cinzel,serif); }
.sagqt-reward-total span { color:#4f4437; font-size:11px; font-weight:700; }
.sagqt-reward-split { width:100%; display:flex; flex-direction:column; gap:2px; margin-top:7px; color:#665641; font-size:10px; line-height:1.3; }
.sagqt-reward-split span { display:block; overflow-wrap:anywhere; }
.sagqt-reward-split b { color:#3d2d1e; }
.sagqt-reward-split.is-job { color:#5b5042; }

/* Progreso: objetivo y plazas extra en una barra continua con marcas por tema. */
.sagqt-capacity-plan { min-width:0; padding:3px 0; }
.sagqt-capacity-summary { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-bottom:7px; }
.sagqt-capacity-summary span { min-width:0; display:flex; flex-direction:column; }
.sagqt-capacity-summary small { color:#705c43; font-size:10px; }
.sagqt-capacity-summary strong { color:#342719; font-size:12px; line-height:1.25; }
.sagqt-capacity-summary .is-extra { text-align:right; opacity:.77; }
.sagqt-capacity-track { position:relative; display:flex; gap:0; height:16px; padding:2px; overflow:hidden; background:rgba(77,57,34,.12); border:1px solid rgba(71,52,31,.37); border-radius:9px; }
.sagqt-capacity-zone { position:relative; min-width:10px; display:block; overflow:hidden; background:rgba(78,58,35,.16); }
.sagqt-capacity-zone:first-child { border-radius:6px 0 0 6px; }
.sagqt-capacity-zone:nth-last-child(2) { border-radius:0 6px 6px 0; }
.sagqt-capacity-zone.is-goal { background:rgba(104,75,42,.22); box-shadow:inset -2px 0 0 rgba(59,42,25,.38); }
.sagqt-capacity-zone.is-extra { background:repeating-linear-gradient(135deg,rgba(79,60,38,.08),rgba(79,60,38,.08) 5px,rgba(255,255,255,.12) 5px,rgba(255,255,255,.12) 10px); }
.sagqt-capacity-zone i { position:absolute; inset:0 auto 0 0; display:block; background:linear-gradient(90deg,#79562d,#a37b43); }
.sagqt-capacity-zone.is-extra i { background:linear-gradient(90deg,#82745f,#a09278); }
.sagqt-capacity-ticks { position:absolute; inset:2px; z-index:4; pointer-events:none; background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(54,39,24,.48) calc(100% - 1px)); background-repeat:repeat-x; background-size:calc(100% / var(--slot-count)) 100%; }
.sagqt-capacity-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 10px; margin-top:6px; color:#655541; font-size:10px; line-height:1.3; }
.sagqt-capacity-foot b { color:#372a1b; }

.sagqt-card-action { min-width:100px; display:flex; justify-content:flex-end; }
.sagqt-card-action .sagq-button { max-width:100%; white-space:nowrap; }

/* Detalle: mismas superficies oscuras que SAG Quest, sin celdas azuladas. */
.sagqt-detail-grid { align-items:start; }
.sagqt-brief-card { min-height:300px; display:flex; flex-direction:column; padding:18px !important; background:rgba(16,16,17,.78) !important; }
.sagqt-brief-copy { flex:1 1 auto; min-height:0; }
.sagqt-brief-copy h2,
.sagqt-section-card h2,
.sagqt-side-card h2 { margin:0 0 12px; color:var(--title2,#e0e0e0); }
.sagqt-detail-description { padding:0 !important; color:#d1ccc3 !important; font-size:12px; line-height:1.62; background:none !important; border:0 !important; }
.sagqt-detail-description p:first-child { margin-top:0; }
.sagqt-detail-description p:last-child { margin-bottom:0; }
.sagqt-inline-action { min-height:68px; margin-top:18px; padding:13px 14px; display:flex; align-items:center; justify-content:space-between; gap:14px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.08); border-left:3px solid var(--sagq-accent,#caa45f); }
.sagqt-inline-action > div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.sagqt-inline-action strong { color:#e5dfd5; font-size:12px; }
.sagqt-inline-action span { color:#aaa49a; font-size:11px; line-height:1.4; }
.sagqt-inline-action .is-disabled { opacity:.72; }
.sagqt-inline-action .sagq-button { flex:0 0 auto; }
.sagqt-section-card,
.sagqt-side-card { padding:16px !important; background:rgba(16,16,17,.78) !important; }
.sagqt-detail-state { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:9px; }
.sagqt-detail-state > span { padding:4px 8px; display:inline-flex; color:#cfc8bc; font-size:10px; letter-spacing:.05em; text-transform:uppercase; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.12); }
.sagqt-dark-chips { display:flex; flex-wrap:wrap; gap:7px; }
.sagqt-dark-chips span { padding:7px 9px; color:#c7c0b5; font-size:11px; background:rgba(255,255,255,.028); border:1px solid rgba(255,255,255,.09); }
.sagqt-dark-chips .is-met { color:#abd0ae; border-color:rgba(109,153,112,.32); }
.sagqt-dark-chips .is-missing { color:#dda8a1; border-color:rgba(166,94,84,.34); }
.sagqt-topic-list { display:flex; flex-direction:column; gap:7px; }
.sagqt-topic-row { grid-template-columns:36px minmax(0,1fr) auto !important; align-items:center; gap:9px; padding:9px 10px !important; }
.sagqt-topic-state { width:31px; height:31px; display:flex; align-items:center; justify-content:center; color:var(--sagq-accent,#caa45f); background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.1); }
.sagqt-topic-row small { display:block; margin-top:2px; color:#9f998f; font-size:10px; }
.sagqt-job-detail-roster { display:grid; grid-template-columns:minmax(130px,.55fr) minmax(180px,1fr) auto; align-items:center; gap:14px; margin-bottom:13px; padding:12px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.07); }
.sagqt-owner,
.sagqt-roster-copy { display:flex; flex-direction:column; gap:3px; }
.sagqt-owner small,
.sagqt-roster-copy small { color:#969087; font-size:10px; text-transform:uppercase; }
.sagqt-roster-copy span { color:#aaa49a; font-size:10px; }
.sagqt-reserved-slots { display:flex; flex-wrap:wrap; gap:4px; }
.sagqt-reserved-slots > span { width:31px; height:31px; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#bbb4a8; background:rgba(255,255,255,.035); border:1px dashed rgba(255,255,255,.19); }
.sagqt-reserved-slots > span.is-reserved { border-style:solid; }
.sagqt-reserved-slots img { width:100% !important; height:100% !important; object-fit:cover; }
.sagqt-reward-card { padding:17px !important; text-align:left; background:linear-gradient(145deg,rgba(47,39,28,.48),rgba(13,13,14,.83)) !important; }
.sagqt-reward-card > span { color:#aaa49a; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.sagqt-reward-card > div { display:flex; align-items:baseline; gap:7px; margin-top:3px; }
.sagqt-reward-card > div strong { color:var(--sagq-accent,#caa45f); font:700 37px/1.05 var(--f-titles,Cinzel,serif); }
.sagqt-reward-card > div small { color:#aaa49a; font-size:10px; }
.sagqt-reward-card ul { margin:13px 0 0; padding:11px 0 0; list-style:none; border-top:1px solid rgba(255,255,255,.09); }
.sagqt-reward-card li { display:flex; align-items:baseline; gap:7px; padding:3px 0; color:#cfc9bf; font-size:11px; }
.sagqt-reward-card li b { min-width:30px; color:#e7dfd1; }
.sagqt-reward-card p { margin:13px 0 0; padding-top:11px; color:#cfc9bf; font-size:11px; border-top:1px solid rgba(255,255,255,.09); }
.sagqt-facts { margin:0; }
.sagqt-facts div { padding:9px 0; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; background:none !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.07) !important; }
.sagqt-facts div:last-child { border-bottom:0 !important; }
.sagqt-facts dt { color:#aaa49a; font-size:11px; }
.sagqt-facts dd { margin:0; color:#ece6dc; font-size:11px; font-weight:700; text-align:right; }

/* Directorio de Empleos: estructura horizontal anterior, con tonos oscuros. */
.sagqt-jobs-heading { margin-bottom:8px; padding-right:0 !important; }
.sagqt-jobs-actions { display:flex; justify-content:flex-end; margin:0 0 13px; }
.sagqt-job-directory { display:flex; flex-direction:column; gap:9px; }
.sagqt-job-row {
    display:grid !important; grid-template-columns:58px minmax(250px,1fr) minmax(250px,.85fr) minmax(205px,.7fr) !important;
    align-items:center; gap:14px; min-width:0; margin:0; padding:13px 14px !important;
    background:linear-gradient(90deg,rgba(234,211,162,.045),rgba(255,255,255,.012)) !important;
    border:1px solid rgba(255,255,255,.08) !important; border-left:3px solid transparent !important;
}
.sagqt-job-row.is-my-job { border-left-color:var(--sagq-accent,#caa45f) !important; background: #caa45f14 !important; }
.sagqt-job-icon { width:50px; height:50px; display:flex; align-items:center; justify-content:center; overflow:hidden; color:var(--sagq-accent,#caa45f); font-size:24px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.11); }
.sagqt-job-icon img { width:100%; height:100%; object-fit:cover; }
.sagqt-job-copy { min-width:0; }
.sagqt-job-title-line {     display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    height: 20px;
    margin-bottom: 5px; }
.sagqt-job-title-line h2 { margin:0; color:#eee8dd; font-size:17px; padding: 0 !important;}
.sagqt-my-job-label { padding:3px 6px; color:#d7c39d; font-size:10px; text-transform:uppercase; background:rgba(202,164,95,.09); border:1px solid rgba(202,164,95,.25); }
.sagqt-job-description { max-height:54px; overflow:hidden; color:#bdb7ad !important; font-size:11px; line-height:1.45; }
.sagqt-job-terms { min-width:0; margin:0; }
.sagqt-job-terms > div { min-width:0; padding:6px 0; display:flex; justify-content:space-between; align-items:baseline; gap:10px; border-bottom:1px solid rgba(255,255,255,.07); }
.sagqt-job-terms > div:last-child { border-bottom:0; }
.sagqt-job-terms dt { color:#99938a; font-size:10px; }
.sagqt-job-terms dd { margin:0; color:#e1dbd1; font-size:11px; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.sagqt-job-terms dd small { color:#aaa49a; font-size:10px; font-weight:400; }
.sagqt-job-occupancy { min-width:0; padding-left:13px; display:flex !important; flex-direction:column; align-items:flex-end; gap:7px; border-left:1px solid rgba(255,255,255,.08) !important; }
.sagqt-job-capacity-line { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.sagqt-job-capacity-line strong { color:#ece6dc; font-size:17px; }
.sagqt-job-capacity-line strong b { color:#969087; font-size:12px; }
.sagqt-job-capacity-line span { padding:3px 5px; font-size:10px; text-transform:uppercase; }
.sagqt-job-capacity-line .is-open { color:#b7d0b7; background:rgba(92,139,91,.13); }
.sagqt-job-capacity-line .is-full { color:#d6aaa4; background:rgba(152,82,74,.14); }
.sagqt-worker-slots { max-width:100%; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:4px; }
.sagqt-worker-slot { width:32px !important; height:32px !important; min-width:32px !important; max-width:32px !important; min-height:32px !important; max-height:32px !important; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#bcb5aa; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.15); border-radius:1px !important; }
.sagqt-worker-slot img { width:100% !important; height:100% !important; object-fit:cover; }
.sagqt-worker-slot.is-empty { background:rgba(255,255,255,.012); border-style:dashed; }
.sagqt-job-minimum { margin:0; color:#8e8880; font-size:10px; text-align:right; }
.sagqt-job-member-state { width:100%; display:flex; flex-direction:column; align-items:flex-end; gap:2px; color:#c9c1b4; font-size:10px; }
.sagqt-job-member-state small { color:#918b83; font-size:8px; }
.sagqt-job-create-link.sagq-button,
.sagqt-job-occupancy > .sagq-button { width:auto !important; max-width:100%; align-self:flex-end; white-space:normal; text-align:center; }
.sagqt-job-occupancy .sagq-action-disabled { max-width:100%; text-align:right; }

/* Crear Tarea: solo negros, grises cálidos y el acento de SAG Quest. */
.sagqt-action-shell { background:rgba(15,15,15,.68) !important; }
.sagqt-action-panel { color:#c9c3b9; background:rgba(16,16,17,.93) !important; border:1px solid rgba(255,255,255,.08) !important; }
.sagqt-action-panel h1 { color:#eee8dd; }
.sagqt-action-panel > p { color:#aaa49a; }
.sagqt-selected-job,
.sagqt-job-choice { color:#d5cfc5; background:rgba(234,211,162,.035) !important; border-color:rgba(234,211,162,.15) !important; }
.sagqt-selected-job-icon { color:#171411; background:var(--sagq-accent,#caa45f) !important; }
.sagqt-job-choice.is-selected { background:rgba(234,211,162,.075) !important; border-color:var(--sagq-accent,#caa45f) !important; }
.sagqt-preset-preview,
.sagqt-reservation-builder { background:rgba(255,255,255,.02) !important; border-color:rgba(255,255,255,.08) !important; }
.sagqt-visibility-options label { background:rgba(255,255,255,.025) !important; border-color:rgba(255,255,255,.09) !important; }
.sagqt-quota-state { color:#cfc7ba; background:rgba(202,164,95,.055) !important; border-left-color:var(--sagq-accent,#caa45f) !important; }
.sagqt-quota-state.is-closed { color:#dca9a2; background:rgba(152,82,74,.09) !important; border-left-color:#a76058 !important; }
.sagqt-panel input[type="text"],
.sagqt-panel input[type="url"],
.sagqt-panel textarea,
.sagqt-panel select { color:#e5dfd5 !important; background:#171717 !important; border-color:rgba(255,255,255,.12) !important; }
.sagqt-action-button,
.sagqt-back-button { color:#ddd6cb !important; background:#121212 !important; border-color:rgba(255,255,255,.13) !important; }
.sagqt-action-button:hover,
.sagqt-action-button.is-primary { color:#171411 !important; background:var(--sagq-accent,#caa45f) !important; border-color:var(--sagq-accent,#caa45f) !important; }

@media (max-width:1120px) {
    .sagqt-task-row { grid-template-columns:minmax(280px,1fr) 175px minmax(220px,.8fr); }
    .sagqt-card-action { grid-column:1/-1; justify-content:flex-end; padding-top:7px; border-top:1px dashed rgba(71,52,31,.2); }
    .sagqt-job-row { grid-template-columns:54px minmax(230px,1fr) minmax(240px,.9fr) !important; }
    .sagqt-job-occupancy { grid-column:2/-1; padding:10px 0 0 !important; align-items:flex-start; border-left:0 !important; border-top:1px solid rgba(255,255,255,.07); }
    .sagqt-worker-slots,
    .sagqt-job-capacity-line { justify-content:flex-start; }
    .sagqt-job-member-state { align-items:flex-start; }
    .sagqt-job-create-link.sagq-button { align-self:flex-start; }
}
@media (max-width:820px) {
    .sagqt-mission-entry { position:static; display:flex; justify-content:flex-end; margin:-7px 0 15px; }
    .sagqt-page-nav { align-items:stretch; flex-direction:column; }
    .sagqt-page-nav-actions { margin-left:0; flex-wrap:wrap; }
    .sagqt-filter-bottom { align-items:stretch; flex-direction:column; }
    .sagqt-filter-actions { justify-content:flex-end; }
    .sagqt-task-row { grid-template-columns:minmax(0,1fr) 170px; }
    .sagqt-capacity-plan { grid-column:1/-1; }
    .sagqt-detail-grid { grid-template-columns:1fr !important; }
    .sagqt-job-row { grid-template-columns:50px minmax(0,1fr) !important; }
    .sagqt-job-terms,
    .sagqt-job-occupancy { grid-column:1/-1; }
    .sagqt-job-occupancy { align-items:flex-start; }
}
@media (max-width:620px) {
    .sagqt-notebook { padding:14px; }
    .sagqt-notebook-rings { display:none; }
    .sagqt-task-row { grid-template-columns:1fr; gap:10px; }
    .sagqt-task-reward { padding:8px 0; border:0; border-top:1px dashed rgba(71,52,31,.24); border-bottom:1px dashed rgba(71,52,31,.24); }
    .sagqt-card-action { grid-column:auto; }
    .sagqt-card-action .sagq-button { width:100%; }
    .sagqt-capacity-summary,
    .sagqt-capacity-foot { align-items:flex-start; flex-direction:column; }
    .sagqt-capacity-summary .is-extra { text-align:left; }
    .sagqt-inline-action { align-items:stretch; flex-direction:column; }
    .sagqt-inline-action .sagq-button { width:100%; }
    .sagqt-job-detail-roster { grid-template-columns:1fr; }
    .sagqt-job-row { grid-template-columns:1fr !important; }
    .sagqt-job-icon { width:44px; height:44px; }
    .sagqt-job-terms > div { align-items:flex-start; flex-direction:column; gap:3px; }
    .sagqt-job-terms dd { text-align:left; }
    .sagqt-job-occupancy { grid-column:auto; }
}


/* v1.8.0 — pulido visual inspirado en SAG Quest */
.sagqt-mission-entry { position:absolute; top: -103px;
    right: -6px; margin:0; z-index:10; }
.sagqt-mission-list-button.sagq-button {
  min-height:40px; padding:9px 16px; color:#e8e0d2 !important;
  background:linear-gradient(180deg,#2e2c29,#161514);
  border:1px solid rgba(202,167,102,.44);
  box-shadow:0 4px 14px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.04);
}
.sagqt-mission-list-button.sagq-button:hover { color:#171411 !important; background:var(--accent1,#ead3a2); border-color:var(--accent1,#ead3a2); }
.sagqt-board-heading { padding-right:235px; }
.sagqt-page-nav { margin:0 0 18px; }
.sagqt-page-nav-actions { gap:6px; }
.sagqt-page-nav .sagq-button { background:rgba(255,255,255,.03); }

.sagqt-notebook {
  overflow:visible; min-height:0; padding:24px 22px 24px 52px;
  border:1px solid #8e795b; border-radius:3px;
  background:
    linear-gradient(90deg, transparent 0, transparent 36px, rgba(156,73,59,.26) 37px, rgba(156,73,59,.26) 38px, transparent 39px),
    repeating-linear-gradient(180deg, transparent 0, transparent 33px, rgba(116,99,73,.14) 34px, rgba(116,99,73,.14) 35px),
    linear-gradient(180deg, #cdbd99 0%, #c6b589 100%);
  box-shadow:0 12px 30px rgba(0,0,0,.32), inset 0 0 28px rgba(73,52,28,.12);
}
.sagqt-notebook::before {
  content:""; position:absolute; inset:10px 10px 10px 46px; pointer-events:none; border:1px solid rgba(255,255,255,.10); opacity:.6;
}
.sagqt-notebook-rings { left:-11px; top:18px; bottom:18px; width:36px; }
.sagqt-notebook-rings span {
  width:24px; height:12px; margin-left:0;
  background:linear-gradient(180deg,#8f8a82,#5c5851);
  border:2px solid #403b34; border-right:0;
  border-radius:10px 0 0 10px;
  box-shadow:2px 2px 4px rgba(0,0,0,.28);
}
.sagqt-task-list { gap:10px; }
.sagqt-task-row {
    grid-template-columns: minmax(320px, 1fr) minmax(85px, 120px) minmax(210px, .58fr) auto;
    min-height: 108px;
    padding: 12px 13px;
    background: rgba(249, 241, 220, .46);
    border: 1px solid rgba(72, 57, 38, .24);
    border-left: 4px solid rgba(83, 61, 31, .52);
    border-radius: 2px;
}
.sagqt-task-row:hover { background:rgba(253,246,229,.72); }
.sagqt-card-topline { margin-bottom:2px; }
.sagqt-task-type { color:#645340; font-size:10px; }
.sagqt-status { padding:2px 6px; color:#3f3122; font-size:10px; background:rgba(255,255,255,.30); border:1px solid rgba(77,58,34,.18); }
.sagqt-task-row h2 { margin:0 0 5px; font-size:17px; }
.sagqt-card-description { max-height:34px; color:#493e31; font-size:11px; }
.sagqt-card-description * { font-size:inherit !important; }
.sagqt-job-origin { margin-top:5px; color:#5e5347; font-size:10px; }
.sagqt-job-origin a { color:#403427 !important; }

.sagqt-task-deadline { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; color:#5e5243; font-size:10px; }
.sagqt-task-deadline > span {
  display:inline-flex; align-items:center; gap:4px; padding:3px 6px;
  background:rgba(255,255,255,.34); border:1px solid rgba(83,62,34,.14); border-radius:2px;
}
.sagqt-task-deadline > span::before { content:none !important; }
.sagqt-task-deadline > span i { color:#755633; }

.sagqt-task-reward {
  align-items:center; justify-content:center; text-align:center;
  border-left:1px dashed rgba(71,52,31,.22); border-right:1px dashed rgba(71,52,31,.22);
}
.sagqt-task-reward > small { width:100%; text-align:center; }
.sagqt-reward-total { justify-content:center; width:100%; }
.sagqt-reward-total strong { font-size:26px; }
.sagqt-reward-total span { font-size:11px; }
.sagqt-reward-split-cards {
  width:100%; display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:7px;
}
.sagqt-reward-split-cards > span {
  min-width:0; padding:7px 6px 6px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  background:rgba(255,255,255,.28); border:1px solid rgba(78,59,34,.15); border-radius:2px;
}
.sagqt-reward-split-cards b { color:#3f2f1e; font-size:16px; line-height:1; }
.sagqt-reward-split-cards small { color:#6c5b46; font-size:10px; line-height:1.2; text-align:center; }

.sagqt-capacity-plan { padding:2px 0; }
.sagqt-capacity-summary { margin-bottom:6px; gap:12px; }
.sagqt-capacity-summary small { font-size:12px; color:#715d44; }
.sagqt-capacity-summary strong { font-size:12px; color:#322618; }
.sagqt-capacity-summary .is-extra { text-align:right; }
.sagqt-capacity-track {
  position:relative; height:18px; padding:2px; overflow:hidden;
  border:1px solid rgba(71,52,31,.34); border-radius:9px;
  background:rgba(77,57,34,.12);
}
.sagqt-capacity-zone { position:relative; background:rgba(79,60,38,.14); }
.sagqt-capacity-zone:first-child { border-radius:6px 0 0 6px; }
.sagqt-capacity-zone:last-of-type { border-radius:0 6px 6px 0; }
.sagqt-capacity-zone.is-goal { background:rgba(105,76,42,.22); }
.sagqt-capacity-zone.is-goal::after {
  content:""; position:absolute; top:0; bottom:0; right:0; width:2px; background:rgba(58,42,25,.35);
}
.sagqt-capacity-zone.is-extra { background:repeating-linear-gradient(135deg,rgba(79,60,38,.08),rgba(79,60,38,.08) 5px,rgba(255,255,255,.11) 5px,rgba(255,255,255,.11) 10px); }
.sagqt-capacity-zone.is-extra::after { display:none; }
.sagqt-capacity-zone i { inset:0 auto 0 0; background:linear-gradient(90deg,#7a572d,#a77d44); }
.sagqt-capacity-zone.is-extra i { background:linear-gradient(90deg,#827462,#a09179); }
.sagqt-capacity-ticks {
  position:absolute; top:2px; bottom:2px; left:2px; right:3px; z-index:4; pointer-events:none;
  background-image:linear-gradient(to right, transparent calc(100% - 1px), rgba(54,39,24,.42) calc(100% - 1px));
  background-repeat:repeat-x; background-size:calc((100% - 1px) / var(--slot-count)) 100%;
}
.sagqt-capacity-foot { gap:4px 8px; margin-top:5px; color:#645340; font-size:10px; }
.sagqt-capacity-foot b { color:#372a1b; }

.sagqt-brief-card { min-height:0; padding:17px !important; }
.sagqt-brief-copy h2,
.sagqt-section-card h2,
.sagqt-side-card h2 { font-size:17px; margin-bottom:10px; }
.sagqt-detail-description { line-height:1.6; }
.sagqt-inline-action {
  margin-top:14px; padding:12px 13px; background:rgba(255,255,255,.022);
  border:1px solid rgba(255,255,255,.08); border-left:3px solid var(--accent1,#ead3a2);
}
.sagqt-inline-action strong { font-size:12px; }
.sagqt-inline-action span { font-size:11px; }
.sagqt-section-card, .sagqt-side-card { padding:15px !important; }
.sagqt-facts div { padding:10px 0; }
.sagqt-facts dt, .sagqt-facts dd { font-size:11px; }
.sagqt-reward-card { text-align:center; }
.sagqt-reward-card > span { display:block; text-align:center; }
.sagqt-reward-card > div { justify-content:center; }
.sagqt-reward-card ul {
  display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; padding-top:12px;
}
.sagqt-reward-card li {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  padding:10px 8px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:2px;
}
.sagqt-reward-card li b { min-width:0; font-size:18px; color:#f0e7d7; }
.sagqt-reward-card li span { display:block; color:#aaa49a; font-size:10px; text-align:center; }

.sagqt-jobs-heading { margin-bottom:10px; }
.sagqt-jobs-actions { display:flex; justify-content:flex-end; margin:0 0 14px; }
.sagqt-job-directory { gap:10px; }
.sagqt-job-row {
  grid-template-columns:56px minmax(240px,1fr) minmax(235px,.85fr) minmax(205px,.68fr) !important;
  align-items:center; gap:14px; padding:14px !important;
  background:linear-gradient(90deg, rgba(255,255,255,.025), rgba(255,255,255,.01)) !important;
  border:1px solid rgba(255,255,255,.08) !important; border-left:3px solid transparent !important;
}
.sagqt-job-icon {
  width:52px; height:52px; background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.10);
}
.sagqt-job-title-line { margin-bottom:6px; }
.sagqt-job-title-line h2 { font-size:17px; }
.sagqt-my-job-label { align-self:center; }
.sagqt-job-description { max-height:none; color:#bbb4aa !important; }
.sagqt-job-terms {
  display:flex; flex-direction:column; gap:8px; min-width:0;
}
.sagqt-job-terms > div {
  padding:9px 10px; display:flex; justify-content:space-between; align-items:flex-start; gap:10px;
  background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.07);
}
.sagqt-job-terms dt { color:#9d968d; font-size:10px; }
.sagqt-job-terms dd { color:#e4ddd2; font-size:11px; font-weight:700; text-align:right; }
.sagqt-job-occupancy {
  gap:8px; padding-left:14px; border-left:1px solid rgba(255,255,255,.08) !important;
}
.sagqt-job-capacity-line strong { font-size:18px; }
.sagqt-job-capacity-line span { border:1px solid rgba(255,255,255,.08); }
.sagqt-worker-slots { gap:5px; }
.sagqt-job-member-state {
  width:100%; padding-top:6px; border-top:1px solid rgba(255,255,255,.06);
}
.sagqt-job-member-state span { text-align:right; }
.sagqt-job-member-state small { text-align:right; }
.sagqt-job-occupancy .sagq-action-disabled { width:100%; text-align:right; }

.sagqt-reservation-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start; margin-top:12px; }
.sagqt-public-capacity, .sagqt-reserve-picker { margin-top:0; }
.sagqt-public-capacity select, .sagqt-reserve-picker .sagqt-user-autocomplete { width:100%; max-width:none; }
.sagqt-public-capacity,
.sagqt-reserve-picker {
  padding:12px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.07);
}
.sagqt-reserve-picker > label, .sagqt-public-capacity > label { margin-bottom:6px; }

@media (max-width:1120px) {
  .sagqt-board-heading { padding-right:220px; }
  .sagqt-task-row { grid-template-columns:minmax(280px,1fr) 180px minmax(220px,.8fr); }
}
@media (max-width:920px) {
  .sagqt-job-row { grid-template-columns:52px minmax(0,1fr) !important; }
  .sagqt-job-terms, .sagqt-job-occupancy { grid-column:1/-1; }
  .sagqt-job-occupancy { padding:12px 0 0; border-left:0 !important; border-top:1px solid rgba(255,255,255,.07); align-items:flex-start; }
  .sagqt-worker-slots, .sagqt-job-capacity-line { justify-content:flex-start; }
  .sagqt-job-member-state span, .sagqt-job-member-state small { text-align:left; }
}
@media (max-width:820px) {
  .sagqt-mission-entry { position:static; display:flex; justify-content:flex-end; margin:-4px 0 14px; }
  .sagqt-board-heading { padding-right:0; }
  .sagqt-task-row { grid-template-columns:minmax(0,1fr) 180px; }
}
@media (max-width:700px) {
  .sagqt-reward-card ul { grid-template-columns:1fr; }
  .sagqt-reservation-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .sagqt-notebook { padding:16px; }
  .sagqt-notebook::before, .sagqt-notebook-rings { display:none; }
  .sagqt-task-row { grid-template-columns:1fr; }
  .sagqt-task-reward { border:0; border-top:1px dashed rgba(71,52,31,.24); border-bottom:1px dashed rgba(71,52,31,.24); }
  .sagqt-reward-split-cards { grid-template-columns:1fr 1fr; }
}

/* v1.9.0 — ajustes visuales y de lectura */

/* El encabezado de la Lista de Tareas conserva todo su ancho. */
.sagqt-board-heading {
    width: 100%;
    padding-right: 0 !important;
}

/* Reparto compacto: una única cifra por mitad. */
.sagqt-reward-half {
    width: 100%;
    margin-top: 7px;
    padding: 7px 7px 6px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "amount caption"
        "labels labels";
    align-items: center;
    justify-content: center;
    column-gap: 6px;
    row-gap: 5px;
    background: rgba(255,255,255,.28);
    border: 1px solid rgba(78,59,34,.15);
    border-radius: 2px;
}
.sagqt-reward-half > strong {
    grid-area: amount;
    align-self: center;
    color: #3f2f1e;
    font: 700 18px/1 var(--f-titles, Cinzel, serif);
}
.sagqt-reward-half > small {
    grid-area: caption;
    align-self: center;
    color: #6c5b46;
    font-size: 10px;
    line-height: 1.1;
    text-align: left;
}
.sagqt-reward-half > div {
    grid-area: labels;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}
.sagqt-reward-half > div span {
    min-width: 0;
    padding: 3px 5px;
    color: #4e402f;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    background: rgba(255,255,255,.30);
    border: 1px solid rgba(78,59,34,.13);
    cursor: help;
}

/* Tema vinculado de una Tarea de Empleo. */
.sagqt-job-origin {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.sagqt-job-author {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.sagqt-topic-link-box {
    min-width: 0;
    max-width: 100%;
    padding: 4px 7px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #3f3326 !important;
    background: rgba(255,255,255,.34);
    border: 1px solid rgba(76,56,31,.20);
    border-radius: 2px;
}
.sagqt-topic-link-box span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sagqt-topic-link-box:hover {
    color: #21180f !important;
    background: rgba(255,255,255,.58);
    border-color: rgba(76,56,31,.38);
}
.sagqt-topic-link-box .fa-external-link {
    opacity: .62;
}

/* Encabezado del directorio de Empleos, igual al resto de cabeceras públicas. */
.sagqt-jobs-heading {
    width: 100%;
    margin: 18px 0 22px;
    padding: 0 !important;
    align-items: flex-end;
}
.sagqt-heading-copy {
    min-width: 0;
    flex: 1 1 auto;
}
.sagqt-jobs-heading .sagq-title {
    margin: 0;
}
.sagqt-jobs-heading .sagq-subtitle {
    margin-top: 6px;
}
.sagqt-jobs-actions {
    flex: 0 0 auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Directorio: más espacio para la ocupación y avatares mayores. */
.sagqt-job-row {
    grid-template-columns: 58px minmax(235px,1fr) minmax(235px,.82fr) minmax(270px,.82fr) !important;
}
.sagqt-job-occupancy {
    position: relative;
    min-height: 88px;
    justify-content: center;
}
.sagqt-job-owned-badge {
    align-self: flex-end;
    padding: 4px 7px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--accent1,#ead3a2);
    font: 700 10px/1.2 var(--f-mono,monospace);
    letter-spacing: .45px;
    text-transform: uppercase;
    background: rgba(234,211,162,.06);
    border: 1px solid rgba(234,211,162,.24);
}
.sagqt-worker-slots {
    width: 100%;
    gap: 6px;
}
.sagqt-worker-slot,
.sagqt-worker-slot img,
.sagqt-worker-slot span {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
}
.sagqt-worker-slot {
    font-size: 15px;
}
.sagqt-job-capacity-line {
    width: 100%;
}
.sagqt-job-member-state {
    margin-top: 1px;
}

/* Progreso y fechas en tarjetas, siguiendo el lenguaje interior de SAG Quest. */
.sagqt-progress-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.sagqt-progress-cards > div,
.sagqt-date-cards > div {
    min-width: 0;
    padding: 10px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.075);
    border-top: 2px solid rgba(234,211,162,.28);
}
.sagqt-progress-cards > div > i,
.sagqt-date-cards > div > i {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent1,#ead3a2);
    background: rgba(234,211,162,.055);
    border: 1px solid rgba(234,211,162,.12);
}
.sagqt-progress-cards span,
.sagqt-date-cards span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sagqt-progress-cards small,
.sagqt-date-cards small {
    color: #8f8a82;
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
}
.sagqt-progress-cards strong,
.sagqt-date-cards strong {
    color: #e5dfd5;
    font-size: 11px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.sagqt-date-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sagqt-form-error {
    margin: 0 0 16px;
}

@media (max-width: 1120px) {
    .sagqt-board-heading { padding-right: 0 !important; }
    .sagqt-job-row {
        grid-template-columns: 54px minmax(230px,1fr) minmax(230px,.9fr) !important;
    }
    .sagqt-job-occupancy {
        grid-column: 2 / -1;
        min-height: 0;
        padding: 11px 0 0 !important;
        align-items: flex-start;
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.07);
    }
    .sagqt-job-owned-badge { align-self: flex-start; }
    .sagqt-worker-slots,
    .sagqt-job-capacity-line { justify-content: flex-start; }
}

@media (max-width: 820px) {
    .sagqt-jobs-heading {
        align-items: stretch;
        flex-direction: column;
    }
    .sagqt-jobs-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .sagqt-reward-half { max-width: 260px; margin-right: auto; margin-left: auto; }
    .sagqt-progress-cards { grid-template-columns: 1fr; }
    .sagqt-worker-slot,
    .sagqt-worker-slot img,
    .sagqt-worker-slot span {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }
}

/* v1.10.0 — requisitos, reparto y empleos */

/* Reparto 50/50 con la composición de cifra central. */
.sagqt-reward-composition {
    width: 100%;
    margin-top: 8px;
    padding: 7px 6px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,.25);
    border: 1px solid rgba(78,59,34,.16);
    border-radius: 2px;
}
.sagqt-reward-composition > span {
    min-width: 0;
    color: #5d4933;
    font: 700 10px/1.15 var(--f-mono, "Space Mono", monospace);
    letter-spacing: .15px;
    text-transform: uppercase;
    cursor: help;
}
.sagqt-reward-composition > span.is-left { text-align: right; }
.sagqt-reward-composition > span.is-right { text-align: left; }
.sagqt-reward-composition > strong {
    color: #2f2418;
    font: 700 27px/1 var(--f-titles, Cinzel, serif);
    text-align: center;
}
.sagqt-reward-composition.is-detail {
    margin-top: 13px;
    padding: 12px 8px;
    background: rgba(255,255,255,.025);
    border-color: rgba(255,255,255,.085);
}
.sagqt-reward-composition.is-detail > span { color: var(--accent1,#ead3a2); }
.sagqt-reward-composition.is-detail > strong {
    color: var(--title2,#e0e0e0);
    font-size: 34px;
}

/* El acceso de participación vive en su propia tarjeta. */
.sagqt-action-card { padding: 0 !important; }
.sagqt-action-card:has(.sagqt-inline-action:empty) { display: none; }
.sagqt-action-card .sagqt-inline-action {
    min-height: 72px;
    margin: 0;
    padding: 14px 16px;
    background: transparent;
    border: 0;
    border-left: 3px solid var(--accent1,#ead3a2);
}
.sagqt-brief-card { min-height: 180px; }

/* Origen y tema vinculado de las Tareas de Empleo. */
.sagqt-detail-origin {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
}
.sagqt-detail-topic-link {
    max-width: min(520px,100%);
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--title3,#bdbdbd) !important;
    font-size: 11px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.08);
}
.sagqt-detail-topic-link i { color: var(--accent1,#ead3a2); }
.sagqt-detail-topic-link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sagqt-detail-topic-link:hover {
    color: #111 !important;
    background: var(--accent1,#ead3a2);
    border-color: var(--accent1,#ead3a2);
}
.sagqt-detail-topic-link:hover i { color: #111; }
.sagqt-linked-topic-card {
    grid-template-columns: 24px minmax(0,1fr) !important;
}
.sagqt-linked-topic-card > i { color: var(--accent1,#ead3a2); }
.sagqt-linked-topic-card span { min-width: 0; }
.sagqt-linked-topic-card strong,
.sagqt-linked-topic-card small { display: block; }
.sagqt-linked-topic-card strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sagqt-linked-topic-card small { margin-top: 3px; }
.sagqt-topic-link-box .fa-external-link { display: none; }

/* Requisitos: misma construcción visual que SAG Quest. */
.sagqt-requirements-card .sagq-help { margin: 0 0 15px; }
.sagqt-requirements-card .sagq-check-list { margin-top: 0; }
.sagqt-requirements-card .sagq-check { padding: 11px; }
.sagqt-requirements-card .sagq-value-comparison b { font-size: 18px; }

/* Reglas de vinculación representadas en dos tarjetas. */
.sagqt-link-rule-cards {
    margin: 16px 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}
.sagqt-link-rule-cards > div {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    text-align: left;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.08);
    border-left: 3px solid var(--accent1,#ead3a2);
}
.sagqt-link-rule-cards > div > i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent1,#ead3a2);
    background: rgba(234,211,162,.055);
    border: 1px solid rgba(234,211,162,.12);
}
.sagqt-link-rule-cards span { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sagqt-link-rule-cards small {
    color: #8f8a82;
    font: 700 10px/1.25 var(--f-mono,"Space Mono",monospace);
    text-transform: uppercase;
}
.sagqt-link-rule-cards strong { color: var(--title2,#e0e0e0); font-size: 12px; }
.sagqt-link-rule-cards em { color: #aaa49a; font-size: 10px; font-style: normal; }

/* Empleos: tres condiciones a la misma altura y mayor presencia de las plazas. */
.sagqt-jobs-heading {
    width: 100%;
    margin: 18px 0 22px;
    padding: 0 !important;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}
.sagqt-jobs-actions { flex: 0 0 auto; margin: 0; }
.sagqt-job-row {
    position: relative;
    grid-template-columns: 58px minmax(230px,1fr) minmax(390px,1.25fr) minmax(235px,.72fr) !important;
    min-height: 132px;
    padding: 16px !important;
}
.sagqt-job-row.is-my-job { padding-top: 23px !important; }
.sagqt-job-owned-badge {
    position: absolute;
    z-index: 2;
    top: -1px;
    right: 14px;
    padding: 5px 9px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #171411;
    font: 700 10px/1 var(--f-mono,"Space Mono",monospace);
    letter-spacing: .35px;
    text-transform: uppercase;
    background: var(--accent1,#ead3a2);
    border: 1px solid var(--accent1,#ead3a2);
}
.sagqt-job-icon { width: 56px; height: 56px; }
.sagqt-job-terms {
    min-width: 0;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
}
.sagqt-job-terms > div {
    min-width: 0;
    min-height: 94px;
    padding: 10px 8px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center;
    background: rgba(255,255,255,.024) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
}
.sagqt-job-terms dt {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #99938a;
    font-size: 10px;
    text-transform: uppercase;
}
.sagqt-job-terms dt i { color: var(--accent1,#ead3a2); font-size: 17px; }
.sagqt-job-terms dd {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: #e5dfd5;
    text-align: center;
}
.sagqt-job-terms dd strong {
    color: var(--title2,#e0e0e0);
    font: 700 20px/1 var(--f-titles,Cinzel,serif);
}
.sagqt-job-terms dd small {
    color: #9c968d;
    font-size: 10px;
    line-height: 1.25;
}
.sagqt-job-occupancy {
    min-width: 0;
    padding-left: 16px;
    align-items: flex-end;
}
.sagqt-worker-slots { gap: 7px; }
.sagqt-worker-slot,
.sagqt-worker-slot img,
.sagqt-worker-slot span {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
}
.sagqt-job-capacity-line strong { font-size: 21px; }
.sagqt-job-minimum { margin-top: 1px; }

/* Las tarjetas laterales conservan el estilo de SAG Quest, con valores más claros. */
.sagqt-progress-cards > div,
.sagqt-date-cards > div {
    padding: 11px;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.065);
    border-left: 3px solid rgba(234,211,162,.34);
    border-top-width: 1px;
}
.sagqt-progress-cards > div > i,
.sagqt-date-cards > div > i { border-radius: 0; }

@media (max-width: 1180px) {
    .sagqt-job-row {
        grid-template-columns: 58px minmax(210px,1fr) minmax(360px,1.2fr) !important;
    }
    .sagqt-job-occupancy {
        grid-column: 2 / -1;
        padding: 12px 0 0;
        align-items: flex-start;
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.07);
    }
    .sagqt-job-capacity-line,
    .sagqt-worker-slots { justify-content: flex-start; }
}
@media (max-width: 820px) {
    .sagqt-jobs-heading { align-items: stretch; flex-direction: column; }
    .sagqt-jobs-actions { align-self: flex-start; }
    .sagqt-job-row { grid-template-columns: 56px minmax(0,1fr) !important; }
    .sagqt-job-terms,
    .sagqt-job-occupancy { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
    .sagqt-link-rule-cards,
    .sagqt-job-terms { grid-template-columns: 1fr !important; }
    .sagqt-job-terms > div { min-height: 0; }
    .sagqt-reward-composition > span { font-size: 10px; }
    .sagqt-reward-composition > strong { font-size: 23px; }
    .sagqt-reward-composition.is-detail > strong { font-size: 30px; }
}


/* v1.10.1 — pulido final visual */
/* Encabezados centrados y sin desplazarse por culpa de los botones. */
.sagqt-board-heading,
.sagqt-jobs-heading {
  position: relative;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.sagqt-board-heading .sagq-title,
.sagqt-board-heading .sagq-subtitle,
.sagqt-jobs-heading .sagq-title,
.sagqt-jobs-heading .sagq-subtitle { text-align: center; }
.sagqt-jobs-heading { display:block !important; }
.sagqt-heading-copy { width:100%; }
.sagqt-jobs-actions {
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  margin:0; display:flex; justify-content:flex-end;
}
.sagqt-jobs-actions .sagq-button { white-space:nowrap; }

/* Recompensa: número arriba y Dracmas centrado abajo. */
.sagqt-reward-total,
.sagqt-reward-card > div {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
}
.sagqt-task-reward { align-items:center; text-align:center; }
.sagqt-task-reward > small { width:100%; text-align:center; }
.sagqt-reward-total strong { line-height:1; }
.sagqt-reward-total span,
.sagqt-reward-card > div small {
  display:block; line-height:1; text-transform:uppercase; letter-spacing:.08em; font-size:10px;
}

/* Composición del 50/50 más compacta y mejor centrada. */
.sagqt-reward-composition {
  margin-top:6px; padding:6px 5px; gap:6px;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
}
.sagqt-reward-composition > span {
  font-size:9px; line-height:1.08; display:flex; align-items:center; min-height:30px;
}
.sagqt-reward-composition > strong {
  font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center; min-height:30px;
}
.sagqt-reward-composition.is-detail { padding:10px 6px; gap:8px; }
.sagqt-reward-composition.is-detail > span { min-height:38px; font-size:10px; }
.sagqt-reward-composition.is-detail > strong { font-size:30px; min-height:38px; }

/* Tema vinculado: cajita limpia y orden label > título. */
.sagqt-topic-link-box,
.sagqt-detail-topic-link,
.sagqt-linked-topic-card {
  text-decoration:none;
}
.sagqt-topic-link-box { padding:5px 8px; }
.sagqt-linked-topic-card span,
.sagqt-detail-topic-link span { display:flex; flex-direction:column; gap:2px; }
.sagqt-linked-topic-card small,
.sagqt-detail-topic-link small {
  order:0; text-transform:uppercase; letter-spacing:.06em; font-size:10px;
}
.sagqt-linked-topic-card strong,
.sagqt-detail-topic-link strong { order:1; }

/* Empleos: tarjetas más compactas, cabecera centrada y badge mejor posicionado. */
.sagqt-job-row {
  grid-template-columns:72px minmax(240px,1fr) minmax(360px,1.08fr) minmax(230px,.68fr) !important;
  min-height:118px; padding:15px !important;
}
.sagqt-job-row.is-my-job { padding-top:18px !important; }
.sagqt-job-owned-badge {
  top:7px; right:12px; padding:1px 3px; font-size:7px;
}
.sagqt-job-icon {
  width:64px; height:64px; position:relative; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
}
.sagqt-job-icon i,
.sagqt-job-icon span {
  font-size:34px; opacity:.22; color:var(--accent1,#ead3a2);
}
.sagqt-job-terms {
  grid-template-columns:repeat(3,minmax(90px,1fr)) !important; gap:9px !important;
}
.sagqt-job-terms > div {
  min-height:82px; padding:10px 7px !important; border-radius:2px;
}
.sagqt-job-terms dd strong {
  line-height:1; font-size:21px;
}
.sagqt-job-terms dd small {
  text-transform:uppercase; letter-spacing:.06em; font-size:9px;
}
.sagqt-job-occupancy {
  min-height:0; padding-left:14px; justify-content:center; gap:8px;
}
.sagqt-job-capacity-line { display:none !important; }
.sagqt-worker-slots { justify-content:flex-end; gap:7px; }
.sagqt-worker-slot,
.sagqt-worker-slot img,
.sagqt-worker-slot span {
  width:54px !important; height:54px !important; min-width:54px !important; max-width:54px !important; min-height:54px !important; max-height:54px !important;
}
.sagqt-worker-slot.is-empty {
  background:rgba(255,255,255,.04); border:1px dashed rgba(234,211,162,.38);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.sagqt-job-member-state { margin-top:0; }
.sagqt-job-member-state span,
.sagqt-job-member-state small { text-align:right; }
.sagqt-job-minimum { margin-top:0; }

/* Tarjetas interiores de progreso y fechas más cercanas a SAG Quest. */
.sagqt-progress-cards,
.sagqt-date-cards { gap:10px; }
.sagqt-progress-cards > div,
.sagqt-date-cards > div {
  padding:11px 12px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.sagqt-progress-cards small,
.sagqt-date-cards small { letter-spacing:.05em; }
.sagqt-progress-cards strong,
.sagqt-date-cards strong { font-size:12px; }

@media (max-width: 1120px) {
  .sagqt-job-row {
    grid-template-columns:68px minmax(220px,1fr) minmax(320px,1fr) !important;
  }
  .sagqt-job-occupancy {
    grid-column:2 / -1; padding-left:0; padding-top:12px; border-left:0 !important; border-top:1px solid rgba(255,255,255,.07);
  }
  .sagqt-worker-slots,
  .sagqt-job-member-state span,
  .sagqt-job-member-state small { justify-content:flex-start; text-align:left; }
}
@media (max-width: 900px) {
  .sagqt-jobs-heading { text-align:center; }
  .sagqt-jobs-actions {
    position:static; transform:none; margin-top:10px; justify-content:center;
  }
}
@media (max-width: 680px) {
  .sagqt-job-row { grid-template-columns:1fr !important; }
  .sagqt-job-icon { margin:0 auto; }
  .sagqt-job-copy { text-align:center; }
  .sagqt-job-occupancy { grid-column:1 / -1; }
  .sagqt-worker-slots { justify-content:center; }
  .sagqt-job-member-state span,
  .sagqt-job-member-state small { text-align:center; }
}


/* v1.10.2 */
/* Lista de Tareas: notas inferiores sobre el reparto. */
.sagqt-reward-note-cards {
  width:100%; margin-top:8px; display:grid; grid-template-columns:1fr; gap:6px;
}
.sagqt-reward-note-cards span {
  min-width:0; padding:7px 8px; text-align:center; color:#5c4a35;
  font-size:10px; line-height:1.25; background:rgba(255,255,255,.28);
  border:1px solid rgba(78,59,34,.14); border-radius:2px;
}
.sagqt-reward-note-cards.is-single { grid-template-columns:1fr; }
.sagqt-task-reward .sagqt-reward-split,
.sagqt-task-reward .sagqt-reward-composition { display:none; }

/* Dentro de la Tarea: composición 50/50 de nuevo, más compacta. */
.sagqt-reward-composition.is-detail {
  padding:9px 6px; gap:8px; align-items:center;
}
.sagqt-reward-composition.is-detail > span {
  min-height:34px; font-size:9px; line-height:1.05; display:flex; align-items:center;
}
.sagqt-reward-composition.is-detail > strong {
  min-height:34px; font-size:27px; display:flex; align-items:center; justify-content:center;
}

/* Tarjeta separada del estado del objetivo colectivo. */
.sagqt-goal-status-card .sagqt-goal-status {
  display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; align-items:center;
}
.sagqt-goal-status-card .sagqt-goal-status i {
  width:34px; height:34px; display:flex; align-items:center; justify-content:center;
  font-size:17px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.03);
}
.sagqt-goal-status-card .sagqt-goal-status span { display:flex; flex-direction:column; gap:2px; }
.sagqt-goal-status-card .sagqt-goal-status small {
  font-size:10px; text-transform:uppercase; letter-spacing:.06em;
}
.sagqt-goal-status-card .sagqt-goal-status strong { font-size:12px; line-height:1.35; }
.sagqt-goal-status-card.is-pending .sagqt-goal-status i,
.sagqt-goal-status-card.is-pending .sagqt-goal-status small { color:#d28d87; }
.sagqt-goal-status-card.is-pending { border-left:3px solid rgba(176,89,79,.85) !important; }
.sagqt-goal-status-card.is-complete .sagqt-goal-status i,
.sagqt-goal-status-card.is-complete .sagqt-goal-status small { color:#9cc59d; }
.sagqt-goal-status-card.is-complete { border-left:3px solid rgba(92,139,91,.85) !important; }

/* Empleos: cabecera y botón. */
.sagqt-jobs-heading {
  display:grid !important; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px;
}
.sagqt-heading-copy { grid-column:2; }
.sagqt-jobs-actions {
  position:static; transform:none; grid-column:3; justify-self:end; align-self:center;
}
.sagqt-jobs-actions .sagq-button { margin:0; }

/* Empleos: sin columna de icono, badge arriba a la izquierda. */
.sagqt-job-row {
  grid-template-columns:minmax(235px,1fr) minmax(380px,1.12fr) minmax(225px,.72fr) !important;
  min-height:112px;
}
.sagqt-job-row.is-my-job { padding-top:24px !important; }
.sagqt-job-owned-badge {
  left:12px; right:auto; top:7px;
}
.sagqt-job-copy { min-width:0; }
.sagqt-job-title-line { padding-right:0; }
.sagqt-job-description { margin-top:4px; }

/* Icono como marca de fondo dentro de cada tarjeta. */
.sagqt-job-terms > div {
  position:relative; overflow:hidden; min-height:86px;
}
.sagqt-job-card-mark {
  position:absolute; inset:auto -6px -8px auto; width:52px; height:52px;
  display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:.14; transform: rotate(346deg);
}
.sagqt-job-card-mark img { width:52px; height:52px; object-fit:contain; }
.sagqt-job-card-mark i,
.sagqt-job-card-mark span { font-size:34px; color:var(--accent1,#ead3a2); }
.sagqt-job-terms dt,
.sagqt-job-terms dd { position:relative; z-index:1; }
.sagqt-job-terms dd strong { font-size:20px; }
.sagqt-job-terms dd small { font-size:9px; }

/* Ocupación: sin badge superpuesto encima de avatares. */
.sagqt-job-occupancy {
  padding-left:12px; align-items:center; justify-content:center;
}
.sagqt-worker-slots { justify-content:flex-end; }

@media (max-width: 1120px) {
  .sagqt-jobs-heading { grid-template-columns:1fr; }
  .sagqt-heading-copy { grid-column:auto; }
  .sagqt-jobs-actions { grid-column:auto; justify-self:center; }
  .sagqt-job-row {
    grid-template-columns:minmax(220px,1fr) minmax(320px,1fr) !important;
  }
  .sagqt-job-copy { grid-column:1 / -1; }
  .sagqt-job-occupancy {
    grid-column:1 / -1; padding-left:0; padding-top:12px; border-left:0 !important; border-top:1px solid rgba(255,255,255,.07);
  }
}
@media (max-width: 680px) {
  .sagqt-job-row { grid-template-columns:1fr !important; }
  .sagqt-job-terms { grid-template-columns:1fr !important; }
  .sagqt-worker-slots { justify-content:center; }
}


/* v1.10.3 */
/* Empleos: encabezado centrado con botón arriba a la derecha. */
.sagqt-jobs-heading {
  position:relative !important; display:block !important; text-align:center; min-height:74px;
}
.sagqt-jobs-heading .sagqt-heading-copy { width:100%; }
.sagqt-jobs-actions {
  position:absolute !important; top:-50px; right:-120px; margin:0 !important;
  transform:none !important; justify-content:flex-end; z-index:3;
}
.sagqt-jobs-actions .sagq-button { white-space:nowrap; }

/* Empleos: icono solo como marca de fondo. */
.sagqt-job-terms dt i { display:none !important; }
.sagqt-job-terms > div { position:relative; overflow:hidden; }
.sagqt-job-card-mark {
  position:absolute; right:-5px; bottom:-8px; width:58px; height:58px;
  display:flex; align-items:center; justify-content:center; opacity:.14; pointer-events:none; z-index:0;
}
.sagqt-job-card-mark img { width:58px; height:58px; object-fit:contain; opacity:.75; }
.sagqt-job-card-mark > i,
.sagqt-job-card-mark > span,
.sagqt-job-card-mark i,
.sagqt-job-card-mark span {
  font-size:38px !important; line-height:1; color:var(--accent1,#ead3a2);
}
.sagqt-job-terms dt, .sagqt-job-terms dd { position:relative; z-index:1; }
.sagqt-job-row.is-my-job { padding-top:26px !important; }
.sagqt-job-owned-badge { left:12px; top:8px; right:auto; }

/* Lista de tareas: creador y tema como tarjetas. */
.sagqt-job-origin {
  display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; white-space:normal; overflow:visible;
}
.sagqt-origin-card,
.sagqt-topic-link-box {
  display:inline-flex; align-items:center; gap:6px; max-width:100%;
  padding:5px 8px; border-radius:2px; border:1px solid rgba(83,62,34,.16);
  background:rgba(255,255,255,.32); color:#4b3b29 !important;
}
.sagqt-origin-card small,
.sagqt-topic-link-box small {
  display:block; text-transform:uppercase; letter-spacing:.05em; font-size:9px; color:#705943;
}
.sagqt-origin-card span,
.sagqt-topic-link-box span { display:flex; flex-direction:column; min-width:0; }
.sagqt-topic-link-box span:last-child { overflow:hidden; }
.sagqt-topic-link-box { text-decoration:none; }
.sagqt-topic-link-box:hover { background:rgba(255,255,255,.48); }
.sagqt-topic-link-box i, .sagqt-origin-card i { flex:0 0 auto; }

/* Lista de tareas: una sola tarjeta de tipo de pago. */
.sagqt-reward-note-cards {
  grid-template-columns:1fr; gap:0; margin-top:8px;
}
.sagqt-reward-note-cards span {
  font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
}

/* Dentro de la tarea: composición como en la referencia. */
.sagqt-reward-composition.is-detail {
  margin-top:10px; padding:8px 8px; gap:10px;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
}
.sagqt-reward-composition.is-detail > span {
  min-height:40px; display:flex; align-items:center; font-size:9px; line-height:1.02;
  text-transform:uppercase; letter-spacing:.03em; color:var(--accent1,#d0b06e);
}
.sagqt-reward-composition.is-detail > span.is-left { justify-content: flex-end; text-align: right; }
.sagqt-reward-composition.is-detail > span.is-right { justify-content:flex-end; text-align:left; }
.sagqt-reward-composition.is-detail > strong {
  min-height:40px; display:flex; align-items:center; justify-content:center;
  font-size:20px; line-height:1; color:#f3efe7;
}

@media (max-width:900px) {
  .sagqt-jobs-actions { position:static !important; margin-top:12px !important; justify-content:center; }
}


/* v1.10.4 */
/* El bloque numérico del reparto debe seguir siendo una rejilla horizontal. */
.sagqt-reward-card > .sagqt-reward-composition,
.sagqt-reward-card > div.sagqt-reward-composition {
  display:grid !important;
  flex-direction:initial !important;
  align-items:center !important;
  justify-content:stretch !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
}
.sagqt-reward-composition.is-detail > span.is-left { justify-content: flex-end; text-align: right; }
.sagqt-reward-composition.is-detail > span.is-right { justify-content:flex-start; text-align:left; }

/* Más separación entre estado y título en las fichas del listado. */
.sagqt-card-topline { margin-bottom:7px !important; align-items:flex-start; }
.sagqt-card-topline .sagqt-status {
  flex:0 0 auto; padding:2px 5px; font-size:9px; line-height:1.15; transform:translateY(-2px);
}
.sagqt-task-row h2 { font-size:16px; line-height:1.2; }

/* Requisitos de oficio. */
.sagqt-requirements-card .sagq-requirement-check.is-job-requirement .sagq-check-body > strong {
  color:var(--accent1,#ead3a2);
}
.sagqt-requirements-card .sagq-requirement-check.is-job-requirement .sagq-value-comparison b {
  font-size:15px; line-height:1.25; overflow-wrap:anywhere;
}
.sagqt-requirements-card .sagq-requirement-check.is-job-requirement .sagq-value-comparison span {
  min-height:58px;
}

/* Éxito visible al entrar en una Tarea completada. */
.sagqt-completion-banner {
  margin:0 0 18px; padding:14px 16px; display:grid;
  grid-template-columns:42px minmax(0,1fr); align-items:center; gap:12px;
  color:#dce8dc; background:linear-gradient(90deg,rgba(75,126,78,.23),rgba(75,126,78,.07));
  border:1px solid rgba(112,166,115,.42); border-left:4px solid #70a673;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.sagqt-completion-banner > i {
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  color:#9bc69d; font-size:22px; background:rgba(93,148,96,.12); border:1px solid rgba(112,166,115,.28);
}
.sagqt-completion-banner span { display:flex; flex-direction:column; gap:2px; }
.sagqt-completion-banner small {
  color:#9bc69d; font:700 10px/1.2 var(--f-mono,"Space Mono",monospace);
  letter-spacing:.07em; text-transform:uppercase;
}
.sagqt-completion-banner strong { color:#edf3ed; font-size:14px; }

/* La pantalla de entrega comienza directamente por el reparto y la confirmación. */
.sagqt-delivery-preview { margin-top:14px; }

/* =========================================================
   Empleos: icono visible del oficio + marcas de agua propias
   ========================================================= */

/* Recuperar la columna destinada al icono del oficio */
.sagqt-job-row {
	grid-template-columns:72px minmax(235px, 1fr) minmax(380px, 1.12fr) minmax(189px, .52fr) !important;}

/* Cuadro del icono principal del oficio */
.sagqt-job-icon {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.055),
			rgba(255, 255, 255, 0.02)
		);
	border: 1px solid rgba(234, 211, 162, 0.24);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Imagen configurada para el oficio */
.sagqt-job-icon img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	opacity: 1;
}

/* Icono o emoji configurado para el oficio */
.sagqt-job-icon > i,
.sagqt-job-icon > span {
	color: var(--accent1, #ead3a2);
	font-size: 34px;
	line-height: 1;
	opacity: 1 !important;
}

/* Las marcas de agua siguen dentro de las condiciones */
.sagqt-job-card-mark {
	position: absolute;
	right: -6px;
	bottom: -8px;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0.14;
	z-index: 0;
}

/* Tamaño de los tres iconos de fondo */
.sagqt-job-card-mark > i {
	color: var(--accent1, #ead3a2);
	font-size: 58px !important;
	line-height: 1;
}

/* El texto debe quedar por encima de la marca de agua */
.sagqt-job-terms dt,
.sagqt-job-terms dd {
	position: relative;
	z-index: 1;
}

/* Icono real del empleo en Crear Tarea de empleo */
.sagqt-selected-job .sagqt-selected-job-icon {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	color: #171411;
	background: var(--sagq-accent, #caa45f) !important;
}

/* Imagen configurada en el empleo */
.sagqt-selected-job .sagqt-selected-job-icon > img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* Font Awesome o Game Icons */
.sagqt-selected-job .sagqt-selected-job-icon > i {
	margin: 0;
	color: #171411;
	font-size: 18px;
	line-height: 1;
	opacity: 1;
}

/* Emoji configurado como icono */
.sagqt-selected-job .sagqt-selected-job-icon-text {
	display: block;
	color: #171411 !important;
	font-size: 21px !important;
	line-height: 1 !important;
}

/* Evitar que las reglas genéricas de los span alteren el cuadro */
.sagqt-selected-job .sagqt-selected-job-copy > span {
	color: #96928b;
	font-size: 10px;
}

/* =========================================================
   Cambio entre Tablón de Misiones y Lista de Tareas
   ========================================================= */

.sagq-button.sagqt-board-switch {
	min-height: 38px;
	padding: 9px 14px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;

	color: var(--sagqt-title, #e0e0e0) !important;
	font: 700 11px var(--f-mono, monospace);
	letter-spacing: 0.65px;
	text-transform: uppercase;
	text-decoration: none !important;

	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--sagqt-border, #242424);
	box-shadow: none;

	cursor: pointer;
	transition:
		color 0.18s ease,
		background 0.18s ease,
		border-color 0.18s ease;
}

/* Icono del botón */
.sagq-button.sagqt-board-switch > .icon {
	display: inline-block;
	margin: 0;

	color: var(--sagqt-accent, var(--accent1, #ead3a2)) !important;
	font-size: 15px;
	line-height: 1;
	opacity: 1;
}

/* Hover idéntico en ambas direcciones */
.sagq-button.sagqt-board-switch:hover,
.sagq-button.sagqt-board-switch:focus-visible {
	color: #111 !important;
	background: var(--sagqt-accent, var(--accent1, #ead3a2));
	border-color: var(--sagqt-accent, var(--accent1, #ead3a2));
	outline: 0;
}

/* El icono también se oscurece al pasar el cursor */
.sagq-button.sagqt-board-switch:hover > .icon,
.sagq-button.sagqt-board-switch:focus-visible > .icon {
	color: #111 !important;
}
/* Requisitos de Empleo: tarjetas compactas de alto contraste. */
.sagqt-job-requirements { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.sagqt-job-requirement { display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:5px 10px 5px 7px; color:#f2eadc; background:#25211b; border:1px solid #7c6847; box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 2px 5px rgba(0,0,0,.2); }
.sagqt-job-requirement > i { display:grid; place-items:center; width:23px; height:23px; color:#1c1914; background:#d1ad69; border-radius:50%; }
.sagqt-job-requirement > span { display:flex; flex-direction:column; line-height:1.12; }
.sagqt-job-requirement small { color:#bcb1a0; font-size:8px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.sagqt-job-requirement strong { color:#fff7e8; font-size:10px; font-weight:700; }
.sagqt-job-requirement.is-met { background:#213126; border-color:#6e9d72; }
.sagqt-job-requirement.is-met > i { color:#182019; background:#91bd8e; }
.sagqt-job-requirement.is-pending { background:#352622; border-color:#98645a; }
.sagqt-job-requirement.is-pending > i { color:#281817; background:#d28a7d; }
.sagqt-job-requirement.is-open { background:#272d34; border-color:#70889f; }
.sagqt-job-requirement.is-open > i { background:#8eabc1; }
.sagqt-card-action form { margin:0; }
.sagqt-card-action form .sagq-button { width:100%; }
.sagqt-job-roster.is-free-signup > div:first-child span { display:block; margin-top:3px; color:#99948b; font-size:9px; }

/* Objetivos colectivos de la Lista de Tareas. */
.sagqt-collectives{margin:0 0 22px;padding:0;border:1px solid rgba(234,211,162,.28);background:linear-gradient(145deg,rgba(22,19,15,.96),rgba(31,27,21,.92));box-shadow:0 12px 28px rgba(0,0,0,.2);overflow:hidden}
.sagqt-collectives-summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:11px 15px;cursor:pointer;list-style:none;user-select:none}.sagqt-collectives-summary::-webkit-details-marker{display:none}.sagqt-collectives-summary:hover{background:rgba(234,211,162,.055)}
.sagqt-collectives-summary-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;color:#1a160f;background:var(--sagqt-accent,var(--accent1,#ead3a2));box-shadow:0 0 0 3px rgba(234,211,162,.11)}.sagqt-collectives-summary-copy{display:flex;flex:1;min-width:0;flex-direction:column}.sagqt-collectives-summary-copy strong{color:#f2eadc;font:700 18px var(--f-title,serif)}.sagqt-collectives-summary-copy small{margin-top:2px;color:#aaa195;font:800 9px var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase}.sagqt-collectives-toggle{display:grid;place-items:center;width:28px;height:28px;color:#e4d0a5;border:1px solid rgba(234,211,162,.3);transition:transform .2s ease,background .2s ease}.sagqt-collectives[open] .sagqt-collectives-toggle{transform:rotate(45deg);background:rgba(234,211,162,.1)}
.sagqt-collectives-body{padding:0 17px 17px;border-top:1px solid rgba(255,255,255,.075)}.sagqt-collectives-heading{margin:14px 0}.sagqt-collectives-heading h2{margin:0;color:#f2eadc;font:700 18px var(--f-title,serif)}.sagqt-collectives-heading p{margin:3px 0 0;color:#aaa195;font-size:11px}
.sagqt-collective-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.sagqt-collective-card{display:flex;flex-direction:column;min-width:0;padding:14px;background:rgba(255,255,255,.035);border:1px solid rgba(234,211,162,.18);box-shadow:inset 0 1px rgba(255,255,255,.035)}.sagqt-collective-card.is-completed{border-color:rgba(116,171,113,.55); background: rgb(54 200 31 / 2%);}.sagqt-collective-card.is-failed{opacity:.72;border-color:rgba(171,104,95,.45); background: rgb(171 104 95 / 15%);}
.sagqt-collective-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sagqt-collective-state{padding:4px 7px;color:#201b14;background:#d1ad69;font:800 8px var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase}.is-completed .sagqt-collective-state{background:#91bd8e}.is-failed .sagqt-collective-state{background:#c88478}.sagqt-collective-date{color:#bcb1a0;font:700 9px var(--f-mono,monospace)}.sagqt-collective-card h3{margin:11px 0 5px;color:#fff7e8;font:700 17px var(--f-title,serif)}.sagqt-collective-description{color:#b8afa3;font-size:11px;line-height:1.45}
.sagqt-collective-progress{margin:12px 0}.sagqt-collective-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.sagqt-collective-progress strong{color:#f0d59d;font:800 20px var(--f-mono,monospace)}.sagqt-collective-progress span,.sagqt-collective-progress small{color:#aaa195;font:700 9px var(--f-mono,monospace);text-transform:uppercase}.sagqt-collective-track{height:7px;margin:6px 0;background:#15120f;border:1px solid #4b4030;overflow:hidden}.sagqt-collective-track i{display:block;height:100%;background:linear-gradient(90deg,#9d7640,#e0bd75)}
.sagqt-collective-tasks{display:grid;gap:5px;margin-bottom:13px}.sagqt-collective-tasks a{display:flex;align-items:flex-start;gap:6px;padding:6px 7px;color:#c0b7aa!important;background:rgba(0,0,0,.16);border-left:2px solid #625847;font-size:10px;text-decoration:none!important}.sagqt-collective-tasks a.is-complete{color:#cce2ca!important;border-left-color:#78a977}.sagqt-collective-tasks a:hover{background:rgba(255,255,255,.06)}
.sagqt-collective-card footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.sagqt-collective-reward{display:flex;align-items:center;gap:9px;min-width:220px;padding:8px 10px;color:#201a12;background:linear-gradient(135deg,#ead3a2,#caa45f);border:1px solid #f3dfb4;box-shadow:0 4px 12px rgba(0,0,0,.24)}.sagqt-collective-reward>i{display:grid;place-items:center;width:28px;height:28px;color:#f5e7c9;background:#544224}.sagqt-collective-reward>span{display:flex;min-width:0;flex-direction:column}.sagqt-collective-reward small,.sagqt-collective-reward em{color:#66502d;font:800 8px var(--f-mono,monospace);font-style:normal;letter-spacing:.05em;text-transform:uppercase}.sagqt-collective-reward strong{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:#21180e;font:900 13px var(--f-mono,monospace)}.sagqt-collective-reward strong b{font-weight:900}.sagqt-collective-reward strong i{font-style:normal;opacity:.55}.sagqt-collective-card footer p{max-width:48%;margin:0;color:#bcb3a7;font-size:9px;line-height:1.35;text-align:right}
@media(max-width:620px){.sagqt-collectives-body{padding:0 11px 11px}.sagqt-collective-grid{grid-template-columns:1fr}.sagqt-collective-card footer{align-items:flex-start;flex-direction:column}.sagqt-collective-card footer p{max-width:none;text-align:left}.sagqt-collective-reward{width:100%;box-sizing:border-box}}

/* Requisitos de Empleo: etiquetas independientes, compactas y sin tarjeta contenedora. */
.sagqt-job-requirements{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px!important;margin-top:8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.sagqt-job-requirement{position:relative;display:inline-flex!important;align-items:center;gap:6px;min-height:27px!important;padding:3px 7px 3px 4px!important;color:#251f18!important;background:#ead9b7!important;border:1px solid #c3a36a!important;box-shadow:0 2px 5px rgba(0,0,0,.18)!important}
.sagqt-job-requirement>i{display:grid!important;place-items:center;width:20px!important;height:20px!important;color:#f5e7ca!important;background:#5d4a2e!important;border-radius:0!important;font-size:10px!important}.sagqt-job-requirement>span{display:flex!important;flex-direction:column;line-height:1.08!important}.sagqt-job-requirement small{color:#6f5b3c!important;font:800 10px var(--f-mono,monospace)!important;letter-spacing:.06em!important;text-transform:uppercase!important}.sagqt-job-requirement strong{color:#211b14!important;font:800 10px var(--f-mono,monospace)!important;text-shadow:none!important}.sagqt-job-requirement>b{display:grid;place-items:center;width:15px;height:15px;margin-left:1px;color:#17321c;background:#9bc19a;border-radius:50%;font-size:8px}.sagqt-job-requirement.is-met{background:#dcebd8!important;border-color:#83aa82!important}.sagqt-job-requirement.is-met>i{color:#edf7ea!important;background:#426d45!important}.sagqt-job-requirement.is-pending{background:#f0d8d1!important;border-color:#b77d70!important}.sagqt-job-requirement.is-pending>i{color:#fff0eb!important;background:#864f46!important}

/* Identificación visual del participante que posee el Empleo requerido. */
.sagqt-reserved-mini>span,.sagqt-reserved-slots>span{position:relative;overflow:visible!important}.sagqt-reserved-mini>span.is-job-worker,.sagqt-reserved-slots>span.is-job-worker{border:2px solid #e0bd75!important;box-shadow:0 0 0 2px rgba(35,28,17,.9),0 0 11px rgba(224,189,117,.72)!important}.sagqt-reserved-mini>span.is-job-worker img,.sagqt-reserved-slots>span.is-job-worker img{display:block}.sagqt-worker-mark{position:absolute!important;right:-6px;bottom:-6px;z-index:3;display:grid!important;place-items:center;width:17px;height:17px;margin:0!important;color:#21180e!important;background:#e0bd75;border:2px solid #241c12;border-radius:2px;font-size:8px!important;line-height:1!important;box-sizing:border-box}



/* Ajuste visual 1.14.1: objetivos colectivos más directos y tarjetas separadas. */
.sagqt-collectives-body{padding:12px 17px 17px;border-top:1px solid rgba(255,255,255,.075)}
.sagqt-collectives-heading{display:none!important}
.sagqt-collective-card footer{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.sagqt-collective-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.sagqt-collective-mini-card{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:10px 11px;border:1px solid rgba(234,211,162,.18);background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.sagqt-collective-mini-card small{display:block;margin-bottom:4px;color:#8f8472;font:800 8px var(--f-mono,monospace);text-transform:uppercase;letter-spacing:.08em}
.sagqt-collective-mini-card strong{display:block;color:#fbf0d5;font:800 14px var(--f-mono,monospace);line-height:1.2}
.sagqt-collective-mini-card span{display:block;margin-top:5px;color:#b8afa3;font-size:9px;line-height:1.35}
.sagqt-collective-mini-card.is-money{background:linear-gradient(135deg,#ead3a2,#caa45f);border-color:#f3dfb4}
.sagqt-collective-mini-card.is-money small,.sagqt-collective-mini-card.is-money span{color:#66502d}
.sagqt-collective-mini-card.is-money strong{color:#21180e;font-size:18px}
.sagqt-collective-mini-card.is-item{flex-direction:row;align-items:center;gap:10px}
.sagqt-collective-mini-card.is-item img,.sagqt-collective-mini-card.is-item>i{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;object-fit:cover;background:rgba(0,0,0,.24);border:1px solid rgba(234,211,162,.2)}
.sagqt-collective-mini-card.is-item>div{display:flex;flex-direction:column;min-width:0}
.sagqt-collective-mini-card.is-deadline{align-items:flex-end;text-align:right;background:rgba(31,26,21,.92)}
.sagqt-collective-mini-card.is-deadline strong{font-size:12px}
.sagqt-collective-card footer p{max-width:none;margin:0;color:#bcb3a7;font-size:9px;line-height:1.35;text-align:left}
@media(max-width:820px){.sagqt-collective-meta{grid-template-columns:1fr}}

/* Ajuste visual 1.14.1: tarjetas de tareas de empleo con la misma estructura. */
.sagqt-job-roster{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.sagqt-job-roster>div:first-child{display:flex;flex-direction:column;min-width:0;flex:1}
.sagqt-job-roster>div:first-child small{font-size:11px;color:#6e5d4b;text-transform:none}
.sagqt-job-roster>div:first-child strong{display:block;margin-top:2px;font-size:15px;line-height:1.1;color:#2f251c}
.sagqt-job-roster>div:first-child span{display:block;margin-top:4px;color:#847665;font-size:9px;line-height:1.3}
.sagqt-job-roster.is-free-signup>div:first-child span{display:block;margin-top:4px;color:#847665;font-size:9px}
.sagqt-reserved-mini,.sagqt-reserved-slots{display:flex;gap:6px;flex-wrap:nowrap;align-items:flex-start}
.sagqt-reserved-mini>span,.sagqt-reserved-slots>span{position:relative;overflow:visible!important;width:34px;height:46px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(76,56,34,.45);background:rgba(255,255,255,.18);color:#745f45;font:700 13px var(--f-mono,monospace)}
.sagqt-reserved-mini>span.is-reserved,.sagqt-reserved-slots>span.is-reserved{border-style:solid;background:rgba(104,77,42,.17);font-weight:700}
.sagqt-reserved-mini>span.is-open,.sagqt-reserved-slots>span.is-open{background:rgba(255,255,255,.12)}
.sagqt-reserved-mini>span.is-leader-slot,.sagqt-reserved-slots>span.is-leader-slot{background:linear-gradient(180deg,rgba(97,77,44,.55),rgba(74,57,32,.4));color:#f6e4b9}
.sagqt-reserved-mini img,.sagqt-reserved-slots img{width:100%!important;height:100%!important;object-fit:cover}


/* 1.14.2: creación personal de Tareas de Empleo siempre autoliderada. */
.sagqt-task-mode-selector.is-self-led .sagqt-security-note{display:flex;align-items:center;gap:10px;margin:0;padding:11px 12px}
.sagqt-task-mode-selector.is-self-led .sagqt-security-note>i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:#21180e;background:var(--accent1,#ead3a2)}
.sagqt-task-mode-selector.is-self-led .sagqt-security-note>span{display:flex;flex-direction:column;gap:2px}
.sagqt-task-mode-selector.is-self-led .sagqt-security-note strong{color:#e8dfd2}
.sagqt-task-mode-selector.is-self-led .sagqt-security-note small{color:#aaa195}


/* Estados públicos 1.14.3: colores distintos y con contraste legible. */
.sagqt-status-signup_open{color:#183f55!important;background:#d7eaf4!important;border-color:#6f9fb8!important}
.sagqt-status-active{color:#49340d!important;background:#f1dfa7!important;border-color:#b88b35!important}
.sagqt-status-goal_reached{color:#402653!important;background:#e4d5ef!important;border-color:#9a72b4!important}
.sagqt-status-completed{color:#1f4a27!important;background:#d2e8d3!important;border-color:#6f9f73!important}

/* Las Tareas completadas no se apagan: se sellan claramente como completadas. */
.sagqt-task-row{position:relative}
.sagqt-task-row.sagqt-state-completed.is-finished{margin-top:13px;opacity:1!important;filter:none!important;background:rgba(221,237,211,.64)!important;border-color:rgba(70,116,73,.5)!important;border-left-color:#5f9364!important;box-shadow:0 3px 9px rgba(54,91,58,.18)!important}
.sagqt-task-row.sagqt-state-completed.is-finished h2{text-decoration:none!important}
.sagqt-task-completed-label{position:absolute;left:10px;top:-14px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;color:#f6fff5;background:#426f47;border:1px solid #315a36;box-shadow:0 2px 5px rgba(0,0,0,.2);font:900 9px var(--f-mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.sagqt-task-completed-label i{font-size:9px!important}


/* Ajustes 1.14.4: creación bloqueada visible y explicativa. */
.sagq-button.sagqt-create-unavailable{color:#fff1ee!important;background:#8b3f38!important;border-color:#b66a61!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 3px 8px rgba(74,24,19,.2)!important}
.sagq-button.sagqt-create-unavailable:hover,.sagq-button.sagqt-create-unavailable:focus-visible{color:#fff!important;background:#a74d44!important;border-color:#d08a80!important}

/* Requisitos de Empleo más discretos y de menor altura. */
.sagqt-job-requirements{gap:4px!important;margin-top:5px!important}
.sagqt-job-requirement{min-height:21px!important;padding:1px 5px 1px 2px!important;gap:4px!important;color:#4b4033!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(76,57,36,.16)!important;box-shadow:none!important;opacity:.88}
.sagqt-job-requirement>i{width:17px!important;height:17px!important;color:#675844!important;background:rgba(75,57,36,.09)!important;font-size:8px!important}
.sagqt-job-requirement>span{line-height:1!important}
.sagqt-job-requirement small{color:#81725f!important;font-size:7px!important;line-height:1!important;letter-spacing:.04em!important}
.sagqt-job-requirement strong{color:#4a3e31!important;font-size:9px!important;line-height:1.05!important;font-weight:700!important}
.sagqt-job-requirement>b{width:12px!important;height:12px!important;color:#37513a!important;background:rgba(102,145,104,.18)!important;font-size:6px!important}
.sagqt-job-requirement.is-met,.sagqt-job-requirement.is-pending{background:rgba(255,255,255,.16)!important;border-color:rgba(76,57,36,.16)!important}
.sagqt-job-requirement.is-met>i{color:#547057!important;background:rgba(91,132,93,.11)!important}
.sagqt-job-requirement.is-pending>i{color:#8a625a!important;background:rgba(157,93,81,.10)!important}

/* El bloque de inscripción y sus impedimentos deben ser una llamada de atención. */
.sagqt-action-card{border:1px solid rgba(216,181,111,.38)!important;box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)!important}
.sagqt-action-card .sagqt-inline-action{min-height:88px!important;padding:17px 18px!important;background:linear-gradient(135deg,rgba(203,163,91,.13),rgba(255,255,255,.025))!important;border-left:5px solid #d2ab63!important}
.sagqt-action-card .sagqt-inline-action strong{color:#f4e8cf!important;font-size:15px!important;line-height:1.2!important}
.sagqt-action-card .sagqt-inline-action span{color:#c2b8aa!important;font-size:11px!important}
.sagqt-action-card .sagqt-inline-action .sagq-button{min-width:160px;padding:10px 15px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(0,0,0,.24)!important}
.sagqt-action-card:has(.is-disabled){border-color:rgba(182,103,91,.48)!important}
.sagqt-action-card:has(.is-disabled) .sagqt-inline-action{background:linear-gradient(135deg,rgba(139,63,56,.17),rgba(255,255,255,.02))!important;border-left-color:#b9675d!important}
.sagqt-action-card:has(.is-disabled) .sagqt-inline-action strong{color:#f3cbc5!important}
@media(max-width:620px){.sagqt-action-card .sagqt-inline-action .sagq-button{min-width:0;width:100%}}


/* Ajustes visuales 1.15.0: recompensas colectivas y requisitos de Empleo. */
.sagqt-collective-mini-card.is-money strong{display:flex!important;align-items:baseline;gap:5px;font-size:21px!important;white-space:nowrap}
.sagqt-collective-mini-card.is-money strong b{font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.sagqt-collective-mini-card.is-item{position:relative;min-height:82px;background:linear-gradient(135deg,rgba(92,70,35,.96),rgba(43,34,24,.98));border:1px solid rgba(234,211,162,.58);box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.25)}
.sagqt-collective-mini-card.is-item img,.sagqt-collective-mini-card.is-item>i{flex-basis:54px;width:54px;height:54px;border:2px solid rgba(234,211,162,.62);box-shadow:0 0 0 2px rgba(0,0,0,.3)}
.sagqt-collective-mini-card.is-item small{color:#d6bd8c}
.sagqt-collective-mini-card.is-item strong{color:#fff1cc;font-size:15px}
.sagqt-collective-mini-card.is-item span{color:#d1c4ae}

.sagqt-job-requirements{gap:5px!important;margin-top:6px!important}
.sagqt-job-requirement{min-height:22px!important;padding:2px 7px 2px 3px!important;gap:5px!important;color:#ded6c9!important;background:rgba(28,25,21,.78)!important;border:1px solid rgba(190,163,113,.32)!important;box-shadow:0 1px 3px rgba(0,0,0,.24)!important;opacity:1!important}
.sagqt-job-requirement>i{width:18px!important;height:18px!important;color:#dbc18f!important;background:rgba(209,173,105,.14)!important;font-size:8px!important}
.sagqt-job-requirement>span{line-height:1.05!important;padding:0 1px!important}
.sagqt-job-requirement small{color:#a99a84!important;font-size:7px!important;line-height:1!important;letter-spacing:.05em!important}
.sagqt-job-requirement strong{color:#eee5d6!important;font-size:9px!important;line-height:1.1!important;font-weight:700!important}
.sagqt-job-requirement>b{width:13px!important;height:13px!important;color:#d9f1d7!important;background:#486b49!important;font-size:6px!important}
.sagqt-job-requirement.is-met{background:rgba(35,47,34,.82)!important;border-color:rgba(112,155,108,.42)!important}
.sagqt-job-requirement.is-met>i{color:#cfe6cc!important;background:rgba(95,140,91,.22)!important}
.sagqt-job-requirement.is-pending{background:rgba(54,35,32,.82)!important;border-color:rgba(174,107,94,.44)!important}
.sagqt-job-requirement.is-pending>i{color:#ecc5bc!important;background:rgba(161,88,75,.22)!important}


/* Ajustes 1.15.1: anillas automáticas según la altura real del cuaderno. */
.sagqt-notebook-rings{
  left:-11px!important;top:24px!important;bottom:24px!important;width:36px!important;
  display:block!important;background-repeat:repeat-y!important;background-position:center top!important;
  background-size:29px 78px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='48' viewBox='0 0 29 48'%3E%3Crect x='1.5' y='19.5' width='26' height='8' rx='4' fill='%23a79a83' stroke='%23665b4c' stroke-width='2'/%3E%3Cpath d='M2 23.5h8' stroke='%23d5c8b1' stroke-width='1' opacity='.7'/%3E%3C/svg%3E")!important;
}
.sagqt-notebook-rings span{display:none!important}
@media(max-width:700px){.sagqt-notebook-rings{display:none!important}}

/* La pantalla de error conserva la composición visual de la vinculación. */
.sagqt-link-confirmation.is-error .sagqt-confirm-icon{color:#fff0ec;background:#8c473f;border-color:#c87569}
.sagqt-link-confirmation.is-error h1{color:#f1d3cd}
.sagqt-link-error-message{max-width:720px;margin:8px auto 18px!important;padding:11px 13px;color:#f3d7d1!important;background:rgba(117,52,45,.25);border:1px solid rgba(200,117,105,.55);font-weight:700;text-align:center}
.sagqt-confirm-summary.is-error div{border-color:rgba(200,117,105,.4);background:rgba(43,26,24,.66)}
.sagqt-confirm-summary.is-error>i{color:#d88074}


/* 1.15.2: los Objetivos colectivos se apilan siempre en una sola columna. */
.sagqt-collective-grid{grid-template-columns:minmax(0,1fr)!important}


/* 1.15.4: progreso de plazas tomadas frente a entregas completadas. */
.sagqt-capacity-track{gap:4px!important;height:18px!important;padding:2px!important;background:rgba(75,57,37,.10)!important;border-color:rgba(71,52,31,.34)!important;border-radius:7px!important}
.sagqt-capacity-zone{position:relative!important;overflow:hidden!important;min-width:14px!important;background:rgba(88,66,42,.12)!important;border:1px solid rgba(75,55,33,.18)!important;border-radius:4px!important;box-sizing:border-box}
.sagqt-capacity-zone.is-goal{outline:none!important;background: rgb(0 0 0 / 36%) !important;}
.sagqt-capacity-zone.is-goal::after{display:none!important}
.sagqt-capacity-zone.is-extra{background:rgba(87,96,108,.12)!important;border-color:rgba(79,91,105,.28)!important}
.sagqt-capacity-zone.is-extra::after{display:none!important}
.sagqt-capacity-zone i{position:absolute!important;inset:0 auto 0 0!important;display:block!important;border-radius:3px!important;transition:width .25s ease!important}
.sagqt-capacity-zone i.is-taken{z-index:1;background:linear-gradient(90deg,#b58743,#d1a85e)!important;box-shadow:inset 0 1px rgba(255,255,255,.22)!important}
.sagqt-capacity-zone.is-extra i.is-taken{background:linear-gradient(90deg,#718092,#91a0af)!important}
.sagqt-capacity-zone i.is-completed{z-index:2;background:linear-gradient(90deg,#4f8059,#79a879)!important;box-shadow:inset 0 1px rgba(255,255,255,.2)!important}
.sagqt-capacity-ticks{top:3px!important;bottom:3px!important;left:3px!important;right:3px!important;z-index:3!important;opacity:.5}

/* Los temas apuntados comunican el estado con toda la tarjeta, no solo con el icono. */
.sagqt-topic-row.is-active{background:linear-gradient(90deg,rgba(176,132,51,.16),rgba(255,255,255,.025))!important;border-color:rgba(190,148,67,.36)!important;border-left:3px solid #c59a49!important}
.sagqt-topic-row.is-active .sagqt-topic-state{color:#f1d493!important;background:rgba(177,132,48,.18)!important;border-color:rgba(207,164,76,.42)!important}
.sagqt-topic-row.is-delivered_full,.sagqt-topic-row.is-delivered_partial{background:linear-gradient(90deg,rgba(73,126,80,.20),rgba(255,255,255,.025))!important;border-color:rgba(94,151,101,.42)!important;border-left:3px solid #67a16d!important}
.sagqt-topic-row.is-delivered_full .sagqt-topic-state,.sagqt-topic-row.is-delivered_partial .sagqt-topic-state{color:#cce9cb!important;background:rgba(80,139,88,.22)!important;border-color:rgba(105,169,111,.48)!important}
.sagqt-topic-row.is-delivered_full strong,.sagqt-topic-row.is-delivered_partial strong{color:#dcefdc!important}
.sagqt-topic-row.is-delivered_late{background:linear-gradient(90deg,rgba(139,72,61,.18),rgba(255,255,255,.02))!important;border-left:3px solid #b96c60!important}


/* Ajustes 1.15.5: entrega íntegra, resultados visuales y objetivo alcanzado. */
.sagqt-payout-list.is-full-now .sagqt-payout-head,
.sagqt-payout-list.is-full-now .sagqt-payout-row{grid-template-columns:minmax(160px,1.5fr) 80px 90px 80px 80px}
.sagqt-delivery-result{max-width:760px;margin:10px auto;text-align:left}
.sagqt-delivery-result>header{display:flex;align-items:center;gap:12px;padding:13px 15px;background:rgba(94,135,92,.15);border:1px solid rgba(132,183,128,.42)}
.sagqt-delivery-result>header>i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:#173018;background:#9bc797;border:1px solid #bde2b9;border-radius:50%}
.sagqt-delivery-result>header small,.sagqt-delivery-result-card small{display:block;color:#9eaa9b;font:800 9px var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.sagqt-delivery-result>header h2{margin:2px 0 0;color:#e5f1e2;font:700 18px var(--f-titles,serif)}
.sagqt-delivery-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;padding:10px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.08);border-top:0}
.sagqt-delivery-result-card{display:flex;min-height:86px;flex-direction:column;justify-content:center;padding:11px 12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}
.sagqt-delivery-result-card strong{display:block;margin-top:3px;color:#f5ead3;font:800 18px var(--f-mono,monospace)}
.sagqt-delivery-result-card strong b{font-size:11px;text-transform:uppercase}
.sagqt-delivery-result-card span{display:block;margin-top:6px;color:#b8b4ac;font-size:10px;line-height:1.4}
.sagqt-delivery-result-card.is-payment{background:linear-gradient(135deg,rgba(234,211,162,.18),rgba(202,164,95,.08));border-color:rgba(234,211,162,.32)}
.sagqt-delivery-result-card.is-unlocked{flex-direction:row;align-items:center;gap:10px;background:rgba(91,142,91,.13);border-color:rgba(122,181,118,.34)}
.sagqt-delivery-result-card.is-unlocked>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;color:#dff2dc;background:#477148;border-radius:50%}
.sagqt-delivery-result-card.is-unlocked>div{min-width:0}
.sagqt-delivery-result-card.is-unlocked strong{font-size:14px}
.sagqt-delivery-result-card.is-released{background:rgba(104,88,143,.14);border-color:rgba(153,130,199,.34)}
.sagqt-delivery-result.is-late>header{background:rgba(145,76,69,.14);border-color:rgba(190,101,91,.38)}
.sagqt-delivery-result.is-late>header>i{color:#fff0ed;background:#8e4d46;border-color:#b96c62}
.sagqt-delivery-result-actions{margin-top:14px;text-align:center}
.sagqt-delivery-result-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 15px;color:#21180e!important;background:#ead3a2;border:1px solid #f3dfb4;font:800 10px var(--f-mono,monospace);letter-spacing:.05em;text-decoration:none!important;text-transform:uppercase}.sagqt-delivery-result-actions a:hover{background:#f2dfb8}

.sagqt-collective-state-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sagqt-collective-state.is-waiting{display:inline-flex;align-items:center;gap:4px;color:#173018;background:#a8d3a3;border:1px solid #cae9c6}
.sagqt-collective-card.is-threshold-met{background:linear-gradient(145deg,rgba(53,91,53,.18),rgba(255,255,255,.035));border-color:rgba(123,181,119,.58);box-shadow:inset 3px 0 0 rgba(135,194,131,.75),inset 0 1px rgba(255,255,255,.04)}
.sagqt-collective-card.is-threshold-met .sagqt-collective-track{border-color:rgba(117,169,113,.8)}
.sagqt-collective-card.is-threshold-met .sagqt-collective-track i{background:linear-gradient(90deg,#5c965b,#9fce9a)}
.sagqt-collective-card.is-threshold-met h3{color:#e3f2df}
@media(max-width:620px){.sagqt-payout-list.is-full-now .sagqt-payout-row{grid-template-columns:1fr 1fr}.sagqt-delivery-result-grid{grid-template-columns:1fr}}

.sagqt-job-icon .iconify,
.sagqt-job-icon .sagqt-game-icon {
    width: 40px;
    height: 40px;
    font-size: 30px;
    color: var(--accent1);
}