.search-results-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--tile-bg);
    border: 1px solid var(--tile-br);
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    max-height: 300px;
    overflow-y: auto;
    z-index: 999;
    text-align: left;
}

.search-result-item {
    display: flex;
    flex-direction: column;
    padding: 12px 20px;
    text-decoration: none;
    border-bottom: 1px solid var(--tile-br);
    transition: background 0.2s;
}

.search-result-item:last-child { border-bottom: none; }
.search-result-item:hover { background: var(--tile-br); }

.result-title {
    font-size: 15px;
    color: white;
    font-weight: 500;
}
.result-category {
    font-size: 12px;
    color: #207cc2; 
    margin-top: 4px;
}

.search-no-results {
    padding: 20px;
    color: var(--danger);
    font-size: 14px;
}

.search-title-container {display: flex;justify-content: center;gap: 10px;font-size: 18px;margin-bottom: 25px;     color: #ffffff;          }
.search-title-container .help-icon {flex-shrink: 0;color: #ffffff;animation: pulse 2s infinite ease-in-out;}
@keyframes pulse {0% { transform: scale(1); opacity: 0.9; }50% { transform: scale(1.06); opacity: 1; }100% { transform: scale(1); opacity: 0.9; }}

.modal-overlay {position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;z-index: 10000;padding: 20px;}
.modal-box {background: var(--tile-bg);border: 1px solid var(--tile-br);padding: 25px;border-radius: 16px;max-width: 340px;width: 100%;text-align: center;box-shadow: 0 10px 25px rgba(0,0,0,0.15);animation: modalShow 0.2s ease-out;}
.modal-text {font-size: 16px;color: #ffffff;line-height: 1.4;margin-bottom: 20px;font-weight: 500;}
.modal-buttons {display: flex;gap: 12px;}
.btn-modal {flex: 1;padding: 12px;border: none;border-radius: 10px;font-size: 15px;font-weight: 600;cursor: pointer;transition: background 0.2s;}
.btn-cancel {background: #f0f2f5;color: #555555;}
.btn-cancel:hover { background: #e4e6eb; }
.btn-ok {background: var(--accent); color: #ffffff;}
.btn-ok:hover { background: #0069d9; }
@keyframes modalShow {from { transform: scale(0.9); opacity: 0; }to { transform: scale(1); opacity: 1; }}

.gradient-text {background-image: linear-gradient(45deg, #207cc2, #ffffff, #207cc2); background-size: 200% auto;-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;font-weight: 700;animation: shine 4s linear infinite; }
@keyframes shine {from {background-position: 200% center;}to {background-position: 0% center;}}


.section-buttons {background: var(--tile-bg); border: 1px solid var(--tile-br); border-radius: 20px; padding: 20px; display: flex; align-items: center; justify-content: space-between; transition: 0.2s;margin-bottom: 15px;} 
.section-buttons:hover {background: rgba(255, 255, 255, 0.04); }

.inline-footer {width: 100%;padding-top: 50px; padding-bottom: 20px;clear: both;      }
.inline-footer-container {display: flex;justify-content: center;align-items: center;flex-wrap: wrap; gap: 12px;font-size: 12px;font-weight: 500;}
.footer-link {color: #666666;text-decoration: none;transition: color 0.2s ease;}
.footer-link:hover {color: #207cc2; }
.footer-copyright {color: #444444;}
.footer-divider {color: #ffffff;opacity: 0.4;user-select: none; }
@media (max-width: 480px) {.inline-footer-container {flex-direction: column; gap: 10px;text-align: center;   }.footer-divider {display: none;        }}