/* AppSite Marketplace — module-specific styles */

:root {
  --accent:        #0e7490;
  --accent-dark:   #0c6278;
  --soft:          #ecfeff;
  --primary:       var(--accent);
  --primary-hover: var(--accent-dark);
  --primary-light: var(--soft);
}

[hidden] { display: none !important; }

body { height: 100vh; overflow: hidden; display: flex; flex-direction: column; padding-bottom: 20px; }

/* ── Layout ── */
.workspace { padding: 12px; overflow: hidden; flex: 1; min-height: 0; display: flex; flex-direction: column; }
.layout { flex: 1; min-height: 0; }
.order-list { overflow-y: auto; }

.order-editor { overflow: hidden; flex-direction:column; flex:1; min-height:0; }
#marketplaceLanding { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; }

/* ── List items ── */
.order-item { padding:10px 14px; border-bottom:1px solid var(--line,#d9dee7); cursor:pointer; font-size:13px; display:flex; flex-direction:column; gap:2px; }
.order-item:hover { background: var(--bg,#f4f6f9); }
.order-item.active { background: var(--soft); border-left: 3px solid var(--accent); }

/* ── Right-pane desk fix ── */
body.desk-pane-right .layout { direction: ltr !important; }
body.desk-pane-right .layout > * { direction: ltr !important; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--line,#d9dee7); border-radius: 4px; }

@media (max-width: 620px) {
  .form-grid.two { grid-template-columns: 1fr; }
}