/* ============================================================
   代理店ポータル：共通ヘッダーCSS
   - 上部青帯（ガラス風）
   - 下部ナビ（スマホ/タブレットはアイコンのみ）
   - PCでは文字つきボタン
   ============================================================ */

/* ---------------------------
   上部 青半透明ガラストップバー
   --------------------------- */
.top-blue-glass {
    background: rgba(0, 91, 220, 0.75);  /* 半透明ブルー */
    backdrop-filter: blur(12px);          /* ガラス効果 */
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.25);
    padding: 1rem 0 0.8rem;
}

.top-blue-title {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.4rem;
    color: white;
    margin: 0;
}

/* ロゴ */
.neconavi-logo {
    height: 32px;
}

/* 右側のトップアイコン（ホーム / 編集 / ログアウト） */
.top-icons .top-icon-link {
    color: white;
    text-decoration: none;
    font-size: 1.4rem;
}

.top-icon-link:hover {
    opacity: 0.8;
}

/* ---------------------------
   下部 ナビ（ガラス風）
   --------------------------- */
.glass-navbar {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

/* ナビタイトル（ページタイトル） */
.navbar-brand {
    font-size: 1.1rem;
}

/* ---------------------------
   スマホ / タブレット（〜991px）
   ＋アイコンのみを使う
   --------------------------- */
@media (max-width: 991.98px) {
    .navbar .btn i {
        font-size: 1.55rem !important;
    }
}

/* ---------------------------
   PC（992px〜）
   文字つきボタンを大きく綺麗に
   --------------------------- */
@media (min-width: 992px) {
    .navbar .btn {
        padding: 0.3rem 0.7rem;
        font-size: 0.9rem;
    }
    .navbar .btn i {
        font-size: 1.2rem;
    }
}

/* ---------------------------
   複数アクションボタンが並ぶ場合の調整
   --------------------------- */
.navbar .btn + .btn {
    margin-left: 0.6rem;
}

/* ---------------------------
   スマホでは左文字と右ボタンの間を自動で空ける
   --------------------------- */
.navbar .ms-auto {
    margin-left: auto !important;
}