.wmm-mood-board-container {

display: flex;
min-height: 80vh;

}

/* Sidebar */

.wmm-sidebar {

width: 300px;
background: white;
border-right: 1px solid #ddd;
padding: 20px;

}

/* =========================
LIMIT PALETTE HEIGHT
NEW SECTION
========================= */

.wmm-palette-section {

max-height: 420px; /* ~10 palettes */

overflow-y: auto;

padding-right: 5px;

}

/* Scroll styling */

.wmm-palette-section::-webkit-scrollbar {

width: 6px;

}

.wmm-palette-section::-webkit-scrollbar-thumb {

background: #ccc;
border-radius: 10px;

}

/* ========================= */

.wmm-main-content {

flex: 1;
padding: 20px;

}

/* Tabs */

.wmm-category-tabs {

display: flex;
gap: 10px;
margin-bottom: 20px;

}

.wmm-category-tab {

padding: 10px 20px;
background: #eee;
border: none;
cursor: pointer;

}

.wmm-category-tab.active {

background: #8B5E3C;
color: white;

}

/* Items */

.wmm-items-grid {

display: grid;

grid-template-columns:
repeat(auto-fill, minmax(200px,1fr));

gap: 20px;

}

.wmm-item-card {

background: white;
padding: 10px;
cursor: pointer;
border-radius: 8px;

}

.wmm-item-card img {

width: 100%;
height: 150px;
object-fit: cover;

}

/* Moodboard */

.wmm-mood-board-items {

display: grid;

grid-template-columns:
repeat(auto-fill, minmax(150px,1fr));

gap: 15px;
margin-top: 20px;

}

.hidden {

display:none;

}

/* Palette */

.wmm-palette-card {

padding:10px;
border-radius:10px;
border:1px solid #ddd;
margin-bottom:10px;
cursor:pointer;

}

.wmm-palette-colors {

display:flex;
gap:4px;
margin-top:5px;

}

.wmm-color-swatch {

width:20px;
height:20px;
border-radius:4px;

}

.wmm-selected-color {

display:flex;
align-items:center;
gap:5px;
margin-bottom:5px;

}

.wmm-color-preview {

width:40px;
height:40px;
border-radius:6px;

}

/* Buttons */

.wmm-btn-primary {

background:#8B5E3C;
color:white;
padding:10px;
border:none;
margin-top:10px;
cursor:pointer;

}

.wmm-btn-secondary {

background:#eee;
padding:10px;
border:none;
cursor:pointer;
margin-top:10px;

}

/* Header */

.wmm-board-header {

display:flex;
justify-content:space-between;
align-items:center;
margin-top:20px;

}

/* Export */

.wmm-export-btn {

background:#C6A77D;
color:white;
border:none;
padding:10px 20px;
border-radius:8px;
cursor:pointer;

}

.wmm-export-btn:hover {

opacity:0.9;

}

/* Send */

.wmm-send-btn {

background:#8B5E3C;
color:white;
border:none;
padding:10px 20px;
margin-left:10px;
border-radius:8px;
cursor:pointer;

}

/* Modal */

.wmm-modal {

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:
rgba(0,0,0,0.6);

align-items:center;
justify-content:center;

}

/* Show only when visible */

.wmm-modal:not(.hidden) {

display:flex;

}

.wmm-modal-content {

background:white;
padding:30px;
border-radius:12px;
width:400px;

display:flex;
flex-direction:column;
gap:10px;

}

.wmm-modal-actions {

display:flex;
gap:10px;
margin-top:10px;

}

/* Moodboard Items */

.wmm-mood-board-item {

background:white;
padding:10px;
border-radius:8px;
text-align:center;

}

.wmm-mood-board-item img {

width:100%;
height:120px;
object-fit:cover;
border-radius:6px;

}

.wmm-mood-board-item button {

margin-top:6px;
background:#eee;
border:none;
padding:6px 10px;
cursor:pointer;

}