/* SoftGlow Common — Search, Bookmark, Share, Print */

/* Action buttons in nav */
.nav-actions{display:flex;gap:6px;align-items:center}
.act-btn{width:34px;height:34px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s}
.act-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.act-btn.primary{background:#EBF5FF;color:#2563EB}
.act-btn.primary:hover{background:#DBEAFE}
.act-btn.secondary{background:#F7FAFC;color:#4A5568;border:1px solid #E2E8F0}
.act-btn.secondary:hover{background:#EDF2F7}
.act-btn.bookmarked{color:#2563EB}
.act-btn.bookmarked svg{fill:#2563EB}

/* Search overlay */
.search-overlay{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px)}
.search-overlay.open{display:flex;justify-content:center;padding-top:80px}
.search-box{width:100%;max-width:560px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.15);overflow:hidden;max-height:480px;display:flex;flex-direction:column}
.search-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #E2E8F0}
.search-input-wrap svg{width:20px;height:20px;color:#A0AEC0;flex-shrink:0}
.search-input{flex:1;border:none;outline:none;font-size:16px;color:#2D3748;background:transparent}
.search-input::placeholder{color:#A0AEC0}
.search-results{overflow-y:auto;flex:1;padding:8px 0}
.search-empty{padding:24px 20px;text-align:center;color:#A0AEC0;font-size:14px}
.search-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background 0.1s}
.search-item:hover{background:#F7FAFC}
.search-item-title{flex:1;font-size:14px;color:#2D3748}
.search-item-type{font-size:11px;color:#A0AEC0;padding:2px 8px;border-radius:10px;background:#F7FAFC;border:1px solid #E2E8F0;white-space:nowrap}

/* Bookmark panel */
.bm-panel{display:none;position:fixed;top:52px;right:20px;z-index:190;width:320px;max-height:400px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12);border:1px solid #E2E8F0;overflow:hidden;flex-direction:column}
.bm-panel.open{display:flex}
.bm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #E2E8F0}
.bm-header h3{font-size:14px;font-weight:600;color:#1A202C;margin:0}
.bm-clear{font-size:12px;color:#E24B4A;cursor:pointer;border:none;background:none;padding:0}
.bm-clear:hover{text-decoration:underline}
.bm-list{overflow-y:auto;flex:1;padding:4px 0}
.bm-empty{padding:24px 16px;text-align:center;color:#A0AEC0;font-size:13px}
.bm-item{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background 0.1s}
.bm-item:hover{background:#F7FAFC}
.bm-item a{flex:1;font-size:13px;color:#2D3748;text-decoration:none}
.bm-item a:hover{color:#2563EB}
.bm-item-type{font-size:10px;color:#A0AEC0}
.bm-remove{border:none;background:none;color:#CBD5E0;cursor:pointer;font-size:16px;padding:0 4px}
.bm-remove:hover{color:#E24B4A}

/* Toast notification */
.sg-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#1A202C;color:#fff;padding:10px 24px;border-radius:8px;font-size:13px;font-weight:500;z-index:300;opacity:0;transition:opacity 0.3s;pointer-events:none}
.sg-toast.show{opacity:1}

/* Mobile adjustments */
@media(max-width:768px){
  .search-overlay.open{padding-top:20px;padding:12px}
  .search-box{max-height:calc(100vh - 24px);border-radius:12px}
  .bm-panel{right:8px;left:8px;width:auto;top:56px}
  .nav-actions{gap:4px}
  .act-btn{width:30px;height:30px}
  .act-btn svg{width:16px;height:16px}
}