/* FCMS v0.10.296 R3 — destination workbench one-row columns and foldable form.
   UI only: existing ids, handlers, allocation/group APIs and database unchanged. */
#app-view#app-view #page-destinations.active{
  display:flex!important;flex-direction:column!important;min-height:0!important;
  height:100%!important;overflow:hidden!important;gap:5px!important;
}
#page-destinations>.page-help{flex:0 0 auto!important;margin:0 0 2px!important;line-height:1.3!important}
#page-destinations>.destination-register-title{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important;min-height:29px!important;margin:0!important;}
#page-destinations .destination-register-title h2{margin:0!important}
#page-destinations .destination-register-title .section-help{margin-left:auto!important}
#page-destinations #destination-register-toggle{flex:0 0 auto!important;font-size:12px!important;min-width:112px!important;min-height:28px!important;padding:4px 8px!important;white-space:nowrap!important;}
#page-destinations #destination-form{flex:0 0 auto!important;min-height:0!important;margin:0!important}
#app-view#app-view #page-destinations.destination-register-collapsed #destination-form{display:none!important}
#app-view#app-view #page-destinations>.shared-destination-panel{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-height:170px!important;height:auto!important;overflow:hidden!important;margin:0!important;
}
#page-destinations>.shared-destination-panel>.section-title-row{flex:0 0 auto!important;margin:0!important}
#app-view#app-view #page-destinations .shared-destination-grid{
  display:grid!important;grid-template-columns:minmax(280px,1.05fr) minmax(260px,1fr) minmax(440px,1.75fr)!important;
  flex:1 1 auto!important;min-height:0!important;height:auto!important;
  gap:8px!important;align-items:stretch!important;overflow:hidden!important;
}
#app-view#app-view #page-destinations .shared-pane{
  display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;
  overflow:hidden!important;gap:5px!important;padding:7px!important;border-radius:5px!important;
}
#page-destinations .shared-pane h3{flex:0 0 auto!important;line-height:21px!important;margin:0!important;white-space:nowrap!important;}
#page-destinations .shared-pane>input{flex:0 0 auto!important;min-height:27px!important;height:27px!important;padding:3px 7px!important;}
#page-destinations .shared-select-all{flex:0 0 auto!important;min-height:22px!important;margin:0!important;white-space:nowrap!important;}
#page-destinations .shared-selected-summary{flex:0 0 auto!important;min-height:19px!important;line-height:19px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#app-view#app-view #page-destinations .shared-scroll{
  display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;
  padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;border-radius:3px!important;
}
#page-destinations .shared-bottom-action{flex:0 0 auto!important;margin:0!important;min-height:27px!important}
#page-destinations .shared-bottom-action :is(button,select){min-height:26px!important;max-height:30px!important;padding:3px 6px!important}
#page-destinations>.shared-destination-panel>p.section-help{flex:0 0 auto!important;margin:2px 0 0!important;line-height:1.2!important}
/* Column headers are distinct from scroll region. All rows are one line. */
#page-destinations .shared-table-header,
#page-destinations .shared-item.shared-destination-row,
#page-destinations .shared-item.shared-customer-row,
#page-destinations .shared-item.shared-linked-row{
  width:100%!important;min-width:0!important;box-sizing:border-box!important;
  display:grid!important;align-items:center!important;gap:5px!important;
}
#page-destinations .shared-destination-columns,#page-destinations .shared-destination-row{grid-template-columns:minmax(78px,.9fr) minmax(95px,1.7fr) minmax(65px,.75fr)!important}
#page-destinations .shared-customer-columns,#page-destinations .shared-customer-row{grid-template-columns:23px minmax(84px,.95fr) minmax(105px,1.7fr)!important}
#page-destinations .shared-linked-columns,#page-destinations .shared-linked-row{grid-template-columns:23px minmax(75px,.85fr) minmax(78px,1fr) minmax(100px,1.2fr) minmax(100px,1fr)!important}
#page-destinations .shared-table-header{
  flex:0 0 auto!important;background:#eaf1f8!important;color:#334c67!important;
  min-height:26px!important;height:26px!important;padding:0 7px!important;
  border:1px solid #cddae7!important;border-radius:3px!important;
  font-size:11px!important;font-weight:700!important;white-space:nowrap!important;
}
#page-destinations .shared-table-header>span{min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
#app-view#app-view #page-destinations .shared-item.shared-destination-row,
#app-view#app-view #page-destinations .shared-item.shared-customer-row,
#app-view#app-view #page-destinations .shared-item.shared-linked-row{
  flex:0 0 auto!important;height:29px!important;min-height:29px!important;max-height:29px!important;
  margin:0!important;padding:0 7px!important;border:0!important;border-bottom:1px solid #e4ebf3!important;
  line-height:1!important;font-size:12px!important;text-align:left!important;border-radius:0!important;
  overflow:hidden!important;white-space:nowrap!important;
}
#page-destinations .shared-item.shared-destination-row{background:transparent!important;cursor:pointer!important;color:inherit!important;}
#page-destinations .shared-item.shared-destination-row:is(.selected,:hover){background:#e8f2fc!important}
#page-destinations .shared-item.shared-customer-row:has(input:checked),#page-destinations .shared-item.shared-linked-row:has(input:checked){background:#edf6ff!important}
#page-destinations .shared-item .shared-cell-code,
#page-destinations .shared-item .shared-cell-name,
#page-destinations .shared-item .shared-cell-count,
#page-destinations .shared-item .shared-cell-groups{
  display:block!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  margin:0!important;line-height:18px!important;overflow-wrap:normal!important;
}
#page-destinations .shared-item .shared-cell-code{color:#506579!important;font-variant-numeric:tabular-nums!important}
#page-destinations .shared-item .shared-cell-count{text-align:center!important;color:#37678d!important}
#page-destinations .shared-item input[type=checkbox]{width:14px!important;height:14px!important;min-height:14px!important;margin:0!important;padding:0!important;justify-self:center!important}
#page-destinations .shared-item .shared-linked-state{font-size:10px!important;font-style:normal!important;color:#57778a!important;margin-left:5px!important;white-space:nowrap!important}
#page-destinations .shared-item.shared-linked-row select{
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:23px!important;min-height:23px!important;margin:0!important;padding:0 3px!important;
  font-size:11px!important;line-height:21px!important;box-sizing:border-box!important;
}
#page-destinations .shared-item :is(.shared-cell-code,.shared-cell-name,.shared-cell-groups){font-weight:400!important}
/* Smaller viewports: preserve actual columns and allow horizontal table scroll rather than overlap. */
@media(max-width:1200px){
 #app-view#app-view #page-destinations .shared-destination-grid{grid-template-columns:minmax(240px,.95fr) minmax(235px,.9fr) minmax(380px,1.5fr)!important;gap:5px!important}
 #page-destinations .shared-pane{padding:5px!important}
}
@media(max-width:1050px){
 #app-view#app-view #page-destinations.active{height:auto!important;min-height:calc(100vh - 90px)!important;overflow:auto!important}
 #app-view#app-view #page-destinations>.shared-destination-panel{overflow:visible!important;min-height:460px!important}
 #app-view#app-view #page-destinations .shared-destination-grid{grid-template-columns:1fr!important;overflow:visible!important;min-height:auto!important}
 #app-view#app-view #page-destinations .shared-pane{height:275px!important;min-height:275px!important}
 #app-view#app-view #page-destinations .shared-pane:last-child{grid-column:auto!important}
}
/* The pre-v296 list viewport has a more-specific overflow:hidden !important rule. */
#app-view#app-view #page-destinations #destinations-table{
 display:block!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;
 overflow-y:auto!important;overflow-x:hidden!important;
}
/* Common destination fields: do not show legacy customer-specific controls. */
#app-view#app-view #page-destinations #destination-form .destination-basic-grid>label:has(#destination-customer-code-search),
#app-view#app-view #page-destinations #destination-form .destination-basic-grid>label:has(#destination-customer-name-search),
#app-view#app-view #page-destinations #destination-form .destination-basic-grid>label:has([name="default_allocation_mode"]),
#app-view#app-view #page-destinations #destination-form .destination-basic-grid>label:has([name="note"]){display:none!important}
#app-view#app-view #page-destinations #destination-form .destination-basic-grid{
 display:grid!important;grid-template-columns:minmax(120px,.8fr) minmax(240px,2fr) minmax(90px,.6fr) minmax(180px,1fr) minmax(180px,1fr)!important;
 gap:6px!important;
}
#app-view#app-view #page-destinations #destination-form .destination-basic-grid>label:not(:has(#destination-customer-code-search)):not(:has(#destination-customer-name-search)):not(:has([name="default_allocation_mode"])):not(:has([name="note"])){
 grid-column:auto!important;min-width:0!important;
}
@media(max-width:1100px){
 #app-view#app-view #page-destinations #destination-form .destination-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}