/* ===== BASE ===== */
body {
    font-family: Open Sans, Arial, sans-serif;
    background: #f2f2f2;
    color: #333;
}

/* ===== HEADER LOGO AREA ===== */
#custom-admin-header {
    margin: 30px auto 10px;
    max-width: 1100px;
}

/* ===== NAV (like your site header strip) ===== */
#admin_menu {
    display: flex;
    gap: 25px;
    align-items: center;
    background: #0b3f63;
    padding: 15px 25px;
    border-radius: 6px;
    max-width: 1100px;
    margin: 0 auto 30px;
    list-style: none;
}

#admin_menu li {
    display: inline;
}

#admin_menu_logout_link {
    margin-left: auto;
}

#admin_menu a {
    color: #fff !important;
    font-weight: 600;
}

/* ===== MAIN WRAPPER ===== */
main {
    max-width: 1100px;
    margin: auto;
}

/* ===== SECTION TITLE (purple blocks like homepage) ===== */
.section-title {
    background: #7a3b8f;
    color: white;
    display: inline-block;
    padding: 8px 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

/* ===== URL BOX (LIKE A CONTENT CARD) ===== */
#new_url {
    background: white;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 40px;
}

/* remove inner blue */
#new_url > div {
    background: none !important;
}

/* layout like your hero rows */
#new_url form div {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

/* big input feel */
#add-url {
    flex: 1;
    min-width: 350px;
    padding: 14px;
}

/* ===== BUTTONS ===== */
.button,
input[type="button"],
input[type="submit"] {
    background: #2ea3f2;
    color: white;
    padding: 12px 20px;
    border-radius: 4px;
    font-weight: 600;
    border: none;
}

.button.primary {
    background: #7a3b8f;
}

/* ===== TABLE AS SECTION ===== */
#main_table {
    background: white;
    border-radius: 8px;
    overflow: hidden;
}

/* HEADER LIKE SITE PANELS */
#main_table thead tr {
    background: #0b3f63;
}

#main_table th {
    color: white;
    padding: 15px;
}

/* ROWS */
#main_table td {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

/* ===== FILTER AREA → TURN INTO "SECTION" ===== */
#main_table tfoot {
    background: #f7f7f7 !important;
    padding: 20px;
}

/* remove ugly inner blocks */
#filter_form,
#filter_options {
    background: none !important;
}

/* ===== TYPOGRAPHY IMPROVEMENT ===== */
#overall_tracking {
    font-size: 18px;
    margin-bottom: 25px;
}

/* ===== KILL DEFAULT HEADER ===== */
header {
    display: none;
}

/* ===== SPACING FIX ===== */
p {
    max-width: 1100px;
    margin: 0 auto 15px;
}