/* Rental Manager 2.11.6 — Session 4 employee compatibility and UX refinements. */

/* Customer profile keeps frequent contact/ID actions visible and moves the
   uncommon approval-state change into one deliberate control. */
.cfl-v2-shell .cfl-customer-profile-actions{
  align-items:flex-start!important;
}
.cfl-v2-shell .cfl-approval-status-control{
  flex:1 1 100%;
  width:100%!important;
  min-width:0;
  margin-top:4px;
  border:1px solid var(--cfl-workflow-line);
  border-radius:12px;
  background:var(--cfl-workflow-surface-soft);
  overflow:hidden;
}
.cfl-v2-shell .cfl-approval-status-control>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:54px;
  padding:11px 14px;
  color:var(--cfl-workflow-text);
  cursor:pointer;
  list-style:none;
}
.cfl-v2-shell .cfl-approval-status-control>summary::-webkit-details-marker{display:none}
.cfl-v2-shell .cfl-approval-status-control>summary::marker{content:""}
.cfl-v2-shell .cfl-approval-status-control>summary>span:first-child{display:grid;gap:2px;min-width:0}
.cfl-v2-shell .cfl-approval-status-control>summary strong{font-size:13px}
.cfl-v2-shell .cfl-approval-status-control>summary small{color:var(--cfl-workflow-muted);font-size:11px}
.cfl-v2-shell .cfl-approval-status-control>summary:focus-visible{
  outline:3px solid color-mix(in srgb,var(--cfl-workflow-primary) 28%,transparent);
  outline-offset:-3px;
}
.cfl-v2-shell .cfl-approval-status-chevron{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid var(--cfl-workflow-line);
  border-radius:9px;
  background:var(--cfl-workflow-surface);
  font-size:19px;
  font-weight:700;
  line-height:1;
  transition:transform .16s ease;
}
.cfl-v2-shell .cfl-approval-status-control[open] .cfl-approval-status-chevron{transform:rotate(45deg)}
.cfl-v2-shell .cfl-approval-status-panel{
  display:grid;
  gap:10px;
  padding:13px 14px 14px;
  border-top:1px solid var(--cfl-workflow-line);
  background:var(--cfl-workflow-surface);
}
.cfl-v2-shell .cfl-approval-status-panel :is(p){margin:0!important}
.cfl-v2-shell .cfl-approval-status-help{color:var(--cfl-workflow-muted)!important;font-size:12px;line-height:1.45}
.cfl-v2-shell .cfl-approval-status-panel .cfl-approval-location-context{
  display:block;
  width:max-content;
  max-width:100%;
  padding:6px 9px;
  border:1px solid var(--cfl-workflow-line);
  border-radius:8px;
  background:var(--cfl-workflow-surface-soft);
  color:var(--cfl-workflow-text);
  font-size:11px;
  font-weight:800;
}
.cfl-v2-shell .cfl-approval-status-panel .cfl-approval-location-context.is-warning{
  border-color:color-mix(in srgb,var(--cfl-workflow-warning) 45%,var(--cfl-workflow-line));
  background:color-mix(in srgb,var(--cfl-workflow-warning) 8%,var(--cfl-workflow-surface));
}
.cfl-v2-shell .cfl-approval-status-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.cfl-v2-shell .cfl-approval-status-actions form{margin:0!important}
.cfl-v2-shell .cfl-approval-status-actions .cfl-btn[disabled]{
  cursor:not-allowed!important;
  opacity:.58!important;
  filter:saturate(.55)!important;
  box-shadow:none!important;
}

/* Status and classification badges belong together; the location is a
   separate piece of operational context and needs a little breathing room. */
.cfl-v2-shell .cfl-customer-profile .cfl-location-badge-row{
  margin-top:8px;
}

/* Customer policy controls expose the unit and meaning of a custom deposit
   instead of asking staff to infer whether a bare number is money or percent. */
.cfl-v2-shell .cfl-customer-policy-form{
  align-items:stretch!important;
}
.cfl-v2-shell .cfl-customer-policy-form>label,
.cfl-v2-shell .cfl-deposit-value-field>label{
  display:grid!important;
  gap:7px;
  min-width:0;
}
.cfl-v2-shell .cfl-customer-policy-form small{
  display:block;
  color:var(--cfl-workflow-muted)!important;
  font-size:12px;
  font-weight:500;
  line-height:1.45;
}
.cfl-v2-shell .cfl-deposit-value-field[hidden]{display:none!important}
.cfl-v2-shell .cfl-deposit-value-control{
  display:flex;
  align-items:stretch;
  width:100%;
  min-width:0;
  border:1px solid var(--cfl-workflow-line);
  border-radius:10px;
  background:var(--cfl-workflow-surface);
  overflow:hidden;
}
.cfl-v2-shell .cfl-deposit-value-control:focus-within{
  border-color:var(--cfl-workflow-primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cfl-workflow-primary) 18%,transparent);
}
.cfl-v2-shell .cfl-deposit-value-control input{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.cfl-v2-shell .cfl-deposit-unit{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  min-width:42px;
  padding:0 11px;
  border-color:var(--cfl-workflow-line);
  background:var(--cfl-workflow-surface-soft);
  color:var(--cfl-workflow-text);
  font-weight:850;
}
.cfl-v2-shell .cfl-deposit-unit-prefix{border-right:1px solid var(--cfl-workflow-line)}
.cfl-v2-shell .cfl-deposit-unit-suffix{border-left:1px solid var(--cfl-workflow-line)}
.cfl-v2-shell .cfl-deposit-unit[hidden]{display:none!important}

/* Inventory navigation and Cards/List occupy one deliberate toolbar row. */
.cfl-v2-shell .cfl-inventory-view-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  min-width:0;
}
.cfl-v2-shell .cfl-inventory-view-bar .cfl-inventory-subnav{
  flex:0 1 auto;
  margin:0!important;
}
.cfl-v2-shell .cfl-inventory-view-bar .cfl-catalog-view-toggle{
  flex:0 0 auto;
  margin:0!important;
}
.cfl-v2-shell .cfl-inventory-view-catalog>.cfl-catalog-filters{margin-top:0!important}

@media (max-width:820px){
  .cfl-v2-shell .cfl-inventory-view-bar{
    align-items:stretch;
    flex-direction:column;
    gap:9px;
  }
  .cfl-v2-shell .cfl-inventory-view-bar .cfl-inventory-subnav,
  .cfl-v2-shell .cfl-inventory-view-bar .cfl-catalog-view-toggle{width:100%!important}
  .cfl-v2-shell .cfl-inventory-view-bar .cfl-inventory-subnav a,
  .cfl-v2-shell .cfl-inventory-view-bar .cfl-catalog-view-toggle a{flex:1 1 auto}
  .cfl-v2-shell .cfl-approval-status-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cfl-v2-shell .cfl-approval-status-actions form,
  .cfl-v2-shell .cfl-approval-status-actions .cfl-btn{width:100%!important}
}
@media (max-width:520px){
  .cfl-v2-shell .cfl-approval-status-actions{grid-template-columns:1fr}
  .cfl-v2-shell .cfl-inventory-view-bar .cfl-inventory-subnav{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}
  .cfl-v2-shell .cfl-inventory-view-bar .cfl-inventory-subnav a{width:100%;white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .cfl-v2-shell .cfl-approval-status-chevron{transition:none}
}