/*
 * AdminLTE 4：card-header 預設用 float 排 title／card-tools。
 * 在 .ck-content 內常被外層 flex、BFC 等影響，工具鈕會掉到「標題列右下」而非右上；改為 flex 對齊。
 */
.ck-content .card > .card-header {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}
.ck-content .card > .card-header .card-title {
    float: none !important;
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0;
}
.ck-content .card > .card-header > .card-tools {
    float: none !important;
    margin-left: auto;
    margin-right: 0;
    flex-shrink: 0;
    /* 取消 float 後若未設 flex，兩顆 .btn-tool 可能直向堆疊（看起來像多一行） */
    display: inline-flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.25rem;
}

.ck-content .card > .card-header > .card-tools .btn-tool {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* 分享頁外層卡（content-card-sharing）標頭右側為 .d-flex，非 .card-tools，同樣避免換行錯位 */
.ck-content .card > .card-header > .d-flex.float-end {
    display: inline-flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    float: none !important;
    margin-left: auto;
    flex-shrink: 0;
}

/* Outline 卡片標頭常為淺底；Web 內容區未必有 .ck-content 包裹，故不依賴該類別 */
.card.card-outline > .card-header > .card-tools .btn-tool {
    color: var(--bs-body-color, #212529);
}
.card.card-outline > .card-header > .card-tools .btn-tool .bi {
    opacity: 1;
}

/* 筆記 App 底欄 z-index 1190；AdminLTE 預設 maximized-card 為 1050，會被底欄遮住看似無效 */
body.ow-notes-app .ow-notes-content-shell .ck-content .card.maximized-card {
    z-index: 1200 !important;
}

/*
 * iOS／獨立 PWA WebKit：在 overflow:auto／hidden 的殼層內，巢狀 position:fixed（AdminLTE 卡片最大化）
 * 常相對捲動容器而非視窗，看起來「有動畫但沒全螢幕」。AdminLTE 會在 html 加 .maximized-card，此時暫時放開殼層 overflow。
 */
html.maximized-card body.ow-notes-app .ow-notes-app-shell.app-wrapper,
html.maximized-card body.ow-notes-app .ow-notes-layout-main,
html.maximized-card body.ow-notes-app .ow-notes-slot-root,
html.maximized-card body.ow-notes-app .ow-notes-page-mount,
html.maximized-card body.ow-notes-app .ow-notes-page-mount > .ow-content-loader,
html.maximized-card body.ow-notes-app .ow-notes-layout-main .ow-notes-page-mount > *,
html.maximized-card body.ow-notes-app .ow-notes-page-section,
html.maximized-card body.ow-notes-app .ow-notes-content-shell,
html.maximized-card body.ow-notes-app .ow-notes-scroll-view {
    overflow: visible !important;
}
html.maximized-card body.ow-notes-app .ow-notes-scroll-view {
    -webkit-overflow-scrolling: auto !important;
}

/*
 * 卡片最大化時隱藏內文區毛玻璃頂列與殼層右上角固定操作列（z-index 與 backdrop 會疊在最大化卡上）；
 * AdminLTE 於縮小後會移除 html.maximized-card，此區即恢復。
 */
html.maximized-card body.ow-notes-app .ow-notes-content-shell .ow-notes-scroll-view > .ow-notes-sticky-top-chrome {
    display: none !important;
}
html.maximized-card body.ow-notes-app .ow-notes-top-actions {
    display: none !important;
}

/*
 * CKEditor 產生的表格外層為 <figure class="table">。Bootstrap 的 .table 會加上 width:100%，
 * 在唯讀區與編輯區（.ck-content .table 的 margin:auto）視覺不一致；僅在 .ck-content 內還原合理寬度。
 */
.ck-content figure.table {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
}

/* CKEditor「調整卡片」：標頭工具顯示控制（舊版 ow-ck-hide-card-tools = 整區隱藏） */
.card.ow-ck-hide-card-tools .card-tools,
.ck-content .card.ow-ck-hide-card-tools .card-tools {
    display: none !important;
}
/* 隱藏「收合／展開」時，若卡片為收合狀態仍須顯示該鈕，否則無法展開（+ 不見） */
.card.ow-ck-hide-card-tool-collapse:not(.collapsed-card) .card-tools .btn-tool[data-lte-toggle="card-collapse"],
.ck-content .card.ow-ck-hide-card-tool-collapse:not(.collapsed-card) .card-tools .btn-tool[data-lte-toggle="card-collapse"],
.card.ow-ck-hide-card-tool-maximize .card-tools .btn-tool[data-lte-toggle="card-maximize"],
.ck-content .card.ow-ck-hide-card-tool-maximize .card-tools .btn-tool[data-lte-toggle="card-maximize"] {
    display: none !important;
}
.card.ow-ck-hide-card-tool-collapse.ow-ck-hide-card-tool-maximize:not(.collapsed-card) .card-tools,
.ck-content .card.ow-ck-hide-card-tool-collapse.ow-ck-hide-card-tool-maximize:not(.collapsed-card) .card-tools {
    display: none !important;
}
.card.collapsed-card.ow-ck-hide-card-tools .card-header > .card-tools,
.ck-content .card.collapsed-card.ow-ck-hide-card-tools .card-header > .card-tools {
    display: flex !important;
}
.card.collapsed-card.ow-ck-hide-card-tools .card-tools .btn-tool[data-lte-toggle="card-collapse"],
.ck-content .card.collapsed-card.ow-ck-hide-card-tools .card-tools .btn-tool[data-lte-toggle="card-collapse"] {
    display: inline-flex !important;
}

/*
 * 提高優先級：筆記內容殼層下 AdminLTE 可能晚載入，避免「已關閉最大化」仍顯示圖示
 * 同時匹配 .btn.btn-tool（Bootstrap）與裸 .btn-tool
 */
/* 用 .card-header .card-tools（非 >）：避免標頭內多一層 wrapper 時殼層規則不命中。 */
body.ow-notes-app .ow-notes-content-shell .ck-content .card.ow-ck-hide-card-tool-collapse:not(.collapsed-card) .card-header .card-tools .btn-tool[data-lte-toggle="card-collapse"],
body.ow-notes-app .ow-notes-content-shell .ck-content .card.ow-ck-hide-card-tool-collapse:not(.collapsed-card) .card-header .card-tools .btn.btn-tool[data-lte-toggle="card-collapse"] {
    display: none !important;
}
body.ow-notes-app .ow-notes-content-shell .ck-content .card.ow-ck-hide-card-tool-maximize .card-header .card-tools .btn-tool[data-lte-toggle="card-maximize"],
body.ow-notes-app .ow-notes-content-shell .ck-content .card.ow-ck-hide-card-tool-maximize .card-header .card-tools .btn.btn-tool[data-lte-toggle="card-maximize"] {
    display: none !important;
}
body.ow-notes-app .ow-notes-content-shell .ck-content .card.ow-ck-hide-card-tool-collapse.ow-ck-hide-card-tool-maximize:not(.collapsed-card) .card-header .card-tools {
    display: none !important;
}
body.ow-notes-app .ow-notes-content-shell .ck-content .card.ow-ck-hide-card-tools .card-header .card-tools {
    display: none !important;
}

/*
 * Web 全域保險：收合狀態下仍須可點「展開」（避免與其他殼層樣式／舊快取規則互蓋）
 */
.card.collapsed-card.ow-ck-hide-card-tool-collapse .card-header .card-tools .btn-tool[data-lte-toggle="card-collapse"],
.ck-content .card.collapsed-card.ow-ck-hide-card-tool-collapse .card-header .card-tools .btn-tool[data-lte-toggle="card-collapse"],
.card.collapsed-card.ow-ck-hide-card-tools .card-header .card-tools .btn-tool[data-lte-toggle="card-collapse"],
.ck-content .card.collapsed-card.ow-ck-hide-card-tools .card-header .card-tools .btn-tool[data-lte-toggle="card-collapse"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.card.collapsed-card.ow-ck-hide-card-tool-collapse.ow-ck-hide-card-tool-maximize .card-header > .card-tools,
.ck-content .card.collapsed-card.ow-ck-hide-card-tool-collapse.ow-ck-hide-card-tool-maximize .card-header > .card-tools {
    display: flex !important;
    visibility: visible !important;
}
.card.collapsed-card.card-outline > .card-header > .card-tools .btn-tool[data-lte-toggle="card-collapse"] {
    color: var(--bs-body-color, #212529) !important;
}

/*
 * AdminLTE：`.card:not(.collapsed-card) [data-lte-icon=expand]{display:none}` 會作用在「任一未收合祖先 .card」底下
 * 的所有 expand 圖示。Web `notes-page` 外層有一張未收合大卡片包住 CKEditor 巢狀卡，導致內層收合卡的 + 被誤藏；
 * PWA 多數無此外層卡片，故僅 Web 復現。此處強制「收合中之卡片」內的 expand 圖示顯示。
 */
.card.collapsed-card [data-lte-icon="expand"],
.card.collapsed-card [data-lte-icon=expand] {
    display: inline-block !important;
}

/*
 * AdminLTE：`.card:not(.maximized-card) [data-lte-icon=minimize]{display:none}` 同樣會誤傷巢狀卡。
 * 內層已 `maximized-card` 時，還原（縮小）圖示必須仍顯示；Web 內容頁／分享頁此外層包一張大 card 時會復現。
 */
.card.maximized-card [data-lte-icon="minimize"],
.card.maximized-card [data-lte-icon=minimize] {
    display: inline-block !important;
}