/* NOESOR - PROYECTOS / COMMIT 2 */
.projects-page{width:min(100% - 40px,var(--container));margin:0 auto;padding:14px 0 88px}.projects-hero{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.projects-hero-premium{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(96,165,250,.2);border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(139,92,246,.18),transparent 34%),linear-gradient(145deg,rgba(18,39,68,.92),rgba(7,18,34,.96));box-shadow:0 24px 60px rgba(0,0,0,.2)}.projects-hero-premium:after{content:"";position:absolute;right:-70px;bottom:-100px;width:240px;height:240px;border-radius:50%;background:rgba(37,99,235,.08);filter:blur(4px)}.projects-hero-copy,.projects-hero-actions{position:relative;z-index:1}.projects-hero h1{margin:8px 0 12px;font-size:clamp(2.2rem,5vw,4rem)}.projects-hero p{max-width:720px;margin:0;color:var(--text-soft);font-size:1rem;line-height:1.7}.projects-hero-meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.projects-hero-meta span{padding:8px 11px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);background:rgba(255,255,255,.025);font-size:.76rem}.projects-hero-meta strong{color:var(--text)}.projects-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.projects-upgrade-button{border-color:rgba(167,139,250,.3);background:rgba(139,92,246,.09)}.projects-new-button{gap:8px}.projects-message{margin-bottom:18px;padding:14px 18px;border:1px solid;border-radius:14px}.projects-message.success{color:#a7f3d0;border-color:rgba(52,211,153,.25);background:rgba(5,150,105,.12)}.projects-message.error,.project-dialog-error{color:#fecdd3;border-color:rgba(251,113,133,.25);background:rgba(225,29,72,.1)}.free-plan-dashboard{margin-bottom:22px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(139,92,246,.22);border-radius:20px;background:radial-gradient(circle at 92% 20%,rgba(139,92,246,.13),transparent 30%),rgba(11,24,43,.86)}.free-plan-copy{flex:1}.free-plan-copy strong{display:block;margin:7px 0;font-size:1.13rem}.free-plan-copy p{margin:0;color:var(--text-soft);font-size:.88rem}.free-plan-progress{height:7px;margin-top:16px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.free-plan-progress span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.free-plan-side{min-width:112px;display:flex;flex-direction:column;align-items:center}.free-plan-counter{font-size:2rem;font-weight:800}.free-plan-side small{color:var(--text-muted)}.projects-loading,.projects-empty-state{padding:70px 30px;text-align:center;border:1px solid var(--border);border-radius:22px;background:var(--gradient-surface);box-shadow:var(--shadow-small)}.projects-empty-state h2{margin:14px 0 8px}.projects-empty-state p{max-width:560px;margin:0 auto 24px;color:var(--text-soft)}.projects-empty-icon{width:68px;height:68px;margin:0 auto;display:grid;place-items:center;border:1px solid rgba(96,165,250,.24);border-radius:20px;color:var(--primary-light);font-size:1.7rem;background:rgba(37,99,235,.1)}.workspace-banner{margin-bottom:22px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border);border-radius:18px;background:rgba(15,29,50,.68)}.workspace-banner-refreshed{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.workspace-identity,.workspace-owner{display:flex;align-items:center;gap:13px}.workspace-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:800;background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.workspace-identity div:last-child,.workspace-owner{flex-direction:column;align-items:flex-start;gap:1px}.workspace-identity span,.workspace-owner span{color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.projects-stats{margin-bottom:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.project-stat-card{min-height:132px;padding:18px;display:flex;align-items:flex-start;gap:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(19,40,68,.72),rgba(8,20,37,.86));transition:transform .2s ease,border-color .2s ease}.project-stat-card:hover{transform:translateY(-3px);border-color:var(--border-hover)}.stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(96,165,250,.2);border-radius:12px;color:var(--primary-light);background:rgba(37,99,235,.09)}.project-stat-card>div{display:flex;flex-direction:column}.project-stat-card strong{margin:1px 0 7px;font-size:1.75rem;line-height:1}.project-stat-card .stat-date{font-size:1rem}.project-stat-card div>span,.project-stat-card small{color:var(--text-muted)}.project-stat-card div>span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.projects-toolbar{margin-bottom:24px;padding:14px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:14px;border:1px solid var(--border);border-radius:18px;background:rgba(7,17,31,.62)}.projects-search{min-height:46px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;background:rgba(15,29,50,.74)}.projects-search input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.projects-sort{display:flex;flex-direction:column;gap:5px}.projects-sort span{color:var(--text-muted);font-size:.72rem;font-weight:700}.projects-sort select{min-height:46px;padding:0 38px 0 13px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface-solid)}.projects-archived-toggle{min-height:46px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.82rem;white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{position:relative;min-width:0;overflow:hidden;padding:20px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(139,92,246,.1),transparent 34%),linear-gradient(145deg,rgba(18,37,63,.9),rgba(8,20,37,.97));box-shadow:var(--shadow-small);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:0 24px 48px rgba(0,0,0,.22)}.project-card.archived{opacity:.68}.project-card-accent{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.project-card-topline,.project-card-footer,.project-card-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card-badges{display:flex;flex-wrap:wrap;gap:7px}.project-status,.project-version{padding:5px 9px;border-radius:999px;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.project-status.active{color:#a7f3d0;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.18)}.project-status.archived{color:var(--text-muted);background:rgba(148,163,184,.08);border:1px solid var(--border)}.project-version{color:#c4b5fd;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)}.project-actions{position:relative}.project-actions summary{width:34px;height:30px;display:grid;place-items:center;list-style:none;border-radius:9px;cursor:pointer;color:var(--text-muted)}.project-actions summary:hover{background:rgba(255,255,255,.05)}.project-actions-menu{position:absolute;z-index:10;right:0;top:36px;min-width:145px;padding:6px;border:1px solid var(--border);border-radius:12px;background:#0b192d;box-shadow:0 18px 40px rgba(0,0,0,.35)}.project-actions-menu button{width:100%;padding:9px 10px;text-align:left;border:0;border-radius:8px;color:var(--text-soft);background:transparent;cursor:pointer}.project-actions-menu button:hover{background:rgba(255,255,255,.05)}.project-actions-menu .danger{color:#fda4af}.project-card-main{margin:18px 0 16px;color:inherit;text-decoration:none}.project-folder{width:50px;height:42px;position:relative;border-radius:10px;background:linear-gradient(145deg,#2563eb,#7c3aed);box-shadow:0 10px 24px rgba(37,99,235,.22)}.project-folder:before{content:"";position:absolute;left:7px;top:-6px;width:22px;height:10px;border-radius:6px 6px 0 0;background:#60a5fa}.project-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-card h2{margin:17px 0 8px;font-size:1.16rem}.project-card-title-row>span{color:var(--primary-light);font-size:1.25rem;transition:transform .2s ease}.project-card:hover .project-card-title-row>span{transform:translateX(4px)}.project-card-main p{min-height:66px;margin:0;display:-webkit-box;overflow:hidden;color:var(--text-soft);font-size:.84rem;line-height:1.6;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-card-metrics{padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.project-card-metrics div{min-width:0;display:flex;flex-direction:column}.project-card-metrics strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-metrics span{color:var(--text-muted);font-size:.67rem}.project-card-footer{margin-top:15px;align-items:flex-end}.project-card-footer>span{color:var(--text-muted);font-size:.68rem}.project-card-links{display:flex;gap:10px}.project-card-links a{color:var(--primary-light);font-size:.72rem;font-weight:700;text-decoration:none}.project-modal-backdrop{position:fixed;z-index:1000;inset:0;padding:20px;display:grid;place-items:center;background:rgba(2,8,18,.78);backdrop-filter:blur(8px)}.project-modal{position:relative;width:min(100%,560px);padding:28px;border:1px solid var(--border-hover);border-radius:22px;background:#0a182b;box-shadow:0 30px 80px rgba(0,0,0,.45)}.project-modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:10px;color:var(--text-muted);background:rgba(255,255,255,.04);cursor:pointer}.project-modal h2{margin:8px 0 10px}.project-modal p{color:var(--text-soft)}.project-modal-form{margin-top:22px;display:grid;gap:16px}.project-modal-form label{display:grid;gap:7px}.project-modal-form input,.project-modal-form textarea{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:rgba(255,255,255,.025)}.project-modal-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.danger-button{color:#fff;background:#be123c}.project-dialog-error{padding:10px 12px;border-radius:10px}
@media(max-width:1050px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.projects-page{width:min(100% - 24px,var(--container))}.projects-hero,.free-plan-dashboard,.workspace-banner{align-items:stretch;flex-direction:column}.projects-hero-actions{justify-content:flex-start}.projects-hero-actions .button{flex:1}.projects-toolbar{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.free-plan-side{align-items:flex-start}.projects-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.projects-hero-premium{padding:22px}.projects-stats{grid-template-columns:1fr}.project-card-footer{align-items:flex-start;flex-direction:column}.project-modal-actions{flex-direction:column-reverse}.project-modal-actions .button{width:100%}}

/* =========================================================
   NOESOR - DETALLE DE PROYECTO Y DETALLE DE ANÁLISIS
   Unificación visual Free / Visitante
   ========================================================= */
.project-detail-page,.analysis-read-page{padding-top:28px}.project-detail-hero,.analysis-read-hero{position:relative;overflow:hidden;margin-bottom:24px;padding:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.project-detail-hero-copy,.analysis-read-hero-copy{position:relative;z-index:1;min-width:0;flex:1}.project-detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.project-back-link{color:var(--text-soft);font-size:.86rem;font-weight:650;transition:color var(--transition-fast),transform var(--transition-fast)}.project-back-link:hover{color:var(--primary-light);transform:translateX(-2px)}.project-detail-hero h1,.analysis-read-hero h1{max-width:900px;margin:8px 0 12px;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.02;overflow-wrap:anywhere}.project-detail-hero p,.analysis-read-hero p{max-width:760px;margin:0;color:var(--text-soft);font-size:1rem;line-height:1.7}.project-detail-hero-meta,.analysis-read-hero-meta{margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:9px}.project-detail-hero-meta>span,.analysis-read-hero-meta>span:not(.project-status){padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);background:rgba(255,255,255,.025);font-size:.74rem}.project-detail-hero-meta strong{color:var(--text)}.project-detail-hero-actions{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}.project-detail-hero-actions .button{min-height:48px}.project-detail-stats{margin-bottom:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-detail-stat-card{min-height:132px;padding:19px;display:flex;align-items:flex-start;gap:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(19,40,68,.75),rgba(8,20,37,.9));box-shadow:var(--shadow-small);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-detail-stat-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:0 18px 38px rgba(0,0,0,.22)}.project-detail-stat-card>div{min-width:0;display:flex;flex-direction:column}.project-detail-stat-card strong{margin:0 0 7px;font-size:1.65rem;line-height:1.1}.project-detail-stat-card strong.stat-date{font-size:.95rem;line-height:1.35}.project-detail-stat-card div>span{color:var(--text-soft);font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.055em}.project-detail-stat-card small{margin-top:4px;color:var(--text-muted)}.project-history-section{margin-top:10px}.project-history-heading{margin-bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.project-history-heading h2{margin:7px 0 5px;font-size:clamp(1.55rem,3vw,2.1rem)}.project-history-heading p{margin:0;color:var(--text-muted);font-size:.88rem}.project-history-count{padding:7px 11px;border:1px solid var(--border);border-radius:999px;color:var(--text-soft);background:rgba(255,255,255,.025);font-size:.75rem}.analysis-history-list{display:grid;gap:16px}.analysis-history-card{position:relative;overflow:hidden;padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:20px;border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at 95% 5%,rgba(59,130,246,.08),transparent 30%),linear-gradient(145deg,rgba(17,35,60,.88),rgba(7,18,33,.96));box-shadow:var(--shadow-small);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.analysis-history-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:0 22px 48px rgba(0,0,0,.24)}.analysis-history-card.is-latest{border-color:rgba(96,165,250,.3)}.analysis-history-accent{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#22d3ee,#3b82f6,#8b5cf6)}.analysis-version-column{display:flex;flex-direction:column;align-items:center;gap:8px}.analysis-version-badge{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(96,165,250,.26);border-radius:15px;color:#dbeafe;font-family:var(--font-display);font-size:1rem;font-weight:800;background:rgba(37,99,235,.12)}.analysis-current-badge{padding:4px 8px;border:1px solid rgba(52,211,153,.2);border-radius:999px;color:#a7f3d0;background:rgba(52,211,153,.1);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.analysis-history-content{min-width:0}.analysis-history-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.analysis-history-title-row h3{margin:0 0 6px;font-size:1.1rem;overflow-wrap:anywhere}.analysis-source-name{margin:0;color:var(--text-muted);font-size:.8rem;overflow-wrap:anywhere}.analysis-score-block{min-width:92px;text-align:right}.analysis-score-block span{display:block;color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.055em}.analysis-score-block strong{font-size:1.15rem}.analysis-score-track{height:7px;margin:14px 0 12px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.analysis-score-track>span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#3b82f6,#8b5cf6)}.analysis-history-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--text-muted);font-size:.73rem}.analysis-history-metrics{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.analysis-history-metric{padding:10px 11px;display:flex;flex-direction:column;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.02)}.analysis-history-metric strong{font-size:1rem}.analysis-history-metric small{color:var(--text-muted);font-size:.67rem}.analysis-version-changes{margin-top:14px;padding-top:13px;border-top:1px solid var(--border-soft)}.analysis-changes-label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.analysis-change-chips{display:flex;flex-wrap:wrap;gap:7px}.analysis-change-chip{padding:5px 8px;border:1px solid var(--border);border-radius:999px;font-size:.65rem}.analysis-change-chip.positive{color:#a7f3d0;border-color:rgba(52,211,153,.2);background:rgba(52,211,153,.08)}.analysis-change-chip.negative{color:#fecdd3;border-color:rgba(251,113,133,.2);background:rgba(251,113,133,.08)}.analysis-change-chip.neutral{color:var(--text-muted);background:rgba(148,163,184,.04)}.analysis-open-button{align-self:center;white-space:nowrap}.analysis-open-button span{transition:transform .2s ease}.analysis-open-button:hover span{transform:translateX(3px)}

.analysis-read-score-card{position:relative;z-index:1;width:210px;flex:0 0 auto;padding:20px;border:1px solid rgba(96,165,250,.22);border-radius:18px;background:rgba(7,18,34,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.analysis-read-score-card>span{color:var(--text-muted);font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.analysis-read-score-card>strong{display:block;margin:5px 0 10px;font-size:2.2rem;line-height:1}.analysis-read-score-card small{display:block;margin-top:8px;color:var(--text-soft);font-size:.72rem}.analysis-read-summary{margin-bottom:22px;padding:26px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(18,37,63,.82),rgba(8,20,37,.93));box-shadow:var(--shadow-small)}.analysis-section-heading{display:flex;align-items:center;gap:13px}.analysis-section-icon,.analysis-card-icon,.analysis-metric-icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(96,165,250,.22);color:var(--primary-light);background:rgba(37,99,235,.1)}.analysis-section-icon{width:42px;height:42px;border-radius:13px}.analysis-section-heading h2{margin:4px 0 0;font-size:1.15rem}.analysis-summary-lead{margin:20px 0 0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.08rem,2vw,1.35rem);font-weight:700;line-height:1.5}.analysis-objective{margin-top:20px;padding:17px 18px;border-left:3px solid var(--cyan);border-radius:0 13px 13px 0;background:rgba(34,211,238,.05)}.analysis-objective>span{color:var(--cyan-light);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.analysis-objective p{margin:6px 0 0;color:var(--text-soft);line-height:1.7}.analysis-read-metrics{margin-bottom:22px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.analysis-read-metric-card{min-height:128px;padding:16px;display:flex;align-items:flex-start;gap:11px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(18,37,63,.74),rgba(8,20,37,.88));transition:transform .2s ease,border-color .2s ease}.analysis-read-metric-card:hover{transform:translateY(-3px);border-color:var(--border-hover)}.analysis-metric-icon{width:34px;height:34px;border-radius:10px}.analysis-read-metric-card>div{min-width:0;display:flex;flex-direction:column}.analysis-read-metric-card strong{font-size:1.45rem;line-height:1}.analysis-read-metric-card div>span{margin-top:7px;color:var(--text-soft);font-size:.76rem;font-weight:750}.analysis-read-metric-card small{margin-top:3px;color:var(--text-muted);font-size:.64rem;line-height:1.35}.analysis-read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analysis-read-card{min-width:0;padding:22px;border:1px solid var(--border);border-radius:19px;background:radial-gradient(circle at 95% 0,rgba(139,92,246,.07),transparent 32%),linear-gradient(145deg,rgba(17,35,60,.82),rgba(7,18,33,.94));box-shadow:var(--shadow-small)}.analysis-read-card-wide{grid-column:1/-1}.analysis-card-heading{margin-bottom:16px;display:flex;align-items:center;gap:11px}.analysis-card-icon{width:36px;height:36px;border-radius:11px}.analysis-card-heading h2{margin:0;font-size:1.05rem}.analysis-chip-list{display:flex;flex-wrap:wrap;gap:9px}.analysis-chip{padding:8px 11px;border:1px solid rgba(96,165,250,.18);border-radius:999px;color:#dbeafe;background:rgba(37,99,235,.08);font-size:.78rem;transition:transform .18s ease,border-color .18s ease}.analysis-chip:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.4)}.analysis-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-item-card{min-width:0;padding:13px;display:flex;align-items:flex-start;gap:11px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.022)}.analysis-item-number{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--primary-light);background:rgba(37,99,235,.1);font-size:.68rem;font-weight:800}.analysis-item-card p{margin:2px 0 0;color:var(--text-soft);font-size:.8rem;line-height:1.55}.analysis-alert-section{grid-column:auto}.analysis-alert-list{display:grid;gap:9px}.analysis-alert-item{padding:12px 13px;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.02)}.analysis-alert-item>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;font-size:.72rem;font-weight:800}.analysis-alert-item p{margin:1px 0 0;color:var(--text-soft);font-size:.78rem;line-height:1.5}.analysis-alert-section.warning .analysis-alert-item>span{color:#fde68a;background:rgba(251,191,36,.11)}.analysis-alert-section.danger .analysis-alert-item>span{color:#fecdd3;background:rgba(251,113,133,.11)}.analysis-alert-section.info .analysis-alert-item>span{color:#bae6fd;background:rgba(56,189,248,.11)}.analysis-clear-state{padding:18px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);background:rgba(255,255,255,.015)}.analysis-clear-state span{color:var(--success)}.analysis-clear-state p,.empty-copy{margin:0;color:var(--text-muted);font-size:.8rem}.analysis-source-details{margin-top:18px;border:1px solid var(--border);border-radius:18px;background:rgba(8,20,37,.72);overflow:hidden}.analysis-source-details summary{padding:17px 20px;display:flex;flex-direction:column;cursor:pointer}.analysis-source-details summary span{font-weight:750}.analysis-source-details summary small{color:var(--text-muted)}.analysis-source-details pre{max-height:520px;margin:0;padding:22px;overflow:auto;border-top:1px solid var(--border);color:var(--text-soft);white-space:pre-wrap;font-family:var(--font-body);font-size:.8rem;line-height:1.7;background:rgba(2,8,18,.5)}

/* Ajustes de coherencia visual en la vista principal */
.projects-upgrade-button{border-color:rgba(167,139,250,.38);color:#fff;background:linear-gradient(135deg,rgba(79,70,229,.45),rgba(124,58,237,.55));box-shadow:0 12px 28px rgba(91,33,182,.16)}.projects-upgrade-button:hover{border-color:rgba(196,181,253,.58);transform:translateY(-2px)}.free-plan-progress{height:8px}.project-stat-card{box-shadow:var(--shadow-small)}

@media(max-width:1100px){.analysis-read-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-history-card{grid-template-columns:auto minmax(0,1fr)}.analysis-open-button{grid-column:2;justify-self:start}.analysis-read-score-card{width:190px}}
@media(max-width:850px){.project-detail-hero,.analysis-read-hero{align-items:stretch;flex-direction:column}.project-detail-hero-actions{justify-content:flex-start}.analysis-read-score-card{width:100%}.project-detail-stats{grid-template-columns:1fr}.analysis-read-grid{grid-template-columns:1fr}.analysis-alert-section{grid-column:1}.analysis-item-list{grid-template-columns:1fr}}
@media(max-width:700px){.project-detail-page,.analysis-read-page{padding-top:18px}.project-detail-hero,.analysis-read-hero{padding:24px}.project-detail-breadcrumb{align-items:flex-start;flex-direction:column;gap:7px}.project-detail-hero h1,.analysis-read-hero h1{font-size:clamp(2rem,10vw,3rem)}.project-detail-hero-actions .button{width:100%;justify-content:center}.project-history-heading{align-items:flex-start;flex-direction:column}.analysis-history-card{grid-template-columns:1fr;padding:20px}.analysis-version-column{align-items:flex-start;flex-direction:row}.analysis-open-button{grid-column:1;width:100%;justify-content:center}.analysis-history-title-row{flex-direction:column}.analysis-score-block{text-align:left}.analysis-history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-read-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-read-summary{padding:21px}.analysis-read-card{padding:19px}}
@media(max-width:460px){.analysis-read-metrics{grid-template-columns:1fr}.analysis-read-metric-card{min-height:auto}.analysis-history-metrics{grid-template-columns:1fr}.project-detail-hero-meta,.analysis-read-hero-meta{align-items:flex-start;flex-direction:column}.project-detail-hero-meta>span,.analysis-read-hero-meta>span:not(.project-status){width:100%;border-radius:10px}.analysis-change-chips{flex-direction:column}.analysis-change-chip{width:100%;border-radius:9px}}

/* NOESOR - PLAN PRO / COMMIT PRO-01 */
.plan-badge{display:inline-flex!important;align-items:center;gap:6px;padding:7px 10px!important;border-radius:999px;font-size:.7rem!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.plan-badge-icon{font-size:.85rem}.plan-badge-free{color:#dbeafe;border:1px solid rgba(96,165,250,.25)!important;background:rgba(37,99,235,.1)!important}.plan-badge-pro{color:#ede9fe;border:1px solid rgba(167,139,250,.4)!important;background:linear-gradient(135deg,rgba(79,70,229,.24),rgba(124,58,237,.3))!important;box-shadow:0 8px 24px rgba(91,33,182,.14)}.plan-badge-enterprise{color:#cffafe;border:1px solid rgba(34,211,238,.32)!important;background:linear-gradient(135deg,rgba(8,145,178,.18),rgba(37,99,235,.2))!important}.pro-plan-summary{margin-bottom:22px;padding:24px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:center;border:1px solid rgba(167,139,250,.3);border-radius:20px;background:radial-gradient(circle at 90% 15%,rgba(139,92,246,.18),transparent 32%),linear-gradient(145deg,rgba(21,31,62,.92),rgba(8,18,36,.96));box-shadow:0 22px 52px rgba(0,0,0,.18)}.pro-plan-summary strong{display:block;margin:7px 0;font-size:1.3rem}.pro-plan-summary p{margin:0;color:var(--text-soft);line-height:1.6}.pro-plan-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pro-plan-features span{padding:10px 11px;border:1px solid rgba(167,139,250,.18);border-radius:11px;color:#ddd6fe;background:rgba(139,92,246,.07);font-size:.76rem}.pro-tools-section{margin-top:28px;padding:26px;border:1px solid rgba(167,139,250,.22);border-radius:22px;background:radial-gradient(circle at 95% 0,rgba(139,92,246,.12),transparent 30%),linear-gradient(145deg,rgba(18,37,63,.86),rgba(8,20,37,.95));box-shadow:var(--shadow-small)}.pro-tools-heading{margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.pro-tools-heading h2{margin:6px 0 7px}.pro-tools-heading p{margin:0;color:var(--text-soft)}.pro-tools-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pro-tool-card{min-width:0;padding:16px;display:flex;align-items:flex-start;gap:11px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}.pro-tool-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#ddd6fe;background:rgba(139,92,246,.13);font-size:.7rem;font-weight:850}.pro-tool-card strong{display:block;font-size:.83rem}.pro-tool-card p{min-height:48px;margin:5px 0 8px;color:var(--text-muted);font-size:.7rem;line-height:1.45}.pro-tool-card small{color:#c4b5fd;font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:1050px){.pro-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-plan-summary{grid-template-columns:1fr}}
@media(max-width:700px){.pro-plan-features,.pro-tools-grid{grid-template-columns:1fr}.pro-tools-heading{flex-direction:column}.pro-plan-summary,.pro-tools-section{padding:20px}}

/* Commit PRO-02: complete functional artifacts and version comparison */
.analysis-expanded-section {
    margin-top: 1.5rem;
    padding: clamp(1.2rem, 2vw, 2rem);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 24px;
    background: rgba(15, 23, 42, .72);
}
.analysis-section-intro { color: var(--muted, #94a3b8); max-width: 850px; }
.quality-assessment-list, .use-case-list, .scrum-backlog-list, .refinement-comparison-list { display: grid; gap: 1rem; margin-top: 1.2rem; }
.quality-assessment-card, .use-case-card, .scrum-story-card, .refinement-comparison-card {
    border: 1px solid rgba(148, 163, 184, .18); border-radius: 18px; background: rgba(2, 6, 23, .52); padding: 1rem 1.1rem;
}
.quality-assessment-card > div, .scrum-story-header, .refinement-card-heading { display: flex; gap: .8rem; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.quality-assessment-card span, .use-case-code, .scrum-story-header > span, .refinement-card-heading > span { color: #67e8f9; font-size: .78rem; font-weight: 800; letter-spacing: .06em; }
.use-case-card summary { cursor: pointer; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; }
.use-case-card summary small { color: #94a3b8; }
.use-case-content { padding-top: 1rem; }
.use-case-flow { margin-top: .85rem; }
.use-case-flow ol, .acceptance-criteria ul, .refinement-comparison-card ul { margin: .45rem 0 0; padding-left: 1.3rem; color: #cbd5e1; }
.scrum-story-header em { border-radius: 999px; padding: .3rem .65rem; background: rgba(34, 211, 238, .12); color: #67e8f9; font-style: normal; font-size: .78rem; }
.scrum-story-meta { display: flex; gap: 1rem; flex-wrap: wrap; color: #94a3b8; font-size: .86rem; }
.acceptance-criteria { margin-top: .9rem; }
.refinement-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: .9rem; }
.refinement-columns > div { border-radius: 14px; padding: .9rem; background: rgba(15, 23, 42, .75); }
.refinement-columns small { color: #94a3b8; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.compare-selectors { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: end; margin: 1.2rem 0; padding: 1rem; border-radius: 18px; background: rgba(15, 23, 42, .72); border: 1px solid rgba(148, 163, 184, .18); }
.compare-selectors label { display: grid; gap: .45rem; }
.compare-selectors select { width: 100%; padding: .8rem; border-radius: 12px; background: #0f172a; color: #e2e8f0; border: 1px solid rgba(148, 163, 184, .25); }
.compare-arrow { font-size: 1.6rem; color: #67e8f9; }
.compare-score-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; }
.compare-metric-card { padding: 1rem; border-radius: 16px; background: rgba(15, 23, 42, .72); border: 1px solid rgba(148, 163, 184, .18); display: grid; gap: .45rem; }
.compare-metric-card > span { color: #94a3b8; font-size: .82rem; }
.compare-metric-card small.positive { color: #4ade80; } .compare-metric-card small.negative { color: #fb7185; } .compare-metric-card small.neutral { color: #94a3b8; }
.compare-differences-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
.compare-difference-card { padding: 1rem 1.1rem; border-radius: 18px; background: rgba(15, 23, 42, .72); border: 1px solid rgba(148, 163, 184, .18); }
.compare-difference-card.added h2 span { color: #4ade80; } .compare-difference-card.removed h2 span { color: #fb7185; }
.compare-difference-card li { margin-bottom: .55rem; color: #cbd5e1; }
.compare-locked-state { padding: 2rem; border-radius: 24px; }
@media (max-width: 900px) { .compare-score-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .refinement-columns, .compare-differences-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .compare-selectors { grid-template-columns: 1fr; } .compare-arrow { transform: rotate(90deg); justify-self: center; } .use-case-card summary { grid-template-columns: auto 1fr; } .use-case-card summary small { grid-column: 1 / -1; } }

.analysis-hero-side{display:grid;gap:.75rem;justify-items:stretch}.analysis-engineering-button{text-align:center;justify-content:center}@media(max-width:760px){.analysis-hero-side{width:100%}}


/* PRO-04: exportaciones */
.analysis-export-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 22px 0;
    padding: 24px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(242,246,255,.94));
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}
.analysis-export-copy h2 { margin: 5px 0 6px; font-size: 1.25rem; }
.analysis-export-copy p { margin: 0; color: #667085; }
.analysis-export-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.export-button { white-space: nowrap; }
.analysis-export-locked { display: flex; align-items: center; gap: 11px; padding: 12px 15px; border-radius: 14px; background: rgba(15,23,42,.05); }
.analysis-export-locked > span { font-size: 1.25rem; }
.analysis-export-locked div { display: grid; gap: 2px; }
.analysis-export-locked small { color: #667085; }
@media (max-width: 780px) {
    .analysis-export-panel { align-items: stretch; flex-direction: column; }
    .analysis-export-actions { justify-content: stretch; }
    .analysis-export-actions .button { flex: 1 1 140px; text-align: center; }
}

/* Dashboard profesional del detalle de análisis */
.analysis-pro-hero { align-items: stretch; }
.analysis-pro-hero .analysis-read-hero-copy { min-width: 0; }
.analysis-document-identity { margin: 24px 0 12px; display: grid; grid-template-columns: minmax(150px,.7fr) minmax(240px,1.3fr); gap: 12px; }
.analysis-document-identity > div { min-width: 0; padding: 13px 15px; border: 1px solid var(--border-soft); border-radius: 14px; background: rgba(255,255,255,.035); }
.analysis-document-identity span { display: block; margin-bottom: 4px; color: var(--text-muted); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.analysis-document-identity strong, .analysis-truncated-title, .analysis-truncated-name { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analysis-truncated-title { max-width: min(100%, 780px); }
.analysis-score-rich { width: 250px; }
.analysis-score-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.analysis-quality-indicator { padding: 4px 8px; border-radius: 999px; color: #a7f3d0 !important; background: rgba(52,211,153,.11); font-size: .62rem !important; letter-spacing: .02em !important; text-transform: none !important; }
.analysis-quick-actions { margin: 18px 0 22px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.analysis-quick-action { min-width: 0; padding: 13px 14px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--border); border-radius: 14px; color: var(--text-soft); background: rgba(10,25,44,.8); text-decoration: none; transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.analysis-quick-action:hover { transform: translateY(-2px); border-color: var(--border-hover); background: rgba(20,43,72,.9); }
.analysis-quick-action.primary { color: white; border-color: rgba(96,165,250,.35); background: linear-gradient(135deg,rgba(37,99,235,.95),rgba(109,40,217,.9)); }
.analysis-quick-action span { color: var(--primary-light); font-size: 1rem; }.analysis-quick-action.primary span{color:white}.analysis-quick-action strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}
.analysis-executive-dashboard { margin-bottom: 22px; display: grid; grid-template-columns: minmax(0,1fr) 270px; gap: 16px; }
.analysis-executive-dashboard .analysis-read-summary { margin: 0; }
.analysis-summary-detail { margin: 14px 0 0; color: var(--text-muted); font-size: .82rem; line-height: 1.65; }
.analysis-project-stats { padding: 16px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(145deg,rgba(18,37,63,.82),rgba(8,20,37,.93)); }
.analysis-compact-metric { min-width: 0; padding: 13px; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--border-soft); border-radius: 13px; background: rgba(255,255,255,.025); }
.analysis-compact-metric:first-child { grid-column: 1/-1; }
.analysis-compact-metric strong { font-size: 1.55rem; line-height: 1; }.analysis-compact-metric span{margin-top:6px;color:var(--text-muted);font-size:.67rem}.analysis-compact-metric.warning strong{color:#fde68a}.analysis-compact-metric.danger strong{color:#fda4af}.analysis-compact-metric.success strong{color:#86efac}
.analysis-pro-modules,.analysis-deliverables-panel,.analysis-next-step-panel { margin-bottom: 22px; padding: 24px; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(145deg,rgba(18,37,63,.76),rgba(8,20,37,.92)); box-shadow: var(--shadow-small); }
.analysis-dashboard-heading { margin-bottom: 18px; }
.analysis-pro-module-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.analysis-pro-module-card { min-width: 0; padding: 17px; display: flex; flex-direction: column; border: 1px solid var(--border-soft); border-radius: 16px; background: rgba(255,255,255,.025); transition: transform .2s ease,border-color .2s ease; }.analysis-pro-module-card:hover{transform:translateY(-3px);border-color:var(--border-hover)}
.analysis-pro-module-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: var(--primary-light); background: rgba(37,99,235,.12); }
.analysis-pro-module-copy { flex: 1; display: flex; flex-direction: column; }.analysis-pro-module-title{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.analysis-pro-module-title h3{margin:0;font-size:.95rem}.analysis-pro-module-title span{padding:4px 7px;border-radius:999px;font-size:.58rem;font-weight:800;text-transform:uppercase}.analysis-pro-module-title span.enabled{color:#a7f3d0;background:rgba(52,211,153,.1)}.analysis-pro-module-title span.locked{color:#fde68a;background:rgba(251,191,36,.1)}
.analysis-pro-module-card p { min-height: 56px; margin: 9px 0 14px; color: var(--text-muted); font-size: .72rem; line-height: 1.5; }.analysis-module-link{margin-top:auto;color:var(--primary-light);font-size:.72rem;font-weight:800;text-decoration:none}
.analysis-deliverables-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.analysis-deliverable-card { padding: 16px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--border-soft); border-radius: 16px; background: rgba(255,255,255,.025); }.analysis-deliverable-card.locked{opacity:.72}.analysis-deliverable-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:white;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:900}.analysis-deliverable-card div{display:grid;gap:3px}.analysis-deliverable-card small{color:var(--text-muted);font-size:.66rem}.analysis-deliverable-card .button{padding:9px 12px;font-size:.7rem}
.analysis-next-step-panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.7fr); align-items: center; gap: 22px; }.analysis-next-step-panel h2{margin:5px 0 14px}.analysis-completed-steps{display:flex;flex-wrap:wrap;gap:8px}.analysis-completed-steps span{padding:7px 9px;border:1px solid rgba(52,211,153,.17);border-radius:999px;color:#bbf7d0;background:rgba(52,211,153,.06);font-size:.68rem}.analysis-recommended-actions{padding:16px;display:grid;gap:8px;border-left:1px solid var(--border)}.analysis-recommended-actions strong{margin-bottom:3px;color:var(--text-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.analysis-recommended-actions a{color:var(--primary-light);font-size:.76rem;font-weight:750;text-decoration:none}
@media(max-width:1050px){.analysis-pro-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-executive-dashboard{grid-template-columns:1fr}.analysis-project-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.analysis-compact-metric:first-child{grid-column:auto}}
@media(max-width:760px){.analysis-document-identity,.analysis-next-step-panel{grid-template-columns:1fr}.analysis-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-deliverables-grid{grid-template-columns:1fr}.analysis-project-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-compact-metric:first-child{grid-column:1/-1}.analysis-recommended-actions{border-left:0;border-top:1px solid var(--border)}.analysis-score-rich{width:100%}}
@media(max-width:520px){.analysis-pro-module-grid,.analysis-quick-actions{grid-template-columns:1fr}.analysis-deliverable-card{grid-template-columns:auto 1fr}.analysis-deliverable-card .button{grid-column:1/-1;justify-content:center}.analysis-project-stats{grid-template-columns:1fr}.analysis-compact-metric:first-child{grid-column:auto}}

/* PRO-06: Refinamiento inteligente */
.pro06-refinement-section{position:relative;overflow:hidden}.pro06-refinement-section:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#22d3ee,#6366f1,#a855f7)}
.refinement-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.refinement-summary-grid article{padding:15px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:5px}.refinement-summary-grid strong{font-size:1.45rem}.refinement-summary-grid span{color:var(--text-muted);font-size:.7rem}
.pro06-refinement-list{gap:18px}.pro06-refinement-card{padding:20px;border-color:rgba(96,165,250,.2);background:linear-gradient(145deg,rgba(17,35,60,.88),rgba(7,18,34,.96))}.pro06-refinement-heading>div:first-child{display:flex;flex-direction:column;gap:5px}.refinement-badges{display:flex;align-items:center;gap:8px}.refinement-badges span{padding:6px 9px;border-radius:999px;font-size:.66rem;font-weight:850}.refinement-badges .quality-score{color:#dbeafe;background:rgba(59,130,246,.12)}.refinement-badges .severity.critical{color:#fecdd3;background:rgba(225,29,72,.14)}.refinement-badges .severity.high{color:#fed7aa;background:rgba(234,88,12,.14)}.refinement-badges .severity.medium{color:#fde68a;background:rgba(202,138,4,.14)}.refinement-badges .severity.low{color:#bbf7d0;background:rgba(22,163,74,.13)}
.refinement-findings-panel{margin:16px 0;padding:15px 17px;border:1px solid rgba(251,191,36,.2);border-radius:14px;background:rgba(120,53,15,.1)}.refinement-findings-panel>strong{display:block;margin-bottom:8px;color:#fde68a}.refinement-findings-panel ul{margin:0;padding-left:1.2rem;color:#e2e8f0}.refinement-findings-panel li{margin:.4rem 0;line-height:1.5}
.refinement-before{border-color:rgba(251,113,133,.16)!important;background:rgba(127,29,29,.09)!important}.refinement-after{border-color:rgba(52,211,153,.18)!important;background:rgba(6,78,59,.1)!important}.refinement-after p{color:#dcfce7}.refinement-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.refinement-detail-grid section{padding:15px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(255,255,255,.02)}.refinement-detail-grid h3{margin:0 0 9px;font-size:.82rem;color:#c4b5fd}.refinement-detail-grid ul{margin:0;padding-left:1.15rem;color:#cbd5e1}.refinement-detail-grid li{margin:.42rem 0;font-size:.75rem;line-height:1.55}.refinement-no-pending{margin:0;color:#86efac;font-size:.75rem}
.refinement-confidence{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;margin-top:15px;color:var(--text-muted);font-size:.7rem}.refinement-confidence>div{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.refinement-confidence i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.refinement-confidence strong{color:#e2e8f0}.refinement-empty-state{padding:28px;border:1px dashed var(--border);border-radius:16px;text-align:center;display:grid;gap:6px}.refinement-empty-state span{color:var(--text-muted)}
@media(max-width:980px){.refinement-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.refinement-detail-grid{grid-template-columns:1fr}.refinement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro06-refinement-heading{align-items:flex-start}.refinement-confidence{grid-template-columns:1fr auto}.refinement-confidence>div{grid-row:2;grid-column:1/-1}}@media(max-width:480px){.refinement-summary-grid{grid-template-columns:1fr}}

/* PRO-07: IA avanzada - preguntas de analista funcional senior */
.pro07-analyst-section{position:relative;overflow:hidden}.pro07-analyst-section:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#a855f7,#2563eb,#06b6d4)}
.pro07-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.pro07-summary-grid article{padding:16px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(145deg,rgba(88,28,135,.08),rgba(255,255,255,.02));display:flex;flex-direction:column;gap:5px}.pro07-summary-grid strong{font-size:1.45rem;color:#e9d5ff}.pro07-summary-grid span{color:var(--text-muted);font-size:.7rem}
.pro07-question-list{display:grid;gap:20px}.pro07-requirement-group{overflow:hidden;border:1px solid rgba(139,92,246,.2);border-radius:18px;background:linear-gradient(145deg,rgba(17,35,60,.9),rgba(7,18,34,.98))}.pro07-requirement-group>header{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-soft);background:rgba(139,92,246,.055)}.pro07-requirement-group>header span{padding:6px 9px;border-radius:9px;color:#ddd6fe;background:rgba(139,92,246,.15);font-size:.68rem;font-weight:900}.pro07-requirement-group>header p{margin:0;color:#e2e8f0;font-size:.8rem;line-height:1.55}
.pro07-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.pro07-question-card{position:relative;padding:17px;border:1px solid var(--border-soft);border-radius:15px;background:rgba(255,255,255,.025)}.pro07-question-card.critical{border-color:rgba(251,113,133,.22);box-shadow:inset 3px 0 0 rgba(244,63,94,.65)}.pro07-question-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.pro07-question-code,.pro07-category,.pro07-priority{padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:850}.pro07-question-code{color:#bfdbfe;background:rgba(37,99,235,.13)}.pro07-category{color:#ddd6fe;background:rgba(139,92,246,.13)}.pro07-priority{margin-left:auto}.pro07-priority.critical{color:#fecdd3;background:rgba(225,29,72,.15)}.pro07-priority.high{color:#fed7aa;background:rgba(234,88,12,.15)}.pro07-priority.medium{color:#fde68a;background:rgba(202,138,4,.15)}.pro07-priority.low{color:#bbf7d0;background:rgba(22,163,74,.13)}.pro07-question-card h3{margin:14px 0 15px;color:#f8fafc;font-size:1rem;line-height:1.5}
.pro07-analysis-note,.pro07-impact-note{padding:12px 13px;border-radius:12px}.pro07-analysis-note{border:1px solid rgba(96,165,250,.14);background:rgba(30,64,175,.07)}.pro07-impact-note{margin-top:9px;border:1px solid rgba(251,191,36,.15);background:rgba(120,53,15,.08)}.pro07-analysis-note strong,.pro07-impact-note strong{display:block;margin-bottom:5px;color:#c4b5fd;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.pro07-impact-note strong{color:#fde68a}.pro07-analysis-note p,.pro07-impact-note p{margin:0;color:#cbd5e1;font-size:.73rem;line-height:1.55}
.pro07-follow-ups{margin-top:11px;border-top:1px solid var(--border-soft);padding-top:10px}.pro07-follow-ups summary{cursor:pointer;color:#93c5fd;font-size:.72rem;font-weight:800}.pro07-follow-ups ul{margin:10px 0 0;padding-left:1.1rem;color:#cbd5e1}.pro07-follow-ups li{margin:.4rem 0;font-size:.72rem;line-height:1.5}.pro07-limited-note{margin-top:16px;padding:13px 15px;display:flex;gap:9px;align-items:center;border:1px solid rgba(251,191,36,.17);border-radius:13px;background:rgba(120,53,15,.08)}.pro07-limited-note strong{color:#fde68a}.pro07-limited-note span{color:var(--text-muted);font-size:.74rem}
@media(max-width:900px){.pro07-question-grid{grid-template-columns:1fr}.pro07-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.pro07-summary-grid{grid-template-columns:1fr}.pro07-requirement-group>header{grid-template-columns:1fr}.pro07-question-heading{align-items:flex-start}.pro07-priority{margin-left:0}.pro07-limited-note{align-items:flex-start;flex-direction:column}}

/* PRO-08 · Comparador de versiones */
.compare-hero { display: flex; justify-content: space-between; gap: 1.5rem; align-items: flex-end; }
.compare-export-actions { display: flex; gap: .7rem; flex-wrap: wrap; justify-content: flex-end; }
.compare-executive-summary { margin: 1rem 0; padding: 1.35rem; border-radius: 22px; display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; background: linear-gradient(135deg, rgba(8, 47, 73, .72), rgba(30, 41, 59, .82)); border: 1px solid rgba(103, 232, 249, .2); }
.compare-executive-summary h2 { max-width: 920px; margin: .45rem 0; color: #f8fafc; font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.55; }
.compare-executive-summary p { margin: 0; color: #a5f3fc; }
.compare-impact-badge { min-width: 145px; padding: 1rem; border-radius: 18px; text-align: center; display: grid; gap: .25rem; border: 1px solid currentColor; }
.compare-impact-badge span { font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.compare-impact-badge strong { font-size: 1.45rem; }
.compare-impact-badge.high, .compare-level.high { color: #fda4af; background: rgba(159, 18, 57, .18); }
.compare-impact-badge.medium, .compare-level.medium { color: #fde68a; background: rgba(146, 64, 14, .18); }
.compare-impact-badge.low, .compare-level.low { color: #86efac; background: rgba(21, 128, 61, .16); }
.compare-score-grid-pro08 { margin-bottom: 1rem; }
.compare-count-card div { display: flex; align-items: baseline; gap: .45rem; }
.compare-count-card b { color: #67e8f9; font-size: 1.15rem; }
.compare-tabs { display: flex; gap: .35rem; overflow-x: auto; padding: .35rem; margin: 1rem 0; border-radius: 15px; background: rgba(15, 23, 42, .65); border: 1px solid rgba(148, 163, 184, .16); }
.compare-tabs button { border: 0; border-radius: 11px; padding: .72rem 1rem; color: #94a3b8; background: transparent; cursor: pointer; white-space: nowrap; font-weight: 700; }
.compare-tabs button:hover { color: #e2e8f0; background: rgba(51, 65, 85, .55); }
.compare-tabs button.active { color: #ecfeff; background: rgba(8, 145, 178, .32); box-shadow: inset 0 0 0 1px rgba(103, 232, 249, .22); }
.compare-change-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.compare-change-group { min-width: 0; padding: 1rem; border-radius: 18px; background: rgba(15, 23, 42, .72); border: 1px solid rgba(148, 163, 184, .18); }
.compare-change-group > header { display: flex; justify-content: space-between; align-items: center; margin-bottom: .8rem; }
.compare-change-group > header h2 { margin: 0; font-size: 1rem; }
.compare-change-group > header span { min-width: 30px; height: 30px; display: grid; place-items: center; border-radius: 999px; font-weight: 800; background: rgba(51, 65, 85, .7); }
.compare-change-group.new { border-top: 3px solid #4ade80; }
.compare-change-group.modified { border-top: 3px solid #facc15; }
.compare-change-group.removed { border-top: 3px solid #fb7185; }
.compare-change-item { margin-top: .65rem; border-radius: 13px; background: rgba(2, 6, 23, .48); border: 1px solid rgba(148, 163, 184, .12); overflow: hidden; }
.compare-change-item summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .6rem; align-items: start; padding: .75rem; cursor: pointer; }
.compare-change-item summary span { color: #67e8f9; font-size: .7rem; font-weight: 800; }
.compare-change-item summary strong { color: #dbeafe; font-size: .83rem; line-height: 1.45; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.compare-change-item summary em { padding: .2rem .45rem; border-radius: 999px; font-style: normal; font-size: .68rem; font-weight: 800; }
.compare-change-item summary em.high { color: #fda4af; background: rgba(159, 18, 57, .25); }
.compare-change-item summary em.medium { color: #fde68a; background: rgba(146, 64, 14, .25); }
.compare-change-item summary em.low { color: #86efac; background: rgba(21, 128, 61, .22); }
.compare-change-body { padding: 0 .75rem .75rem; display: grid; gap: .55rem; }
.compare-change-body > div { padding: .65rem; border-radius: 10px; }
.compare-before { background: rgba(159, 18, 57, .12); border-left: 3px solid #fb7185; }
.compare-after { background: rgba(21, 128, 61, .12); border-left: 3px solid #4ade80; }
.compare-change-body small { color: #94a3b8; text-transform: uppercase; font-weight: 800; letter-spacing: .06em; }
.compare-change-body p { margin: .25rem 0 0; color: #cbd5e1; font-size: .82rem; line-height: 1.5; }
.compare-similarity { color: #67e8f9 !important; }
.compare-analysis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.compare-panel, .compare-report-preview { padding: 1.25rem; border-radius: 20px; background: rgba(15, 23, 42, .72); border: 1px solid rgba(148, 163, 184, .18); }
.compare-panel h2 { margin: .4rem 0 1rem; }
.compare-risk-list, .compare-recommendation-list { display: grid; gap: .75rem; padding-left: 1.2rem; color: #cbd5e1; }
.compare-impact-list { margin-top: 1rem; display: grid; gap: .75rem; }
.compare-impact-card { padding: 1rem; border-radius: 17px; background: rgba(15, 23, 42, .66); border: 1px solid rgba(148, 163, 184, .15); }
.compare-impact-card header { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.compare-impact-card h3 { margin: .3rem 0; font-size: .95rem; color: #e2e8f0; }
.compare-change-code { font-size: .72rem; color: #67e8f9; font-weight: 800; }
.compare-level { padding: .42rem .65rem; border-radius: 999px; border: 1px solid currentColor; white-space: nowrap; font-size: .72rem; font-weight: 800; }
.compare-chip-row { display: flex; gap: .4rem; flex-wrap: wrap; margin: .65rem 0; }
.compare-chip-row span { padding: .28rem .5rem; border-radius: 999px; color: #bae6fd; background: rgba(3, 105, 161, .2); font-size: .72rem; }
.compare-impact-card ul { margin-bottom: 0; color: #cbd5e1; }
.compare-traceability-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.compare-trace-card { padding: 1rem; border-radius: 18px; background: rgba(15, 23, 42, .7); border: 1px solid rgba(148, 163, 184, .16); display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.compare-trace-card header { grid-column: 1 / -1; display: flex; gap: .6rem; align-items: flex-start; border-bottom: 1px solid rgba(148, 163, 184, .12); padding-bottom: .7rem; }
.compare-trace-card header span { color: #67e8f9; font-size: .72rem; font-weight: 800; }
.compare-trace-card header strong { color: #e2e8f0; font-size: .86rem; }
.compare-trace-card h3 { color: #94a3b8; font-size: .78rem; text-transform: uppercase; }
.compare-trace-card p, .compare-trace-card li { color: #cbd5e1; font-size: .82rem; }
.compare-report-preview > header { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.compare-report-preview h2 { margin: .35rem 0; }
.compare-report-lead { max-width: 950px; color: #cbd5e1; font-size: 1.05rem; line-height: 1.7; }
.compare-report-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1.2rem 0; }
.compare-report-kpis div { padding: .9rem; border-radius: 14px; background: rgba(2, 6, 23, .42); display: grid; gap: .25rem; }
.compare-report-kpis strong { font-size: 1.35rem; color: #67e8f9; }
.compare-report-kpis span { color: #94a3b8; font-size: .76rem; }
.compare-report-preview li { color: #cbd5e1; margin-bottom: .55rem; }
.compare-report-actions { margin-top: 1rem; display: flex; gap: .65rem; flex-wrap: wrap; }
@media (max-width: 1100px) { .compare-change-columns { grid-template-columns: 1fr; } .compare-traceability-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .compare-hero, .compare-executive-summary { flex-direction: column; align-items: stretch; } .compare-export-actions { justify-content: flex-start; } .compare-analysis-grid { grid-template-columns: 1fr; } .compare-report-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .compare-trace-card { grid-template-columns: 1fr; } .compare-trace-card header { grid-column: 1; } }

/* PRO-09 · Consistencia y contradicciones */
.pro09-consistency-section{position:relative;overflow:hidden}.pro09-consistency-section:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#22d3ee,#8b5cf6,#fb7185)}
.pro09-consistency-section .analysis-section-heading{grid-template-columns:auto minmax(0,1fr) auto}.pro09-score{min-width:92px;padding:10px 13px;border:1px solid currentColor;border-radius:15px;text-align:center;display:grid;line-height:1}.pro09-score strong{font-size:1.45rem}.pro09-score span{margin-top:5px;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.pro09-score.good{color:#86efac;background:rgba(22,163,74,.12)}.pro09-score.warning{color:#fde68a;background:rgba(202,138,4,.12)}.pro09-score.danger{color:#fda4af;background:rgba(225,29,72,.12)}
.pro09-summary-grid{margin:16px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pro09-summary-grid article{padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(2,6,23,.34);display:grid;gap:5px}.pro09-summary-grid strong{color:#a5f3fc;font-size:1.25rem}.pro09-summary-grid span{color:var(--text-muted);font-size:.7rem}.pro09-summary-grid article.critical strong{color:#fda4af}.pro09-summary-grid article.high strong{color:#fdba74}
.pro09-empty-state{padding:18px;border:1px solid rgba(34,197,94,.2);border-radius:16px;background:rgba(21,128,61,.08);display:grid;gap:5px}.pro09-empty-state strong{color:#bbf7d0}.pro09-empty-state span{color:var(--text-muted);font-size:.76rem}
.pro09-findings-list{display:grid;gap:14px}.pro09-finding-card{padding:17px;border:1px solid var(--border);border-left:4px solid #facc15;border-radius:17px;background:rgba(2,6,23,.42)}.pro09-finding-card.critical{border-left-color:#fb7185}.pro09-finding-card.high{border-left-color:#fb923c}.pro09-finding-card.low{border-left-color:#4ade80}.pro09-finding-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pro09-finding-card>header>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pro09-code{color:#67e8f9;font-size:.7rem;font-weight:900}.pro09-type{padding:4px 8px;border-radius:999px;background:rgba(99,102,241,.14);color:#c4b5fd;font-size:.68rem;font-weight:800}.pro09-finding-meta{justify-content:flex-end}.pro09-confidence{color:#94a3b8;font-size:.68rem}.pro09-explanation{margin:13px 0;color:#e2e8f0;line-height:1.6;font-size:.84rem}
.pro09-conflict-columns{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}.pro09-conflict-columns section{padding:13px;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:rgba(15,23,42,.63)}.pro09-conflict-columns small{color:#67e8f9;font-weight:900}.pro09-conflict-columns p{margin:7px 0 0;color:#cbd5e1;font-size:.76rem;line-height:1.55}.pro09-versus{align-self:center;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fda4af;background:rgba(159,18,57,.18);font-weight:900}
.pro09-impact-grid{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pro09-impact-grid section{padding:12px;border-radius:12px;background:rgba(30,64,175,.07);border:1px solid rgba(96,165,250,.13)}.pro09-impact-grid strong,.pro09-resolution>strong{display:block;color:#93c5fd;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.pro09-impact-grid p,.pro09-resolution p{margin:6px 0 0;color:#cbd5e1;font-size:.73rem;line-height:1.55}
.pro09-resolution{margin-top:11px;padding:13px;border:1px solid rgba(52,211,153,.15);border-radius:13px;background:rgba(6,78,59,.08)}.pro09-resolution>strong{color:#86efac}.pro09-resolution>div{margin-top:10px;padding-top:9px;border-top:1px solid rgba(52,211,153,.12);display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.pro09-resolution>div>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(34,211,238,.13);color:#67e8f9;font-weight:900}.pro09-resolution>div p{margin:1px 0 0;color:#a5f3fc}
.pro09-recommendations{margin-top:15px;padding:15px;border:1px solid var(--border-soft);border-radius:15px;background:rgba(15,23,42,.55)}.pro09-recommendations h3{margin:0 0 9px;color:#e2e8f0;font-size:.85rem}.pro09-recommendations ul{margin:0;padding-left:1.2rem;color:#cbd5e1}.pro09-recommendations li{margin:.4rem 0;font-size:.74rem;line-height:1.5}
@media(max-width:820px){.pro09-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro09-conflict-columns,.pro09-impact-grid{grid-template-columns:1fr}.pro09-versus{justify-self:center;transform:rotate(90deg)}}@media(max-width:520px){.pro09-consistency-section .analysis-section-heading{grid-template-columns:auto 1fr}.pro09-score{grid-column:1/-1;width:100%}.pro09-summary-grid{grid-template-columns:1fr}.pro09-finding-card>header{flex-direction:column}.pro09-finding-meta{justify-content:flex-start}}

/* PRO-10 · Duplicados y dependencias */
.pro10-section { position: relative; overflow: hidden; }
.pro10-score { min-width: 92px; padding: .75rem 1rem; border: 1px solid var(--border-color); border-radius: 16px; text-align: center; background: rgba(255,255,255,.04); }
.pro10-score strong { display: block; font-size: 1.55rem; line-height: 1; }
.pro10-score span { display: block; margin-top: .3rem; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; opacity: .75; }
.pro10-score.good strong { color: #36d399; } .pro10-score.warning strong { color: #fbbf24; } .pro10-score.danger strong { color: #fb7185; }
.pro10-summary-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .8rem; margin: 1.15rem 0; }
.pro10-summary-grid article { padding: 1rem; border: 1px solid var(--border-color); border-radius: 15px; background: rgba(255,255,255,.035); }
.pro10-summary-grid strong { display:block; font-size:1.45rem; } .pro10-summary-grid span { font-size:.78rem; opacity:.72; }
.pro10-summary-grid .duplicates strong { color:#fbbf24; } .pro10-summary-grid .dependencies strong { color:#60a5fa; } .pro10-summary-grid .cycles strong { color:#fb7185; }
.pro10-content-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:start; }
.pro10-panel { border:1px solid var(--border-color); border-radius:18px; background:rgba(5,10,24,.34); overflow:hidden; }
.pro10-panel>header { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.1rem; border-bottom:1px solid var(--border-color); }
.pro10-panel>header small { display:block; opacity:.65; text-transform:uppercase; letter-spacing:.08em; font-size:.66rem; }
.pro10-panel>header h3 { margin:.15rem 0 0; font-size:1rem; } .pro10-panel>header>span { min-width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(99,102,241,.16); }
.pro10-card-list { display:grid; gap:.8rem; padding:.9rem; max-height:780px; overflow:auto; }
.pro10-duplicate-card,.pro10-dependency-card { padding:1rem; border:1px solid var(--border-color); border-radius:15px; background:rgba(255,255,255,.035); }
.pro10-duplicate-card.high { border-left:3px solid #fb7185; } .pro10-duplicate-card.medium { border-left:3px solid #fbbf24; } .pro10-duplicate-card.low { border-left:3px solid #60a5fa; }
.pro10-card-heading { display:flex; justify-content:space-between; gap:.75rem; align-items:center; }
.pro10-card-heading>div { display:flex; gap:.45rem; flex-wrap:wrap; } .pro10-card-heading>strong { font-size:.8rem; color:#a5b4fc; }
.pro10-code,.pro10-type { padding:.28rem .5rem; border-radius:999px; font-size:.68rem; font-weight:700; }
.pro10-code { background:rgba(99,102,241,.17); color:#c7d2fe; } .pro10-type { background:rgba(255,255,255,.07); }
.pro10-pair,.pro10-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:.65rem; align-items:stretch; margin:.85rem 0; }
.pro10-pair>section,.pro10-flow>section { padding:.75rem; border-radius:11px; background:rgba(0,0,0,.16); }
.pro10-pair>span,.pro10-flow>span { align-self:center; color:#818cf8; font-weight:800; }
.pro10-pair small,.pro10-flow small { color:#a5b4fc; font-weight:700; } .pro10-pair p,.pro10-flow p { margin:.35rem 0 0; font-size:.82rem; line-height:1.5; }
.pro10-explanation { margin:.65rem 0; font-size:.84rem; opacity:.82; line-height:1.55; }
.pro10-tags { display:flex; flex-wrap:wrap; gap:.35rem; } .pro10-tags span { padding:.25rem .45rem; border-radius:8px; background:rgba(56,189,248,.1); font-size:.7rem; }
.pro10-details { margin-top:.7rem; border-top:1px solid var(--border-color); padding-top:.65rem; } .pro10-details summary { cursor:pointer; font-weight:700; font-size:.78rem; color:#a5b4fc; }
.pro10-details strong { display:block; margin-top:.65rem; font-size:.75rem; } .pro10-details p { margin:.2rem 0; font-size:.8rem; line-height:1.5; }
.pro10-empty { padding:1.4rem; display:flex; flex-direction:column; gap:.35rem; text-align:center; } .pro10-empty span { opacity:.7; font-size:.82rem; }
.pro10-cycles { margin-top:1rem; padding:1rem; border:1px solid rgba(251,113,133,.35); border-radius:16px; background:rgba(190,24,93,.07); }
.pro10-cycles h3 { margin:0 0 .7rem; } .pro10-cycles article { padding:.75rem 0; border-top:1px solid rgba(251,113,133,.2); }
.pro10-cycles article:first-of-type { border-top:0; } .pro10-cycles article div { display:flex; gap:.6rem; flex-wrap:wrap; } .pro10-cycles article span { color:#fb7185; font-weight:800; }
.pro10-cycles p,.pro10-cycles small { display:block; margin:.35rem 0 0; line-height:1.5; }
.pro10-bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }
.pro10-order,.pro10-orphans { padding:1rem; border:1px solid var(--border-color); border-radius:16px; background:rgba(255,255,255,.025); }
.pro10-order h3,.pro10-orphans h3 { margin:0 0 .8rem; font-size:1rem; } .pro10-order ol { margin:0; padding-left:1.25rem; display:grid; gap:.5rem; }
.pro10-order li { font-size:.8rem; line-height:1.45; } .pro10-orphans article { padding:.65rem 0; border-top:1px solid var(--border-color); }
.pro10-orphans article:first-of-type { border-top:0; } .pro10-orphans article strong { color:#a5b4fc; } .pro10-orphans article p { margin:.25rem 0; font-size:.8rem; }
.pro10-orphans article small { opacity:.7; line-height:1.4; }
@media (max-width: 1050px) { .pro10-summary-grid { grid-template-columns:repeat(3,1fr); } .pro10-content-grid,.pro10-bottom-grid { grid-template-columns:1fr; } }
@media (max-width: 640px) { .pro10-summary-grid { grid-template-columns:repeat(2,1fr); } .pro10-pair,.pro10-flow { grid-template-columns:1fr; } .pro10-pair>span,.pro10-flow>span { transform:rotate(90deg); justify-self:center; } }

/* PRO-11 · Trazabilidad inteligente */
.pro11-section{position:relative;overflow:hidden}.pro11-section:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#22d3ee,#6366f1,#34d399)}
.pro11-section .analysis-section-heading{grid-template-columns:auto minmax(0,1fr) auto}.pro11-score{min-width:98px;padding:.72rem 1rem;border:1px solid currentColor;border-radius:16px;text-align:center;display:grid;background:rgba(255,255,255,.035)}.pro11-score strong{font-size:1.45rem;line-height:1}.pro11-score span{margin-top:.3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.pro11-score.good{color:#6ee7b7}.pro11-score.warning{color:#fde68a}.pro11-score.danger{color:#fda4af}
.pro11-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:1rem 0}.pro11-summary-grid article{padding:1rem;border:1px solid var(--border-color);border-radius:15px;background:rgba(255,255,255,.03);display:grid;gap:.25rem}.pro11-summary-grid strong{font-size:1.4rem;color:#a5f3fc}.pro11-summary-grid span{font-size:.74rem;opacity:.72}.pro11-summary-grid .complete strong{color:#6ee7b7}.pro11-summary-grid .weak strong{color:#fde68a}.pro11-summary-grid .gaps strong{color:#fda4af}
.pro11-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:1rem;align-items:start}.pro11-matrix-panel,.pro11-gaps-panel,.pro11-impact-panel{border:1px solid var(--border-color);border-radius:18px;background:rgba(5,10,24,.34);overflow:hidden}.pro11-matrix-panel>header,.pro11-gaps-panel>header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--border-color)}.pro11-matrix-panel>header small,.pro11-gaps-panel>header small{display:block;opacity:.65;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.pro11-matrix-panel>header h3,.pro11-gaps-panel>header h3{margin:.15rem 0 0;font-size:1rem}.pro11-matrix-panel>header>span,.pro11-gaps-panel>header>span{min-width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(34,211,238,.12);color:#67e8f9}
.pro11-item-list{display:grid;gap:.8rem;padding:.9rem;max-height:960px;overflow:auto}.pro11-item-card{padding:1rem;border:1px solid var(--border-color);border-radius:15px;background:rgba(255,255,255,.03)}.pro11-item-card>header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.pro11-item-card>header>div{display:grid;gap:.25rem}.pro11-item-card>header span{font-size:.68rem;font-weight:900;color:#67e8f9}.pro11-item-card>header strong{font-size:.83rem;line-height:1.5}.pro11-item-card>header>b{padding:.35rem .5rem;border-radius:10px;font-size:.72rem;border:1px solid currentColor}.pro11-item-card>header>b.good{color:#6ee7b7}.pro11-item-card>header>b.warning{color:#fde68a}.pro11-item-card>header>b.danger{color:#fda4af}
.pro11-link-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.85rem}.pro11-link-groups section{padding:.7rem;border-radius:12px;background:rgba(0,0,0,.15)}.pro11-link-groups h4{margin:0 0 .45rem;color:#a5b4fc;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.pro11-link-groups section>div{display:flex;flex-wrap:wrap;gap:.35rem}.pro11-link-groups section span{padding:.35rem .5rem;border:1px solid rgba(52,211,153,.18);border-radius:9px;background:rgba(6,78,59,.09);font-size:.68rem;line-height:1.35}.pro11-link-groups section span.weak{border-color:rgba(251,191,36,.25);background:rgba(161,98,7,.09)}.pro11-link-groups span b{color:#6ee7b7}.pro11-link-groups span small{margin-left:.25rem;color:#94a3b8}.pro11-missing{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--border-color)}.pro11-missing strong{font-size:.68rem;color:#fda4af}.pro11-missing span{padding:.25rem .45rem;border-radius:999px;background:rgba(225,29,72,.1);color:#fecdd3;font-size:.66rem}
.pro11-side-panel{display:grid;gap:1rem}.pro11-gap-list{display:grid;gap:.65rem;padding:.8rem;max-height:620px;overflow:auto}.pro11-gap-list article{padding:.8rem;border:1px solid var(--border-color);border-left:3px solid #fbbf24;border-radius:12px;background:rgba(255,255,255,.025)}.pro11-gap-list article.alta{border-left-color:#fb7185}.pro11-gap-list article.baja{border-left-color:#4ade80}.pro11-gap-list article>div{display:flex;justify-content:space-between}.pro11-gap-list article>div span{font-size:.66rem;color:#67e8f9;font-weight:900}.pro11-gap-list article>div b{font-size:.65rem;color:#fda4af}.pro11-gap-list article>strong{display:block;margin:.35rem 0;font-size:.78rem}.pro11-gap-list article p,.pro11-gap-list article small{font-size:.72rem;line-height:1.5;opacity:.8}.pro11-gap-list details{margin-top:.45rem}.pro11-gap-list summary{cursor:pointer;color:#a5b4fc;font-size:.7rem;font-weight:800}.pro11-positive{padding:1.3rem;text-align:center;display:grid;gap:.3rem}.pro11-positive strong{color:#6ee7b7}.pro11-positive span{font-size:.75rem;opacity:.72}
.pro11-impact-panel{padding:1rem}.pro11-impact-panel h3{margin:0 0 .7rem;font-size:1rem}.pro11-impact-panel>p{font-size:.78rem;opacity:.72}.pro11-impact-panel article{padding:.75rem 0;border-top:1px solid var(--border-color)}.pro11-impact-panel article:first-of-type{border-top:0}.pro11-impact-panel article>div{display:flex;justify-content:space-between;gap:.6rem}.pro11-impact-panel article>div strong{color:#67e8f9}.pro11-impact-panel article>div span{font-size:.65rem;color:#fde68a}.pro11-impact-panel article p,.pro11-impact-panel li{font-size:.72rem;line-height:1.45}.pro11-impact-panel ul{margin:.45rem 0 0;padding-left:1.1rem}
.pro11-recommendations{margin-top:1rem;padding:1rem;border:1px solid rgba(99,102,241,.22);border-radius:16px;background:rgba(49,46,129,.08)}.pro11-recommendations h3{margin:0 0 .65rem;font-size:.9rem;color:#c7d2fe}.pro11-recommendations ul{margin:0;padding-left:1.15rem}.pro11-recommendations li{margin:.4rem 0;font-size:.75rem;line-height:1.5}
@media(max-width:1100px){.pro11-summary-grid{grid-template-columns:repeat(3,1fr)}.pro11-layout{grid-template-columns:1fr}}@media(max-width:700px){.pro11-section .analysis-section-heading{grid-template-columns:auto 1fr}.pro11-score{grid-column:1/-1;width:100%}.pro11-summary-grid{grid-template-columns:repeat(2,1fr)}.pro11-link-groups{grid-template-columns:1fr}.pro11-item-card>header{flex-direction:column}}@media(max-width:460px){.pro11-summary-grid{grid-template-columns:1fr}}

/* PRO-12 · Aprendizaje por retroalimentación */
.pro12-feedback-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(148,163,184,.2)}
.pro12-feedback-actions>span{font-size:.78rem;font-weight:700;color:#94a3b8;margin-right:.25rem}
.pro12-feedback-actions button{border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.82);color:#dbeafe;border-radius:999px;padding:.42rem .75rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.pro12-feedback-actions button:hover{border-color:rgba(103,232,249,.48);background:rgba(30,41,59,.94);transform:translateY(-1px)}
.pro12-feedback-actions button.accepted{border-color:rgba(74,222,128,.38);color:#bbf7d0;background:rgba(22,101,52,.20)}
.pro12-feedback-actions button.rejected{border-color:rgba(251,113,133,.36);color:#fecdd3;background:rgba(159,18,57,.18)}
.pro12-feedback-actions.compact{margin-top:.75rem;padding-top:.7rem}
.pro12-feedback-status{display:inline-flex;border:1px solid rgba(129,140,248,.24);border-radius:999px;padding:.35rem .65rem;background:rgba(67,56,202,.16);color:#c7d2fe;font-weight:800}
.pro12-learning-section{position:relative;overflow:hidden}
.pro12-learning-section:before{content:"";position:absolute;right:-90px;top:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 68%);pointer-events:none}
.pro12-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.25rem 0}
.pro12-metrics-grid article{min-height:102px;padding:1.05rem 1.1rem;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:linear-gradient(145deg,rgba(18,28,48,.96),rgba(13,22,39,.90));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}
.pro12-metrics-grid strong{display:block;font-size:1.55rem;line-height:1;color:#f8fafc}.pro12-metrics-grid span{margin-top:.55rem;font-size:.82rem;color:#aebbd0}.pro12-metrics-grid small{margin-top:.3rem;font-size:.69rem;color:#7f8da6}.pro12-metrics-grid article.is-empty strong{color:#94a3b8}.pro12-metrics-grid article.is-empty span{color:#a7b4c8}
.pro12-edit-panel{display:grid;gap:.8rem;margin:1rem 0;padding:1rem;border:1px solid rgba(99,102,241,.36);background:rgba(15,23,42,.94);border-radius:16px;color:#e5e7eb}
.pro12-edit-panel>div:first-child{display:flex;justify-content:space-between;gap:1rem}.pro12-edit-panel textarea,.pro12-edit-panel input{width:100%;border:1px solid rgba(148,163,184,.30);border-radius:10px;padding:.75rem;background:rgba(8,15,30,.92);color:#f8fafc}
.pro12-edit-panel>div:last-child{display:flex;gap:.7rem}
.pro12-pattern-list{display:grid;gap:.8rem;margin:1rem 0}.pro12-pattern-list article{display:grid;grid-template-columns:minmax(180px,.7fr) auto minmax(280px,1.5fr);align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:linear-gradient(145deg,rgba(17,27,47,.96),rgba(12,21,37,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.pro12-pattern-list article div strong,.pro12-pattern-list article div span{display:block}.pro12-pattern-list article div strong{color:#f8fafc}.pro12-pattern-list article div span{margin-top:.2rem;font-size:.78rem;color:#94a3b8}.pro12-pattern-list article>span{font-weight:900;border-radius:999px;padding:.35rem .65rem}.pro12-pattern-list .positive{border:1px solid rgba(74,222,128,.22);background:rgba(22,101,52,.22);color:#86efac}.pro12-pattern-list .negative{border:1px solid rgba(251,113,133,.22);background:rgba(159,18,57,.20);color:#fda4af}.pro12-pattern-list p{margin:0;color:#cbd5e1;font-size:.86rem;line-height:1.55}
.pro12-message{margin:1rem 0;padding:.8rem 1rem;border:1px solid rgba(34,211,238,.20);border-radius:12px;background:rgba(8,145,178,.10);color:#a5f3fc;font-weight:700}
.pro12-audit-note{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;align-items:center;margin-top:1rem;padding:1rem;border:1px solid rgba(129,140,248,.20);border-radius:16px;background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.94));color:#cbd5e1}.pro12-audit-note strong{color:#f8fafc}.pro12-audit-note p{margin:0;color:#aebbd0;line-height:1.5}.pro12-audit-note .button{grid-column:2;grid-row:1/3}
@media(max-width:900px){.pro12-metrics-grid{grid-template-columns:repeat(2,1fr)}.pro12-pattern-list article{grid-template-columns:1fr auto}.pro12-pattern-list p{grid-column:1/-1}.pro12-audit-note{grid-template-columns:1fr}.pro12-audit-note .button{grid-column:1;grid-row:auto}}
@media(max-width:560px){.pro12-metrics-grid{grid-template-columns:1fr}.pro12-feedback-actions button{flex:1}.pro12-edit-panel>div:first-child{flex-direction:column}.pro12-pattern-list article{grid-template-columns:1fr}.pro12-pattern-list article>span{justify-self:start}.pro12-pattern-list p{grid-column:auto}}

/* Compatibilidad de análisis históricos. */
.analysis-compatibility-notice {
    margin: 0 0 18px;
    padding: 15px 17px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    border: 1px solid rgba(56, 189, 248, .24);
    border-radius: 16px;
    color: #dbeafe;
    background: linear-gradient(135deg, rgba(3, 105, 161, .16), rgba(79, 70, 229, .11));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
.analysis-compatibility-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(103, 232, 249, .25);
    border-radius: 12px;
    color: #67e8f9;
    background: rgba(8, 145, 178, .12);
    font-size: 1.05rem;
    font-weight: 800;
}
.analysis-compatibility-notice strong { display: block; margin: 1px 0 4px; color: #f8fafc; }
.analysis-compatibility-notice p { margin: 0; color: #aebbd0; line-height: 1.55; }
@media (max-width: 620px) {
    .analysis-compatibility-notice { padding: 13px; }
    .analysis-compatibility-icon { width: 34px; height: 34px; }
}

.analysis-derived-empty-state {
    display: grid;
    gap: .65rem;
    justify-items: start;
    margin-top: 1.25rem;
    padding: 1.25rem;
    border: 1px dashed rgba(130, 154, 194, .38);
    border-radius: 18px;
    background: rgba(8, 18, 36, .42);
}

.analysis-derived-empty-state strong {
    color: var(--text-primary, #f5f7ff);
    font-size: 1rem;
}

.analysis-derived-empty-state p {
    margin: 0;
    color: var(--text-secondary, #9aa8c3);
    line-height: 1.6;
}


/* Bloque 2: las herramientas Pro son accesos reales al último análisis guardado. */
.pro-tool-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.pro-tool-link:hover {
    border-color: rgba(139, 92, 246, .52);
    background: rgba(139, 92, 246, .08);
    transform: translateY(-2px);
}

.pro-tool-link:focus-visible {
    outline: 3px solid rgba(96, 165, 250, .65);
    outline-offset: 3px;
}

.pro-tool-card.is-disabled {
    opacity: .62;
}

.pro-tool-card.is-disabled small {
    color: var(--text-muted);
}

/* Refinamiento Free · claridad de límites, estados vacíos y acciones */
.free-refinement-limit-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 4px;padding:11px 14px;border:1px solid rgba(56,189,248,.18);border-radius:12px;background:rgba(14,116,144,.08);font-size:.76rem}.free-refinement-limit-note strong{color:#dbeafe}.free-refinement-limit-note span{color:var(--text-muted);text-align:right}.refinement-proposed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.refinement-copy-button{min-height:32px;padding:6px 10px;border:1px solid rgba(96,165,250,.24);border-radius:9px;background:rgba(37,99,235,.09);color:#bfdbfe;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.refinement-copy-button:hover{border-color:rgba(96,165,250,.48);background:rgba(37,99,235,.16);color:#eff6ff}.refinement-copy-button.is-copied{border-color:rgba(52,211,153,.3);background:rgba(5,150,105,.12);color:#bbf7d0}.refinement-detail-empty{margin:0;padding:10px 11px;border:1px dashed rgba(148,163,184,.16);border-radius:10px;background:rgba(15,23,42,.34);color:var(--text-muted);font-size:.73rem;line-height:1.5}.free-refinement-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px;border:1px solid rgba(139,92,246,.24);border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.09),rgba(124,58,237,.12))}.free-refinement-upgrade-card>div{display:grid;gap:5px}.free-refinement-upgrade-card strong{font-size:1rem;color:#f8fafc}.free-refinement-upgrade-card p{margin:0;max-width:760px;color:var(--text-muted);font-size:.78rem;line-height:1.55}.free-refinement-upgrade-card .button{flex:0 0 auto}.refinement-badges .quality-score{white-space:nowrap}
@media(max-width:760px){.free-refinement-limit-note,.free-refinement-upgrade-card{align-items:flex-start;flex-direction:column}.free-refinement-limit-note span{text-align:left}.free-refinement-upgrade-card .button{width:100%;justify-content:center}.refinement-proposed-heading{align-items:flex-start;flex-direction:column}.refinement-copy-button{align-self:flex-start}}

/* =========================================================
   Ajuste 2026-08-28 · Editor inline de refinamiento
   El editor de PRO-12 nació con una superficie clara. Al
   reutilizarlo dentro del detalle oscuro de PRO-06, producía
   contraste incorrecto. Este override se limita al editor
   inline para no alterar otros componentes existentes.
   ========================================================= */
.refinement-inline-edit-panel {
    border-color: rgba(99, 102, 241, .42);
    background:
        radial-gradient(circle at 100% 0, rgba(124, 58, 237, .12), transparent 42%),
        rgba(8, 18, 38, .96);
    color: #e5e7eb;
    box-shadow: 0 18px 45px rgba(2, 6, 23, .18);
}

.refinement-inline-edit-panel > div:first-child strong {
    color: #f8fafc;
}

.refinement-inline-edit-panel > div:first-child span {
    color: #a5b4fc;
    font-weight: 800;
}

.refinement-inline-edit-panel textarea,
.refinement-inline-edit-panel input {
    border-color: rgba(148, 163, 184, .30);
    background: rgba(15, 23, 42, .92);
    color: #f8fafc;
    caret-color: #67e8f9;
    outline: none;
}

.refinement-inline-edit-panel textarea:focus,
.refinement-inline-edit-panel input:focus {
    border-color: rgba(34, 211, 238, .72);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .10);
}

.refinement-inline-edit-panel input::placeholder,
.refinement-inline-edit-panel textarea::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.refinement-inline-edit-panel .button.secondary {
    border-color: rgba(148, 163, 184, .32);
    background: rgba(255, 255, 255, .045);
    color: #cbd5e1;
}

.refinement-inline-edit-panel .button.secondary:hover {
    border-color: rgba(165, 180, 252, .55);
    background: rgba(99, 102, 241, .10);
    color: #f8fafc;
}


/* =========================================================
   Ajuste 2026-08-28 · Retroalimentación clara en PRO-06
   Distingue validación, corrección y descarte de la propuesta.
   ========================================================= */
.refinement-feedback-explanation {
    display: grid;
    gap: .28rem;
    margin-top: 1rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(99, 102, 241, .22);
    border-radius: 12px;
    background: rgba(79, 70, 229, .055);
}

.refinement-feedback-explanation strong {
    color: #e2e8f0;
    font-size: .78rem;
}

.refinement-feedback-explanation span {
    color: #94a3b8;
    font-size: .72rem;
    line-height: 1.55;
}

.refinement-feedback-actions {
    margin-top: .6rem;
    padding-top: 0;
    border-top: 0;
}

.refinement-feedback-actions .feedback-choice {
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, opacity .16s ease;
}

.refinement-feedback-actions .feedback-choice.is-selected {
    box-shadow: 0 0 0 2px rgba(129, 140, 248, .16);
}

.refinement-feedback-actions .feedback-choice:disabled {
    cursor: default;
    opacity: .88;
    transform: none;
}

.refinement-feedback-actions .feedback-choice:disabled:hover {
    transform: none;
}

.refinement-reject-panel {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(248, 113, 113, .34);
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0, rgba(239, 68, 68, .08), transparent 42%),
        rgba(8, 18, 38, .96);
    color: #e5e7eb;
}

.refinement-reject-panel > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.refinement-reject-panel > div:first-child strong {
    color: #f8fafc;
}

.refinement-reject-panel > div:first-child span {
    color: #fda4af;
    font-weight: 800;
}

.refinement-reject-panel p {
    margin: 0;
    color: #94a3b8;
    font-size: .76rem;
    line-height: 1.5;
}

.refinement-reject-panel textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid rgba(148, 163, 184, .30);
    border-radius: 10px;
    padding: .75rem;
    background: rgba(15, 23, 42, .92);
    color: #f8fafc;
    caret-color: #67e8f9;
    outline: none;
}

.refinement-reject-panel textarea:focus {
    border-color: rgba(248, 113, 113, .62);
    box-shadow: 0 0 0 3px rgba(248, 113, 113, .09);
}

.refinement-reject-panel textarea::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.refinement-reject-panel > div:last-child {
    display: flex;
    gap: .7rem;
    flex-wrap: wrap;
}

.refinement-reject-panel .button.danger {
    border: 1px solid rgba(248, 113, 113, .52);
    background: rgba(127, 29, 29, .34);
    color: #fecaca;
}

.refinement-reject-panel .button.danger:hover {
    border-color: rgba(248, 113, 113, .76);
    background: rgba(153, 27, 27, .44);
    color: #fff;
}

.refinement-reject-panel .button.secondary {
    border-color: rgba(148, 163, 184, .32);
    background: rgba(255, 255, 255, .045);
    color: #cbd5e1;
}

@media (max-width: 700px) {
    .refinement-feedback-actions .feedback-choice {
        flex: 1 1 100%;
    }

    .refinement-reject-panel > div:first-child {
        flex-direction: column;
    }
}