/* Strong surface hierarchy and readable controls, retaining FlinkDoku's palette. */
:root{--fd-ink:#172a42;--fd-muted:#42576d;--fd-line:#9cafc0;--fd-cyan:#006d88;--fd-cyan-dark:#00576f;--fd-paper:#e4edf5}
.fd-body{background:#d6e2ed;color:#172a42}
.fd-topbar,.fd-guest-brand{background:#fff;border-bottom:3px solid #203a57;box-shadow:0 3px 16px #16334b12}
.fd-topbar .fd-save-state{background:#e3edf5;color:#314e68;border-radius:99px;padding:7px 12px}
.fd-body .fd-menu-toggle{background:#203a57;color:#fff;border:1px solid #203a57;border-radius:12px;padding:10px 15px}
.fd-body .fd-menu-toggle:hover{background:#0b566e;border-color:#0b566e}
.fd-body .fd-page-heading h1{color:#172a42;font-weight:700}
.fd-page-heading:not(.fd-overview-heading){background:#fff;border:1px solid #9cafc0;border-left:5px solid #007b98;border-radius:16px;padding:25px 28px;box-shadow:0 7px 20px #18365010}
.fd-page-heading>div,.fd-page-heading .fd-title-row{min-width:0;max-width:100%}
.fd-page-heading .fd-title-row h1{min-width:0;overflow-wrap:anywhere}
.fd-overview-page{padding-top:34px}
.fd-overview-heading{background:linear-gradient(120deg,#172a45,#204765);border:1px solid #17334e;border-radius:22px;box-shadow:0 14px 32px #142f4a23;padding:43px 32px 35px;margin-bottom:42px;position:relative;overflow:hidden;gap:25px}
.fd-overview-heading::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#27bed6}
.fd-body .fd-overview-heading h1{color:#fff;font-weight:650}
.fd-overview-heading p.fd-muted{color:#e5eff8}
.fd-overview-heading .fd-heading-subline{color:#d2e4f1}
.fd-overview-heading .fd-eyebrow{display:inline-block;background:#254b65;color:#91edff;border:1px solid #558a9e;border-radius:99px;padding:6px 12px}
.fd-overview-heading>.fd-primary{background:#31c1da;border-color:#67d7e9;color:#102d43;font-weight:750;box-shadow:0 5px 18px #071c3240}
.fd-overview-heading>.fd-primary:hover{background:#69d9eb;border-color:#8be5f2}
.fd-eyebrow{color:#005b73}
.fd-body .fd-heading-subline,.fd-body .fd-project-description,.fd-muted{color:#42576d}
.fd-body .fd-overview-heading .fd-heading-subline{color:#d2e4f1}
.fd-breadcrumbs{color:#435c72;font-weight:550}
.fd-breadcrumbs .fd-btn{color:#004f69;font-weight:650}
.fd-breadcrumbs>span[aria-current]{color:#263f56}
.fd-section-heading h2{color:#172a42;font-weight:750}
.fd-count{background:#203a57;color:#fff;font-weight:700;border:1px solid #203a57;padding:4px 9px}
.fd-search{background:#fff;border:1.5px solid #71899e;box-shadow:0 3px 10px #18365009}
.fd-search>svg{color:#425f77}
.fd-search input{color:#172a42}
.fd-search input::placeholder{color:#526478;opacity:1}
.fd-search:focus-within{border-color:#006d88;box-shadow:0 0 0 3px #006d882b}
.fd-project-tile,.fd-photo-card{border:1px solid #8fa7bd;box-shadow:0 9px 25px #1735501b}
.fd-project-tile:hover,.fd-photo-card:hover{border-color:#00718d;box-shadow:0 12px 29px #1735502b}
.fd-project-card-body,.fd-photo-info{border-top:4px solid #0a819d;background:#fff}
.fd-project-card h3,.fd-photo-info h3{color:#172a42;font-weight:700}
.fd-project-card p,.fd-photo-info p{color:#40576e}
.fd-project-card .fd-card-meta{color:#435b72;border-color:#b6c6d3;font-size:12px}
.fd-project-card .fd-card-top>svg{color:#005b73}
.fd-project-card .fd-card-top>.fd-eyebrow{color:#00546a;background:#d9eef5;border-radius:5px;padding:3px 7px}
.fd-project-cover,.fd-pdf-thumbnail,.fd-photo-placeholder{background:#e3edf5;color:#3c566f}
.fd-project-cover-empty{background:linear-gradient(135deg,#006c86,#234a79)}
.fd-project-cover[data-tone="1"] .fd-project-cover-empty{background:linear-gradient(135deg,#4b4a83,#223553)}
.fd-project-cover[data-tone="2"] .fd-project-cover-empty{background:linear-gradient(135deg,#086d73,#22466a)}
.fd-map-credit{color:#43586d;background:#edf3f8;border-color:#b6c6d3}
.fd-map-credit a{color:#36536c}
.fd-btn{border-color:#8097aa;font-weight:650}
.fd-btn:where(:not(.fd-primary):not(.fd-link-btn):not(.fd-nav):not(.fd-icon-btn):not(.fd-photo-delete):not(.fd-menu-toggle)):hover{border-color:#005d77;background:#e0eff5;color:#173b55}
.fd-primary{background:#006d88;border-color:#006d88;color:#fff;box-shadow:0 5px 13px #00516a29;font-weight:700}
.fd-primary:hover{background:#004f69;border-color:#004f69;color:#fff}
.fd-link-btn{color:#00566f}
.fd-photo-delete{color:#465f75}
.fd-photo-delete:hover{background:#fce4df;color:#962c21}
.fd-photo-workspace,.fd-guest-canvas{border-color:#8fa7bd;box-shadow:0 6px 20px #1735501a}
.fd-view-toolbar,.fd-canvas-toolbar{background:#e5edf5;border-bottom:2px solid #8098ad}
.fd-view-toolbar .fd-btn{background:#fff;border-color:#7892a7;color:#27445e;transition:none}
.fd-canvas-toolbar .fd-btn{transition:none}
.fd-view-toolbar .fd-tool-active,.fd-view-toolbar .fd-tool-active:hover,.fd-canvas-toolbar .fd-primary{background:#006d88;border-color:#00536c;color:#fff;box-shadow:0 3px 9px #004f692b}
.fd-view-toolbar select,.fd-canvas-toolbar select{border-color:#7892a7;color:#173a55;background:#fff}
.fd-mode-hint,.fd-canvas-help{background:#dceef5;color:#264a63;border-color:#94b6c9}
.fd-photo-footer{color:#39576e;border-color:#a1b5c5}
.fd-viewer,.fd-canvas-viewport{background:#bdcddd}
.fd-points-panel{background:#e4edf5;border-color:#8fa7bd;box-shadow:0 6px 20px #17355012}
.fd-point-card,.fd-guest-point{background:#fff;border-color:#93aabd;box-shadow:0 4px 14px #17355012}
.fd-number{background:#006d88;color:#fff;font-weight:700}
.fd-point-card p,.fd-point-excerpt,.fd-media-note{color:#40576e}
.fd-point-card small,.fd-card-open{color:#00546d;font-weight:650}
.fd-point-card .fd-card-heading h3,.fd-point-title{color:#1b3049;font-weight:700}
.fd-mini-media>span{color:#3d576d}
.fd-inline-media-actions .fd-add-option,.fd-guest-add-actions .fd-add-option{background:#e0f0f6;border-color:#6b9eaf;color:#173f56;font-weight:700;box-shadow:0 3px 8px #1735500a}
.fd-inline-media-actions .fd-add-option:hover,.fd-guest-add-actions .fd-add-option:hover{background:#c3e7f1;border-color:#006d88}
.fd-inline-media-actions .fd-add-option svg,.fd-guest-add-actions .fd-add-option svg{color:#00627d;stroke-width:2}
.fd-dialog,.fd-guest-detail,.fd-ext .dialog{border-color:#7f97ad;box-shadow:0 24px 90px #10283c55}
.fd-dialog-header,.fd-guest-detail-head{background:#203a57;border-bottom:3px solid #24b5cf;color:#fff}
.fd-body .fd-dialog-header h2,.fd-guest-detail-head h2,.fd-guest-detail-head strong{color:#fff;font-weight:650}
.fd-dialog-header .fd-btn,.fd-guest-detail-head .fd-link-btn{background:transparent;color:#fff;border-color:transparent}
.fd-dialog-body{background:#f4f7fa}
.fd-field label,.fd-reply-form label{color:#243e56;font-weight:700}
.fd-input-wrap input,.fd-input-wrap textarea,.fd-reply-form input,.fd-reply-form textarea{background:#fff;border-color:#718a9e;color:#172a42;box-shadow:none}
.fd-input-wrap input::placeholder,.fd-input-wrap textarea::placeholder,.fd-reply-form input::placeholder,.fd-reply-form textarea::placeholder{color:#526478;opacity:1}
.fd-input-wrap input:focus,.fd-input-wrap textarea:focus,.fd-reply-form input:focus,.fd-reply-form textarea:focus{border-color:#006d88;outline:2px solid #006d8833;outline-offset:1px}
.fd-share-mode{border-color:#8097aa;background:#fff}
.fd-share-mode:has(input:checked){background:#d5edf5;border-color:#00627d;box-shadow:0 0 0 1px #00627d}
.fd-ext .dialog header p,.fd-ext .content-option small{color:#42576d}
.fd-ext .dialog .button{border-color:#7892a7;font-weight:650}
.fd-ext .dialog .button.primary{background:#006d88;border-color:#006d88;color:#fff}
.fd-ext .dialog .button.primary:hover{background:#004f69;border-color:#004f69}
.fd-ext .content-option{border-color:#91a8bc;box-shadow:0 5px 14px #17355017}
.fd-ext .content-option:hover{border-color:#006d88;background:#f3f9fc;box-shadow:0 8px 20px #17355025}
.fd-ext .content-option strong{color:#172d45;font-weight:700}
.fd-ext .content-option>span{background:linear-gradient(120deg,#006d88,#234d78)}
.fd-ext .content-option:nth-child(2n)>span{background:linear-gradient(120deg,#474b80,#243b5a)}
.fd-ext .content-option:last-child:nth-child(odd)>span{background:#d4e7f2;color:#155071}
.fd-ext input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.fd-ext textarea,.fd-ext select{border-color:#718a9e;color:#172a42}
.fd-sidebar{background:#182c47}
.fd-sidebar .fd-nav-active{background:#285469;color:#adf1ff;box-shadow:inset 4px 0 #3fd3e9;font-weight:650}
.fd-sidebar .fd-nav:hover{background:#304c68;color:#fff}
.fd-sidebar .fd-owner{background:#263e5a;border-color:#536c85}
.fd-sidebar .fd-side-title{color:#c2d3e3}
.fd-sidebar .fd-nav{color:#dfebf5}
.fd-sidebar .fd-nav-active{color:#adf1ff}
.fd-sidebar .fd-brand-copy,.fd-sidebar .fd-owner small{color:#c6d6e6}
.fd-guest-brand>span{color:#42576d;font-weight:550}
.fd-guest-content>h1,.fd-guest-point h2{color:#172a42;font-weight:700}
.fd-body button:focus-visible,.fd-body a:focus-visible{outline:3px solid #00617b;outline-offset:4px}
.fd-sidebar button:focus-visible,.fd-sidebar a:focus-visible{outline-color:#7ce4f5}
.fd-overview-heading>.fd-btn:focus-visible{outline-color:#fff}
.fd-dialog-header .fd-btn:focus-visible,.fd-guest-detail-head .fd-btn:focus-visible{outline-color:#91edff}
@media(max-width:800px){.fd-topbar .fd-save-state{padding:7px}.fd-page-heading:not(.fd-overview-heading){padding:21px 22px}}
@media(max-width:600px){
 .fd-overview-page{padding-top:23px}
 .fd-overview-heading{padding:31px 18px 27px;border-radius:17px;margin-bottom:30px;gap:22px}
 .fd-overview-heading .fd-eyebrow{font-size:8px;letter-spacing:1.2px;padding:5px 9px}
 .fd-body .fd-overview-heading h1{font-size:38px}
 .fd-overview-heading p.fd-muted{font-size:16px}
 .fd-page-heading:not(.fd-overview-heading){padding:20px 17px;border-left-width:4px}
 .fd-page-heading>div:has(>.fd-eyebrow) .fd-title-row{position:relative;display:block}
 .fd-page-heading>div:has(>.fd-eyebrow) .fd-title-row>.fd-icon-btn{position:absolute;top:-39px;right:0;min-height:34px;min-width:34px;padding:6px}
 .fd-body .fd-menu-toggle{padding:8px;min-width:42px}
 .fd-topbar .fd-save-state{padding:5px}
 .fd-dialog-header,.fd-guest-detail-head{border-bottom-width:3px}
}
@media(max-width:360px){.fd-body .fd-overview-heading h1{font-size:34px}.fd-overview-heading{padding-inline:14px}.fd-topbar{gap:7px}.fd-body .fd-page-heading:not(.fd-overview-heading) h1{font-size:25px}}
.fd-ext .word-header{background:#172a45;border-bottom:3px solid #21b8d2;color:#fff}
.fd-ext .word-header h2,.fd-ext .word-header .icon{color:#fff}
.fd-ext .word-header p{color:#d1dfed}
.fd-ext .word-actions,.fd-ext .word-info{background:#edf3f8}
.fd-ext .word-info{color:#40576e;margin:0;padding-top:8px;padding-bottom:8px}
.fd-ext .word-body .docx-editor__scroll-container,.fd-ext .word-pdf-canvas{background:#bdcddd}
.fd-ext .word-actions .button.primary,.fd-ext .word-review-actions .button.primary{background:#006d88;border-color:#006d88;color:#fff}

@media(max-width:640px){
 .fd-ext .word-header h2{font-size:20px;line-height:1.3}
 .fd-ext .word-actions .button{min-width:0;flex:1 1 0;font-size:12px;padding:10px 6px;gap:5px}
}