/* eBotWeb Analytics SaaS 1.1.6
   Stacked full-width layout inspired by the supplied screenshot.
*/

.ebotweb-dashboard,
.ebotweb-auth,
.ebotweb-dashboard *,
.ebotweb-auth * {
    box-sizing: border-box;
}

.ebotweb-dashboard,
.ebotweb-auth {
    font: inherit;
    color: inherit;
    background: transparent;
}

.ebotweb-dashboard {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    min-height: 100vh;
    margin: 0 0 0 -50vw !important;
    padding: 0 !important;
}

.ebotweb-dashboard h1,
.ebotweb-dashboard h2,
.ebotweb-dashboard h3,
.ebotweb-dashboard h4,
.ebotweb-auth h1,
.ebotweb-auth h2,
.ebotweb-auth h3 {
    font-family: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

.ebotweb-stackbar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem 2rem;
    margin: 0;
    border-bottom: 1px solid rgba(127,127,127,.24);
}

.ebotweb-stack {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.ebotweb-main,
.ebotweb-websites {
    width: 100%;
    margin: 0;
    padding: 0;
}

.ebotweb-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1.6rem 2rem;
    border: 0;
    border-bottom: 1px solid rgba(127,127,127,.24);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.ebotweb-websites {
    padding: 1.6rem 2rem;
    border-bottom: 1px solid rgba(127,127,127,.24);
}

.ebotweb-websites h3 {
    margin: 0 0 1.25rem;
}

.ebotweb-site-link {
    display: block;
    width: 100%;
    padding: .65rem 0;
    margin: 0;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(127,127,127,.16);
}

.ebotweb-site-link strong,
.ebotweb-site-link span {
    display: block;
    margin: 0;
    padding: 0;
}

.ebotweb-site-link span {
    margin-top: .15rem;
    font-size: .85em;
    opacity: .65;
}

.ebotweb-site-link.active {
    font-weight: 600;
}

.ebotweb-add-site {
    width: 100%;
    margin: 1.25rem 0 0;
    padding: 1.25rem 0 0;
    border-top: 1px solid rgba(127,127,127,.24);
}

.ebotweb-add-site input,
.ebotweb-section input,
.ebotweb-section textarea,
.ebotweb-auth input {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 0 .75rem;
    font: inherit;
}

.ebotweb-section button,
.ebotweb-button,
.ebotweb-auth button {
    font: inherit;
}

.ebotweb-section textarea {
    width: 100%;
    min-height: 5rem;
    resize: vertical;
}

.ebotweb-metrics {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.ebotweb-metric {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 2rem;
    margin: 0;
    border-bottom: 1px solid rgba(127,127,127,.18);
}

.ebotweb-metric span,
.ebotweb-metric strong {
    margin: 0;
    padding: 0;
}

.ebotweb-metric span {
    opacity: .7;
}

.ebotweb-metric strong {
    font-size: 1.5em;
    font-weight: 600;
}

.ebotweb-stack-group,
.ebotweb-relationship-reports {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.ebotweb-relationship-report {
    width: 100%;
    margin: 0;
    padding: 1.6rem 2rem;
    border-bottom: 1px solid rgba(127,127,127,.24);
}

.ebotweb-relationship-title {
    margin: 0;
    font: inherit;
    font-weight: 600;
    color: inherit;
}

.ebotweb-relationship-term {
    margin: .2rem 0 1rem;
    font-size: .8em;
    opacity: .6;
}

.ebotweb-empty,
.ebotweb-muted,
.ebotweb-status {
    margin: 0;
    padding: 0;
    color: inherit;
}

.ebotweb-empty,
.ebotweb-muted {
    opacity: .65;
}

.ebotweb-section table,
.ebotweb-relationship-report table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}

.ebotweb-section th,
.ebotweb-section td,
.ebotweb-relationship-report th,
.ebotweb-relationship-report td {
    text-align: left;
    vertical-align: top;
    padding: .7rem 0;
    border-bottom: 1px solid rgba(127,127,127,.16);
}

.ebotweb-section th,
.ebotweb-relationship-report th {
    font-size: .8em;
    font-weight: 600;
}

.ebotweb-auth {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw !important;
    min-height: 100vh;
    margin-left: -50vw !important;
    padding: 2rem !important;
}

.ebotweb-auth label {
    display: block;
    margin: 0 0 1rem;
}

.ebotweb-auth input {
    margin-top: .35rem;
}

.ebotweb-alert {
    width: 100%;
    margin: 0 0 1rem;
    padding: .75rem 0;
    border-bottom: 1px solid currentColor;
}

@media (max-width: 700px) {
    .ebotweb-stackbar,
    .ebotweb-section,
    .ebotweb-websites,
    .ebotweb-relationship-report,
    .ebotweb-metric {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ebotweb-stackbar {
        align-items: flex-start;
        flex-direction: column;
    }
}