/* ============================================
   AGX TICKETS — Frontend CSS · Apple iOS aesthetic
   Namespace: agx- · v1.0.0
   ============================================ */
.agx-root,.agx-modal-ev{
  --agx-bg:#FFFFFF; --agx-surface:#FFFFFF; --agx-surface-2:#F5F5F7; --agx-surface-3:#FAFAFC;
  --agx-border:rgba(60,60,67,0.12); --agx-border-strong:rgba(60,60,67,0.20);
  --agx-text:#1D1D1F; --agx-text-2:#515154; --agx-text-3:#86868B;
  --agx-blue:#007AFF; --agx-blue-2:#0A84FF; --agx-indigo:#5856D6;
  --agx-pink:#FF2D55; --agx-orange:#FF9F0A; --agx-orange-2:#FF9500;
  --agx-green:#34C759; --agx-red:#FF453A; --agx-red-dark:#D70015; --agx-gray:#8E8E93;
  --agx-social:linear-gradient(135deg,#FF2D55,#AF52DE);
  --agx-paid:linear-gradient(135deg,#FF9F0A,#FF2D55);
  --agx-web:linear-gradient(135deg,#007AFF,#5856D6);
  --agx-email:linear-gradient(135deg,#34C759,#007AFF);
  --agx-shadow-xs:0 1px 2px rgba(0,0,0,0.04);
  --agx-shadow-sm:0 2px 8px rgba(0,0,0,0.06);
  --agx-shadow-md:0 6px 24px rgba(0,0,0,0.08);
  --agx-shadow-lg:0 16px 48px rgba(0,0,0,0.12);
  --agx-shadow-xl:0 24px 64px rgba(0,0,0,0.18);
  --agx-r-sm:12px; --agx-r-md:16px; --agx-r-lg:20px; --agx-r-full:999px;
  --agx-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,sans-serif;
  font-family:var(--agx-font); color:var(--agx-text); line-height:1.45;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.agx-root *,.agx-root *::before,.agx-root *::after{box-sizing:border-box}
.agx-root button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.agx-root input,.agx-root select,.agx-root textarea{font-family:inherit;color:inherit}
.agx-root a{color:var(--agx-blue);text-decoration:none}
.agx-root svg{display:inline-block;vertical-align:middle}

/* ===== SHELL ===== */
.agx-app{display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--agx-surface-2);border-radius:16px;overflow:hidden;min-height:680px;box-shadow:var(--agx-shadow-md);border:1px solid var(--agx-border)}
.agx-sidebar{background:rgba(255,255,255,0.92);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-right:1px solid var(--agx-border);padding:24px 16px;display:flex;flex-direction:column}
.agx-sidebar__logo{display:flex;align-items:center;gap:12px;padding:4px 8px 24px;border-bottom:1px solid var(--agx-border);margin-bottom:16px}
.agx-sidebar__logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#007AFF,#5856D6);display:grid;place-items:center;color:#fff;box-shadow:0 4px 14px rgba(0,122,255,0.35)}
.agx-sidebar__logo-text{display:flex;flex-direction:column;line-height:1.15}
.agx-sidebar__logo-text strong{font-size:15px;font-weight:600;letter-spacing:-0.01em}
.agx-sidebar__logo-text span{font-size:11px;color:var(--agx-text-3)}
.agx-sidebar__section{margin-bottom:18px}
.agx-sidebar__title{font-size:11px;font-weight:600;color:var(--agx-text-3);text-transform:uppercase;letter-spacing:0.06em;padding:0 8px 8px}
.agx-nav{display:flex;flex-direction:column;gap:4px}
.agx-nav__item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;font-size:14px;color:var(--agx-text);font-weight:600;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;border:1px solid transparent;width:100%;text-align:left;position:relative}
.agx-nav__item:hover{background:linear-gradient(135deg,rgba(0,122,255,0.08),rgba(88,86,214,0.08));border-color:rgba(0,122,255,0.10);color:var(--agx-blue);transform:translateX(2px);box-shadow:0 6px 18px rgba(20,28,45,.06)}
.agx-nav__item.is-active{background:linear-gradient(135deg,rgba(0,122,255,0.12),rgba(88,86,214,0.12));border-color:rgba(0,122,255,0.12);color:var(--agx-blue);box-shadow:0 8px 20px rgba(20,28,45,.06)}
.agx-nav__item:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,122,255,.14)}
.agx-nav__item svg{width:18px;height:18px;flex-shrink:0}
.agx-nav__badge{margin-left:auto;background:var(--agx-blue);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--agx-r-full);min-width:20px;text-align:center}
.agx-sidebar__user{margin-top:auto;padding:12px;background:var(--agx-surface-2);border-radius:var(--agx-r-md);display:flex;align-items:center;gap:10px}
.agx-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#FF9F0A,#FF2D55);display:grid;place-items:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0}
.agx-sidebar__user-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.agx-sidebar__user-info strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agx-sidebar__user-info span{font-size:11px;color:var(--agx-text-3)}
.agx-sidebar__logout{display:block;margin-top:8px;padding:6px;font-size:12px;color:var(--agx-red);text-align:center;border-radius:var(--agx-r-sm)}
.agx-sidebar__logout:hover{background:rgba(255,69,58,0.08)}

.agx-main{display:flex;flex-direction:column;min-height:100%;min-width:0}
.agx-topbar{background:rgba(255,255,255,0.92);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid var(--agx-border);padding:14px 28px;display:flex;align-items:center;gap:16px}
.agx-topbar__title{font-size:22px;font-weight:700;letter-spacing:-0.02em;margin:0}
.agx-topbar__sub{color:var(--agx-text-3);font-size:13px;margin-top:2px}
.agx-topbar__actions{margin-left:auto;display:flex;gap:10px;align-items:center}
.agx-search{display:flex;align-items:center;gap:8px;background:var(--agx-surface-2);border:1px solid transparent;border-radius:var(--agx-r-full);padding:8px 14px;width:280px;transition:all .2s ease}
.agx-search:focus-within{border-color:var(--agx-blue);background:#fff;box-shadow:0 0 0 4px rgba(0,122,255,0.12)}
.agx-search input{border:0;background:transparent;outline:none;flex:1;font-size:13px}
.agx-search svg{color:var(--agx-text-3);width:16px;height:16px}

.agx-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--agx-r-full);font-size:13px;font-weight:600;transition:all .15s ease;white-space:nowrap;appearance:none;-webkit-appearance:none;text-decoration:none}
.agx-btn--primary{background:var(--agx-blue) !important;color:#fff !important;box-shadow:0 2px 8px rgba(0,122,255,0.28)}
.agx-btn--primary:hover{background:var(--agx-blue-2) !important;transform:translateY(-1px);color:#fff !important}
.agx-btn--ghost{background:var(--agx-surface-2);color:var(--agx-text)}
.agx-btn--ghost:hover{background:rgba(0,0,0,0.06)}
.agx-btn--lg{padding:13px 24px;font-size:14px}
.agx-btn--block{width:100%;justify-content:center}

.agx-content{padding:28px;flex:1;max-width:1400px;width:100%;min-width:0}
.agx-view{display:none;min-width:0}
.agx-view.is-active{display:block}

/* ===== STATS / CARDS ===== */
.agx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}
.agx-stat-card{background:#fff;border-radius:var(--agx-r-lg);padding:22px;border:1px solid var(--agx-border);box-shadow:var(--agx-shadow-xs);position:relative;overflow:hidden}
.agx-stat-card::before{content:'';position:absolute;inset:0;opacity:0.06;pointer-events:none}
.agx-stat-card.is-blue::before{background:var(--agx-web)}
.agx-stat-card.is-orange::before{background:var(--agx-paid)}
.agx-stat-card.is-gray::before{background:linear-gradient(135deg,#8E8E93,#C7C7CC)}
.agx-stat-card.is-green::before{background:var(--agx-email)}
.agx-stat-card.is-red::before{background:linear-gradient(135deg,#FF453A,#FF2D55)}
.agx-stat-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:relative}
.agx-stat-card__label{font-size:13px;color:var(--agx-text-3);font-weight:500}
.agx-stat-card__icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:700}
.agx-stat-card.is-blue .agx-stat-card__icon{background:var(--agx-blue)}
.agx-stat-card.is-orange .agx-stat-card__icon{background:var(--agx-orange)}
.agx-stat-card.is-gray .agx-stat-card__icon{background:var(--agx-gray)}
.agx-stat-card.is-green .agx-stat-card__icon{background:var(--agx-green)}
.agx-stat-card.is-red .agx-stat-card__icon{background:var(--agx-red)}
.agx-stat-card__value{font-size:34px;font-weight:700;letter-spacing:-0.03em;position:relative;line-height:1.1}
.agx-stat-card__delta{font-size:12px;font-weight:600;color:var(--agx-green);margin-top:6px;position:relative}

/* ===== SECTION ===== */
.agx-section{background:#fff;border-radius:var(--agx-r-lg);border:1px solid var(--agx-border);box-shadow:var(--agx-shadow-xs);margin-bottom:24px;overflow:hidden}
.agx-section__head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--agx-border)}
.agx-section__title{font-size:16px;font-weight:600;letter-spacing:-0.01em}
.agx-section__sub{font-size:12px;color:var(--agx-text-3);margin-top:2px}
.agx-section__actions{margin-left:auto;display:flex;gap:8px}
.agx-section__body{padding:22px}
.agx-section__body--flush{padding:0}

/* ===== TICKET LIST ===== */
.agx-tlist{display:flex;flex-direction:column}
.agx-tlist__row{display:grid;grid-template-columns:110px 1fr 130px 130px 110px 90px;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--agx-border);transition:background .15s ease;cursor:pointer}
.agx-tlist__row:last-child{border-bottom:0}
.agx-tlist__row:hover{background:var(--agx-surface-3)}
.agx-tlist__row--head{background:var(--agx-surface-3);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--agx-text-3);letter-spacing:0.05em;cursor:default}
.agx-tlist__row--head:hover{background:var(--agx-surface-3)}
.agx-tlist__id{font-family:"SF Mono",Menlo,monospace;font-size:12px;color:var(--agx-text-3);font-weight:600}
.agx-tlist__subject{font-weight:600;font-size:14px}
.agx-tlist__meta{font-size:12px;color:var(--agx-text-3);margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.agx-tlist__meta .dot{width:3px;height:3px;background:var(--agx-text-3);border-radius:50%}
.agx-tlist__empty{padding:60px 20px;text-align:center;color:var(--agx-text-3);font-size:14px}

/* ===== PILLS ===== */
.agx-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--agx-r-full);font-size:11px;font-weight:600;white-space:nowrap}
.agx-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.agx-pill.is-new{background:rgba(0,122,255,0.12);color:var(--agx-blue)}
.agx-pill.is-progress{background:rgba(255,159,10,0.14);color:#B86E00}
.agx-pill.is-paused{background:rgba(142,142,147,0.16);color:#5C5C60}
.agx-pill.is-waiting{background:rgba(50,173,230,0.14);color:#1A7AA8}
.agx-pill.is-negotiate{background:rgba(88,86,214,0.12);color:#4340A8}
.agx-pill.is-done{background:rgba(52,199,89,0.14);color:#1E8C3D}
.agx-pill.is-late{background:rgba(255,69,58,0.14);color:var(--agx-red-dark)}

.agx-prio{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}
.agx-prio::before{content:'';width:8px;height:8px;border-radius:50%}
.agx-prio.is-low{color:var(--agx-text-3)}.agx-prio.is-low::before{background:var(--agx-gray)}
.agx-prio.is-mid{color:#1E8C3D}.agx-prio.is-mid::before{background:var(--agx-green)}
.agx-prio.is-high{color:#B86E00}.agx-prio.is-high::before{background:var(--agx-orange)}
.agx-prio.is-crit{color:var(--agx-red-dark)}
.agx-prio.is-crit::before{background:var(--agx-red);animation:agxPulse 1.4s infinite ease}
@keyframes agxPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}

.agx-spec{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}
.agx-spec__dot{width:20px;height:20px;border-radius:6px;display:inline-grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0;vertical-align:middle}
.agx-spec__dot svg{display:block}
.agx-spec.is-social_media .agx-spec__dot{background:var(--agx-social)}
.agx-spec.is-paid_media .agx-spec__dot{background:var(--agx-paid)}
.agx-spec.is-web_dev .agx-spec__dot{background:var(--agx-web)}
.agx-spec.is-email_mkt .agx-spec__dot{background:var(--agx-email)}

/* ===== FORM ===== */
.agx-form{max-width:880px}
.agx-form__step{background:#fff;border-radius:var(--agx-r-lg);border:1px solid var(--agx-border);margin-bottom:18px;overflow:hidden}
.agx-form__step-head{padding:18px 22px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--agx-border)}
.agx-form__step-num{width:28px;height:28px;border-radius:50%;background:var(--agx-blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600}
.agx-form__step-title{font-size:15px;font-weight:600}
.agx-form__step-sub{font-size:12px;color:var(--agx-text-3);margin-top:2px}
.agx-form__step-body{padding:22px}
.agx-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.agx-grid--3{grid-template-columns:1fr 1fr 1fr}
.agx-grid--full{grid-template-columns:1fr}
.agx-field{display:flex;flex-direction:column;gap:6px}
.agx-field--full{grid-column:1/-1}
.agx-field__label{font-size:13px;font-weight:600;color:var(--agx-text-2)}
.agx-field__label .req{color:var(--agx-red);margin-left:2px}
.agx-field__hint{font-size:11px;color:var(--agx-text-3)}
.agx-input,.agx-select,.agx-textarea{width:100%;padding:11px 14px;border:1px solid var(--agx-border-strong);border-radius:var(--agx-r-sm);background:#fff !important;color:var(--agx-text);font-size:14px;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .15s ease,box-shadow .15s ease}
.agx-input:focus,.agx-select:focus,.agx-textarea:focus{border-color:var(--agx-blue);box-shadow:0 0 0 4px rgba(0,122,255,0.12)}
.agx-textarea{min-height:100px;resize:vertical;font-family:inherit}
.agx-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%2386868B'><path d='M3 4.5L6 7.5L9 4.5'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}

.agx-radio{position:relative;padding:12px 14px;border:1px solid var(--agx-border-strong);border-radius:var(--agx-r-sm);cursor:pointer;background:#fff;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;transition:all .15s ease}
.agx-radio input{position:absolute;opacity:0}
.agx-radio:hover{border-color:var(--agx-blue)}
.agx-radio.is-checked{border-color:var(--agx-blue);background:rgba(0,122,255,0.06);color:var(--agx-blue);box-shadow:0 0 0 3px rgba(0,122,255,0.10)}
.agx-radio__dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--agx-border-strong);flex-shrink:0;position:relative}
.agx-radio.is-checked .agx-radio__dot{border-color:var(--agx-blue)}
.agx-radio.is-checked .agx-radio__dot::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--agx-blue)}

.agx-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.agx-spec-card{position:relative;padding:18px;border:1px solid var(--agx-border-strong);border-radius:var(--agx-r-md);cursor:pointer;background:#fff;transition:all .2s ease;text-align:left}
.agx-spec-card input{position:absolute;opacity:0}
.agx-spec-card:hover{transform:translateY(-2px);box-shadow:var(--agx-shadow-md)}
.agx-spec-card.is-checked{border-color:var(--agx-blue);box-shadow:0 0 0 3px rgba(0,122,255,0.12)}
.agx-spec-card__icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;margin-bottom:12px}
.agx-spec-card[data-spec="social_media"] .agx-spec-card__icon{background:var(--agx-social)}
.agx-spec-card[data-spec="paid_media"] .agx-spec-card__icon{background:var(--agx-paid)}
.agx-spec-card[data-spec="web_dev"] .agx-spec-card__icon{background:var(--agx-web)}
.agx-spec-card[data-spec="email_mkt"] .agx-spec-card__icon{background:var(--agx-email)}
.agx-spec-card__title{font-size:14px;font-weight:600}
.agx-spec-card__owner{font-size:11px;color:var(--agx-text-3);margin-top:2px}

.agx-prio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.agx-prio-card{position:relative;padding:14px 12px;border:1px solid var(--agx-border-strong);border-radius:var(--agx-r-sm);cursor:pointer;background:#fff;text-align:center;transition:all .15s ease}
.agx-prio-card input{position:absolute;opacity:0}
.agx-prio-card:hover{border-color:var(--agx-text-2)}
.agx-prio-card.is-checked{border-color:currentColor;background:rgba(0,0,0,0.02);box-shadow:0 0 0 3px rgba(0,0,0,0.04)}
.agx-prio-card[data-prio="low"]{color:var(--agx-text-3)}
.agx-prio-card[data-prio="mid"]{color:#1E8C3D}
.agx-prio-card[data-prio="high"]{color:#B86E00}
.agx-prio-card[data-prio="crit"]{color:var(--agx-red-dark)}
.agx-prio-card__bar{height:4px;border-radius:2px;background:currentColor;margin-bottom:10px;opacity:0.85}
.agx-prio-card__label{font-size:13px;font-weight:600}

.agx-conditional{display:none;animation:agxSlide .35s ease}
.agx-conditional.is-active{display:block}
@keyframes agxSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.agx-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.agx-activity-card{position:relative;padding:14px;border:1px solid var(--agx-border-strong);border-radius:var(--agx-r-sm);cursor:pointer;background:#fff;transition:all .15s ease}
.agx-activity-card input{position:absolute;opacity:0}
.agx-activity-card:hover{border-color:var(--agx-blue)}
.agx-activity-card.is-checked{border-color:var(--agx-blue);background:rgba(0,122,255,0.04)}
.agx-activity-card__title{font-size:13px;font-weight:600}
.agx-activity-card__time{font-size:11px;color:var(--agx-text-3);margin-top:4px;display:flex;align-items:center;gap:5px}
.agx-activity-card__time::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--agx-blue)}

.agx-file{display:flex;align-items:center;gap:12px;padding:14px;border:1.5px dashed var(--agx-border-strong);border-radius:var(--agx-r-sm);background:var(--agx-surface-3);cursor:pointer;transition:all .15s ease}
.agx-file:hover{border-color:var(--agx-blue);background:rgba(0,122,255,0.03)}
.agx-file.is-selected{border-color:var(--agx-green);background:rgba(52,199,89,0.05);border-style:solid}
.agx-file.is-selected .agx-file__icon{background:rgba(52,199,89,0.15);color:var(--agx-green)}
.agx-file input{display:none}
.agx-file__icon{width:36px;height:36px;border-radius:10px;background:rgba(0,122,255,0.12);color:var(--agx-blue);display:grid;place-items:center}
.agx-file__text{font-size:13px}
.agx-file__text strong{color:var(--agx-blue)}
.agx-file__text span{display:block;color:var(--agx-text-3);font-size:11px;margin-top:2px}

/* Link descargable en el detalle del ticket */
.agx-file-link{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;
  background:rgba(0,122,255,0.06);
  border:1px solid rgba(0,122,255,0.18);
  border-radius:var(--agx-r-sm);
  color:var(--agx-blue);
  text-decoration:none;
  font-size:13px;
  transition:all .15s ease;
  max-width:100%;
}
.agx-file-link:hover{background:rgba(0,122,255,0.12);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,122,255,0.15)}
.agx-file-link__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.agx-file-link__action{
  margin-left:auto;
  padding:2px 10px;
  background:var(--agx-blue);
  color:#fff;
  border-radius:var(--agx-r-full);
  font-size:11px;
  font-weight:600;
}

/* Botón de reserva de reunión (booking_link) */
.agx-booking-btn{
  display:flex;align-items:center;gap:10px;
  padding:14px 18px;
  background:linear-gradient(135deg, #0078D4 0%, #005A9E 100%);
  color:#fff !important;
  border-radius:var(--agx-r-md);
  text-decoration:none;
  font-size:14px;font-weight:600;
  transition:all .2s ease;
  box-shadow:0 2px 10px rgba(0,120,212,0.28);
}
.agx-booking-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,120,212,0.4);color:#fff !important}
.agx-booking-btn svg{flex-shrink:0}

/* ===== MODAL DE EVIDENCIA ===== */
.agx-modal-ev{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}
.agx-modal-ev.is-open{display:flex}
.agx-modal-ev__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.agx-modal-ev__card{position:relative;background:#fff;border-radius:var(--agx-r-xl,20px);max-width:480px;width:100%;box-shadow:0 24px 64px rgba(0,0,0,0.3);overflow:hidden;animation:agxEvIn .25s ease}
@keyframes agxEvIn{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.agx-modal-ev__head{display:flex;gap:14px;align-items:flex-start;padding:24px 24px 16px}
.agx-modal-ev__icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:rgba(52,199,89,0.14);color:var(--agx-green);display:grid;place-items:center}
.agx-modal-ev__head h3{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--agx-text)}
.agx-modal-ev__head p{margin:0;font-size:13px;color:var(--agx-text-3);line-height:1.5}
.agx-modal-ev__body{padding:8px 24px 20px}
.agx-evidence-drop{display:flex;align-items:center;gap:12px;padding:16px;border:1.5px dashed var(--agx-border-strong);border-radius:var(--agx-r-md);background:var(--agx-surface-3);cursor:pointer;transition:all .15s ease}
.agx-evidence-drop:hover{border-color:var(--agx-green);background:rgba(52,199,89,0.03)}
.agx-evidence-drop.is-selected{border-color:var(--agx-green);background:rgba(52,199,89,0.06);border-style:solid}
.agx-evidence-drop input{display:none}
.agx-evidence-drop__icon{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:rgba(52,199,89,0.14);color:var(--agx-green);display:grid;place-items:center}
.agx-evidence-drop__text{font-size:13px;line-height:1.4}
.agx-evidence-drop__text strong{display:block;color:var(--agx-text)}
.agx-evidence-drop__text span{color:var(--agx-text-3);font-size:12px}
.agx-evidence-skip{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;background:var(--agx-surface-2);border-radius:var(--agx-r-sm);cursor:pointer;font-size:13px;color:var(--agx-text-2)}
.agx-evidence-skip input{width:18px;height:18px;accent-color:var(--agx-green);cursor:pointer}
.agx-modal-ev__foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--agx-border);background:#fafafa}

/* ===== ADJUNTOS EN COMENTARIOS ===== */
.agx-comment-attach{
  display:inline-flex;align-items:center;gap:7px;
  margin-top:10px;padding:8px 14px;
  background:rgba(0,122,255,0.07);
  border:1px dashed rgba(0,122,255,0.3);
  border-radius:var(--agx-r-full);
  color:var(--agx-blue);font-size:12px;font-weight:600;
  cursor:pointer;transition:all .15s ease;
}
.agx-comment-attach:hover{background:rgba(0,122,255,0.12)}
.agx-comment-files-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.agx-comment-file-chip{
  display:inline-flex;align-items:center;
  padding:4px 10px;
  background:var(--agx-surface-2);
  border:1px solid var(--agx-border);
  border-radius:var(--agx-r-full);
  font-size:11px;color:var(--agx-text-2);font-weight:500;
  max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.agx-form__actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:18px 22px;background:#fff;border-radius:var(--agx-r-lg);border:1px solid var(--agx-border);flex-wrap:wrap;gap:14px}
.agx-form__actions-info{font-size:13px;color:var(--agx-text-3)}
.agx-form__actions-info strong{color:var(--agx-text)}
.agx-form__actions-buttons{display:flex;gap:10px}

/* ===== DETAIL ===== */
.agx-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:20px;min-width:0}
.agx-detail__main{display:flex;flex-direction:column;gap:16px;min-width:0}
.agx-detail__head{background:#fff;border:1px solid var(--agx-border);border-radius:var(--agx-r-lg);padding:22px}
.agx-detail__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--agx-text-3);margin-bottom:14px;font-weight:500;background:transparent;padding:0}
.agx-detail__back:hover{color:var(--agx-blue)}
.agx-detail__id{font-family:"SF Mono",Menlo,monospace;font-size:12px;color:var(--agx-text-3);font-weight:600}
.agx-detail__title{font-size:24px;font-weight:700;letter-spacing:-0.02em;margin:6px 0 14px}
.agx-detail__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

.agx-timeline{display:flex;flex-direction:column;gap:14px;padding-left:6px}
.agx-tl-item{display:grid;grid-template-columns:28px 1fr;gap:14px;position:relative}
.agx-tl-item::before{content:'';position:absolute;left:13px;top:28px;bottom:-14px;width:2px;background:var(--agx-border)}
.agx-tl-item:last-child::before{display:none}
.agx-tl-dot{width:28px;height:28px;border-radius:50%;background:var(--agx-surface-2);border:2px solid var(--agx-border);display:grid;place-items:center;color:var(--agx-text-3);position:relative;z-index:1;font-size:12px;font-weight:700}
.agx-tl-item.is-blue .agx-tl-dot{background:rgba(0,122,255,0.14);border-color:var(--agx-blue);color:var(--agx-blue)}
.agx-tl-item.is-orange .agx-tl-dot{background:rgba(255,159,10,0.14);border-color:var(--agx-orange);color:var(--agx-orange-2)}
.agx-tl-item.is-green .agx-tl-dot{background:rgba(52,199,89,0.14);border-color:var(--agx-green);color:#1E8C3D}
.agx-tl-item.is-red .agx-tl-dot{background:rgba(255,69,58,0.14);border-color:var(--agx-red);color:var(--agx-red-dark)}
.agx-tl-card{background:#fff;border:1px solid var(--agx-border);border-radius:var(--agx-r-md);padding:14px 16px}
.agx-tl-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.agx-tl-author{font-size:13px;font-weight:600}
.agx-tl-time{font-size:12px;color:var(--agx-text-3);margin-left:auto}
.agx-tl-text{font-size:13px;color:var(--agx-text-2);line-height:1.55}

.agx-detail__side{display:flex;flex-direction:column;gap:16px;min-width:0}
.agx-side-card{background:#fff;border:1px solid var(--agx-border);border-radius:var(--agx-r-lg);padding:18px}
.agx-side-card__title{font-size:13px;font-weight:600;color:var(--agx-text-3);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}
.agx-side-meta{display:flex;flex-direction:column;gap:12px;font-size:13px}
.agx-side-meta__row{display:flex;justify-content:space-between;gap:10px}
.agx-side-meta__row span:first-child{color:var(--agx-text-3)}
.agx-side-meta__row strong{font-weight:600;text-align:right}

.agx-sla{padding:14px;background:linear-gradient(135deg,rgba(0,122,255,0.06),rgba(88,86,214,0.06));border-radius:var(--agx-r-md);border:1px solid rgba(0,122,255,0.12)}
.agx-sla__bar{height:8px;border-radius:4px;background:rgba(0,0,0,0.06);margin:10px 0;overflow:hidden}
.agx-sla__fill{height:100%;background:linear-gradient(90deg,var(--agx-green),var(--agx-orange));border-radius:4px;transition:width .35s ease}
.agx-sla__fill.is-late{background:linear-gradient(90deg,var(--agx-orange),var(--agx-red))}
.agx-sla__text{font-size:12px;color:var(--agx-text-3);display:flex;justify-content:space-between}

.agx-comment-form{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.agx-comment-form__actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;align-items:center}

/* ===== FILTER BAR ===== */
.agx-filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.agx-filter{padding:7px 14px;border-radius:var(--agx-r-full);background:#fff;border:1px solid var(--agx-border);font-size:12px;font-weight:500;color:var(--agx-text-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}
.agx-filter:hover{border-color:var(--agx-text-2)}
.agx-filter.is-active{background:var(--agx-blue);color:#fff;border-color:var(--agx-blue)}
.agx-filter__count{background:rgba(255,255,255,0.25);padding:1px 7px;border-radius:var(--agx-r-full);font-size:11px}
.agx-filter:not(.is-active) .agx-filter__count{background:var(--agx-surface-2)}

/* ===== ANALYTICS ===== */
.agx-charts{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:24px}
.agx-chart-card{background:#fff;border:1px solid var(--agx-border);border-radius:var(--agx-r-lg);padding:22px}
.agx-chart-card h3{margin:0 0 4px;font-size:15px;font-weight:600;letter-spacing:-0.01em}
.agx-chart-sub{font-size:12px;color:var(--agx-text-3);margin-bottom:18px}
.agx-bars{height:240px;display:flex;align-items:flex-end;gap:12px;padding:0 6px}
.agx-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.agx-bar-stack{width:100%;max-width:56px;display:flex;flex-direction:column;gap:2px}
.agx-bar{width:100%;border-radius:6px 6px 0 0;background:var(--agx-blue);transition:all .3s ease;min-height:4px}
.agx-bar.is-new{background:var(--agx-blue)}
.agx-bar.is-progress{background:var(--agx-orange)}
.agx-bar.is-done{background:var(--agx-green);border-radius:0 0 6px 6px}
.agx-bar-label{font-size:11px;color:var(--agx-text-3)}
.agx-donut{width:200px;height:200px;margin:0 auto;position:relative}
.agx-donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.agx-donut__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.agx-donut__value{font-size:32px;font-weight:700;letter-spacing:-0.02em}
.agx-donut__label{font-size:11px;color:var(--agx-text-3);text-transform:uppercase;letter-spacing:0.05em}
.agx-legend{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.agx-legend-item{display:flex;align-items:center;gap:10px;font-size:13px}
.agx-legend-item__dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.agx-legend-item__label{flex:1;color:var(--agx-text-2)}
.agx-legend-item__val{font-weight:600}

/* ===== LOGIN / REGISTER ===== */
.agx-login{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:radial-gradient(80% 50% at 50% 0%,rgba(0,122,255,0.10),transparent),radial-gradient(60% 40% at 90% 90%,rgba(88,86,214,0.10),transparent),var(--agx-surface-2);font-family:var(--agx-font);border-radius:16px}
.agx-login__card{width:100%;max-width:440px;background:rgba(255,255,255,0.85);backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);border:1px solid rgba(255,255,255,0.85);border-radius:28px;padding:36px;box-shadow:var(--agx-shadow-xl)}
.agx-login__logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#007AFF,#5856D6);display:grid;place-items:center;color:#fff;margin:0 auto 20px;box-shadow:0 8px 28px rgba(0,122,255,0.36)}
.agx-login__title{font-size:26px;font-weight:700;text-align:center;letter-spacing:-0.02em;margin:0}
.agx-login__sub{font-size:14px;color:var(--agx-text-3);text-align:center;margin:6px 0 28px}
.agx-login__form{display:flex;flex-direction:column;gap:14px}
.agx-login__switch{text-align:center;font-size:13px;color:var(--agx-text-3);margin-top:18px}
.agx-login__error{background:rgba(255,69,58,0.10);color:var(--agx-red-dark);padding:10px 14px;border-radius:var(--agx-r-sm);font-size:13px;border:1px solid rgba(255,69,58,0.25)}
.agx-login__success{background:rgba(52,199,89,0.10);color:#1E8C3D;padding:10px 14px;border-radius:var(--agx-r-sm);font-size:13px;border:1px solid rgba(52,199,89,0.25)}
.agx-login__demo{margin-top:24px;padding:14px;background:var(--agx-surface-2);border-radius:var(--agx-r-md);font-size:11px}
.agx-login__demo strong{display:block;color:var(--agx-text);margin-bottom:8px;font-size:12px}
.agx-login__demo-row{display:flex;justify-content:space-between;padding:4px 0;color:var(--agx-text-3)}
.agx-login__demo code{font-family:"SF Mono",Menlo,monospace;background:#fff;padding:1px 6px;border-radius:4px;color:var(--agx-text);font-size:10.5px}

/* ===== MODAL ===== */
.agx-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.agx-modal.is-open{display:flex;animation:agxFade .2s ease}
.agx-modal__card{background:rgba(255,255,255,0.92);backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);border-radius:24px;padding:36px;max-width:440px;width:100%;text-align:center;border:1px solid rgba(255,255,255,0.85);box-shadow:var(--agx-shadow-xl)}
.agx-modal__icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--agx-green),#2EC95D);color:#fff;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 8px 28px rgba(52,199,89,0.36)}
.agx-modal__title{font-size:22px;font-weight:700;letter-spacing:-0.02em;margin:0}
.agx-modal__text{font-size:14px;color:var(--agx-text-2);margin:10px 0 22px;line-height:1.55}
.agx-modal__id{background:var(--agx-surface-2);border-radius:var(--agx-r-sm);padding:10px 14px;font-family:"SF Mono",Menlo,monospace;font-size:14px;font-weight:600;display:inline-block;margin-bottom:18px}
.agx-modal__assignee{display:flex;align-items:center;gap:12px;background:var(--agx-surface-2);border-radius:var(--agx-r-md);padding:14px;margin-bottom:18px;text-align:left}
.agx-modal__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ===== GAME ===== */
.agx-game{background:linear-gradient(180deg,#F5F5F7 0%,#FFFFFF 100%);border:1px solid var(--agx-border);border-radius:var(--agx-r-lg);padding:18px;margin-bottom:18px}
.agx-game--standalone{margin-bottom:0;padding:0;border:0;background:transparent}
.agx-game__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}
.agx-game__title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--agx-text)}
.agx-game__title svg{color:var(--agx-blue)}
.agx-game__score{font-family:"SF Mono",Menlo,monospace;font-size:13px;font-weight:700;color:var(--agx-text-3)}
.agx-game__hint{font-size:11px;color:var(--agx-text-3)}
.agx-game__canvas-wrap{background:linear-gradient(180deg,#E5EFFA 0%,#FFFFFF 100%);border-radius:var(--agx-r-md);position:relative;overflow:hidden;min-height:220px}
.agx-game__canvas-wrap canvas{display:block;width:100%;height:220px}
.agx-game__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,0.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.agx-game__overlay.is-hidden{display:none}
.agx-game__overlay-title{font-size:16px;font-weight:600}
.agx-game__overlay-text{font-size:12px;color:var(--agx-text-3)}
.agx-game__btn{padding:10px 22px;border-radius:var(--agx-r-full);background:var(--agx-blue);color:#fff;font-size:13px;font-weight:600;margin-top:6px;border:0;cursor:pointer;box-shadow:0 2px 8px rgba(0,122,255,0.28)}
.agx-game__btn:hover{background:var(--agx-blue-2);transform:translateY(-1px)}
.agx-game__instructions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--agx-border)}
.agx-game__instruction{font-size:12px;color:var(--agx-text-3);display:flex;align-items:center;gap:8px}
.agx-game__instruction kbd{display:inline-block;padding:2px 8px;background:var(--agx-surface-2);border:1px solid var(--agx-border-strong);border-bottom-width:2px;border-radius:6px;font-family:"SF Mono",Menlo,monospace;font-size:11px;font-weight:600;color:var(--agx-text)}

/* ===== TOAST ===== */
.agx-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:rgba(29,29,31,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:12px 20px;border-radius:var(--agx-r-full);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;z-index:99998;opacity:0;transition:all .3s ease;box-shadow:var(--agx-shadow-lg);pointer-events:none}
.agx-toast.is-show{transform:translateX(-50%) translateY(0);opacity:1}
.agx-toast.is-error{background:var(--agx-red-dark)}
.agx-toast svg{color:var(--agx-green)}

/* ===== BURGER ===== */
.agx-burger{display:none;padding:8px;border-radius:var(--agx-r-sm);background:var(--agx-surface-2)}

/* ===== MOBILE ===== */
@media (max-width:900px){
  .agx-app{grid-template-columns:1fr;border-radius:0;min-height:auto;margin:-20px}
  .agx-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translateX(-100%);transition:transform .25s ease;z-index:99990;width:260px;border-radius:0}
  .agx-sidebar.is-open{transform:translateX(0)}
  .agx-grid,.agx-grid--3{grid-template-columns:1fr}
  .agx-detail{grid-template-columns:1fr}
  .agx-charts{grid-template-columns:1fr}
  .agx-tlist__row{grid-template-columns:1fr;gap:6px;padding:14px 18px}
  .agx-tlist__row--head{display:none}
  .agx-content{padding:18px}
  .agx-topbar{padding:12px 18px;flex-wrap:wrap}
  .agx-search{width:100%}
  .agx-topbar__actions{width:100%;flex-wrap:wrap}
  .agx-prio-grid{grid-template-columns:repeat(2,1fr)}
  .agx-burger{display:inline-grid;place-items:center}
  .agx-form__actions{flex-direction:column;align-items:stretch}
  .agx-form__actions-buttons{width:100%}
  .agx-form__actions-buttons .agx-btn{flex:1;justify-content:center}
}

/* Focus */
.agx-root *:focus-visible{outline:2px solid var(--agx-blue);outline-offset:2px;border-radius:4px}

/* ===== FULL-WIDTH BREAKOUT =====
   Rompe los paddings/contenedores del tema y ocupa todo el ancho del viewport.
   Solo se aplica si la página tiene la clase .agx-fullwidth (el plugin la añade).
*/
.agx-root.agx-fullwidth{
  width:100vw;
  max-width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  padding:0;
  box-sizing:border-box;
}
.agx-root.agx-fullwidth .agx-app{
  border-radius:0;
  border-left:0;
  border-right:0;
  min-height:calc(100vh - 32px);
  box-shadow:none;
  margin:0;
}
.agx-root.agx-fullwidth .agx-login{
  border-radius:0;
  margin:0;
  min-height:100vh;
}

/* ===== PASSWORD GENERATOR ===== */
.agx-pwgen{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:600;color:var(--agx-blue);
  background:rgba(0,122,255,0.08);padding:4px 10px;border-radius:var(--agx-r-full);
  cursor:pointer;border:0;transition:all .15s ease;
}
.agx-pwgen:hover{background:rgba(0,122,255,0.15)}

.agx-pw-wrap{position:relative}
.agx-pw-wrap .agx-input{padding-right:42px}
.agx-pw-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  padding:6px;border-radius:6px;color:var(--agx-text-3);
  background:transparent;cursor:pointer;
}
.agx-pw-toggle:hover{background:var(--agx-surface-2);color:var(--agx-text-2)}

.agx-pw-meter{margin-top:6px}
.agx-pw-meter__bar{
  height:4px;background:var(--agx-surface-2);
  border-radius:2px;overflow:hidden;
}
.agx-pw-meter__fill{
  height:100%;width:0;border-radius:2px;
  transition:width .3s ease,background .3s ease;
  background:var(--agx-gray);
}
.agx-pw-meter__fill.is-weak{background:var(--agx-red)}
.agx-pw-meter__fill.is-mid{background:var(--agx-orange)}
.agx-pw-meter__fill.is-strong{background:var(--agx-green)}
.agx-pw-meter__label{
  font-size:11px;color:var(--agx-text-3);
  margin-top:5px;font-weight:500;
}

/* ===== DATE RANGE FILTER ===== */
.agx-daterange{display:flex;flex-direction:column;gap:14px}
.agx-daterange__presets{display:flex;flex-wrap:wrap;gap:8px}
.agx-daterange__pill{
  padding:7px 14px;
  border-radius:var(--agx-r-full);
  background:var(--agx-surface-2);
  border:1px solid transparent;
  font-size:12px;font-weight:600;
  color:var(--agx-text-2);
  cursor:pointer;
  transition:all .15s ease;
}
.agx-daterange__pill:hover{background:rgba(0,0,0,0.06)}
.agx-daterange__pill.is-active{
  background:var(--agx-blue);
  color:#fff;
  box-shadow:0 2px 8px rgba(0,122,255,0.25);
}
.agx-daterange__inputs{
  display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;
}
.agx-daterange__input-group{display:flex;flex-direction:column;gap:5px;min-width:160px}
.agx-daterange__input-group label{
  font-size:11px;color:var(--agx-text-3);
  font-weight:600;text-transform:uppercase;letter-spacing:0.05em;
}
.agx-daterange__input-group .agx-input{padding:9px 12px;font-size:13px}
.agx-daterange__apply{align-self:flex-end}
.agx-daterange.is-custom-hidden .agx-daterange__inputs{display:none}

@media (max-width:600px){
  .agx-daterange__inputs{flex-direction:column;align-items:stretch}
  .agx-daterange__input-group{min-width:auto}
  .agx-daterange__apply{width:100%}
}

/* ===== EXTRA FILTERS (specialty/agent/sector) ===== */
.agx-extra-filters{
  display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;
  margin-top:16px;padding-top:16px;
  border-top:1px solid var(--agx-border);
}
.agx-extra-filters__group{
  display:flex;flex-direction:column;gap:5px;
  min-width:180px;flex:1;
}
.agx-extra-filters__group label{
  font-size:11px;color:var(--agx-text-3);
  font-weight:600;text-transform:uppercase;letter-spacing:0.05em;
}
.agx-extra-filters__group .agx-select{padding:9px 12px;font-size:13px}
.agx-flt-reset{align-self:flex-end;padding:9px 14px}

@media (max-width:600px){
  .agx-extra-filters{flex-direction:column;align-items:stretch}
  .agx-extra-filters__group{min-width:auto}
  .agx-flt-reset{width:100%;justify-content:center}
}

/* Badge de filtros activos */
.agx-filter-summary{
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
  padding:10px 14px;
  background:rgba(0,122,255,0.06);
  border:1px solid rgba(0,122,255,0.18);
  border-radius:var(--agx-r-md);
  margin-bottom:16px;font-size:12px;
}
.agx-filter-summary strong{color:var(--agx-blue);font-weight:600}
.agx-filter-summary__chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px;border-radius:var(--agx-r-full);
  background:#fff;border:1px solid rgba(0,122,255,0.25);
  color:var(--agx-text-2);font-weight:500;
}

/* ===== ON-TIME vs OUT-OF-TIME CARD ===== */
.agx-ontime-card{
  background:linear-gradient(135deg, rgba(52,199,89,0.04), rgba(0,122,255,0.04));
  border:1px solid var(--agx-border);
}
.agx-ontime-big{
  font-size:42px;font-weight:700;letter-spacing:-0.03em;line-height:1;
  color:var(--agx-green);display:flex;align-items:baseline;
}
.agx-ontime-big span{font-size:20px;font-weight:600;margin-left:2px;opacity:0.7}
.agx-ontime-bar{
  display:flex;height:14px;
  background:var(--agx-surface-2);
  border-radius:var(--agx-r-full);overflow:hidden;
  margin-bottom:18px;border:1px solid var(--agx-border);
}
.agx-ontime-bar__fill{height:100%;transition:width .4s ease}
.agx-ontime-bar__fill.is-on{background:linear-gradient(90deg,var(--agx-green),var(--agx-green-2,#30D158))}
.agx-ontime-bar__fill.is-out{background:linear-gradient(90deg,var(--agx-orange),var(--agx-red))}
.agx-ontime-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.agx-ontime-stat{
  display:flex;align-items:center;gap:12px;
  padding:14px;background:#fff;
  border:1px solid var(--agx-border);border-radius:var(--agx-r-md);
}
.agx-ontime-stat__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.agx-ontime-stat.is-on .agx-ontime-stat__dot{background:var(--agx-green);box-shadow:0 0 0 4px rgba(52,199,89,0.15)}
.agx-ontime-stat.is-out .agx-ontime-stat__dot{background:var(--agx-red);box-shadow:0 0 0 4px rgba(255,69,58,0.15)}
.agx-ontime-stat.is-total .agx-ontime-stat__dot{background:var(--agx-blue);box-shadow:0 0 0 4px rgba(0,122,255,0.15)}
.agx-ontime-stat__value{font-size:22px;font-weight:700;letter-spacing:-0.02em;line-height:1.1}
.agx-ontime-stat__label{font-size:11px;color:var(--agx-text-3);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-top:2px}

/* Email split */
.agx-email-split{display:grid;grid-template-columns:1fr auto 1.2fr;gap:0;align-items:stretch}
.agx-email-split__user{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.agx-email-split__at{
  display:grid;place-items:center;
  padding:0 10px;background:var(--agx-surface-2);
  border-top:1px solid var(--agx-border-strong);
  border-bottom:1px solid var(--agx-border-strong);
  color:var(--agx-text-3);font-weight:600;
}
.agx-email-split__domain{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}
.agx-email-split__user:focus,.agx-email-split__domain:focus{position:relative;z-index:2}

/* ===== AUTH: contraseña visible, recuperación, medidor ===== */
.agx-login__success{
  padding:11px 14px;margin-bottom:14px;
  background:rgba(52,199,89,0.12);border:1px solid rgba(52,199,89,0.3);
  border-radius:10px;color:#1E8C3D;font-size:13px;font-weight:500;line-height:1.45;
}
.agx-pw-wrap{position:relative}
.agx-pw-wrap .agx-input{padding-right:44px}
.agx-pw-toggle{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:32px;height:32px;
  background:none;border:none;cursor:pointer;color:#8E8E93;
  border-radius:8px;padding:0;transition:all .15s ease;
}
.agx-pw-toggle:hover{color:#1D1D1F;background:rgba(0,0,0,0.05)}
.agx-pw-toggle:focus{outline:none;box-shadow:0 0 0 2px rgba(0,122,255,0.25)}
.agx-login__forgot-row{text-align:right;margin-top:7px}
.agx-login__forgot{
  font-size:12.5px;font-weight:500;color:#007AFF;text-decoration:none;
}
.agx-login__forgot:hover{text-decoration:underline;color:#0A84FF}
.agx-pw-meter-track{height:5px;background:#E5E5EA;border-radius:3px;margin-top:9px;overflow:hidden}
.agx-pw-meter{height:100%;width:0;border-radius:3px;transition:width .25s ease, background .25s ease}
.agx-pw-meter-text{font-size:11px;color:#8E8E93;margin-top:5px;font-weight:500}
.agx-pw-generate{
  display:block;width:100%;margin:2px 0 4px;padding:10px 14px;
  background:rgba(0,122,255,0.07);border:1px dashed rgba(0,122,255,0.35);
  border-radius:10px;color:#007AFF;font-size:12.5px;font-weight:600;
  cursor:pointer;transition:all .15s ease;font-family:inherit;
}
.agx-pw-generate:hover{background:rgba(0,122,255,0.12)}

/* ============================================================
   v1.11 · AGEXPORT Solicitudes · áreas independientes
   ============================================================ */
body.agx-standalone-body{margin:0!important;background:#f6f7fb!important;overflow-x:hidden}.agx-standalone-body #wpadminbar{display:none!important}.agx-standalone-body .agx-root{min-height:100vh}
.agx-area-switcher{display:grid;gap:8px;margin:8px 6px 0}.agx-area-switch{width:100%;border:1px solid transparent;background:transparent;border-radius:14px;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:12px;font-weight:700;color:var(--agx-text-2);cursor:pointer;transition:all .18s ease}.agx-area-switch:hover{background:linear-gradient(135deg,rgba(0,122,255,.08),rgba(88,86,214,.08));border-color:rgba(0,122,255,.10);color:var(--agx-blue);transform:translateX(2px)}.agx-area-switch.is-active{background:#fff;border-color:var(--agx-border);box-shadow:0 6px 18px rgba(20,28,45,.06);color:var(--agx-text)}.agx-area-switch__dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 4px rgba(0,0,0,.04)}.agx-area-switch__dot.is-marketing{background:#087eff}.agx-area-switch__dot.is-contraloria{background:#c43b84}
.agx-area-hero{max-width:780px;margin:0 auto 26px;text-align:center;padding:28px 12px}.agx-area-hero__eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(0,122,255,.08);color:#007aff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.agx-area-hero h2{font-size:36px;line-height:1.08;margin:14px 0 10px;color:var(--agx-text);letter-spacing:-.03em}.agx-area-hero p{max-width:640px;margin:auto;color:var(--agx-text-3);font-size:15px;line-height:1.7}
.agx-area-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1040px;margin:0 auto}.agx-area-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.35);background:#fff;border-radius:26px;padding:28px;display:grid;grid-template-columns:72px 1fr 58px;align-items:center;gap:20px;text-align:left;cursor:pointer;box-shadow:0 14px 34px rgba(20,28,45,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;font:inherit;isolation:isolate}.agx-area-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 26px 54px rgba(20,28,45,.16)}.agx-area-card:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,122,255,.14),0 26px 54px rgba(20,28,45,.16)}.agx-area-card__glow{position:absolute;inset:auto -30px -40px auto;width:180px;height:180px;border-radius:50%;opacity:.35;filter:blur(10px);pointer-events:none;z-index:0}.agx-area-card__icon,.agx-area-card__copy,.agx-area-card__arrow{position:relative;z-index:1}.agx-area-card__icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;box-shadow:0 14px 26px rgba(0,0,0,.12)}.agx-area-card__icon svg{width:28px;height:28px}.agx-area-card.is-marketing{background:linear-gradient(135deg,#ffffff 0%,#f7fbff 55%,#f4f0ff 100%)}.agx-area-card.is-marketing .agx-area-card__glow{background:radial-gradient(circle,#6fc0ff 0%,rgba(111,192,255,0) 68%)}.agx-area-card.is-marketing .agx-area-card__icon{background:linear-gradient(135deg,#007aff,#5856d6)}.agx-area-card.is-marketing:hover{border-color:rgba(0,122,255,.22)}.agx-area-card.is-contraloria{background:linear-gradient(135deg,#fff8fb 0%,#fff3f8 45%,#f6f1ff 100%)}.agx-area-card.is-contraloria .agx-area-card__glow{background:radial-gradient(circle,#ff5ea0 0%,rgba(255,94,160,0) 68%)}.agx-area-card.is-contraloria .agx-area-card__icon{background:linear-gradient(135deg,#ff2d55,#8f4bd9)}.agx-area-card.is-contraloria:hover{border-color:rgba(255,45,85,.22)}.agx-area-card__copy{display:grid;gap:7px}.agx-area-card__eyebrow{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(60,60,67,.08);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--agx-text-3)}.agx-area-card__copy strong{font-size:24px;line-height:1.1;color:var(--agx-text);letter-spacing:-.02em}.agx-area-card__copy small{font-size:13px;line-height:1.6;color:var(--agx-text-2);max-width:430px}.agx-area-card__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.agx-area-card__tags em{font-style:normal;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(60,60,67,.08);font-size:11px;font-weight:700;color:var(--agx-text-2)}.agx-area-card__arrow{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);border:1px solid rgba(60,60,67,.08);color:var(--agx-text-2);transition:transform .18s ease,color .18s ease,background .18s ease}.agx-area-card__arrow svg{width:20px;height:20px}.agx-area-card:hover .agx-area-card__arrow{transform:translateX(4px);color:#fff}.agx-area-card.is-marketing:hover .agx-area-card__arrow{background:linear-gradient(135deg,#007aff,#5856d6)}.agx-area-card.is-contraloria:hover .agx-area-card__arrow{background:linear-gradient(135deg,#ff2d55,#8f4bd9)}
.agx-create-back{border:0;background:transparent;color:var(--agx-blue);font:inherit;font-size:12px;font-weight:750;cursor:pointer;margin:0 0 12px;padding:6px 0}.agx-spec.is-contraloria{background:rgba(88,86,214,.1);color:#4340a8;border-color:rgba(88,86,214,.18)}.agx-stat-card.is-purple{background:linear-gradient(145deg,rgba(88,86,214,.09),rgba(175,82,222,.06))}.agx-stat-card.is-purple .agx-stat-card__icon{background:#5856d6;color:#fff}.agx-stats--inline{margin-bottom:18px}
.agx-ctr-bar{padding:11px 0}.agx-ctr-bar__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:12px;margin-bottom:7px}.agx-ctr-bar__head span{color:var(--agx-text-2)}.agx-ctr-bar__track{height:8px;border-radius:999px;background:var(--agx-surface-2);overflow:hidden}.agx-ctr-bar__track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5856d6,#7d7aff)}.agx-ctr-month{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--agx-border);font-size:13px}.agx-ctr-month:last-child{border-bottom:0}.agx-ctr-month span{color:var(--agx-text-2)}
@media(max-width:800px){.agx-area-cards{grid-template-columns:1fr}.agx-area-hero h2{font-size:25px}.agx-area-card{padding:20px}.agx-stat-card__value{font-size:28px}}

@media (max-width: 900px){.agx-area-cards{grid-template-columns:1fr}.agx-area-card{grid-template-columns:62px 1fr 48px;padding:22px}.agx-area-card__icon{width:62px;height:62px;border-radius:18px}.agx-area-card__copy strong{font-size:21px}.agx-area-card__copy small{font-size:12px}}

/* ===== v1.12 · Selector de departamento · propuesta 3 + glow de esquina ===== */
.agx-area-card.agx-area-card--centered{
  min-height:390px;padding:34px 30px 28px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;text-align:center;
  background:linear-gradient(160deg,#fff 0%,#fff 60%,#f8fbff 100%);border:1px solid rgba(60,60,67,.10);position:relative;overflow:hidden;
}
.agx-area-card.agx-area-card--centered .agx-area-card__corner-glow{
  position:absolute;right:-60px;bottom:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(74,158,255,.40) 0%,rgba(74,158,255,.18) 38%,rgba(74,158,255,0) 72%);filter:blur(3px);z-index:0;pointer-events:none;
}
.agx-area-card.agx-area-card--centered .agx-area-card__halo{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:12px;z-index:1;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(0,122,255,.08)}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i{position:absolute;inset:6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--dept1) 22%,transparent)}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i+ i{inset:15px;border-color:color-mix(in srgb,var(--dept2) 18%,transparent)}
.agx-area-card.agx-area-card--centered .agx-area-card__icon{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:82px;height:82px;border-radius:50%;background:linear-gradient(135deg,var(--dept1),var(--dept2));box-shadow:0 16px 34px color-mix(in srgb,var(--dept1) 26%,transparent);z-index:3}
.agx-area-card.agx-area-card--centered .agx-area-card__icon svg{width:31px;height:31px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;max-width:460px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy strong{font-size:25px;line-height:1.1;letter-spacing:-.03em}
.agx-area-card.agx-area-card--centered .agx-area-card__copy small{font-size:13px;line-height:1.65;color:var(--agx-text-2);max-width:390px}
.agx-area-card.agx-area-card--centered .agx-area-card__tags{justify-content:center;margin-top:2px}
.agx-area-card.agx-area-card--centered .agx-area-card__tags em{background:rgba(255,255,255,.88);box-shadow:0 4px 12px rgba(20,28,45,.05)}
.agx-area-card.agx-area-card--centered .agx-area-card__arrow{margin-top:18px;width:44px;height:44px;background:linear-gradient(135deg,var(--dept1),var(--dept2));color:#fff;border:0;box-shadow:0 10px 22px color-mix(in srgb,var(--dept1) 22%,transparent);z-index:2}
.agx-area-card.agx-area-card--centered:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--dept1) 24%,transparent);box-shadow:0 28px 60px rgba(20,28,45,.16)}
.agx-area-card.agx-area-card--centered:hover .agx-area-card__icon{transform:translateX(-50%) scale(1.05)}
.agx-area-card.agx-area-card--centered:hover .agx-area-card__arrow{transform:translateY(-2px) scale(1.06)}
.agx-area-card.agx-area-card--centered .agx-area-card__icon,.agx-area-card.agx-area-card--centered .agx-area-card__arrow{transition:transform .2s ease,box-shadow .2s ease}
@media(max-width:900px){.agx-area-card.agx-area-card--centered{min-height:360px;padding:30px 22px}.agx-area-card.agx-area-card--centered .agx-area-card__copy strong{font-size:22px}}

/* ===== v1.13 · Prioridad crítica validada ===== */
.agx-prio-card__label{display:flex;flex-direction:column;gap:2px;align-items:center}.agx-prio-card__label small{font-size:9px;font-weight:700;opacity:.72;text-transform:uppercase;letter-spacing:.04em}
.agx-critical-panel{margin-top:14px;padding:18px;border:1px solid rgba(215,0,21,.18);border-radius:16px;background:linear-gradient(145deg,rgba(255,69,58,.055),rgba(255,45,85,.025));box-shadow:0 8px 24px rgba(215,0,21,.04)}
.agx-critical-panel__head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.agx-critical-panel__head strong{font-size:14px;color:var(--agx-red-dark)}.agx-critical-panel__head span{font-size:12px;color:var(--agx-text-2)}
.agx-critical-panel__rules{display:grid;gap:5px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.78);font-size:12px;color:var(--agx-text-2);margin-bottom:10px}
.agx-critical-panel__warning{padding:10px 12px;border-left:3px solid var(--agx-red);background:rgba(255,69,58,.06);font-size:12px;line-height:1.5;color:#7b1e24;margin-bottom:14px}
.agx-critical-check{display:flex;align-items:flex-start;gap:9px;margin-top:10px;font-size:12px;line-height:1.45;color:var(--agx-text-2)}.agx-critical-check input{margin-top:2px}
.agx-priority-review{display:grid;gap:8px;margin-top:10px}.agx-priority-review select{width:100%}

/* ===== v1.13 · Hover de tarjetas: conserva layout centrado y recupera cambio de color ===== */
.agx-area-card.agx-area-card--centered{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.agx-area-card.agx-area-card--centered:hover{
  background:linear-gradient(155deg,#fff 0%,color-mix(in srgb,var(--dept1) 8%,#fff) 58%,color-mix(in srgb,var(--dept2) 13%,#fff) 100%);
  border-color:color-mix(in srgb,var(--dept1) 32%,rgba(60,60,67,.10));
}
.agx-area-card.agx-area-card--centered:hover .agx-area-card__corner-glow{opacity:.95;transform:scale(1.08)}
.agx-area-card.agx-area-card--centered .agx-area-card__corner-glow{transition:opacity .22s ease,transform .22s ease}

/* ===== v1.14 · Selector más compacto, iconos centrados y buscador contextual ===== */
.agx-area-hero{margin-bottom:18px;padding:20px 12px 18px}
.agx-area-card.agx-area-card--centered{
  min-height:330px;
  padding:24px 24px 22px;
}
.agx-area-card.agx-area-card--centered .agx-area-card__halo{
  width:98px;height:98px;margin:0 auto 10px;position:relative;display:grid;place-items:center;
}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i{inset:4px}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i+i{inset:11px}
.agx-area-card.agx-area-card--centered .agx-area-card__icon{
  position:relative;top:auto;left:auto;transform:none;
  width:68px;height:68px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--dept1),var(--dept2));
  box-shadow:0 12px 28px color-mix(in srgb,var(--dept1) 24%,transparent);z-index:3;
}
.agx-area-card.agx-area-card--centered .agx-area-card__icon svg{width:29px;height:29px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy{gap:8px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy strong{font-size:23px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy small{line-height:1.5}
.agx-area-card.agx-area-card--centered .agx-area-card__arrow{margin-top:14px;width:42px;height:42px}
.agx-area-card.agx-area-card--centered:hover .agx-area-card__icon{transform:scale(1.05)}
.agx-topbar__actions{margin-left:36px;flex:1;justify-content:flex-start;min-width:0}
.agx-topbar__actions .agx-btn--primary{margin-left:auto}
.agx-search{width:min(340px,32vw);margin-left:0}
.agx-search.is-hidden{display:none!important}
.agx-topbar__actions.is-search-hidden{justify-content:flex-end}
@media(max-width:900px){
 .agx-area-card.agx-area-card--centered{min-height:310px;padding:22px 20px}
 .agx-topbar__actions{margin-left:0;width:100%}.agx-search{width:100%}
}

/* ===== v1.14 · Selector más compacto, iconos centrados y buscador contextual ===== */
.agx-area-hero{margin-bottom:18px;padding:20px 12px 18px}
.agx-area-card.agx-area-card--centered{min-height:330px;padding:24px 24px 22px}
.agx-area-card.agx-area-card--centered .agx-area-card__halo{width:98px;height:98px;margin:0 auto 10px;position:relative;display:grid;place-items:center}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i{inset:4px}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i+i{inset:11px}
.agx-area-card.agx-area-card--centered .agx-area-card__icon{position:relative;top:auto;left:auto;transform:none;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--dept1),var(--dept2));box-shadow:0 12px 28px color-mix(in srgb,var(--dept1) 24%,transparent);z-index:3}
.agx-area-card.agx-area-card--centered .agx-area-card__icon svg{width:29px;height:29px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy{gap:8px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy strong{font-size:23px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy small{line-height:1.5}
.agx-area-card.agx-area-card--centered .agx-area-card__arrow{margin-top:14px;width:42px;height:42px}
.agx-area-card.agx-area-card--centered:hover .agx-area-card__icon{transform:scale(1.05)}
.agx-topbar__actions{margin-left:36px;flex:1;justify-content:flex-start;min-width:0}
.agx-topbar__actions .agx-btn--primary{margin-left:auto}
.agx-search{width:min(340px,32vw);margin-left:0}
.agx-search.is-hidden{display:none!important}
.agx-topbar__actions.is-search-hidden{justify-content:flex-end}
@media(max-width:900px){.agx-area-card.agx-area-card--centered{min-height:310px;padding:22px 20px}.agx-topbar__actions{margin-left:0;width:100%}.agx-search{width:100%}}

/* ===== v1.14 FINAL · Selector compacto + buscador limpio por departamento ===== */
.agx-main{min-width:0}
.agx-topbar{min-width:0;overflow:visible}
.agx-area-hero{margin:0 auto 14px;padding:14px 12px 14px}
.agx-area-hero h2{margin-top:11px;margin-bottom:7px}
.agx-area-cards{gap:18px;max-width:1000px}
.agx-area-card.agx-area-card--centered{
  min-height:315px;
  padding:18px 22px 18px;
}
.agx-area-card.agx-area-card--centered .agx-area-card__halo{
  width:90px;height:90px;margin:0 auto 8px;position:relative;display:grid;place-items:center;
}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i{inset:3px}
.agx-area-card.agx-area-card--centered .agx-area-card__halo i+i{inset:10px}
.agx-area-card.agx-area-card--centered .agx-area-card__icon{
  position:relative!important;top:auto!important;left:auto!important;transform:none!important;
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--dept1),var(--dept2));
  box-shadow:0 10px 24px color-mix(in srgb,var(--dept1) 24%,transparent);z-index:3;
}
.agx-area-card.agx-area-card--centered .agx-area-card__icon svg{width:27px;height:27px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy{gap:7px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy strong{font-size:22px}
.agx-area-card.agx-area-card--centered .agx-area-card__copy small{font-size:12.5px;line-height:1.45}
.agx-area-card.agx-area-card--centered .agx-area-card__tags{margin-top:1px}
.agx-area-card.agx-area-card--centered .agx-area-card__tags em{padding:4px 8px;font-size:10.5px}
.agx-area-card.agx-area-card--centered .agx-area-card__arrow{margin-top:11px;width:39px;height:39px}
.agx-area-card.agx-area-card--centered:hover .agx-area-card__icon{transform:scale(1.045)!important}

/* Topbar: la búsqueda queda integrada al encabezado, nunca pegada/cortada al borde. */
.agx-topbar__actions{margin-left:34px!important;flex:1 1 auto!important;justify-content:flex-start!important;min-width:0!important;max-width:none!important}
.agx-topbar__actions .agx-btn--primary{margin-left:auto}
.agx-search{width:310px!important;max-width:min(310px,34vw)!important;margin:0!important;flex:0 1 310px!important;min-width:220px}
.agx-search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:0!important;margin:0!important;width:100%!important;min-width:0!important;height:auto!important;line-height:1.4!important}
.agx-search.is-hidden{display:none!important}
.agx-topbar__actions.is-search-hidden{justify-content:flex-end!important}
.agx-topbar__actions.is-search-hidden .agx-btn--primary{margin-left:auto}

@media(max-width:900px){
  .agx-area-card.agx-area-card--centered{min-height:295px;padding:18px}
  .agx-topbar__actions{margin-left:0!important;width:100%;flex:1 1 100%!important}
  .agx-search{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important}
}

/* ===== CONTRALORÍA · autorización presupuestaria v1.16 ===== */
.agx-ctr-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:8px}
.agx-ctr-category-card{border:1px solid var(--agx-border);border-radius:18px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:135px;cursor:pointer;transition:.18s ease;position:relative;overflow:hidden}
.agx-ctr-category-card::after{content:'';position:absolute;right:-35px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--cat) 16%,transparent)}
.agx-ctr-category-card:hover,.agx-ctr-category-card.is-selected{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cat) 45%,transparent);box-shadow:0 14px 30px color-mix(in srgb,var(--cat) 15%,transparent)}
.agx-ctr-category-card input{position:absolute;opacity:0;pointer-events:none}
.agx-ctr-category-icon{width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--cat) 12%,white);color:var(--cat);display:grid;place-items:center;position:relative;z-index:1}.agx-ctr-category-icon svg{width:22px;height:22px}.agx-ctr-category-card strong{font-size:14px;line-height:1.35;position:relative;z-index:1}
.agx-ctr-director-result{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:rgba(52,199,89,.09);border:1px solid rgba(52,199,89,.18);font-size:13px}.agx-ctr-director-result.is-error{background:rgba(255,69,58,.08);border-color:rgba(255,69,58,.18);color:#b42318}
.agx-budget-intro{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:10px 0 14px}.agx-budget-intro strong{font-size:17px}.agx-budget-intro span{font-size:12px;color:var(--agx-text-3)}
.agx-budget-layout,.agx-budget-detail-grid{display:grid;grid-template-columns:1fr;gap:18px}.agx-budget-panel{background:#f7fbff;border:1px solid rgba(0,122,255,.12);border-radius:18px;padding:16px;overflow:hidden}.agx-budget-panel.is-detail{background:#fbfdff}.agx-budget-title{font-weight:750;font-size:14px;margin-bottom:12px;color:#25415f}.agx-budget-scroll{overflow:auto}.agx-budget-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.agx-budget-table th{background:#eaf3fb;color:#41566c;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:10px;border-top:1px solid #d8e6f2;border-bottom:1px solid #d8e6f2}.agx-budget-table th:first-child{border-radius:10px 0 0 0}.agx-budget-table th:last-child{border-radius:0 10px 0 0}.agx-budget-table td{padding:6px;border-bottom:1px solid #e0eaf2;background:rgba(255,255,255,.82)}.agx-budget-table input{width:100%;border:0;background:transparent;padding:9px;outline:none;font:inherit;font-size:12px}.agx-budget-table input:focus{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,122,255,.35);border-radius:7px}.agx-budget-table tfoot td{font-weight:800;background:#edf5fb;padding:10px}.agx-budget-remove{border:0;background:transparent;color:#b42318;font-size:19px;cursor:pointer}.agx-budget-add{margin-top:12px}
.agx-budget-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.agx-budget-summary>div{background:#fff;border:1px solid var(--agx-border);border-radius:14px;padding:13px 15px;display:flex;justify-content:space-between;gap:10px}.agx-budget-summary span{font-size:11px;text-transform:uppercase;color:var(--agx-text-3);font-weight:700}.agx-budget-summary strong{font-size:14px}.agx-budget-difference.is-diff{border-color:rgba(255,69,58,.25);background:rgba(255,69,58,.05)}
.agx-workflow{background:#fff;border:1px solid var(--agx-border);border-radius:var(--agx-r-lg);padding:20px;margin-bottom:20px;box-shadow:var(--agx-shadow-xs)}.agx-workflow-title{font-weight:700;margin-bottom:16px}.agx-workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.agx-workflow-step{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:12px;background:#f6f6f8}.agx-workflow-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#d7d7dc;color:#fff;font-size:12px;flex:0 0 auto}.agx-workflow-step strong{display:block;font-size:12px}.agx-workflow-step small{display:block;font-size:10px;color:var(--agx-text-3);margin-top:3px;line-height:1.3}.agx-workflow-step.is-done{background:rgba(52,199,89,.07)}.agx-workflow-step.is-done .agx-workflow-dot{background:var(--agx-green)}.agx-workflow-step.is-current{background:rgba(0,122,255,.08)}.agx-workflow-step.is-current .agx-workflow-dot{background:var(--agx-blue);box-shadow:0 0 0 4px rgba(0,122,255,.11)}.agx-workflow-step.is-rejected{background:rgba(255,69,58,.07)}.agx-workflow-step.is-rejected .agx-workflow-dot{background:var(--agx-red)}
.agx-ctr-confirm{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:12px;border-radius:12px;background:#f6f7f9;font-size:12px;line-height:1.5}.agx-ctr-confirm input{margin-top:3px}
@media(max-width:900px){.agx-budget-summary{grid-template-columns:1fr}.agx-workflow-steps{grid-template-columns:1fr}.agx-ctr-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.agx-ctr-category-grid{grid-template-columns:1fr}}
.agx-pill.is-director_pending{background:rgba(0,122,255,.12);color:#0066cc}.agx-pill.is-controller_pending{background:rgba(88,86,214,.12);color:#4340a8}.agx-pill.is-agent_pending{background:rgba(255,159,10,.14);color:#9a6200}.agx-pill.is-auditor_approved{background:rgba(52,199,89,.12);color:#1f7a3d}.agx-pill.is-director_rejected,.agx-pill.is-controller_rejected,.agx-pill.is-auditor_rejected{background:rgba(255,69,58,.12);color:#b42318}

/* ===== v1.17 · mejor aprovechamiento de espacio y Contraloría ===== */
.agx-content{max-width:1720px;width:100%;padding:28px 32px}
.agx-form{max-width:1320px;width:100%}
.agx-create-panel{width:100%}
.agx-ctr-top-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(210px,.72fr) minmax(280px,1fr);gap:16px;align-items:start;margin-bottom:20px}
.agx-ctr-top-grid .agx-field{min-width:0}
.agx-ctr-director-result{margin:0;min-height:46px;height:46px;padding:0 14px;border-radius:12px;display:flex!important;align-items:center;background:rgba(52,199,89,.09);border:1px solid rgba(52,199,89,.18);font-size:13px;overflow:hidden}
.agx-ctr-director-result strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agx-ctr-director-result.is-placeholder{background:var(--agx-surface-2);border-color:var(--agx-border);color:var(--agx-text-3)}
.agx-ctr-director-result.is-error{background:rgba(255,69,58,.08);border-color:rgba(255,69,58,.18);color:#b42318;height:auto;min-height:46px;line-height:1.35}
.agx-ctr-director-result.is-found{background:rgba(52,199,89,.09);border-color:rgba(52,199,89,.2);color:var(--agx-text)}
.agx-ctr-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.agx-ctr-category-card{min-height:118px;padding:16px;gap:10px}
.agx-ctr-category-icon{width:42px;height:42px}
.agx-budget-layout{grid-template-columns:1fr;gap:18px}
.agx-budget-scroll{overflow:visible}
.agx-budget-table{width:100%;min-width:0;table-layout:fixed}
.agx-budget-table th,.agx-budget-table td{overflow:hidden}
.agx-budget-table th:nth-child(1),.agx-budget-table td:nth-child(1){width:22%}
.agx-budget-table th:nth-child(2),.agx-budget-table td:nth-child(2){width:18%}
.agx-budget-table th:nth-child(3),.agx-budget-table td:nth-child(3){width:29%}
.agx-budget-table th:nth-child(4),.agx-budget-table td:nth-child(4){width:12%}
.agx-budget-table th:nth-child(5),.agx-budget-table td:nth-child(5){width:16%}
.agx-budget-table th:nth-child(6),.agx-budget-table td:nth-child(6){width:3%}
.agx-budget-table th{white-space:normal;line-height:1.25;padding:10px 7px}
.agx-budget-table td{padding:4px}
.agx-budget-table input{min-width:0;padding:9px 7px}
.agx-create-notice{display:none;margin:16px 0 0;padding:13px 15px;border-radius:12px;background:rgba(0,122,255,.07);border:1px solid rgba(0,122,255,.16);color:#19598d;font-size:13px;font-weight:600}
.agx-create-notice.is-error{background:rgba(255,69,58,.07);border-color:rgba(255,69,58,.18);color:#a61b12}
.agx-create-notice.is-success{background:rgba(52,199,89,.07);border-color:rgba(52,199,89,.18);color:#16733a}
.agx-toast{top:22px;right:24px;bottom:auto;left:auto;transform:translateY(-30px);border-radius:14px;max-width:min(430px,calc(100vw - 48px));line-height:1.4}
.agx-toast.is-show{transform:translateY(0);opacity:1}
@media(min-width:1500px){.agx-budget-layout:has(.agx-budget-panel:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.agx-ctr-top-grid{grid-template-columns:1fr 1fr}.agx-ctr-top-grid .agx-field:last-child{grid-column:1/-1}.agx-ctr-category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.agx-content{padding:18px}.agx-ctr-top-grid{grid-template-columns:1fr}.agx-ctr-top-grid .agx-field:last-child{grid-column:auto}.agx-ctr-category-grid{grid-template-columns:repeat(2,1fr)}.agx-budget-table{font-size:11px}.agx-budget-panel{padding:10px}.agx-budget-table th{font-size:9px;padding:8px 4px}.agx-budget-table input{font-size:11px;padding:8px 4px}}
@media(max-width:520px){.agx-ctr-category-grid{grid-template-columns:1fr}.agx-budget-scroll{overflow-x:auto}.agx-budget-table{min-width:690px}}

/* ===== v1.17 · administración de Contraloría desde frontend ===== */
.agx-ctr-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.agx-ctr-manage-card{border:1px solid var(--agx-border);border-radius:18px;background:#fff;overflow:hidden}.agx-ctr-manage-card--wide{grid-column:1/-1}.agx-ctr-manage-head{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--agx-border);background:linear-gradient(135deg,#fff,#fbfcff)}.agx-ctr-manage-head h3{margin:0;font-size:17px}.agx-ctr-manage-head p{margin:4px 0 0;font-size:12px;color:var(--agx-text-3)}.agx-ctr-manage-head>span{height:max-content;padding:6px 9px;border-radius:999px;background:rgba(88,86,214,.08);color:#5147aa;font-size:11px;font-weight:750}.agx-ctr-manage-form{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr auto;gap:12px;padding:16px 20px;border-bottom:1px solid var(--agx-border);background:#f8fafc;align-items:start}.agx-ctr-manage-form.is-row{grid-template-columns:1fr auto;align-items:end}.agx-ctr-manage-form.is-director{grid-template-columns:minmax(220px,.7fr) 1.3fr auto}.agx-ctr-manage-checks{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:6px}.agx-ctr-manage-checks label{display:flex;gap:7px;align-items:flex-start;padding:7px 9px;border:1px solid var(--agx-border);border-radius:9px;background:#fff;font-size:11px;line-height:1.25}.agx-ctr-manage-checks label.is-all{grid-column:1/-1;background:rgba(0,122,255,.05)}.agx-ctr-manage-checks input{margin-top:2px}.agx-ctr-manage-list{display:grid}.agx-ctr-manage-person{display:grid;grid-template-columns:minmax(180px,.65fr) 1.5fr auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--agx-border)}.agx-ctr-manage-person:last-child{border-bottom:0}.agx-ctr-manage-person.is-director{grid-template-columns:minmax(190px,.55fr) 1.4fr auto}.agx-ctr-manage-person__who{display:grid;gap:3px}.agx-ctr-manage-person__who strong{font-size:13px}.agx-ctr-manage-person__who small{font-size:11px;color:var(--agx-text-3)}.agx-ctr-manage-actions{display:flex;gap:7px;align-items:center}.agx-ctr-manage-empty{padding:24px;text-align:center;color:var(--agx-text-3);font-size:12px}.agx-ctr-category-admin-list{display:grid;gap:8px;padding:16px 20px}.agx-ctr-category-admin-row{display:grid;grid-template-columns:2fr 1fr 54px repeat(4,auto) 70px;gap:8px;align-items:center;padding:10px;border:1px solid var(--agx-border);border-radius:12px;background:#fbfcfe}.agx-ctr-category-admin-row label{font-size:11px;white-space:nowrap}.agx-ctr-category-admin-row input[type=color]{width:48px;height:38px;border:0;background:transparent}.agx-ctr-manage-card--wide>#agx-ctr-manage-save-categories,.agx-ctr-manage-card--wide .agx-btn#agx-ctr-manage-save-categories{margin:0 20px 18px}
@media(max-width:1150px){.agx-ctr-manage-grid{grid-template-columns:1fr}.agx-ctr-manage-card--wide{grid-column:auto}.agx-ctr-manage-form,.agx-ctr-manage-form.is-director{grid-template-columns:1fr}.agx-ctr-manage-person,.agx-ctr-manage-person.is-director{grid-template-columns:1fr}.agx-ctr-category-admin-row{grid-template-columns:1fr 1fr repeat(2,auto);}.agx-ctr-category-admin-row label{white-space:normal}.agx-ctr-manage-checks{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.agx-ctr-manage-checks{grid-template-columns:1fr}.agx-ctr-category-admin-row{grid-template-columns:1fr}}

/* ===== v1.18 · búsqueda CECO, tabla única y refinamientos del flujo ===== */
.agx-ceco-autocomplete{position:relative}
.agx-ceco-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid var(--agx-border-strong);border-radius:14px;box-shadow:0 16px 38px rgba(20,28,45,.14);padding:6px;max-height:280px;overflow-y:auto}
.agx-ceco-option{display:block!important;width:100%;padding:10px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;text-align:left!important;font-size:13px!important;font-weight:650!important;color:var(--agx-text)!important;transition:background .15s ease,color .15s ease!important}
.agx-ceco-option:hover,.agx-ceco-option:focus{background:rgba(0,122,255,.08)!important;color:var(--agx-blue)!important;outline:none}
.agx-ceco-empty{padding:11px 12px;font-size:12px;color:var(--agx-text-3)}
.agx-budget-summary.is-single{grid-template-columns:minmax(220px,360px);justify-content:flex-start}
.agx-budget-summary.is-single>div{min-width:220px}
/* Categorías inmediatamente debajo del encabezado de tres campos. */
.agx-ctr-top-grid + .agx-grid>.agx-field--full:first-child{margin-top:0}
/* En pantallas amplias mantener las 7 categorías en dos filas (4 + 3). */
@media(min-width:1100px){.agx-ctr-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== v1.19 · UX estructural del formulario de Contraloría ===== */
/* El contenedor raíz ya no hereda la retícula genérica de 2 columnas. */
.agx-contraloria-layout{display:flex;flex-direction:column;width:100%;gap:0;min-width:0}
.agx-ctr-form-body{padding:22px 24px 26px}
#agx-create-contraloria .agx-form,#agx-create-marketing .agx-form{max-width:1500px;width:100%}
#agx-create-contraloria .agx-form__step{width:100%}
.agx-ctr-section{width:100%;min-width:0}
.agx-ctr-section+.agx-ctr-section{border-top:1px solid rgba(60,60,67,.08);padding-top:20px;margin-top:20px}
.agx-ctr-section--primary{padding-bottom:2px}
.agx-ctr-top-grid{grid-template-columns:minmax(250px,1fr) minmax(210px,.72fr) minmax(280px,1fr);gap:18px;margin-bottom:0;align-items:start}
.agx-ctr-top-grid .agx-field{display:flex;flex-direction:column;min-width:0}
.agx-ctr-top-grid .agx-input,.agx-ctr-director-result{width:100%}
.agx-ctr-director-result{height:46px;min-height:46px}
.agx-ctr-top-grid .agx-field__hint{min-height:32px;margin-top:6px}

/* Categorías: todo el ancho, 4 + 3 en desktop. */
.agx-ctr-section--categories .agx-field--full{grid-column:auto}
.agx-ctr-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%}
.agx-ctr-category-card{min-height:126px;padding:16px 18px;align-content:start}
.agx-ctr-category-card strong{font-size:13px;line-height:1.35;max-width:100%;overflow-wrap:anywhere}

/* Motivo a todo el ancho. */
.agx-ctr-section--reason>.agx-field{width:100%}
.agx-ctr-section--reason .agx-field--full{grid-column:auto}
.agx-ctr-section--reason .agx-textarea{min-height:118px;width:100%;resize:vertical}

/* Datos complementarios: solicitante + evidencia, sin desperdiciar ancho. */
.agx-ctr-support-grid{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(420px,1.38fr);gap:18px;align-items:start}
.agx-ctr-support-grid .agx-field,.agx-ctr-support-grid .agx-field--full{grid-column:auto;min-width:0}
.agx-ctr-support-grid .agx-input,.agx-ctr-support-grid .agx-file{width:100%}
.agx-ctr-support-grid .agx-file{min-height:76px}

/* Presupuesto siempre ocupa el ancho completo disponible. */
.agx-ctr-section--budget .agx-field--full{grid-column:auto;width:100%}
.agx-ctr-section--budget #agx-budget-wrap{width:100%}
.agx-ctr-section--budget .agx-budget-layout{width:100%}
.agx-ctr-section--budget .agx-budget-panel{min-width:0}
.agx-ctr-section--budget .agx-budget-scroll{width:100%;max-width:100%}

@media(max-width:1100px){
  .agx-ctr-top-grid{grid-template-columns:1fr 1fr}
  .agx-ctr-top-grid .agx-field:last-child{grid-column:1/-1}
  .agx-ctr-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .agx-ctr-support-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .agx-ctr-form-body{padding:18px}
  .agx-ctr-top-grid,.agx-ctr-support-grid{grid-template-columns:1fr}
  .agx-ctr-top-grid .agx-field:last-child{grid-column:auto}
  .agx-ctr-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agx-ctr-section+.agx-ctr-section{padding-top:16px;margin-top:16px}
}
@media(max-width:520px){
  .agx-ctr-category-grid{grid-template-columns:1fr}
}


/* v1.21.6 · Administrador de departamento + validación CECO */
.agx-ctr-director-line{display:flex;align-items:center;gap:0;min-width:0;white-space:nowrap}.agx-ctr-director-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.agx-ctr-director-line span{flex:0 0 auto;color:var(--agx-text-2);font-weight:600}.agx-ctr-director-result small{display:block;margin-left:10px;color:var(--agx-text-3);white-space:nowrap}
.agx-ctr-create-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 20px;background:#f8fafc}.agx-ctr-create-user-grid .agx-field{margin:0}.agx-ctr-create-user-grid .agx-field--full{grid-column:1/-1}.agx-ctr-ceco-quick{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(140px,.4fr) minmax(220px,.7fr) auto;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--agx-border);background:#fff}.agx-ctr-ceco-quick>div{display:grid;gap:3px}.agx-ctr-ceco-quick>div strong{font-size:13px}.agx-ctr-ceco-quick>div small{font-size:11px;color:var(--agx-text-3)}
.agx-ctr-audit-list{display:grid}.agx-ctr-audit-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--agx-border)}.agx-ctr-audit-row:last-child{border-bottom:0}.agx-ctr-audit-row>div{display:grid;gap:3px}.agx-ctr-audit-row strong{font-size:12px}.agx-ctr-audit-row small,.agx-ctr-audit-row time{font-size:11px;color:var(--agx-text-3)}.agx-credentials-box{display:grid;gap:10px}.agx-credentials-box>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 12px;border:1px solid var(--agx-border);border-radius:10px}.agx-credentials-box span{font-size:11px;color:var(--agx-text-3)}.agx-credentials-box strong{font-size:13px;word-break:break-word}
@media(max-width:1050px){.agx-ctr-create-user-grid{grid-template-columns:1fr 1fr}.agx-ctr-ceco-quick{grid-template-columns:1fr 1fr}.agx-ctr-ceco-quick>div{grid-column:1/-1}}@media(max-width:650px){.agx-ctr-create-user-grid,.agx-ctr-ceco-quick{grid-template-columns:1fr}.agx-ctr-create-user-grid .agx-field--full,.agx-ctr-ceco-quick>div{grid-column:auto}.agx-ctr-audit-row{align-items:flex-start;flex-direction:column;gap:5px}.agx-credentials-box>div{grid-template-columns:1fr}}


/* v1.21.7 · Analítica y reportes unificados */
.agx-analytics-export{
  margin-top:18px;padding:14px 16px;border:1px solid rgba(0,122,255,.16);
  border-radius:14px;background:linear-gradient(135deg,rgba(0,122,255,.045),rgba(88,86,214,.035));
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.agx-analytics-export__copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.agx-analytics-export__copy strong{font-size:13px;color:var(--agx-text);font-weight:700}
.agx-analytics-export__copy span{font-size:12px;line-height:1.45;color:var(--agx-text-3)}
.agx-analytics-export .agx-btn{flex:0 0 auto}
@media(max-width:720px){
  .agx-analytics-export{align-items:stretch;flex-direction:column}
  .agx-analytics-export .agx-btn{width:100%;justify-content:center}
}


/* ===== v1.21.8 — estabilidad, drilldown y administración ===== */
.agx-load-state{padding:52px 24px;text-align:center;color:var(--agx-text-3);display:flex;flex-direction:column;align-items:center;gap:12px}
.agx-load-state__spinner{width:28px;height:28px;border:3px solid var(--agx-border);border-top-color:var(--agx-blue);border-radius:50%;animation:agxSpin .7s linear infinite}
@keyframes agxSpin{to{transform:rotate(360deg)}}
.agx-load-state.is-error{color:#b42318}
.agx-ticket-context{margin:0 0 16px;padding:14px 16px;border:1px solid #cfe1ff;background:#f5f9ff;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.agx-ticket-context>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.agx-tickets-pagination{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--agx-border)}
.agx-tickets-pagination>div{display:flex;gap:8px}
.agx-analytics-drill{cursor:pointer;transition:box-shadow .16s ease,transform .16s ease,background .16s ease}
.agx-analytics-drill:hover{box-shadow:0 8px 24px rgba(28,39,58,.08);transform:translateY(-1px)}
.agx-analytics-drill-cell{cursor:pointer;border-radius:8px;padding:5px 7px;margin:-5px -7px}
.agx-analytics-drill-cell:hover{background:#f3f7ff}
.agx-delete-zone{margin-top:14px;padding-top:14px;border-top:1px solid #ffd7d2}
.agx-btn--danger{border-color:#fda29b!important;color:#b42318!important;background:#fff!important}
.agx-btn--danger:hover{background:#fff1f0!important}
.agx-login__logo.has-image{width:auto;min-width:0;max-width:240px;height:auto;min-height:0;padding:0;background:transparent;border-radius:0;box-shadow:none;margin:0 auto 30px}
.agx-login__logo.has-image img{display:block;max-width:220px;max-height:86px;width:auto;height:auto;object-fit:contain}
.agx-sidebar__logo-mark.has-image{background:transparent;box-shadow:none;width:auto;min-width:42px;max-width:96px;padding:3px}
.agx-sidebar__logo-mark.has-image img{display:block;max-width:88px;max-height:38px;width:auto;height:auto;object-fit:contain}
@media(max-width:700px){.agx-ticket-context,.agx-tickets-pagination{align-items:stretch;flex-direction:column}.agx-tickets-pagination>div{width:100%}.agx-tickets-pagination .agx-btn{flex:1}}


/* ===== v1.22.0 · contraste de filtros + PWA ===== */
.agx-root .agx-daterange__pill:not(.is-active),
.agx-root .agx-daterange__pill:not(.is-active):hover,
.agx-root .agx-daterange__pill:not(.is-active):focus,
.agx-root .agx-daterange__pill:not(.is-active):active{
  color:var(--agx-text) !important;
}
.agx-root .agx-daterange__pill:not(.is-active):hover,
.agx-root .agx-daterange__pill:not(.is-active):focus{
  background:#e9edf3 !important;
  border-color:#d7dde6 !important;
}
.agx-root .agx-daterange__pill.is-active,
.agx-root .agx-daterange__pill.is-active:hover,
.agx-root .agx-daterange__pill.is-active:focus{
  color:#fff !important;
  background:var(--agx-blue) !important;
}
.agx-pwa-install{
  flex:0 0 auto;width:42px;height:42px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--agx-border);border-radius:13px;
  background:#fff;color:var(--agx-blue);cursor:pointer;
  box-shadow:0 5px 14px rgba(20,28,45,.08);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.agx-pwa-install svg{width:19px;height:19px;display:block}
.agx-pwa-install:hover{background:#f4f8ff;border-color:rgba(8,124,250,.32);box-shadow:0 7px 18px rgba(8,124,250,.12);transform:translateY(-1px)}
.agx-pwa-install:focus-visible{outline:3px solid rgba(8,124,250,.18);outline-offset:2px}
.agx-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:640px){.agx-pwa-install{width:40px;height:40px;border-radius:12px}}

/* ===== v1.22.1 · creación universal + dashboard navegable + detalle responsive ===== */
.agx-section,.agx-section__body,.agx-detail__head,.agx-side-card,.agx-grid>*,.agx-field{min-width:0}
.agx-section__body a,.agx-detail a,.agx-tl-text,.agx-side-meta__row strong{overflow-wrap:anywhere;word-break:break-word}
.agx-dashboard-drill{width:100%;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.agx-dashboard-drill:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,28,45,.10);border-color:rgba(0,122,255,.18)}
.agx-dashboard-drill:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,122,255,.14),0 12px 30px rgba(20,28,45,.10)}
.agx-stat-card__hint{position:relative;margin-top:13px;font-size:11px;font-weight:700;color:var(--agx-blue);opacity:.72;transition:opacity .18s ease,transform .18s ease}
.agx-dashboard-drill:hover .agx-stat-card__hint{opacity:1;transform:translateX(2px)}
@media(max-width:1180px){
  .agx-detail{grid-template-columns:1fr}
  .agx-detail__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media(max-width:720px){.agx-detail__side{grid-template-columns:1fr}}


.agx-root button.agx-stat-card{background:#fff;color:inherit;border:1px solid var(--agx-border);padding:22px;border-radius:var(--agx-r-lg)}
.agx-section__body .agx-grid>div{overflow-wrap:anywhere;word-break:break-word}

/* ===== v1.22.4 · instalación PWA integrada en topbar ===== */
.agx-topbar__actions .agx-pwa-install{margin-left:0}
/* v1.22.7 · Contraloría: estado de solicitud anulada por el solicitante */
.agx-pill.is-cancelled{background:rgba(142,142,147,.14);color:#5C5C60}

/* ============================================================
   AGX 1.22.7 DEMO · selector de perfiles sin contraseña
   ============================================================ */

.agx-demo-login{min-height:100vh;background:linear-gradient(135deg,#fbfdff 0%,#f4f8fe 58%,#eef5ff 100%);display:flex;align-items:flex-start;justify-content:center;padding:26px 32px 28px;position:relative;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102044}
.agx-demo-login:before{content:"";position:fixed;right:-210px;top:-170px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(40,120,255,.13),rgba(40,120,255,0) 68%);pointer-events:none}.agx-demo-login:after{content:"";position:fixed;left:-180px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(34,99,220,.08),rgba(34,99,220,0) 70%);pointer-events:none}
.agx-demo-login__panel{width:min(1480px,100%);position:relative;z-index:1;margin:0 auto}
.agx-demo-login__topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.agx-demo-login__brand{display:flex;align-items:center;gap:12px;min-width:0}.agx-demo-login__brand img{width:auto;max-width:245px;max-height:58px;object-fit:contain;object-position:left center}.agx-demo-login__brandmark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#123ea8;color:#fff;font-weight:900}.agx-demo-login__brandcopy{display:flex;flex-direction:column}.agx-demo-login__brandcopy strong{font-size:18px;line-height:1}.agx-demo-login__brandcopy span{font-size:12px;color:#71819b;margin-top:5px}.agx-demo-login__topmeta{display:flex;align-items:center;gap:20px}.agx-demo-login__demo-pill{display:inline-flex;align-items:center;gap:9px;background:#e7f0ff;color:#1450bf;border:1px solid #d7e6ff;border-radius:999px;padding:10px 16px;font-size:11px;letter-spacing:.045em;white-space:nowrap}.agx-demo-login__demo-pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.agx-demo-login__motto{font-size:12px;color:#6e7f9c;display:flex;align-items:center;gap:12px;white-space:nowrap}.agx-demo-login__motto i{display:block;width:1px;height:18px;background:#cbd7ea}
.agx-demo-login__hero{margin-bottom:24px}.agx-demo-login__hero h1{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 11px;color:#102044;font-weight:800}.agx-demo-login__hero p{font-size:16px;line-height:1.55;color:#61728e;margin:0}.agx-demo-login__hero p strong{color:#425a7d;font-weight:800}
.agx-demo-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.agx-demo-role-form{margin:0;height:100%;min-width:0}.agx-demo-role-card{--agx-accent:#1459d9;--agx-tint:#edf4ff;width:100%;height:100%;min-height:240px;border:1px solid #dfe8f4;background:rgba(255,255,255,.94);border-radius:18px;padding:22px 26px 18px;display:flex;flex-direction:column;text-align:left;cursor:pointer;box-shadow:0 10px 32px rgba(23,53,104,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;color:#102044;overflow:hidden}.agx-demo-role-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(23,53,104,.12);border-color:#c8d8ee;background:#fff}.agx-demo-role-card:focus-visible{outline:3px solid rgba(20,89,217,.2);outline-offset:3px}.agx-demo-role-card__head{display:flex;align-items:center;gap:18px}.agx-demo-role-card__icon{width:64px;height:64px;min-width:64px;border-radius:20px;display:grid;place-items:center;background:var(--agx-tint);color:var(--agx-accent)}.agx-demo-role-card__icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.agx-demo-role-card__identity{display:flex;flex-direction:column;min-width:0}.agx-demo-role-card__identity strong{font-size:21px;line-height:1.15;color:#102044;font-weight:800;letter-spacing:-.02em}.agx-demo-role-card__identity small{font-size:13px;color:#6680ab;margin-top:6px}.agx-demo-role-card__description{font-size:14px;line-height:1.5;color:#5c7092;margin-top:20px;min-height:44px;max-width:94%}.agx-demo-role-card__footer{margin-top:auto;padding-top:16px;border-top:1px solid #e4ebf5;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#0756d9;font-size:13px;font-weight:700}.agx-demo-role-card__arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--agx-tint);color:var(--agx-accent);font-size:21px;line-height:1;transition:transform .18s ease}.agx-demo-role-card:hover .agx-demo-role-card__arrow{transform:translateX(3px)}
.agx-demo-role-card--director{--agx-accent:#b66b00;--agx-tint:#fff4df}.agx-demo-role-card--auditor{--agx-accent:#0b8a61;--agx-tint:#e9fbf3}.agx-demo-role-card--controller{--agx-accent:#c72a5c;--agx-tint:#fff0f4}.agx-demo-role-card--director_general{--agx-accent:#6840c4;--agx-tint:#f1ebff}.agx-demo-role-card--admin{--agx-accent:#46546a;--agx-tint:#eef1f5}
.agx-demo-login__flowbar{margin-top:20px;min-height:62px;border:1px solid #e0e9f6;background:rgba(232,242,255,.75);border-radius:16px;padding:10px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.agx-demo-login__flow-title{display:flex;align-items:center;gap:12px;padding-right:20px;border-right:1px solid #cbd9ec;color:#152a50;white-space:nowrap}.agx-demo-login__flow-title svg{width:22px;height:22px;fill:none;stroke:#1459d9;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.agx-demo-login__flow-title strong{font-size:13px}.agx-demo-login__steps{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}.agx-demo-login__step{display:flex;align-items:center;gap:7px;color:#607899;font-size:11px;white-space:nowrap}.agx-demo-login__step b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#d8e8ff;color:#1455c9;font-size:10px}.agx-demo-login__step-arrow{color:#7f97b9;font-size:15px}.agx-demo-login__notice{font-size:10px;color:#8ca0bd;padding-left:20px;border-left:1px solid #cbd9ec;white-space:nowrap}.agx-demo-login__warning{margin-top:10px;text-align:right;font-size:10px;color:#9a6d26}
.agx-demo-badge{position:fixed;right:18px;bottom:18px;z-index:999999;background:#14213a;color:#fff;padding:8px 12px;border-radius:999px;font:800 10px/1.1 Inter,system-ui,sans-serif;letter-spacing:.11em;box-shadow:0 8px 26px rgba(0,0,0,.18);pointer-events:none}
@media(max-width:1100px){.agx-demo-login{padding:24px}.agx-demo-login__motto{display:none}.agx-demo-role-card{min-height:225px}.agx-demo-login__flowbar{grid-template-columns:auto 1fr}.agx-demo-login__notice{display:none}}
@media(max-width:820px){.agx-demo-login__topbar{margin-bottom:24px}.agx-demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agx-demo-login__hero h1{font-size:42px}.agx-demo-login__flowbar{display:block;padding:14px 16px}.agx-demo-login__flow-title{border:0;padding:0 0 10px}.agx-demo-login__steps{flex-wrap:wrap}.agx-demo-login__warning{text-align:left}}
@media(max-width:560px){.agx-demo-login{padding:18px 14px 24px}.agx-demo-login__topbar{height:auto;align-items:flex-start}.agx-demo-login__brand img{max-width:185px;max-height:46px}.agx-demo-login__demo-pill{padding:8px 10px;font-size:9px}.agx-demo-login__hero{margin:18px 0 20px}.agx-demo-login__hero h1{font-size:34px}.agx-demo-login__hero p{font-size:14px}.agx-demo-role-grid{grid-template-columns:1fr;gap:12px}.agx-demo-role-card{min-height:205px;padding:19px}.agx-demo-role-card__icon{width:56px;height:56px;min-width:56px;border-radius:17px}.agx-demo-role-card__identity strong{font-size:19px}.agx-demo-login__step-arrow{display:none}.agx-demo-login__steps{gap:8px 12px}.agx-demo-badge{right:12px;bottom:12px}}


/* ============================================================
   AGX 1.22.7 DEMO.2 · retícula uniforme y tarjetas neutras
   ============================================================ */
.agx-demo-role-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:20px;
}
.agx-demo-role-form{
  height:100%;
  min-height:0;
  display:flex;
}
.agx-demo-role-card{
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  width:100%;
  height:258px;
  min-height:258px;
  border:0 !important;
  outline:0;
  background:#fff !important;
  border-radius:20px;
  padding:24px 26px 20px;
  box-shadow:0 6px 22px rgba(20,44,82,.055);
  transition:transform .20s ease,box-shadow .20s ease,filter .20s ease;
}
.agx-demo-role-card:hover{
  border:0 !important;
  background:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(20,44,82,.085);
  filter:brightness(1.002);
}
.agx-demo-role-card:active{
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(20,44,82,.07);
}
.agx-demo-role-card:focus{
  border:0 !important;
  outline:none;
}
.agx-demo-role-card:focus-visible{
  border:0 !important;
  outline:2px solid rgba(20,89,217,.16);
  outline-offset:3px;
  box-shadow:0 10px 28px rgba(20,44,82,.08);
}
.agx-demo-role-card__description{
  min-height:44px;
  margin-top:18px;
}
.agx-demo-role-card__footer{
  margin-top:auto;
  border-top:1px solid #edf1f6;
}
.agx-demo-role-card__arrow{
  transition:transform .18s ease,background-color .18s ease;
}
.agx-demo-role-card:hover .agx-demo-role-card__arrow{
  transform:translateX(2px);
}
@media(max-width:1100px){
  .agx-demo-role-card{height:246px;min-height:246px}
}
@media(max-width:820px){
  .agx-demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
  .agx-demo-role-card{height:236px;min-height:236px}
}
@media(max-width:560px){
  .agx-demo-role-grid{grid-template-columns:1fr;grid-auto-rows:auto}
  .agx-demo-role-card{height:220px;min-height:220px}
}


/* ============================================================
   AGX 1.22.7 DEMO.3 · cuadrícula rígida 3×2
   Fuerza seis tarjetas exactamente iguales incluso si el tema
   de WordPress aplica estilos globales a form/button.
   ============================================================ */
.agx-demo-login .agx-demo-role-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,258px) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:258px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  width:100% !important;
  max-width:none !important;
  gap:20px !important;
  box-sizing:border-box !important;
}
.agx-demo-login .agx-demo-role-grid > .agx-demo-role-form{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:258px !important;
  min-height:258px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.agx-demo-login .agx-demo-role-grid > .agx-demo-role-form > .agx-demo-role-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:258px !important;
  min-height:258px !important;
  max-height:258px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 6px 22px rgba(20,44,82,.055) !important;
  overflow:hidden !important;
}
.agx-demo-login .agx-demo-role-grid > .agx-demo-role-form > .agx-demo-role-card:hover{
  background:#fff !important;
  border:0 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 12px 30px rgba(20,44,82,.085) !important;
}
.agx-demo-login .agx-demo-role-card__head,
.agx-demo-login .agx-demo-role-card__description,
.agx-demo-login .agx-demo-role-card__footer{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
.agx-demo-login .agx-demo-role-card__description{
  flex:0 0 44px !important;
  min-height:44px !important;
}
.agx-demo-login .agx-demo-role-card__footer{
  margin-top:auto !important;
}
@media(max-width:820px){
  .agx-demo-login .agx-demo-role-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(3,236px) !important;
    grid-auto-rows:236px !important;
  }
  .agx-demo-login .agx-demo-role-grid > .agx-demo-role-form,
  .agx-demo-login .agx-demo-role-grid > .agx-demo-role-form > .agx-demo-role-card{
    height:236px !important;
    min-height:236px !important;
    max-height:236px !important;
  }
}
@media(max-width:560px){
  .agx-demo-login .agx-demo-role-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
    grid-auto-rows:220px !important;
  }
  .agx-demo-login .agx-demo-role-grid > .agx-demo-role-form,
  .agx-demo-login .agx-demo-role-grid > .agx-demo-role-form > .agx-demo-role-card{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}