/* Artman Vrt Pro v1.10.42 — component-sized manual configuration layout. */
#avPlannerDrawer .av11035-mode-switch{
  position:sticky;top:51px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;
  margin:0 0 12px;padding:9px 10px;border:1px solid #c8dac4;border-radius:13px;background:rgba(249,252,247,.97);
  box-shadow:0 5px 16px rgba(35,68,37,.1);backdrop-filter:blur(7px)
}
#avPlannerDrawer .av11035-mode-copy{display:grid;gap:2px;min-width:0;color:#315b37}
#avPlannerDrawer .av11035-mode-copy b{font-size:.78rem}
#avPlannerDrawer .av11035-mode-copy small{color:#667768;font-size:.66rem;line-height:1.3}
.av11035-mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:3px;border-radius:10px;background:#e9f0e6}
.av11035-mode-actions button{min-height:36px;border:1px solid transparent;border-radius:8px;padding:6px 9px;background:transparent;color:#46604a;font:800 .72rem/1.15 system-ui;cursor:pointer;white-space:nowrap}
.av11035-mode-actions button.active{background:#477c4b;border-color:#477c4b;color:#fff;box-shadow:0 2px 6px rgba(38,74,41,.18)}
.av11035-mode-actions button:disabled{opacity:1;cursor:default}

/* The drawer is 470 px wide even on a desktop. Its plant library must therefore
   respond to the component width rather than to the browser viewport. */
#av177ManualMount{min-width:0;overflow:visible}
#av177ManualMount .input-col,#av177ManualMount .input-col>.card{min-width:0;max-width:100%;box-sizing:border-box}
#av177ManualMount .av1102-library-tools{min-width:0;padding:8px}
#av177ManualMount .av1102-filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
#av177ManualMount .av1102-filter{flex:0 0 auto}
#av177ManualMount .av1102-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#av177ManualMount .av1102-action-row .av1102-count{grid-column:1/-1;width:100%;margin-left:0}
#av177ManualMount #cropList.av1102-library{
  width:100%;min-width:0;max-height:none!important;overflow:visible!important;grid-template-columns:1fr!important;
  gap:9px;padding:7px;box-sizing:border-box
}
#av177ManualMount #cropList.av1102-library .av1102-plant-card,
#av177ManualMount #cropList.av1102-library.compact .av1102-plant-card{
  width:100%;min-width:0;box-sizing:border-box;transform:none!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-areas:"visual head" "visual meta" "controls controls" "actions actions"!important;
  gap:7px 11px!important;align-items:start!important;padding:11px!important
}
#av177ManualMount #cropList .av1102-plant-visual,
#av177ManualMount #cropList.compact .av1102-plant-visual{width:58px!important;height:58px!important;border-radius:15px!important}
#av177ManualMount #cropList .av1102-plant-visual svg,
#av177ManualMount #cropList.compact .av1102-plant-visual svg{width:44px!important;height:44px!important}
#av177ManualMount #cropList .av1102-density{right:-7px;bottom:-5px;white-space:nowrap}
#av177ManualMount #cropList .av1102-head{width:100%;min-width:0;align-items:center;padding:2px 0 0}
#av177ManualMount #cropList .av1102-head input[type="checkbox"]{width:20px;height:20px;margin:0;flex:0 0 20px}
#av177ManualMount #cropList .av1102-name{min-width:0;font-size:.9rem;line-height:1.25;overflow-wrap:normal;word-break:normal}
#av177ManualMount #cropList .av1102-fav{flex:0 0 auto}
#av177ManualMount #cropList .av1102-meta{min-width:0;align-self:start}
#av177ManualMount #cropList .av1102-tag{max-width:100%;box-sizing:border-box;white-space:normal}
#av177ManualMount #cropList .av1102-controls,
#av177ManualMount #cropList.compact .av1102-controls{
  width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(92px,auto)!important;
  gap:10px;padding-top:9px!important;border-top:1px dashed #dfe7dc!important;align-items:end
}
#av177ManualMount #cropList .av1102-control-label{font-size:.72rem}
#av177ManualMount #cropList .av1102-control-label input{height:40px;font-size:.85rem}
#av177ManualMount #cropList .av1102-placed{min-width:92px;padding-bottom:10px;text-align:right;font-size:.69rem;overflow:visible;white-space:normal}
#av177ManualMount #cropList .av1102-actions,
#av177ManualMount #cropList.compact .av1102-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:7px;width:100%}
#av177ManualMount #cropList .av1102-card-btn{min-height:42px;padding:8px;font-size:.72rem;line-height:1.25;white-space:normal}

#avPlannerDrawer .av11035-manual-finish{
  position:sticky;bottom:0;z-index:4;display:grid;gap:10px;margin:15px 0 12px;padding:13px;
  border:1px solid #accda6;border-radius:14px;background:linear-gradient(145deg,#f6fbf3,#eaf5e6);
  box-shadow:0 -7px 20px rgba(34,67,36,.12)
}
#avPlannerDrawer .av11035-manual-finish b{display:block;color:#2e6137;font-size:.9rem}
#avPlannerDrawer .av11035-manual-finish p{margin:4px 0 0;color:#607060;font-size:.73rem;line-height:1.4}
.av11035-finish-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.av11035-finish-actions button{min-height:43px;border:1px solid #b9ceb5;border-radius:10px;background:#fff;color:#315d37;padding:8px;font:800 .73rem/1.25 system-ui;cursor:pointer}
.av11035-finish-actions button.primary{border-color:#477e4b;background:#477e4b;color:#fff}

#av171Root .av171-head-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start}
#av171Root .av11035-guided-switch{display:grid;gap:5px;justify-items:end;padding-top:1px}
#av171Root .av11035-guided-switch>span{display:inline-flex;border-radius:999px;padding:4px 8px;background:#477c4b;color:#fff;font-size:.67rem;font-weight:850}
#av171Root .av11035-guided-switch button{min-height:36px;border:1px solid #bcd1b7;border-radius:9px;padding:7px 10px;background:#fff;color:#315c37;font:800 .72rem/1.15 system-ui;cursor:pointer;white-space:nowrap}
#av171Root .av11035-guided-switch button:hover{background:#edf6e9;border-color:#74a06e}

@media(max-width:520px){
  #avPlannerDrawer .av11035-mode-switch{top:48px;grid-template-columns:1fr}
  #avPlannerDrawer .av11035-mode-copy small{display:none}
  #av177ManualMount #cropList .av1102-controls,#av177ManualMount #cropList.compact .av1102-controls{grid-template-columns:1fr!important}
  #av177ManualMount #cropList .av1102-placed{text-align:left;padding:0}
  #av177ManualMount #cropList .av1102-actions,#av177ManualMount #cropList.compact .av1102-actions,.av11035-finish-actions{grid-template-columns:1fr}
  #av171Root .av171-head-row{grid-template-columns:minmax(0,1fr) auto}
  #av171Root .av11035-guided-switch{grid-column:1/-1;grid-row:2;justify-items:start}
  #av171Root .av11035-guided-switch>span{display:none}
}
