/* 2Lúa Theme 2.9.5 — Cẩm nang price navigation + care timeline.
 * Scope strictly within handbook workspace. No shared header, sidebar, core layout overrides. */
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation {
 display:grid;grid-template-columns:minmax(180px,.83fr) repeat(3,minmax(0,1fr));
 gap:10px;align-items:stretch;margin:0 0 25px;padding:0;min-width:0;
}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label {
 display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 12px 10px 5px;min-width:0;
}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:850;color:#178159}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label strong{font-size:18px;line-height:1.23;color:#163c2f;letter-spacing:-.02em}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label small{font-size:11px;color:#708578;line-height:1.35}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link{
 display:flex;align-items:center;gap:10px;min-width:0;min-height:76px;padding:12px 13px;
 background:linear-gradient(140deg,#fff,#f8fcf8);border:1px solid #dcebe0;border-radius:17px;
 box-shadow:0 7px 23px rgba(18,70,48,.055);text-decoration:none!important;
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link:hover,
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link:focus-visible{transform:translateY(-2px);border-color:#9bd2af;box-shadow:0 12px 27px rgba(11,93,59,.12);background:#fff}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;font-size:23px;border-radius:14px;background:#e7f4e9}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link--fertilizer .hb3-price-navigation-icon{background:#fff3db}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link--pesticide .hb3-price-navigation-icon{background:#e8f0fa}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-text strong{font-size:14px;font-weight:800;color:#143f30;white-space:normal;line-height:1.22}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-text small{font-size:10.5px;color:#688071;line-height:1.4}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-arrow{font-size:19px;color:#08714a;flex:0 0 auto;margin-left:2px;transition:transform .18s}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link:hover .hb3-price-navigation-arrow{transform:translate(2px,-2px)}
/* Care picker: a small opt-in content block; no extra dashboard or permanent panels. */
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker{display:grid;grid-template-columns: minmax(225px,.88fr) minmax(0,2.12fr);column-gap:20px;row-gap:8px;align-items:center;padding:22px 23px 18px;margin:8px 0 27px;border-radius:22px;border:1px solid #d9e9db;background:linear-gradient(120deg,#f1f8ed,#fff 54%,#f6faf5);box-shadow:0 12px 33px rgba(19,62,39,.055)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker .hb3-small-kicker{margin-bottom:6px;font-size:10px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker h2{font-size:clamp(18px,1.8vw,22px);line-height:1.24;color:#173e2e;margin:0 0 7px;letter-spacing:-.026em}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker p{color:#718375;font-size:12px;line-height:1.6;margin:0}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crops{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crop{min-width:0;display:flex;flex-direction:column;gap:5px;align-items:center;position:relative;background:#fff;border:1px solid #e5eee5;border-radius:13px;padding:8px 5px;text-align:center;box-shadow:0 4px 13px rgba(13,61,39,.04);transition:border-color .18s,transform .18s}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crop:hover,.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crop.is-active{border-color:#79c393;transform:translateY(-2px)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crop img{display:block;width:52px;height:52px;max-width:100%;object-fit:cover;border-radius:11px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crop strong{font-size:10.5px;font-weight:800;color:#234b34;overflow-wrap:anywhere}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crop>span{position:absolute;right:5px;top:3px;font-size:10px;color:#188455}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-all{grid-column:2;text-align:right;justify-self:end;color:#0c754f;font-size:12px;font-weight:800;padding:7px}
/* Readable stepper when a crop has been selected */
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-stages{background:linear-gradient(135deg,#fff,#f9fcf8)!important}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-stages-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-stages-intro h3{margin:0 0 7px;font-size:clamp(18px,2vw,24px);letter-spacing:-.025em;color:#173e2f}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-stages-intro p{margin:0;color:#698172;font-size:13px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-care-notebook{display:inline-flex;align-items:center;flex:0 0 auto;padding:10px 15px;border-radius:999px;border:1px solid #bfddca;color:#126b49;font-size:12px;font-weight:800;background:#eef8f0;text-decoration:none}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-steps{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;margin:0 0 17px;padding:2px 1px 9px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-steps a{display:flex;align-items:center;gap:8px;flex:0 0 auto;max-width:250px;padding:7px 12px 7px 8px;background:#f0f7f0;border:1px solid #deebdf;border-radius:99px;text-decoration:none!important;color:#355844}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-steps a:hover{background:#e5f3e7;border-color:#7dbd93}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-steps a>span{display:grid;place-items:center;width:28px;height:28px;background:#137b54;color:#fff;font-weight:800;border-radius:50%;font-size:12px;flex:0 0 auto}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-steps a strong{font-size:12px;font-weight:750;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-list{display:grid;gap:10px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion{border:1px solid #dce9dd!important;background:#fff!important;border-radius:16px!important;overflow:hidden;scroll-margin-top:95px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion[open]{border-color:#96cda6!important;box-shadow:0 8px 22px rgba(20,104,57,.065)}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion summary{display:flex;gap:13px;align-items:center;padding:12px 16px;cursor:pointer}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion summary .hb3-stage-number{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;flex:0 0 40px;color:#fff;background:linear-gradient(140deg,#176f4e,#248c62);font-weight:850}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-title{display:flex;flex-direction:column;min-width:0;flex:1}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-title small{font-size:9px;font-weight:800;letter-spacing:.08em;color:#3c9a6b}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-title strong{font-size:14px;color:#1f4832}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 14px 14px!important;background:#f7faf6;border-top:1px solid #e9f0e8}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-info-card{display:flex;align-items:flex-start;gap:9px;padding:12px;background:#fff;border:1px solid #e7eee5;border-radius:12px;min-width:0}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-info-card>span{font-size:20px;flex:0 0 auto}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-info-card strong{display:block;font-size:12px;color:#17573e;margin-bottom:5px}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-info-card p{font-size:12px;line-height:1.65;margin:0;color:#485e50;overflow-wrap:anywhere}
@media(max-width:1190px){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label{grid-column:1/-1;padding:0 4px 1px;flex-direction:row;align-items:baseline;gap:11px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label small{margin-left:auto}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker{grid-template-columns:1fr}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-all{grid-column:1}
}
@media(max-width:790px){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-info{grid-template-columns:1fr}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-text strong{font-size:13px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-icon{width:37px;height:37px;flex-basis:37px;font-size:20px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link{min-height:69px;padding:9px;gap:7px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-text small{display:none}
}
@media(max-width:620px){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation{gap:8px;grid-template-columns:1fr;margin:0 0 18px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label{display:flex;justify-content:space-between;align-items:center;padding:0 3px 2px;gap:5px;flex-wrap:wrap}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label .hb3-price-navigation-eyebrow{display:none}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label strong{font-size:16px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-label small{margin:0;font-size:10px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-link{min-height:58px;padding:8px 12px;border-radius:13px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-price-navigation-text small{display:block}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker{padding:17px 13px;border-radius:16px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crops{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-care-picker-crop{min-height:100px}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-care-stages-intro{flex-direction:column;align-items:flex-start}
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion summary{padding:10px}
}
@media(prefers-reduced-motion:reduce){
 .tl-workspace-page[data-workspace="cam-nang"] :is(.hb3-price-navigation-link,.hb3-price-navigation-arrow,.hb3-care-picker-crop){transition:none!important}
}
/* Override legacy generic accordion summary>span rules for the new stage title. */
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion summary>span.hb3-stage-title{
 display:flex!important; flex-direction:column!important; align-items:flex-start!important;
 justify-content:center!important;place-items:unset!important;background:transparent!important;
 border-radius:0!important;min-width:0!important;width:auto!important;height:auto!important;
 min-height:0!important;padding:0!important;gap:4px;flex:1!important;text-align:left!important;
}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion summary>.hb3-stage-title small{
 display:block!important;margin:0!important;color:#25865b!important;font-size:10px!important;
 font-weight:850!important;letter-spacing:.1em!important;line-height:1.15!important;
}
.tl-workspace-page[data-workspace="cam-nang"] .hb3-stage-accordion summary>.hb3-stage-title strong{
 font-size:15px!important;line-height:1.35!important;font-weight:800!important;color:#1b4630!important;
}
.tl-workspace-page[data-workspace="cam-nang"] #hb3-care,
.tl-workspace-page[data-workspace="cam-nang"] #hb3-care-picker{scroll-margin-top:95px}
/* Keep the agreed 12 featured crops in a tidy 6 x 2 grid on wide desktops. */
@media(min-width:1280px){
 .tl-workspace-page[data-workspace="cam-nang"] .hb3-crop-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}