/* Read-only coordination preview: compact and collapsed by default below Channel 3. */
.of-hive-panel{margin-top:13px;border-top:1px solid #dce8ee;min-width:0;font-family:inherit}
.of-hive-panel>summary{display:flex;align-items:center;gap:10px;padding:13px 2px;cursor:pointer;list-style:none;min-height:54px;color:#1d5268}
.of-hive-panel>summary::-webkit-details-marker{display:none}
.of-hive-panel>summary>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.of-hive-panel>summary strong{font-size:14px;color:#16516a;line-height:1.3}
.of-hive-panel>summary small{font-size:11px;color:#7891a3;line-height:1.4}
.of-hive-panel>summary svg{flex-shrink:0;color:#6f92a4;transition:transform .2s}
.of-hive-panel[open]>summary svg{transform:rotate(180deg)}
.of-hive-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;background:#e5f4ee;color:#248271;border:1px solid #c9e4d9;border-radius:11px;font-size:24px;line-height:1}
.of-hive-body{padding:12px 0 4px;display:flex;flex-direction:column;gap:12px}
.of-hive-line,.of-hive-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.of-hive-line>div,.of-hive-pair>div{padding:12px 13px;border-radius:11px;border:1px solid #d7e5ee;background:#f4f9fc;min-width:0;display:flex;flex-direction:column;gap:5px}
.of-hive-line>div:first-child{background:#eef8f5;border-color:#cfe8dc}
.of-hive-line b,.of-hive-pair b{font-size:13px;color:#225673}
.of-hive-line span,.of-hive-pair span{font-size:11px;color:#648198;line-height:1.45}
.of-hive-pair em{font-size:10px;color:#9e6f44;font-style:normal;margin-top:2px}
.of-hive-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.of-hive-numbers>div{padding:12px 9px;border:1px solid #dde8ef;border-radius:10px;background:#fff;min-width:0;display:flex;flex-direction:column;gap:7px}
.of-hive-numbers small{font-size:10px;color:#66879a;line-height:1.5;min-height:28px}
.of-hive-numbers b{font-size:20px;color:#173e58;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.of-hive-detail-head{display:flex;justify-content:space-between;gap:7px;align-items:baseline;flex-wrap:wrap}
.of-hive-detail-head b{font-size:12px;color:#225673}.of-hive-detail-head span{font-size:10px;color:#8198a6}
.of-hive-table-wrap{overflow:auto;max-width:100%;border:1px solid #e2ebf0;border-radius:9px}
.of-hive-table-wrap table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}
.of-hive-table-wrap th{background:#f0f6fa;color:#456c81;font-size:10px;padding:9px 10px;white-space:nowrap}
.of-hive-table-wrap td{padding:9px 10px;color:#325873;border-top:1px solid #eaf0f3}
.of-hive-table-wrap td code{font-size:10px;overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;display:block}
.of-hive-table-wrap td small{display:block;margin-top:4px;color:#8397a5;line-height:1.3}
.of-hive-note{border:1px solid #f0e2d5;background:#fffaf5;padding:11px 12px;color:#7d6b5b;font-size:11px;line-height:1.65;border-radius:9px;margin:0}
.of-hive-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#879ba6;font-size:10px;line-height:1.45;border-top:1px solid #e2ecf1;padding-top:10px}
@media(max-width:760px){.of-hive-panel>summary strong{font-size:12px}.of-hive-line,.of-hive-pair{grid-template-columns:1fr}.of-hive-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.of-hive-numbers small{min-height:0}.of-hive-numbers b{font-size:19px}.of-hive-table-wrap td code{max-width:148px}.of-hive-body{gap:9px}}
/* Scout AI: evidence-based demand-to-solution-to-revenue pipeline. */
.of-hive-commercial{padding:14px;border-radius:12px;background:#f8fbfc;border:1px solid #dce9ef;display:flex;flex-direction:column;gap:11px}
.of-hive-commercial-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none;counter-reset:hivevalue}
.of-hive-commercial-steps li{counter-increment:hivevalue;position:relative;display:flex;flex-direction:column;gap:8px;background:white;border:1px solid #dae8ed;padding:13px 10px;border-radius:10px;min-width:0}
.of-hive-commercial-steps li::before{content:counter(hivevalue);display:grid;place-items:center;font-size:11px;font-weight:850;color:#24677c;background:#e1f1f5;width:23px;height:23px;border-radius:7px}
.of-hive-commercial-steps strong{font-size:11px;line-height:1.4;color:#24516b}
.of-hive-commercial-steps small{color:#7993a2;font-size:10px;line-height:1.5}
.of-hive-commercial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.of-hive-commercial-metrics span{border:1px solid #d9e7ed;background:#fff;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:10px 9px;color:#678397;font-size:10px;line-height:1.45}
.of-hive-commercial-metrics b{font-variant-numeric:tabular-nums;font-size:16px;color:#1a546f}
@media(max-width:1100px){.of-hive-commercial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.of-hive-commercial{padding:11px}.of-hive-commercial-steps{grid-template-columns:1fr}.of-hive-commercial-steps li{padding:10px 11px;gap:5px}.of-hive-commercial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.of-hive-commercial-metrics span{flex-direction:column;align-items:flex-start}.of-hive-commercial-metrics b{font-size:19px}}
/* Ong Trinh Sát AI - own always-visible compact cockpit, separate from channel 3. */
.of-scout-panel{margin-top:14px;background:#fff;border:1px solid #cddde5;border-top:3px solid #23a68d;border-radius:15px;padding:17px 18px 14px;display:flex;flex-direction:column;gap:12px;min-width:0;color:#24445b}
.of-scout-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.of-scout-head>div{min-width:0;flex:1}
.of-scout-kicker{font-size:11px;font-weight:850;letter-spacing:.07em;color:#b96f36}
.of-scout-head h3{font-size:20px;line-height:1.25;color:#153b54;margin:7px 0 5px}
.of-scout-head p{font-size:12px;line-height:1.5;color:#6c899b;margin:0}
.of-scout-status{font-size:10px;white-space:nowrap;padding:7px 10px;border-radius:30px;background:#e8f4ee;color:#3a846f;border:1px solid #cce7d7}
.of-scout-skills{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.of-scout-skills>div{border:1px solid #dbe9ed;border-radius:10px;background:#f4f9fb;display:flex;flex-direction:column;gap:5px;padding:12px;min-width:0}
.of-scout-skills b{font-size:12px;color:#235e77}.of-scout-skills span{font-size:11px;color:#67869a;line-height:1.5}
.of-scout-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.of-scout-metrics>div{background:#eef7f7;border:1px solid #d4e7e6;border-radius:11px;display:flex;flex-direction:column;gap:6px;text-align:center;padding:13px 8px;min-width:0}
.of-scout-metrics small{color:#69899a;font-size:10px;line-height:1.45;min-height:30px}
.of-scout-metrics strong{font-size:25px;line-height:1.2;letter-spacing:-.035em;color:#145569;font-variant-numeric:tabular-nums}
.of-scout-stats{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e2edef;padding-top:10px;color:#7995a2;font-size:10px;line-height:1.5}.of-scout-stats b{color:#22566c}
.of-scout-evidence{border:1px solid #dce9ee;border-radius:9px;overflow:hidden}.of-scout-evidence>summary{list-style:none;padding:11px 12px;font-size:11px;color:#28617e;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:750}.of-scout-evidence>summary::-webkit-details-marker{display:none}.of-scout-evidence[open]>summary svg{transform:rotate(180deg)}.of-scout-evidence>div{padding:5px 12px 12px;border-top:1px solid #e5ecf0}
.of-scout-example{display:flex;flex-direction:column;gap:5px;padding:8px 0;border-bottom:1px solid #e9f0f3;overflow-wrap:anywhere;font-size:11px}.of-scout-example small{color:#7793a2;font-size:10px}.of-scout-empty{color:#78919e;font-size:11px;margin:7px 0}
.of-scout-disclaimer{margin:0;background:#fffaf4;border:1px solid #f0e2d4;border-radius:9px;padding:10px 12px;color:#866c57;line-height:1.6;font-size:11px}
.of-scout-update{font-size:10px;color:#8da3af;text-align:right}
@media(max-width:760px){.of-scout-panel{padding:13px 12px;border-radius:13px;gap:10px}.of-scout-head h3{font-size:17px}.of-scout-head p{font-size:11px}.of-scout-head{flex-wrap:wrap}.of-scout-status{font-size:9px;padding:5px 8px}.of-scout-skills{grid-template-columns:1fr}.of-scout-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.of-scout-metrics strong{font-size:23px}.of-scout-metrics small{min-height:0}}
/* Correct four-role reading order: engineers K1/K2, coordinator K3, scout K4. */
.of-app .of-mob-hero>.of-scout-panel{
  grid-column:1/-1!important;grid-row:auto!important;width:100%!important;
  max-width:100%;min-width:0;box-sizing:border-box;
  margin:12px 0 5px!important;background:linear-gradient(180deg,#fff,#f8fcfb);
  box-shadow:0 5px 22px rgba(6,23,45,.07);
}
.of-app .of-mob-hero .of-scout-panel .of-scout-head h3{
 font-size:21px;line-height:1.2;margin:7px 0 9px;color:#173e56;
}
.of-app .of-mob-hero .of-scout-panel .of-scout-head p{
 font-size:13px;line-height:1.55;color:#608097;max-width:850px;
}
.of-app .of-mob-hero .of-enterprise-source-header h3,
.of-app .of-mob-hero .of-web-network-header h3{font-size:21px;line-height:1.23}
.of-app .of-mob-hero .of-enterprise-source-header p b,
.of-app .of-mob-hero .of-web-network-header p b,
.of-app .of-mob-hero .of-enrichment-header p b,
.of-app .of-mob-hero .of-scout-head p b{color:#315c71}
@media(max-width:760px){
 .of-app .of-mob-hero>.of-scout-panel{margin-top:10px!important;padding:15px 13px!important;border-radius:15px}
 .of-app .of-mob-hero .of-scout-panel .of-scout-head h3{font-size:20px}
 .of-app .of-mob-hero .of-scout-panel .of-scout-head p{font-size:12px}
}

/* Align Channel 3 staged-intake totals under the large hero metric. */
.of-app .of-mob-hero .of-enrichment-intake-note{
 grid-column:1/-1;width:100%;box-sizing:border-box;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 text-align:center;gap:6px;margin:13px auto 17px;padding:0 16px;
 color:#607e91;line-height:1.55;
}
.of-app .of-mob-hero .of-enrichment-intake-note p{
 text-align:center!important;margin:0!important;max-width:950px;
}
.of-app .of-mob-hero .of-enrichment-intake-count{
 font-size:12px;font-weight:600;overflow-wrap:anywhere;
}
.of-app .of-mob-hero .of-enrichment-intake-count b{
 font-variant-numeric:tabular-nums;color:#225971;font-weight:800;
}
.of-app .of-mob-hero .of-enrichment-intake-caption{font-size:11px;color:#7b95a5}
@media(max-width:760px){
 .of-app .of-mob-hero .of-enrichment-intake-note{margin:12px auto 15px;padding:0 7px;gap:5px}
 .of-app .of-mob-hero .of-enrichment-intake-count{font-size:11px}
 .of-app .of-mob-hero .of-enrichment-intake-caption{font-size:10px}
}

/* The whole hive's data inventory, separate from each worker's performance. */
.of-app .of-mob-hero>.of-hive-warehouse-label{
 grid-column:1/-1;box-sizing:border-box;min-width:0;width:100%;
 display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;
 gap:3px 14px;margin:6px 0 10px;color:#e8f3fa;
}
.of-app .of-hive-warehouse-label strong{font-size:13px;line-height:1.4;font-weight:800;color:#ffd6af}
.of-app .of-hive-warehouse-label span{font-size:10px;line-height:1.45;color:#b8d3e2}
/* Mobile: the status tag no longer occupies half of the Scout's text width. */
@media(max-width:760px){
 .of-app .of-mob-hero .of-scout-panel .of-scout-head{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  flex-wrap:nowrap!important;gap:9px!important;width:100%!important;
 }
 .of-app .of-mob-hero .of-scout-panel .of-scout-head>div{
  width:100%!important;min-width:0!important;max-width:100%!important;
  flex:0 0 auto!important;box-sizing:border-box!important;
 }
 .of-app .of-mob-hero .of-scout-panel .of-scout-head .of-scout-kicker{
  display:block;max-width:100%;font-size:10px;line-height:1.45;
 }
 .of-app .of-mob-hero .of-scout-panel .of-scout-head h3{line-height:1.25;margin:6px 0 5px}
 .of-app .of-mob-hero .of-scout-panel .of-scout-head p{
  width:100%!important;max-width:100%!important;line-height:1.55;
  text-align:left;overflow-wrap:break-word;
 }
 .of-app .of-mob-hero .of-scout-panel .of-scout-status{
  align-self:flex-end!important;flex:0 0 auto!important;max-width:100%;white-space:normal;
 }
 .of-app .of-mob-hero>.of-hive-warehouse-label{
  flex-direction:column;align-items:flex-start;gap:2px;margin:3px 0 9px;
 }
 .of-app .of-hive-warehouse-label strong{font-size:12px}
 .of-app .of-hive-warehouse-label span{font-size:10px}
}