/* lite.zidotto でまだ使えない機能・意味を持たない機能の入口を隠す。
   画面のマークアップは現行版（wwwroot/app.html）をそのまま使っているため、ここで消す。
   機能を実装したら、対応する行を消すこと。 */

/* アカウントが無いので意味を持たないもの */
#btn-user-manage,
#btn-audit-log,
#btn-delete-tenant,
#header-change-password-btn,
#header-logout-btn,

/* まだ実装していないもの（AI は利用者自身のキーで動く。回数の上限が無いので、残り回数とリセット時刻の表示だけ隠す） */
#btn-copy-member-data,
#btn-export-metadata,
#btn-export-leaf-usage,
#btn-data-summary,
.ai-usage-count,
.ai-reset-time,
a.header-menu-item[href="/manual"],

/* 上の項目を隠した結果、区切り線だけが残る箇所 */
#menu-admin .header-menu-divider:last-of-type,
#menu-admin .header-menu-divider:has(+ #btn-audit-log),
.header-menu-divider:has(+ #header-logout-btn) {
    display: none !important;
}

/* ---- 起動時のワークブック選択画面（launcher.js） ----
   色・角丸・影は現行版（wwwroot/css/app.css の :root）の変数を使う。独自の色は足さない。
   z-index は現行版のローディング表示・モーダルより手前に出る大きさにしてある。 */
.lite-launcher {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: var(--bg-color);
    font-family: var(--font-body);
    color: var(--text);
    overflow-y: auto;
}

.lite-launcher-card {
    width: 100%;
    max-width: 480px;
    padding: 28px 24px;
    background: var(--header-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.lite-launcher-title {
    margin: 0 0 16px;
    font-family: var(--font-heading);
    font-size: 1.5rem;
}

.lite-launcher-note {
    margin: 0 0 12px;
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.lite-launcher-error {
    margin: 12px 0;
    padding: 10px 12px;
    background: var(--red-50);
    border: 1px solid var(--red-200);
    border-radius: var(--radius-md);
    color: var(--red-700);
    font-size: 0.9rem;
    line-height: 1.6;
}

.lite-launcher-list {
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-y: auto;
}

.lite-launcher-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    margin: 0 0 10px;
    padding: 12px 14px;
    background: var(--header-bg);
    border: 1px solid var(--slate-300);
    border-radius: var(--radius-md);
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.lite-launcher-btn span {
    color: var(--text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

.lite-launcher-btn:hover:not(:disabled) { border-color: var(--primary); }
.lite-launcher-btn:focus-visible,
.lite-launcher-input:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.lite-launcher-btn:disabled { opacity: 0.5; cursor: not-allowed; }

.lite-launcher-btn-primary {
    align-items: center;
    background: var(--primary-gradient);
    border-color: transparent;
    color: var(--slate-50);
    font-weight: 600;
    text-align: center;
}

.lite-launcher-btn-primary:hover:not(:disabled) { background: var(--primary-gradient-hover); }

.lite-launcher-create { margin-top: 8px; }

.lite-launcher-input {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid var(--slate-300);
    border-radius: var(--radius-md);
    font: inherit;
}

/* アカウントメニューの「保存先」表示 */
.lite-storage-label {
    padding: 4px 14px 8px;
    color: var(--text-muted);
    font-size: 0.8rem;
}

/* ---- 「AI の設定」ダイアログ（ai-settings.js）。カードはワークブック選択画面と同じ見た目 ---- */
.lite-dialog {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, 0.5);
    font-family: var(--font-body);
    color: var(--text);
    overflow-y: auto;
}

.lite-dialog .lite-launcher-card { margin: auto; }
.lite-dialog .lite-launcher-btn { align-items: center; text-align: center; }
.lite-dialog .lite-launcher-btn-primary { margin-top: 0; }
.lite-dialog a { color: var(--primary); }
.lite-ai-status { font-weight: 600; }