/* Goku CRM V4.1 · Phòng Marketing */
.v41{--v41-b:#e6ebf2}
.v41-head{align-items:flex-end;gap:16px;flex-wrap:wrap}
.v41-filters{display:flex;gap:10px;flex-wrap:wrap}
.v41-filters label{display:flex;flex-direction:column;font-size:11.5px;font-weight:700;color:#6b7686;gap:3px}
.v41-filters .field{min-width:140px;padding:7px 10px;font-size:13.5px}
.v41-tabs{display:flex;gap:4px;border-bottom:2px solid #e9edf3;margin:18px 0 16px;overflow-x:auto}
.v41-tabs button{border:0;background:none;padding:10px 16px;font-weight:700;font-size:14px;color:#5b6676;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.v41-tabs button.on{color:#0f1b2d;border-bottom-color:#ff5a36}
.v41-tabs i{font-style:normal;background:#e5383b;color:#fff;border-radius:9px;padding:0 7px;font-size:11px;margin-left:6px}.v41-tabs i.soft{background:#e8eef7;color:#3a4657}
.v41-card{background:#fff;border:1px solid var(--v41-b);border-radius:16px;padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,27,45,.04)}
.v41-card h3{margin:0 0 6px;font-size:17px}
.v41-h4{margin:18px 0 8px;font-size:14px}
.v41-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.v41-kpi{background:#fff;border:1px solid var(--v41-b);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;min-width:0}
.v41-kic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;margin-bottom:8px}
.k-green{background:#22b14c}.k-red{background:#ff5a36}.k-orange{background:#f59e0b}.k-purple{background:#8b6cf6}.k-blue{background:#1f8fff}
.v41-kv{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.v41-kv b{font-size:26px;letter-spacing:-.5px}
.v41-kl{font-size:14.5px;color:#2b3645;font-weight:600}.v41-kpi small{color:#7a8696;font-size:12px}
.v41-kpis.small .v41-kv b{font-size:21px}.v41-kpis.small .v41-kic{width:36px;height:36px;font-size:15px}
.v41-up,.v41-down{font-size:12px;font-weight:700;border-radius:6px;padding:1px 6px}.v41-up{color:#15803d;background:#e7f8ee}.v41-down{color:#c02626;background:#fdecec}
small.v41-up,small.v41-down{padding:0 4px}
.v41-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.v41-grid>.v41-card{margin-bottom:16px}
/* phễu */
.v41-fhead{display:flex;justify-content:space-between;font-size:12px;color:#6b7686;margin:10px 0 6px;padding-left:90px}
.v41-frow{display:grid;grid-template-columns:90px 1fr 70px;align-items:center;gap:10px;border-bottom:1px dashed #e6ebf2;padding:4px 0}
.v41-fl{font-weight:600;font-size:14px}.v41-fp{text-align:right;font-size:13px;color:#4a5566}
.v41-fbar{display:flex;justify-content:center}.v41-fbar div{height:38px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;min-width:46px;transition:width .3s}.v41-fbar b{font-size:16px}
.v41-step{display:grid;grid-template-columns:90px 1fr;font-size:12px;color:#6b7686}.v41-step span{grid-column:2;text-align:left;padding-left:4px;margin:-2px 0}
/* donut */
.v41-dwrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}
.v41-dsvg{width:190px;height:190px;flex:none}.v41-dt{font-size:11px;fill:#6b7686}.v41-dv{font-size:15px;font-weight:800;fill:#0f1b2d}
.v41-legend{list-style:none;padding:0;margin:0;flex:1;min-width:180px;display:grid;gap:10px}
.v41-legend li{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;font-size:14px}.v41-legend i{width:14px;height:14px;border-radius:4px}
/* cần xử lý */
.v41-alert{display:block;width:100%;text-align:left;border:0;border-radius:10px;padding:10px 12px;font-weight:700;margin:6px 0;cursor:pointer}.v41-alert.gold{background:#fff6e0;color:#8a5a00}.v41-alert.orange{background:#fff0e6;color:#b45309}
.v41-mini{padding:9px 10px;border-radius:10px;cursor:pointer;border-bottom:1px solid #f1f4f8}.v41-mini:hover{background:#f6f9fd}.v41-mini b{display:block;font-size:13.5px}.v41-mini small{color:#7a8696}.v41-mini.over small{color:#d92d20}
/* bảng */
.v41-tbl td{vertical-align:top}.v41-tbl .r{text-align:right;white-space:nowrap}.v41-tbl tr.click{cursor:pointer}.v41-tbl tr.click:hover td{background:#f8fbff}
.v41-brand{display:inline-block;background:#eef2ff;color:#3b4bb8;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700}
.v41-brand.big{font-size:13px;padding:4px 6px 4px 10px;margin:2px}.v41-brand button{border:0;background:none;color:#6a76c9;cursor:pointer;font-size:11px}
.v41-st{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.st-gray{background:#eef1f5;color:#5b6676}.st-gold{background:#fff4d6;color:#8a5a00}.st-orange{background:#ffeadb;color:#b45309}.st-green{background:#e3f6e9;color:#15803d}.st-blue{background:#e5f0ff;color:#1f5fc9}.st-teal{background:#dcf5f2;color:#0e7c7b}.st-red{background:#fde8e8;color:#c02626}
.v41-note{max-width:220px;font-size:12px;margin-top:3px}
.v41-chips{padding:12px 0;border:0}
.v41-wait{background:#fffaf0;border:1px solid #f3d38b;border-radius:12px;padding:12px 14px;margin:12px 0;display:flex;flex-direction:column;gap:6px}.v41-wait button{text-align:left;border:0;background:#fff;border-radius:8px;padding:8px 10px;font-weight:600;cursor:pointer;box-shadow:0 0 0 1px #f1e2b8}.v41-wait small{color:#8a5a00;font-weight:400}
/* hộp thoại kế hoạch / việc */
.v41-modal{max-width:860px}
.v41-modal h2{margin:2px 0 6px}
.v41-two{display:flex;gap:8px}.v41-two .field{flex:1}
.v41-chk{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-weight:400}.v41-chk label{display:flex;align-items:center;gap:5px;font-size:13.5px}
.v41-files,.v41-run,.v41-approve{border:1px solid var(--v41-b);border-radius:12px;padding:12px 14px;margin:12px 0}
.v41-approve{border-color:#c9dafc;background:#f5f9ff}.v41-approve ul{list-style:none;padding:0;margin:8px 0}.v41-approve li{padding:3px 0;color:#9a3412}.v41-approve li.ok{color:#15803d}
.v41-file{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #f0f3f7}.v41-file>div{flex:1;min-width:0}.v41-file b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v41-file small{color:#7a8696}
.v41-ficon{flex:none;width:40px;height:40px;border-radius:9px;background:#fde8e8;color:#c02626;font-size:11px;font-weight:800;display:grid;place-items:center}
.v41-up-btn{cursor:pointer;padding:7px 12px;font-size:13px}
.v41-reviewnote{background:#fff0e6;border:1px solid #fbc9a4;color:#9a3412;border-radius:10px;padding:9px 12px;margin:8px 0}
.v41-hist{margin:8px 0;font-size:13px}.v41-hist summary{cursor:pointer;color:#1f6fe5;font-weight:600}.v41-hist div{padding:6px 0;border-bottom:1px solid #f0f3f7}
/* bảng việc */
.v41-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v41-col{background:#f6f8fb;border-radius:12px;padding:10px;min-height:120px}
.v41-colh{font-weight:800;font-size:13px;color:#3a4657;padding:2px 4px 8px}.v41-colh small{color:#8a96a6;font-weight:600}
.v41-task{background:#fff;border-radius:10px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(15,27,45,.08);cursor:pointer;border-left:3px solid #c9d6e8}
.v41-task:hover{box-shadow:0 3px 10px rgba(15,27,45,.1)}.v41-task.over{border-left-color:#e5383b}.v41-task b{font-size:13.5px;display:block}
.v41-tm{display:flex;flex-wrap:wrap;gap:4px 8px;margin:5px 0;font-size:12px;color:#6b7686;align-items:center}.v41-task small{color:#7a8696;font-size:12px}.v41-task.over small{color:#d92d20}
.v41-empty{text-align:center;margin:20px 0}
/* mục tiêu */
.v41-gc{min-width:140px}.v41-gc b{font-size:13px}
.v41-prog{height:7px;background:#eef1f5;border-radius:4px;overflow:hidden;margin:4px 0 2px}.v41-prog span{display:block;height:100%;border-radius:4px;background:#1f8fff}.v41-prog span.ok{background:#16a34a}.v41-prog span.mid{background:#f0a400}.v41-prog span.low{background:#ff5a36}
/* hoa hồng */
.v41-rates{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0}.v41-rates>div{display:flex;flex-direction:column;gap:6px}
.v41-rates label{display:grid;grid-template-columns:1fr 110px 18px;align-items:center;gap:8px;font-size:13.5px}
/* nhân sự */
.v41-brands{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 14px}.v41-brands .field{max-width:180px}
.v41-perm{margin-top:12px}
.v41-leadbrand{display:flex;align-items:center;gap:10px;background:#f5f7ff;border-radius:10px;padding:8px 12px;margin:8px 0}.v41-leadbrand label{font-weight:700;font-size:13px}.v41-leadbrand .field{max-width:180px}.v41-leadbrand small{color:#6b7686}
@media (max-width:1100px){.v41-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v41-grid{grid-template-columns:1fr}.v41-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.v41-board{grid-template-columns:1fr}.v41-rates{grid-template-columns:1fr}.v41-frow{grid-template-columns:70px 1fr 56px}.v41-fhead,.v41-step{padding-left:0}.v41-filters .field{min-width:110px}.v41-card{padding:16px}}
.v41-tbl input.v41s_d{width:100%;min-width:260px}