/* FRESHMODE 2026-11-14 · 로고 파랑(#3C6CA4) 시안 적용 1단계: 로그인 · 오늘 처리할 일 카드. 색 변수는 design.css에서 바꿈. */
:root{--fm-brand:#3c6ca4;--fm-brand-dark:#2d5280;--fm-brand-soft:#eaf0f8;--fm-brand-line:#d5e0ec}

/* 로그인: 큰 화면에서는 왼쪽 파란 소개 + 오른쪽 로그인 */
.fm-login-surface{background:#f4f7fb!important}
.fm-login-card{background:#fff!important;border:1px solid var(--fm-brand-line)!important;box-shadow:0 10px 30px rgba(31,59,92,.08)!important;border-radius:20px!important}
.fm-login-card button[type=submit]{background:var(--fm-brand)!important;color:#fff!important;height:48px;border-radius:12px;font-weight:700;font-size:15px}
.fm-login-card button[type=submit]:hover{background:var(--fm-brand-dark)!important}
.fm-login-card input{height:46px;border-radius:12px}
@media (min-width:900px){
 .fm-login-surface{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(440px,1fr);align-items:center!important;justify-items:center;position:relative;padding:0!important}
 .fm-login-surface::before{content:"주문 확인부터 배정,\A알림까지 한 화면에서.";white-space:pre-line;align-self:stretch;justify-self:stretch;display:flex;align-items:center;box-sizing:border-box;padding:0 64px;background:var(--fm-brand) url(/assets/freshmode-logo.svg?v=70516b938f48) no-repeat 64px 56px/56px auto;color:#fff;font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1.35;letter-spacing:-.01em}
 .fm-login-surface::after{content:"스마트스토어 주문 자동 수집  ·  지도에서 기사 배정  ·  고객·기사 카톡 자동 안내";position:absolute;left:64px;bottom:56px;max-width:44%;color:rgba(255,255,255,.82);font-size:14px;line-height:1.7}
}

/* 오늘 처리할 일: 숫자 카드 정리 */
.fm-actions{border-color:var(--fm-brand-line)!important}
.fm-actions-eyebrow{color:var(--fm-brand)!important}
.fm-actions-counts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
.fm-actions-counts button{background:#fff!important;border:1px solid var(--fm-brand-line)!important;border-radius:14px!important;transition:border-color .15s,box-shadow .15s}
.fm-actions-counts button:hover{border-color:var(--fm-brand)!important;box-shadow:0 4px 14px rgba(31,59,92,.08)}
.fm-actions-counts button strong{font-size:30px;color:#17283c}
.fm-actions-counts button.selected{background:var(--fm-brand)!important;border-color:var(--fm-brand)!important;color:#fff}
.fm-actions-counts button.selected strong{color:#fff}
.fm-actions-counts button:nth-child(5):not(.selected){box-shadow:inset 4px 0 0 #c2532f}
.fm-actions-status{background:var(--fm-brand-soft)!important}
.fm-actions button:focus-visible,.fm-actions select:focus-visible{outline-color:var(--fm-brand)!important}
@media (max-width:640px){.fm-actions-counts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}