@page {
    size: A4 landscape;
    margin: 10mm;
}

html,
body,
#app,
.app-shell {
    overflow: visible !important;
    width: 277mm !important;
    height: auto !important;
    background: white !important;
}

.app-shell {
    display: block !important;
}

.app-shell > :not(.print-document),
.skip-link,
.popover {
    display: none !important;
}

.print-document {
    display: block !important;
    color: #17343e;
    font-size: 10pt;
    line-height: 1.6;
    --color-bg: white;
    --color-surface: #fbfdfd;
    --color-surface-soft: #e4edef;
    --color-surface-strong: #d6e3e7;
    --color-ink: #17343e;
    --color-ink-soft: #49616d;
    --color-line: #c5d4db;
    --color-line-strong: #718994;
    --color-brand: #15596d;
    --color-brand-strong: #103f50;
    --color-brand-soft: #dcebf0;
    --color-accent: #1e7186;
    --color-accent-strong: #155c70;
    --color-danger: #a33d52;
    --color-editor-bg: white;
    --color-canvas-ink: #294e60;
    --color-canvas-grid: #adbec7;
    --color-canvas-band: #edf4f6;
    --color-depth-raised: #edf4f6;
    --color-edge: #356d83;
    --color-glimmer: #855e22;
    --color-node-fill: #fbfdfd;
    --color-node-ink: #17343e;
    --color-node-edge: #718994;
    --color-node-section: #dcebf0;
    --color-critical-bg: #f9e7ec;
    --color-critical-ink: #742d40;
    --color-critical-line: #a3435d;
    --color-warning-bg: #fff2dd;
    --color-warning-ink: #765125;
    --color-warning-line: #b28a4d;
    --color-good-bg: #deeee7;
    --color-good-ink: #285847;
    --color-good-line: #7ea592;
    color-scheme: light;
}

.print-heading h1 { margin: 0; font-size: 17pt; overflow-wrap: anywhere; }
.print-heading p { margin: 2mm 0; color: #49616d; }

.print-figure.workspace {
    contain: strict;
    display: block !important;
    position: relative;
    overflow: hidden !important;
    width: 277mm !important;
    height: 620px !important;
    background: white !important;
    break-inside: avoid;
}

.print-figure::before { display: none; }
.print-figure .world { will-change: auto; }
.print-figure .object-node { box-shadow: none; }
.print-figure .connection { vector-effect: none; }
.print-figure .gantt-resize-handle { display: none; }
.print-figure .kanban-column--doing { fill: var(--color-warning-bg); stroke: var(--color-warning-line); }
.print-figure .kanban-column--blocked { fill: var(--color-critical-bg); stroke: var(--color-critical-line); }
.print-figure .kanban-column--done { fill: var(--color-good-bg); stroke: var(--color-good-line); }
.print-details { break-before: page; }
.print-heading + .print-details { break-before: auto; }
.print-details h2 { font-size: 13pt; }
.print-items { padding-left: 1.8em; }
.print-items > li { margin-bottom: 4mm; break-inside: avoid; }
.print-items h3 { margin: 0; font-size: 11pt; overflow-wrap: anywhere; }
.print-items p { margin: 1mm 0; }
.print-items__meta { color: #49616d; font-size: 9pt; }
.print-items__note { white-space: pre-wrap; overflow-wrap: anywhere; }
.print-document * {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}