/* Rails 전환 보정 — 원본 CSS(mangoland/*) 뒤에 로드된다. 원본 규칙은 건드리지 않고 필요한 것만 덧댄다. */
[data-href]{cursor:pointer}
.erp-ui .sidebar .profile{position:relative;align-items:center}
.erp-ui .sidebar .sidebar-logout-form{margin-left:auto}
.erp-ui .sidebar button.sidebar-logout{border:1px solid #d5e2e7;background:#fff;color:#486170;border-radius:6px;padding:5px 9px;font:400 12px/1.4 Pretendard,sans-serif;min-height:0;box-shadow:none;width:auto}
.erp-ui .sidebar button.sidebar-logout:hover{background:#f3f8f9;color:#23434f}
.login-options>span,.login-options>div>span{font-size:12px;color:#7b8a91}
.field-error,.cw-inline-error{color:#b43b36;font-size:13px;margin:6px 0 0}
/* 로그인: 원본에서 쓰이지 않던 화면이라 어두운 테마 잔재가 남아 있어 ERP 톤으로 맞춘다 */
.login-page .login-card .login-fields label>span{color:#40555e!important;font-size:13px;font-weight:600}
.login-page .login-card .login-fields input{background:#fff!important;color:#172b35!important;border:1px solid #cbdde5!important;box-shadow:none}
.login-page .login-card .login-fields input:focus{border-color:#168ca4!important;box-shadow:0 0 0 3px rgba(22,140,164,.12)!important;outline:none}
.login-page .login-card>p.demo-hint{font-size:12px!important;color:#7b8a91}
/* 폼 래퍼가 원본 그리드 구조를 깨지 않게 */
.cw-hidden-form{display:none}
.cw-inline-form{display:contents}
turbo-frame{display:contents}
turbo-frame[hidden]{display:none}
.cw .cw-payment-summary{display:flex;justify-content:flex-end;gap:18px;padding:10px 14px;font-size:14px;color:#516973;border-top:1px solid var(--cw-border)}
.cw .cw-payment-summary b{color:#172b35;margin-left:6px}
.cw-dialog .cw-finance-form input[name$="[amount]"]{background:#edf6f3;border-color:#b9d5cc;color:#24695c;font-weight:600}
.cw-dialog [data-prefill-target=error]:empty,.cw [role=alert]:empty{display:none}
.master-customer-search{margin:0 0 18px}
.master-customer-results header small{font-weight:400;margin-left:8px}
.master-customer-results table{width:100%;border-collapse:collapse}
.master-customer-results :is(th,td){padding:11px 14px;border-bottom:1px solid #e7edef;text-align:left;font-size:14px}
.master-customer-results th{background:#f5f8f9;color:#657c85;font-weight:500}
.cw button.master-customer-link{border:0;background:transparent;padding:0;min-height:0;color:#24695c;font-weight:600;text-decoration:underline}
.cash-ledger a.cash-export-link{display:inline-flex;align-items:center;font:400 14px/1.5 Pretendard,sans-serif;padding:7px 11px;background:#fff;border:1px solid #cfdee4;border-radius:5px;color:#345560;text-decoration:none;margin-right:8px}
.cash-ledger a.cash-export-link:hover{background:#f3f8f9}
.information-scope-select{display:grid;gap:6px;margin:12px 0;font-size:13px;color:#516973}
.information-scope-select select{height:36px;border:1px solid #cbdde5;border-radius:6px;padding:0 10px;background:#fff;font:400 14px Pretendard,sans-serif;color:#263d48}
.information-scope-note{margin:0 0 12px;font-size:13px;color:#516973}
.price-override-badge{display:inline-flex;gap:6px;align-items:center;margin-left:8px;padding:1px 7px;border-radius:4px;background:#fff3e6;color:#9b642b;font-size:11px}
.price-override-badge.is-common{background:#edf5f2;color:#24695c}
.price-heading-actions{display:flex;gap:8px;align-items:center}
.price-brand-select{height:40px;border:1px solid #cbdde5;border-radius:8px;padding:0 10px;background:#fff;font:400 14px Pretendard,sans-serif}
/* Rails 에서 추가된 계정·지점 관리 화면 (원본 settings-v2 톤을 따른다) */
.settings-studio-select,.settings-filter-select{margin-bottom:12px}
.settings-filter-select{height:34px;border:1px solid #cbdde5;border-radius:6px;padding:0 8px;background:#fff;font:400 13px Pretendard,sans-serif}
.account-edit-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:end;border:0;margin:0;padding:16px 18px}
.account-edit-grid label{display:grid;gap:5px;font-size:13px;color:#516973}
.account-edit-grid :is(input:not([type=checkbox]),select){height:36px;border:1px solid #cbdde5;border-radius:6px;padding:0 10px;background:#fff;font:400 14px Pretendard,sans-serif;color:#263d48}
.account-edit-grid .account-active-toggle{display:flex;align-items:center;gap:8px;height:36px}
.permission-card-footer{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid #e7edef}
.permission-master-note{padding:14px 18px;color:#516973;font-size:14px;margin:0}
.account-issue-form{padding:18px}
.account-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.account-issue-grid label{display:grid;gap:5px;font-size:13px;color:#516973}
.account-issue-grid :is(input,select){height:38px;border:1px solid #cbdde5;border-radius:6px;padding:0 10px;font:400 14px Pretendard,sans-serif}
.studio-admin-list{display:grid;gap:8px;padding:12px 16px}
.studio-admin-row{display:grid;grid-template-columns:40px minmax(0,1.2fr) minmax(0,1fr) 90px 70px 70px;gap:8px;align-items:center}
.studio-admin-row :is(input:not([type=checkbox]):not([type=color]),select){height:34px;border:1px solid #cbdde5;border-radius:6px;padding:0 8px;font:400 13px Pretendard,sans-serif;min-width:0}
.studio-admin-row input[type=color]{width:36px;height:34px;border:1px solid #cbdde5;border-radius:6px;padding:2px;background:#fff}
.studio-admin-row button{height:34px;border:1px solid #cbdde5;background:#fff;border-radius:6px;font:500 13px Pretendard,sans-serif}
.studio-admin-row.is-new{padding-top:8px;border-top:1px dashed #d8e3e7}
.studio-admin-grid{grid-template-columns:1fr!important}
.assistant-pending-note{margin:10px 20px 0;font-size:12px;color:#7b8a91}
.staff-identity-link{border:0;background:transparent;padding:0;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer;font:inherit}
.staff-identity-link small{color:#7b8a91;font-size:11px}
.recruitment-all-link{margin-top:10px;width:100%;height:40px;border:1px solid #d6e2e6;background:#fff;border-radius:8px}
.settings-v2-card>header .settings-filter-select{width:auto;max-width:240px;flex:0 0 auto}
/* 원본 CSS 우선순위 문제: `.cw button:hover` 가 주 버튼 배경을 연하게 덮어 흰 글씨가 묻힌다 */
:is(.cw,.cw-dialog) button.cw-primary:hover:not(:disabled){background:#1d5a4e;border-color:#1d5a4e;color:#fff}
