/* GAINVO v4.6.7 — responsive Quick Create workspace */
.quick-create-backdrop{
  background:rgba(8,19,33,.52);
  backdrop-filter:blur(5px) saturate(.92);
  -webkit-backdrop-filter:blur(5px) saturate(.92);
}

.quick-create-dialog{
  top:50%;
  bottom:auto;
  width:min(860px,calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  max-height:calc(100dvh - 48px);
  padding:0;
  border:1px solid rgba(202,214,229,.92);
  border-radius:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:0 30px 90px rgba(8,19,33,.28),0 8px 24px rgba(8,19,33,.12);
  transform:translate(-50%,-46%) scale(.985);
  opacity:0;
  pointer-events:none;
  transition:transform .22s cubic-bezier(.2,.75,.25,1),opacity .18s ease;
}
.quick-create-dialog.open{
  transform:translate(-50%,-50%) scale(1);
  opacity:1;
  pointer-events:auto;
}
.quick-create-dialog .sheet-handle{display:none}

.quick-create-head{
  flex:0 0 auto;
  gap:20px;
  padding:23px 26px 18px;
  border-bottom:1px solid #e5ebf2;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
.quick-create-head>div{min-width:0}
.quick-create-head .eyebrow{font-size:10px;letter-spacing:.13em;color:var(--brand);font-weight:850}
.quick-create-head h2{margin:4px 0 4px;font-size:24px;line-height:1.18;letter-spacing:-.025em;color:#132238}
.quick-create-head p{margin:0;max-width:610px;font-size:12px;line-height:1.5;color:#718095}
.quick-create-close{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:13px;
  color:#64748b;
  background:#f7f9fc;
  border:1px solid #e2e8f0;
}
.quick-create-close:hover{background:#eef3f8;color:#23364d}

.quick-create-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:18px 24px 20px;
  background:#f8fafc;
}
.quick-create-section+.quick-create-section{margin-top:20px}
.quick-create-section-title{
  min-height:26px;
  margin:0 2px 9px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.quick-create-section-title>span{display:flex;align-items:baseline;gap:9px;min-width:0}
.quick-create-section-title strong{font-size:12px;color:#1d2d43}
.quick-create-section-title small{font-size:10px;color:#8a98aa;white-space:nowrap}
.quick-create-section-title>a{font-size:10px;font-weight:800;color:var(--brand);white-space:nowrap}

.quick-create-grid.create-options,
.quick-create-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.quick-create-grid.create-options>a,
.quick-create-item{
  min-width:0;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border:1px solid #dbe4ee;
  border-radius:15px;
  background:#fff;
  color:#17263a;
  box-shadow:0 1px 1px rgba(18,32,51,.02);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;
}
.quick-create-grid.create-options>a:hover,
.quick-create-item:hover{
  border-color:#bccbdd;
  box-shadow:0 9px 24px rgba(18,32,51,.07);
  transform:translateY(-1px);
}
.quick-create-grid.create-options>a:focus-visible,
.quick-create-item:focus-visible,
.quick-create-footer a:focus-visible,
.quick-create-footer button:focus-visible,
.quick-create-close:focus-visible{
  outline:3px solid rgba(40,105,178,.24);
  outline-offset:2px;
}
.quick-create-item>span:nth-child(2),
.quick-create-grid.create-options>a>span:nth-child(2){
  flex:1;
  min-width:0;
  display:grid;
  gap:2px;
}
.quick-create-item strong,
.quick-create-grid.create-options>a strong{font-size:13px;line-height:1.25;color:#17263a}
.quick-create-item small,
.quick-create-grid.create-options>a small{font-size:10px;line-height:1.35;color:#76869a}
.quick-create-item .option-icon,
.quick-create-grid.create-options>a .option-icon{
  flex:0 0 43px;
  width:43px;
  height:43px;
  border-radius:12px;
}
.quick-create-arrow{
  flex:0 0 19px;
  width:19px;
  color:#9aa9ba;
  display:grid;
  place-items:center;
}
.quick-create-arrow .icon{width:16px;height:16px}
.option-icon.indigo{background:#eef2ff;color:#4f46e5}

.quick-create-featured .quick-create-section-title{margin-bottom:8px}
.quick-create-sale{
  min-height:82px;
  border:0;
  padding:14px 16px;
  background:linear-gradient(135deg,var(--brand-2,var(--brand)),var(--brand));
  box-shadow:0 10px 26px rgba(18,32,51,.16);
}
.quick-create-sale:hover{
  border-color:transparent;
  box-shadow:0 14px 30px rgba(18,32,51,.21);
}
.quick-create-sale .option-icon{
  width:48px;
  height:48px;
  flex-basis:48px;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.17);
}
.quick-create-sale strong{font-size:15px;color:#fff}
.quick-create-sale small{font-size:10.5px;color:rgba(255,255,255,.78)}
.quick-create-sale .quick-create-arrow{color:rgba(255,255,255,.72)}

.quick-create-grid-compact .quick-create-item{min-height:70px}
.quick-create-footer{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:12px 24px 14px;
  border-top:1px solid #e5ebf2;
  background:#fff;
}
.quick-create-footer>a,
.quick-create-footer>button{
  min-width:0;
  min-height:48px;
  padding:8px 11px;
  border:0;
  border-radius:12px;
  background:#f7f9fc;
  color:#536477;
  display:flex;
  align-items:center;
  gap:9px;
  text-align:left;
  cursor:pointer;
}
.quick-create-footer>a:hover,
.quick-create-footer>button:hover{background:#eef3f8;color:#22364c}
.quick-create-footer>.icon,
.quick-create-footer>a>.icon,
.quick-create-footer>button>.icon{width:18px;flex:0 0 18px;color:var(--brand)}
.quick-create-footer span{min-width:0;display:grid}
.quick-create-footer strong{font-size:11px;color:#27384c}
.quick-create-footer small{font-size:9px;color:#8a97a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:900px){
  .quick-create-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 28px)}
  .quick-create-head{padding:20px 20px 16px}
  .quick-create-scroll{padding:16px 18px 18px}
  .quick-create-footer{padding-left:18px;padding-right:18px}
}

@media(max-width:680px){
  .quick-create-dialog{
    top:auto;
    bottom:0;
    width:100%;
    max-height:91vh;
    max-height:91dvh;
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-radius:24px 24px 0 0;
    transform:translate(-50%,105%);
    opacity:1;
    box-shadow:0 -16px 50px rgba(8,19,33,.22);
  }
  .quick-create-dialog.open{transform:translate(-50%,0)}
  .quick-create-dialog .sheet-handle{display:block;flex:0 0 auto;margin:8px auto 1px;width:38px;height:4px;background:#d3dce7}
  .quick-create-head{padding:11px 16px 13px;align-items:flex-start}
  .quick-create-head .eyebrow{font-size:9px}
  .quick-create-head h2{font-size:20px;margin-top:3px}
  .quick-create-head p{font-size:10px;line-height:1.4;max-width:88%}
  .quick-create-close{width:38px;height:38px;flex-basis:38px}
  .quick-create-scroll{padding:13px 12px 14px;scrollbar-gutter:auto}
  .quick-create-section+.quick-create-section{margin-top:16px}
  .quick-create-section-title{margin:0 2px 7px;align-items:center}
  .quick-create-section-title>span{display:grid;gap:0}
  .quick-create-section-title strong{font-size:11px}
  .quick-create-section-title small{font-size:8.5px;white-space:normal}
  .quick-create-section-title>a{font-size:9px}
  .quick-create-grid.create-options,.quick-create-grid{grid-template-columns:1fr;gap:7px}
  .quick-create-grid.create-options>a,.quick-create-item{min-height:64px;padding:9px 10px;border-radius:13px;gap:10px}
  .quick-create-item .option-icon,.quick-create-grid.create-options>a .option-icon{width:40px;height:40px;flex-basis:40px;border-radius:11px}
  .quick-create-item strong,.quick-create-grid.create-options>a strong{font-size:12px}
  .quick-create-item small,.quick-create-grid.create-options>a small{font-size:9px}
  .quick-create-sale{min-height:70px;padding:11px 12px}
  .quick-create-sale .option-icon{width:44px;height:44px;flex-basis:44px}
  .quick-create-sale strong{font-size:13px}
  .quick-create-sale small{font-size:9.5px}
  .quick-create-footer{padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:7px}
  .quick-create-footer>a,.quick-create-footer>button{min-height:44px;padding:7px 9px}
  .quick-create-footer strong{font-size:10px}
  .quick-create-footer small{font-size:8px}
}

@media(max-width:400px){
  .quick-create-head p{display:none}
  .quick-create-head{padding-bottom:10px}
  .quick-create-section-title small{display:none}
  .quick-create-item small,.quick-create-grid.create-options>a small{font-size:8.5px}
  .quick-create-footer small{display:none}
  .quick-create-footer>a,.quick-create-footer>button{justify-content:center;text-align:center}
}

@media(min-width:681px) and (max-height:690px){
  .quick-create-dialog{max-height:calc(100dvh - 24px)}
  .quick-create-head{padding-top:16px;padding-bottom:12px}
  .quick-create-head h2{font-size:21px}
  .quick-create-scroll{padding-top:12px;padding-bottom:12px}
  .quick-create-section+.quick-create-section{margin-top:14px}
  .quick-create-grid.create-options>a,.quick-create-item{min-height:64px;padding-top:9px;padding-bottom:9px}
  .quick-create-featured .quick-create-sale{min-height:68px}
  .quick-create-footer{padding-top:8px;padding-bottom:9px}
}

@media(prefers-reduced-motion:reduce){
  .quick-create-dialog,.quick-create-item,.quick-create-grid.create-options>a{transition:none!important}
}