body {
    background: #f4f6f8;
    color: #17202a;
    font-family: "Red Hat Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.brand-logo {
    width: 34px;
    height: 34px;
    object-fit: contain;
    background: #fff;
    border-radius: 6px;
    padding: 2px;
}

.page-shell {
    max-width: 1220px;
    margin: 0 auto;
}

.panel {
    background: #fff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(24, 37, 56, 0.06);
}

.panel-header {
    border-bottom: 1px solid #e7edf3;
    padding: 1rem 1.25rem;
}

.panel-body {
    padding: 1.25rem;
}

.metric {
    border-left: 4px solid #0d6efd;
}

.quill-field {
    display: flex;
    flex-direction: column;
    min-height: 244px;
    margin-bottom: 1rem;
}

.quill-field-lg {
    min-height: 324px;
}

.quill-field .ql-toolbar {
    flex: 0 0 auto;
    border-radius: 6px 6px 0 0;
    background: #fff;
}

.quill-field .ql-container {
    flex: 1 1 auto;
    height: auto;
    min-height: 190px;
    border-radius: 0 0 6px 6px;
    background: #fff;
}

.quill-field-lg .ql-container {
    min-height: 270px;
}

.quill-field .ql-editor {
    min-height: 100%;
}

.rich-content img {
    max-width: 100%;
    height: auto;
}

.itinerary-image {
    width: 100%;
    max-height: 360px;
    object-fit: cover;
    border-radius: 8px;
}

.suggestions {
    position: absolute;
    z-index: 20;
    width: 100%;
    max-height: 220px;
    overflow: auto;
}

.print-toolbar {
    position: sticky;
    top: 72px;
    z-index: 10;
}

@media print {
    nav, .print-toolbar, .btn, .no-print {
        display: none !important;
    }
    body {
        background: #fff;
    }
    main {
        padding: 0 !important;
    }
    .panel {
        box-shadow: none;
        border: 0;
    }
}