/* Phoenix CRM 1.3 - development sandbox and Relationship Hub */
.dev-ribbon{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 19px;background:#302d27;color:#f8ebd6;border:1px solid #97763d;border-radius:11px;margin-bottom:24px;font-size:12px;box-shadow:0 7px 16px rgba(0,0,0,.04)}
.dev-ribbon strong{letter-spacing:.04em;color:#f5d995}.dev-ribbon span{color:#eee1ca}
.dev-chip{font-size:10px;font-weight:800;letter-spacing:.09em;color:#72541d;background:#fbf1dd;border:1px solid #e9d3a6;border-radius:99px;padding:6px 11px;white-space:nowrap}
.hub-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:18px;margin-bottom:20px}
.hub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}
.hub-stat{padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}
.hub-stat .label{font-size:10px;color:var(--muted);font-weight:730}.hub-stat .value{display:block;margin-top:8px;font-size:28px;font-weight:790;letter-spacing:-.05em;color:#393021}.hub-stat .helper{display:block;margin-top:7px;font-size:10px;color:#938d7f}
.hub-entry{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--line)}
.hub-entry:first-of-type{border-top:0}.hub-entry .hub-main{flex:1;min-width:0}.hub-main strong{display:block;font-size:12px;color:#3d3830}.hub-main small{display:block;font-size:11px;color:#8c8171;margin-top:3px}
.hub-status{border-radius:30px;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap}
.hub-status.danger{background:#ffeded;color:#aa3e3b}.hub-status.warning{background:#fff4dd;color:#8d671c}.hub-status.success{background:#eaf7ef;color:#35844d}.hub-status.neutral{background:#f1f0ec;color:#796f62}
.hub-timeline{display:flex;flex-direction:column;gap:0}.hub-timeline-entry{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.hub-timeline-entry:first-of-type{border-top:0}.hub-timeline-dot{width:10px;height:10px;border:2px solid #be9b55;border-radius:50%;margin-top:5px;flex-shrink:0}
.hub-timeline-entry strong{display:block;color:#3e382e;font-size:12px}.hub-timeline-entry small{display:block;color:#9a9083;font-size:10px;margin-top:4px}.hub-timeline-entry p{margin:5px 0 0;font-size:11px;color:#70695e;white-space:pre-wrap;overflow-wrap:anywhere}
.hub-info{border:1px solid #e9dcc1;background:#fdf9f0;color:#6f5b3b;padding:14px;border-radius:11px;font-size:12px;margin-bottom:18px}
.hub-tag-row{display:flex;gap:7px;flex-wrap:wrap}.hub-tag{background:#fbf3e4;border:1px solid #efdfbe;border-radius:99px;padding:4px 9px;color:#765620;font-size:10px;font-weight:750}
.hub-shortcut{border:0;background:none;color:#896223;font-size:11px;font-weight:800;padding:7px 0;cursor:pointer}
.hub-shortcut:hover{text-decoration:underline}
@media(max-width:1200px){.hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid{grid-template-columns:1fr}}
@media(max-width:740px){.dev-ribbon{align-items:flex-start;flex-direction:column;font-size:11px;padding:12px}.hub-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-stat{padding:13px}.hub-stat .value{font-size:24px}}