/* Lavender Lotus Studio 8.9.5 — complete portfolio browsing and resizable editor */
.portfolio-result-count{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin:4px 0 14px!important;
  color:var(--muted);
  font-size:.78rem;
}
.portfolio-showing-count{font-weight:750;color:var(--text)}
.portfolio-page-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  width:100%;
  padding:14px 0;
}
.portfolio-page-controls-top{justify-content:flex-end;padding-top:0}
.portfolio-page-controls-bottom{margin-top:8px;padding:22px 0 8px;border-top:1px solid var(--line)}
.portfolio-page-controls .caption{margin:0 0 0 4px}
.portfolio-all-loaded{font-weight:750;color:var(--wine);padding:0 8px}

.modal-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.modal-size-button span{font-size:1.05rem;line-height:1}
.modal.resizable-modal{
  min-width:560px;
  min-height:440px;
  resize:both;
  overflow:hidden;
}
.modal.resizable-modal::after{
  content:'⋰';
  position:absolute;
  right:5px;
  bottom:3px;
  z-index:8;
  color:rgba(66,45,55,.48);
  font-size:18px;
  line-height:1;
  pointer-events:none;
}
.modal.resizable-modal form{height:100%;max-height:none!important;min-height:0}
.modal.resizable-modal .modal-body{flex:1;min-height:0}
.modal.resizable-modal.modal-maximized{
  width:calc(100vw - 28px)!important;
  height:calc(100dvh - 28px)!important;
  max-width:none!important;
  max-height:none!important;
  resize:none;
}
.portfolio-modal-shell .portfolio-approval-field{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  padding:14px 16px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--surface-2)!important;
}
.portfolio-modal-shell .portfolio-approval-field input{
  width:18px!important;
  height:18px!important;
  margin:2px 0 0!important;
  padding:0!important;
}
.portfolio-modal-shell .portfolio-approval-field span{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.portfolio-modal-shell .portfolio-approval-field strong{font-size:.88rem!important;line-height:1.3!important}
.portfolio-modal-shell .portfolio-approval-field small{font-size:.72rem!important;line-height:1.45!important;color:var(--muted)!important}

@media(max-width:700px){
  .portfolio-result-count{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
  .portfolio-page-controls,.portfolio-page-controls-top{justify-content:stretch}
  .portfolio-page-controls .button{flex:1;min-width:130px}
  .modal.resizable-modal{min-width:0;min-height:0;resize:none}
  .modal.resizable-modal::after{display:none}
  .modal-size-button{display:none!important}
}