/* Browser Mockup Address Bar */
.browser-header {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: var(--bg-tile-dark);
    /* Was #2a2a2a */
    border-bottom: 1px solid var(--border-subtle);
    /* Was #333 */
    gap: 16px;
}

.browser-header .dots {
    display: flex;
    gap: 6px;
}

.browser-header .dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.dot.red {
    background: #ff5f56;
}

.dot.yellow {
    background: #ffbd2e;
}

.dot.green {
    background: #27c93f;
}

.address-bar {
    flex: 1;
    background: var(--bg-page);
    /* Was #1a1a1a */
    color: var(--text-secondary);
    /* Was #666 */
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}