/*
 * manager.css — FIXED for .tab-button
 */

/* Container for tab bar */
.tabs {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    user-select: none;
    /*position: relative;*/
    /*z-index: 5000;*/
}

/* Individual tab */
.tab-button {
    display: inline-block;
    padding: 8px 16px;
    margin-right: 6px;
    background: #e5e5e5;
    border: 1px solid #bbb;
    border-bottom: none;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    font-family: sans-serif;
    font-size: 14px;
    color: #333;
}

/* Hover feedback */
.tab-button:hover {
    background: #f2f2f2;
}

/* Active tab */
.tab-button.active {
    background: white;
    border-color: #aaa;
    border-bottom: 1px solid white;
    font-weight: bold;
}

/* Hidden tab bodies */
.tab-content { display: none; }
.tab-content.active { display: block; }

/* Main content panel */
.content {
    padding: 20px;
    background: white;
    /*border: 1px solid #aaa;*/
    /*border-radius: 0 6px 6px 6px;*/
    min-height: 200px;
    font-family: sans-serif;
    font-size: 14px;
}

.tab-button.logoff {
    /*float: right;*/
    background: #0b700b;
    color: white;
    border: 1px solid #80241f;
    /*border-radius: 6px;*/
    /*font-weight: bold;*/
}

.tab-button.logoff:hover {
    background: #d2433b;
}

.button {
    display: inline-block;
    padding: 8px 16px;
    background: #1f4298;           /* deep blue */
    color: #fff;
    font-size: 14px;
    font-family: sans-serif;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #0f2a6d;      /* subtle border */
    cursor: pointer;
    transition: background 0.15s, transform 0.15s;
}

.button:hover {
    background: #08329a;
    transform: translateY(-1px);
}

.button:active {
    background: #06266f;
    transform: translateY(1px);
}

.button-home {
    background: #2d7a34;        /* calm green */
    border-color: #1f5a25;
}

.button-home:hover {
    background: #32903c;        /* brighter on hover */
}

.button-home:active {
    background: #0b700b;;
}


.button-danger { background:#b9322a; }
.button-danger:hover { background:#a12722; }

.button-small { padding:4px 8px; font-size:12px; }

.button.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.toctable {
    border-collapse: collapse;
    table-layout: auto;
    width: auto;
    margin-top: 15px;
    font-family: sans-serif;
    font-size: 14px;
}

.toctable th,
.toctable td {
    border: 1px solid #ccc;
    padding: 6px 10px;
    text-align: left;
}

.toctable th {
    background: #f4f4f4;
    cursor: pointer;
}

.toctable th.sorted-asc::after {
    content: " ▲";
    font-size: 10px;
}

.toctable th.sorted-desc::after {
    content: " ▼";
    font-size: 10px;
}

.filters {
    background: #f7f7f7;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.filters label {
    margin-right: 15px;
}


.copy-btn {
    padding: 4px 6px;
    margin-left: 6px;
    cursor: pointer;
    border: 1px solid #555;
    background: #f2f2f2;
    border-radius: 4px;
    font-size: 12px;
}

.copy-btn:hover {
    background: #e0e0e0;
}

.copy-btn.copied {
    background: #98e398;      /* green flash */
    border-color: #5caa5c;
}

.go-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 4px;
    height: 22px;      /* match input height */
    width: 22px;       /* a little larger too */
    cursor: pointer;
    font-size: 14px;   /* makes the icon look right */
    margin-left: 6px;
    vertical-align: middle;
}

.go-button:hover {
    background-color: #0056b3;
}

.go-button.copied {
    background-color: #28a745; /* green flash */
}

/* Wordcount display styling */
.editor-wordcount {
    font-size: 16px;        /* bump up from default 14px */
    font-family: sans-serif;
    margin-top: 6px;
    margin-bottom: 6px;
    color: #333;            /* pleasant dark gray */
    line-height: 1.4;
}


/* ================================
   Summernote Editor Formatting
   ================================ */

/* Standard editor width + left alignment */
.note-editor.note-frame {
    max-width: 1200px;      /* Adjust if you want 900, 1000, etc. */
    margin: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/* Fullscreen mode: keep the same width */
.note-editor.note-frame.note-fullscreen {
    max-width: 1200px;
    margin: 0;
}

/* Floss button should sit above everything */
.floss-btn,
button[data-editor-floss] {
    pointer-events: auto !important;
    z-index: 999;        /* higher to avoid toolbar overlays */
    position: relative;
}

.go-button * {
    pointer-events: none;
}