/* Basic admin styles */
.trendly-wrap h1 { margin-bottom: 10px; }
.trendly-wrap .form-table th { width: 240px; }
.trendly-wrap .trendly-panel { background:#fff; border:1px solid #e2e4e7; padding:12px 12px; border-radius:4px; display:flex; align-items:center; gap:10px; }
.trendly-topics .trendly-topic { display:flex; align-items:center; justify-content:space-between; }

/* Modal */
.trendly-modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.35); z-index:100000; }
.trendly-modal { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; width:520px; max-width:95vw; border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,0.2); z-index:100001; }
.trendly-modal-header { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-bottom:1px solid #e2e4e7; }
.trendly-modal-title { font-weight:600; }
.trendly-modal-close { background:none; border:none; font-size:18px; cursor:pointer; }
.trendly-modal-body { padding:16px 14px; }
.trendly-modal-footer { padding:10px 14px; border-top:1px solid #e2e4e7; text-align:right; }
.trendly-spinner { width:22px; height:22px; border:3px solid #e2e4e7; border-top-color:#007cba; border-radius:50%; animation:trendly-spin 0.8s linear infinite; display:inline-block; margin-right:8px; vertical-align:middle; }
@keyframes trendly-spin { from { transform:rotate(0deg);} to { transform:rotate(360deg);} }

/* Prevent long content/button overflow */
.trendly-modal .button { white-space: normal; line-height: 1.4; height: auto; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
.trendly-modal .trendly-modal-body { overflow-x: hidden; }