/* ミライレンディング — 口座開設・ログイン・マイページの「ミライらしさ」の層（base.css / site.css / app.css のあとに読み込む）
   構成・余白・文字の大きさは RISE Lending と同じ。ここでは面・ボタン・光の表情だけを変える。
   方針（DESIGN.md）: 白地に濃紺の文字、ブルーは主ボタンと選択、濃紺のパネルは1画面に1か所（ホームの貸付合計）。
   色は tokens.css の変数だけを使う。 */

/* 濃色の帯（お友達紹介の見出しカード・通常のお知らせバナー）は、ロゴのネイビーのパネルにする */
:root{--primary-grad:var(--panel-navy)}

/* ---------- 主ボタン：上から下へわずかに濃くなるブルー＋下に青い光 ---------- */
.btn-primary:not([disabled]):not(.is-busy){background:linear-gradient(180deg,#2A80F2 0%,#1668DF 100%);box-shadow:var(--glow-accent),inset 0 1px 0 rgba(255,255,255,.22)}
.auth-card .btn-primary:not([disabled]){box-shadow:var(--glow-accent),inset 0 1px 0 rgba(255,255,255,.22)}
@media (hover:hover){
  .btn-primary:not([disabled]):not(.is-busy):hover{background:linear-gradient(180deg,#1F74EA 0%,#125CCB 100%)}
}

/* ---------- 見出しはロゴと同じネイビー ---------- */
.auth-title,.app-bar-title,.app-main .page-title,.app-h2{color:var(--color-navy-900)}

/* ---------- ホームの貸付合計：濃紺のパネル（右上に青い光）。数字は白、線は明るいブルー ---------- */
.app-main .home-balance-card{position:relative;overflow:hidden;background:var(--panel-navy);border-color:transparent;box-shadow:0 18px 44px rgba(7,31,66,.22);color:#fff}
.app-main .home-balance-card .home-balance-summary .small.muted{color:var(--panel-navy-muted)}
/* チャートの背面にだけ、薄い目盛りの線を置く（数字の背面には置かない） */
.home-balance-card .ic-plot{background:linear-gradient(rgba(125,180,255,.10) 1px,transparent 1px) 0 0/100% 33.4%}
.app-main .home-balance-summary .sim-value .v{color:#fff}
.app-main .home-balance-summary .today-interest .ti-label{color:var(--panel-navy-muted)}
.app-main .home-balance-summary .today-interest .ti-value{color:#86E8C0}
.home-balance-card .ic-line{stroke:var(--color-sky)}
.home-balance-card .ic-line-main{filter:drop-shadow(0 0 6px rgba(125,180,255,.55))}
.home-balance-card .ic-stop-top{stop-color:var(--color-sky);stop-opacity:.30}
.home-balance-card .ic-stop-bottom{stop-color:var(--color-sky)}
.home-balance-card .ic-base{stroke:var(--panel-navy-line)}
.home-balance-card .ic-cursor{stroke:rgba(255,255,255,.75)}
.home-balance-card .ic-dot{fill:#fff;stroke:var(--color-sky);filter:drop-shadow(0 0 7px rgba(125,180,255,.95))}
.home-balance-card .ic-axis{color:var(--panel-navy-muted)}
.home-balance-card .ic-plot:focus-visible{outline-color:#fff}
.app-main .home-balance-card .balance-split{background:rgba(255,255,255,.07);border-color:var(--panel-navy-line);color:#fff}
.app-main .home-balance-card .balance-split a + a{border-left-color:var(--panel-navy-line)}
.app-main .home-balance-card .balance-split .k{color:var(--panel-navy-muted)}
.app-main .home-balance-card .balance-split .v{color:#fff}
.app-main .home-balance-card .balance-split .ui-chevron{color:rgba(255,255,255,.72)}
.app-main .home-balance-card .balance-split a:focus-visible{outline-color:#fff}

/* ---------- ロゴ：盾＋MIRAI は RISE のロゴより横長（4.07:1）。幅の上限で縮めず、高さでそろえる ---------- */
.sb-brand .mirai-logo{height:40px;max-width:none}
.brand .mirai-logo,.site-header .brand .mirai-logo{max-width:none}

/* サイドバーの著作権表記：社名が長く2行になるので、「LLC」だけが2行目に落ちないよう、2行の長さをそろえる */
.sb-foot{text-wrap:balance}