.cco{--n:#0B2C5F;--n2:#16407f;--bg:#F4F7FC;--bd:#DCE3EE;--tx:#1B2433;--mu:#5B6678;color:var(--tx);max-width:820px;margin:0 auto;line-height:1.55}
.cco *{box-sizing:border-box}
.cco-crumb{font-size:.85rem;color:var(--mu);margin:0 0 .4rem}
.cco-crumb a{color:var(--n2);text-decoration:none;font-weight:600}
.cco-lead{font-size:1.08rem;margin:0 0 1.2rem;color:var(--mu)}
.cco-card{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:22px;box-shadow:0 6px 24px rgba(11,44,95,.07);margin:0 0 2rem}
.cco-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.cco-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.cco-f.full{grid-column:1/-1}
.cco label,.cco .cco-lbl{font-size:.88rem;font-weight:600;color:var(--tx);margin:0}
.cco input[type=number],.cco input[type=date],.cco input[type=text],.cco select{width:100%;padding:10px 12px;border:1px solid var(--bd);border-radius:10px;font-size:1rem;background:#fff;color:var(--tx);font-family:inherit;min-height:44px;margin:0}
.cco input:focus,.cco select:focus{outline:2px solid rgba(22,64,127,.25);border-color:var(--n2)}
.cco-suf{position:relative}.cco-suf span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--mu);pointer-events:none;font-size:.95rem}.cco-suf input{padding-right:46px!important}
.cco-seg{display:flex;background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:4px;gap:4px;flex-wrap:wrap}
.cco-seg button{flex:1;border:0;background:transparent;padding:8px 10px;border-radius:9px;font:inherit;font-size:.92rem;font-weight:600;color:var(--mu);cursor:pointer;min-height:40px;box-shadow:none;text-transform:none;letter-spacing:0}
.cco-seg button.on{background:var(--n);color:#fff}
.cco-chk{display:flex!important;align-items:center;gap:10px;font-weight:500!important;cursor:pointer}
.cco-chk input{width:20px;height:20px;accent-color:var(--n);margin:0;flex:none}
.cco-hint{font-size:.8rem;color:var(--mu)}
.cco-res{margin-top:20px;border-top:1px dashed var(--bd);padding-top:16px}
.cco-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #EEF2F7;font-size:.97rem}
.cco-row b{font-variant-numeric:tabular-nums;white-space:nowrap}
.cco-row.sub{color:var(--mu);font-size:.9rem}
.cco-total{background:var(--n);color:#fff;border-radius:12px;padding:16px 18px;margin:12px 0 6px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.cco-total span{font-size:.95rem;opacity:.9}.cco-total b{font-size:1.7rem;font-variant-numeric:tabular-nums;color:#fff}
.cco-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0}
.cco-kpi{background:var(--bg);border-radius:12px;padding:12px 14px}.cco-kpi small{display:block;color:var(--mu);font-size:.8rem}.cco-kpi b{font-size:1.15rem;font-variant-numeric:tabular-nums}
.cco-bars{margin:14px 0 4px}
.cco-bar{margin:9px 0}.cco-bar div{display:flex;justify-content:space-between;gap:10px;font-size:.88rem}.cco-bar i{display:block;height:8px;border-radius:5px;background:var(--bg);margin-top:4px;overflow:hidden}.cco-bar i em{display:block;height:100%;background:var(--n2);border-radius:5px}
.cco-note{font-size:.82rem;color:var(--mu);margin:12px 0 0}
.cco-warn{background:#FFF7E0;border:1px solid #F3DB95;border-radius:10px;padding:10px 12px;font-size:.88rem;margin:10px 0}
.cco-body h2{color:var(--n);margin:1.8rem 0 .6rem;font-size:1.35rem}
.cco-body h3{font-size:1.05rem;margin:1.1rem 0 .3rem}
.cco-body table,.cco-card table{width:100%;border-collapse:collapse;font-size:.92rem;margin:.6rem 0 1rem}
.cco-body th,.cco-body td,.cco-card th,.cco-card td{border-bottom:1px solid var(--bd);padding:8px 6px;text-align:left;vertical-align:middle}
.cco-body th,.cco-card th{background:var(--bg);font-weight:600}
.cco-also{margin:2rem 0 1rem}
.cco-also-t{font-weight:700;color:var(--n);margin:0 0 .6rem}
.cco-chips{display:flex;flex-wrap:wrap;gap:8px}
.cco-chips a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--bd);border-radius:999px;padding:8px 14px;text-decoration:none;color:var(--tx);font-size:.9rem;background:#fff}
.cco-chips a b{color:var(--n2);font-size:.8rem}
.cco-disc{font-size:.8rem;color:var(--mu);border-top:1px solid var(--bd);padding-top:10px;margin-top:1.5rem}
.cco-btn{border:1px solid var(--n);background:#fff;color:var(--n);border-radius:10px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer}
.cco-x{border:0;background:var(--bg);border-radius:8px;width:40px;height:40px;cursor:pointer;font-size:1.1rem;color:var(--mu);flex:none}
.cco-list-row{display:grid;grid-template-columns:2fr 1fr 1fr 40px;gap:8px;align-items:end;margin-bottom:8px}
.cco-tw{overflow-x:auto}
@media(max-width:640px){.cco-kpis{grid-template-columns:1fr 1fr}.cco-grid{grid-template-columns:1fr}.cco-card{padding:16px}.cco-total b{font-size:1.4rem}.cco-list-row{grid-template-columns:1fr 1fr 40px}.cco-list-row .cco-f:first-child{grid-column:1/-1}}
.cco-chart{display:flex;align-items:flex-end;gap:3px;height:150px;margin:16px 0 4px}
.cco-cb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.cco-cb i{display:block;width:100%;border-radius:4px 4px 0 0}.cco-cb i.lo{background:#2E9E5B}.cco-cb i.mid{background:#E8A33D}.cco-cb i.hi{background:#D9534F}
.cco-cb span{font-size:.62rem;color:var(--mu);margin-top:3px}.cco-cb.now i{outline:2px solid var(--n);outline-offset:1px}.cco-cb.now span{color:var(--n);font-weight:700}
.cco-kpi small+b+small{margin-top:2px}
.cco-det{border:1px solid var(--bd);border-radius:12px;padding:10px 14px;margin:0 0 1.5rem;background:#fff}.cco-det summary{cursor:pointer;font-weight:600;color:var(--n)}
@media(max-width:640px){.cco-cb span{font-size:.5rem}.cco-chart{gap:2px}}