.c360{min-width:0;max-width:1400px;margin:auto}.c360-hero{padding:28px;border-radius:18px;background:linear-gradient(120deg,#083c45,#126876);color:#fff}.c360-hero>small{letter-spacing:.18em;color:#f4cd84}.c360-hero h1{font-size:30px;margin:8px 0}.c360-hero p{color:#d5e8eb}.c360-hero-title,.c360-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.c360-hero .actions{flex-wrap:wrap}.c360-tabs{display:flex!important;flex-direction:row!important;gap:6px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:14px 0!important;margin:0 0 12px!important;width:100%;border-bottom:1px solid #dce5e8}.c360-tabs button{flex:0 0 auto;width:auto!important;margin:0!important;white-space:nowrap;border:1px solid #dce5e8;background:#fff;color:#46606a;padding:10px 14px;border-radius:22px}.c360-tabs button.active{background:#084f5c;color:#fff;border-color:#084f5c}.c360-section{margin:18px 0;padding:22px;background:white;border:1px solid #dce5e8;border-radius:16px;min-width:0}.c360-section-head{margin-bottom:18px;flex-wrap:wrap}.c360-section h2{font-size:19px;margin:0}.c360-section h3{font-size:16px;margin:0 0 12px}.c360-cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.c360-card{padding:18px;border:1px solid #dce5e8;border-radius:12px;background:#fafcfc;margin-bottom:12px;min-width:0;overflow-wrap:anywhere}.c360-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.c360-facts dt{color:#647982;font-size:12px;margin-bottom:5px}.c360-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.c360-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.c360-metric{padding:18px;background:#eef5f6;border:1px solid #dce8eb;border-radius:12px;min-width:0}.c360-metric strong{display:block;font-size:20px;margin:9px 0;overflow-wrap:anywhere}.c360-metric small,.c360-source{display:block;color:#647982;font-size:12px;margin-top:8px}.c360-filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;align-items:end}.c360-filters label{flex:1;min-width:130px}.c360-search{width:100%;margin:10px 0}.c360-timeline{border-left:2px solid #b8d7dc;padding-left:18px}.c360-timeline article{padding:12px 0;border-bottom:1px solid #e2e9eb;overflow-wrap:anywhere}.c360-document-frame{width:100%;height:65vh;border:0;margin-top:18px}.c360-document-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:18px auto}.c360 .actions{display:flex;gap:8px;flex-wrap:wrap}.c360 button:focus-visible{outline:3px solid #d4a746;outline-offset:3px}@media(max-width:700px){.c360-hero{padding:20px}.c360-hero h1{font-size:25px}.c360-hero-title{align-items:start;flex-direction:column;gap:4px}.c360-section{padding:16px}.c360-cardgrid{grid-template-columns:1fr}.c360-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.c360-metric{padding:13px}.c360-metric strong{font-size:17px}.c360-facts{gap:12px}.c360-tabs{max-width:100%}.c360-section-head>button{width:100%}.c360 .actions button{flex:1 1 auto}.c360-section table{min-width:520px}.c360-section{overflow-x:auto}}

.c360-facts small{display:block;color:#647982;font-size:12px;margin-bottom:5px}.c360-facts strong{display:block;font-size:14px;overflow-wrap:anywhere}
.c360-crosssell-highlight,.c360-list-guide{padding:24px;border-radius:16px;margin:18px 0;background:#fff5df;border:1px solid #e8c98a;color:#433519}.c360-crosssell-highlight{display:flex;gap:24px;align-items:center;justify-content:space-between}.c360-crosssell-highlight small,.c360-list-guide small{font-weight:700;letter-spacing:.1em;font-size:11px;color:#795c25}.c360-crosssell-highlight h2,.c360-list-guide h2{margin:10px 0;font-size:22px}.c360-crosssell-highlight p,.c360-list-guide p{font-size:14px;line-height:1.65;max-width:780px;margin:0}.c360-crosssell-highlight>button{flex-shrink:0}.c360-crosssell-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:12px;margin:22px 0 0}.c360-crosssell-steps li{background:#f0f6f6;border-radius:12px;padding:18px}.c360-crosssell-steps strong,.c360-crosssell-steps span{display:block}.c360-crosssell-steps strong{font-size:14px;color:#084f5c;margin-bottom:8px}.c360-crosssell-steps span{font-size:13px;color:#566d75;line-height:1.6}.c360-owned-products{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.c360-owned-products span{background:#e5f2eb;color:#245b41;padding:9px 14px;border-radius:24px;font-size:13px;font-weight:600}.c360-crosssell-filters{display:flex;gap:8px;overflow:auto;padding:4px 0 18px}.c360-crosssell-filters button{white-space:nowrap;border:1px solid #d4e0e2;border-radius:24px;background:white;color:#46606a;padding:10px 16px}.c360-crosssell-filters .active{background:#084f5c;color:white}.c360-crosssell-card{background:white;border-top:3px solid #d7b268}.c360-crosssell-card h3{font-size:20px;margin:16px 0 10px}.c360-crosssell-card p,.c360-crosssell-card li{line-height:1.65;font-size:14px}.c360-crosssell-card details{background:#f1f6f7;padding:13px;border-radius:8px}.c360-crosssell-card summary{font-size:13px;color:#084f5c;cursor:pointer;font-weight:600}.c360-crosssell-card .actions{margin-top:16px}.c360-feature-guide{border-left:3px solid #cda755;padding:14px 18px;background:#f0f5f5;border-radius:0 8px 8px 0;margin:16px 0}.c360-feature-guide p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#5b7077}.c360-confirm{display:flex;align-items:start;gap:12px;padding:15px;background:#f1f6f7;border-radius:10px;font-size:13px}.c360-confirm input{width:18px;min-width:18px;height:18px;margin:0}.c360-opportunity-source{padding:12px;background:#fff5df;color:#72501b;border-radius:8px;font-size:12px;font-weight:700}body[data-mode=mobile] .c360-crosssell-highlight{flex-direction:column;align-items:stretch;padding:18px}body[data-mode=mobile] .c360-crosssell-highlight h2{font-size:20px}body[data-mode=mobile] .c360-crosssell-steps,body[data-mode=mobile] .c360-cardgrid{grid-template-columns:1fr}body[data-mode=mobile] .c360-list-guide{padding:18px}body[data-mode=mobile] .c360-crosssell-steps li{padding:14px}body[data-mode=mobile] .c360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-mode=mobile] .c360-hero-title{flex-direction:column;align-items:start}body[data-mode=mobile] #nav button{font-size:10px}@media(max-width:700px){.c360-crosssell-highlight{flex-direction:column;align-items:stretch;padding:18px}.c360-crosssell-steps{grid-template-columns:1fr}}