* { box-sizing: border-box; }
html, body { height: 100%; border: none; box-shadow: none; outline: none; }
body { margin: 0; font-family: 'Segoe UI', Arial, sans-serif; background: #f4f4f6; overflow: hidden; }
a { text-decoration: none; }

.card-soft { border: 1px solid #ababaf; border-radius: 20px; background: #f4f4f6; }

.page-title,
.billing-title,
.section-title,
.settings-title,
.scan-title {
    font-size: 2.3rem;
    line-height: 1;
    margin: 8px 0 18px;
    font-weight: 700;
    color: #171717;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.breadcrumb { margin: 0; font-size: 1.04rem; color: #2d2d2d; }
.breadcrumb a { color: inherit; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb b { color: #0a3f8f; }
.section-breadcrumb { margin: 0; font-size: 1.03rem; color: #212121; }
.section-breadcrumb b { color: #111; font-weight: 700; }

/* Shared shell base — overridden per module */
.integration-shell,
.warehouse-shell,
.settings-shell {
    background: #fff;
    border: 1px solid #aeb1b8;
    border-radius: 14px;
}