.crm-hero{padding:48px clamp(22px,6vw,90px);background:#173f38;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.crm-hero h1{font:400 clamp(2.4rem,5vw,4.4rem) Georgia,serif;line-height:1;margin:.12em 0}.crm-hero p{margin:.4em 0}.crm-shell{max-width:1500px;margin:auto;padding:34px clamp(18px,4vw,60px) 80px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-64px;position:relative}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow);display:grid;gap:5px}.metric-grid span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.metric-grid strong{font:400 2.5rem Georgia,serif;color:var(--green)}.metric-grid .metric-alert{border-color:#dfa6a0;background:#fff8f7}.metric-grid .metric-alert strong{color:var(--danger)}.crm-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:25px 0}.crm-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.crm-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.crm-card-head h2{font:700 1.45rem Georgia,serif;margin:0}.crm-card-head .eyebrow{margin:0}.count-badge{background:#f7dfdc;color:var(--danger);font-weight:700;border-radius:99px;padding:5px 12px}.pending-list{display:grid}.pending-list article{padding:15px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.pending-list article>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.pending-list small,.pending-list article>div:first-child>span:last-child,.recent-row small,.crm-table small{display:block;color:var(--muted);font-weight:400;grid-column:2}.status-dot{width:10px;height:10px;background:#c94f45;border-radius:50%;grid-row:1/4}.recent-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.recent-row>span:last-child{display:grid}.crm-search{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:15px}.crm-table{overflow-x:auto}.crm-table-head,.crm-table>article{min-width:940px;display:grid;grid-template-columns:2fr .65fr 1.15fr .7fr 1.5fr;align-items:center;gap:15px;padding:13px 15px}.crm-table-head{background:#eef3ef;color:var(--muted);font-size:.76rem;text-transform:uppercase;font-weight:700}.crm-table>article{border-bottom:1px solid var(--line)}.crm-table>article.row-pending{background:#fff4f2;border-left:4px solid var(--danger)}.crm-table>article>div:first-child{display:grid}.status-red{color:var(--danger)}.status-ok{color:var(--green);font-weight:700}.approve-link{color:var(--green);padding:0}.button.danger{background:var(--danger)}.button.danger:hover{background:#842f2a}.pending-banner{background:#fff5e8;border:1px solid #e6c185;border-left:5px solid #b7791f;border-radius:12px;padding:20px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.pending-summary{display:grid;gap:4px;flex:1}.change-preview{display:grid;gap:7px;margin-top:15px}.change-preview>div{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;padding:8px 10px;background:#fff;border-radius:7px}.change-preview>div>span{font-weight:700}.change-preview del{color:#91605b}.change-preview strong:last-child{color:var(--green)}.timeline-search{grid-template-columns:1fr auto}.search-results{display:grid;background:#fff;border-radius:12px;margin-top:16px;overflow:hidden}.search-results a{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 20px}.timeline-heading h2{font:700 2rem Georgia,serif;margin:.2em 0}.timeline{position:relative;display:grid;gap:18px;padding-left:34px}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:#cbd7d1}.timeline-event{position:relative}.timeline-marker{position:absolute;width:16px;height:16px;left:-31px;top:22px;border:4px solid var(--paper);border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--green)}.timeline-event.pending .timeline-marker{background:#d58923;box-shadow:0 0 0 2px #d58923}.timeline-event.rejected .timeline-marker,.timeline-event.reverted .timeline-marker{background:var(--danger);box-shadow:0 0 0 2px var(--danger)}.timeline-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.event-head{display:flex;justify-content:space-between;gap:16px}.status-label{font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--green)}.pending .status-label{color:#9a6116}.rejected .status-label,.reverted .status-label{color:var(--danger)}.timeline-card time,.timeline-card small{display:block;color:var(--muted);font-size:.82rem}.timeline-card details{margin:10px 0}.timeline-card details ul{margin:.5em 0}.empty.compact{padding:22px}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr);margin-top:-40px}.crm-grid{grid-template-columns:1fr}.pending-banner,.timeline-heading{flex-direction:column;align-items:stretch}.change-preview>div{grid-template-columns:1fr}.change-preview del:before{content:"Antes: ";font-weight:700}.change-preview strong:last-child:before{content:"Ahora: ";color:var(--muted)}}
@media(max-width:600px){.crm-hero{align-items:flex-start;flex-direction:column;padding-bottom:70px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:16px}.metric-grid strong{font-size:2rem}.crm-card{padding:18px}.crm-search{grid-template-columns:1fr}.pending-list article{align-items:flex-start;flex-direction:column}.timeline-search{grid-template-columns:1fr}.timeline{padding-left:28px}.timeline-marker{left:-25px}}