/*! 悦管公寓管理系统 · 统一三态与交互反馈样式（四端共用）
 *  canonical: shared/css/yg-ui.css —— 由 tools/sync-api-client.js 同步到各端 assets/css/
 *  与 yg-api.js 的 YG.ui 配套：loading / empty / error / toast / skeleton
 *  设计令牌取自原型：--primary #FF7A45 · --ink #2A2320 · --muted #927F73 · --line #F0E3D8
 */
.yg-state{padding:34px 16px;text-align:center;font-size:13.5px;line-height:1.9;color:#927F73}
.yg-state .yg-spin{display:inline-block;width:15px;height:15px;margin-right:7px;vertical-align:-2px;
  border:2px solid #FFEDE2;border-top-color:#FF7A45;border-radius:50%;animation:ygspin .7s linear infinite}
@keyframes ygspin{to{transform:rotate(360deg)}}
.yg-empty{color:#927F73}
.yg-err{color:#A32D2D}
.yg-err.yg-warn{color:#96660A}
.yg-err.yg-info{color:#3B6FD4}
.yg-err-msg{font-weight:600}
.yg-err-code{margin-top:3px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;opacity:.7}
.yg-state button{margin-top:12px;padding:6px 16px;font:inherit;font-weight:600;font-size:12.5px;
  color:#D8510E;background:#FFF3EB;border:1px solid #FFEDE2;border-radius:9px;cursor:pointer}
.yg-state button:hover{background:#FFEDE2}

/* 骨架屏（列表页首屏用，避免布局跳动） */
.yg-skel{background:#F5EDE7;border-radius:8px;animation:ygsheen 1.2s ease-in-out infinite}
@keyframes ygsheen{0%,100%{opacity:1}50%{opacity:.55}}
.yg-skel-row{height:66px;margin:9px 0}

/* 行内提示条（边界态用：楼栋码不存在 / 租户停用 / 越权） */
.yg-banner{display:flex;gap:8px;align-items:flex-start;margin:10px 0;padding:10px 13px;font-size:12.5px;
  line-height:1.7;border-radius:11px;border:1px solid #F0E3D8;background:#FFF3EB;color:#8A5A32}
.yg-banner.info{background:#E8F0FE;border-color:#D6E3FB;color:#3B6FD4}
.yg-banner.warn{background:#FDF1DC;border-color:#F5E0B8;color:#96660A}
.yg-banner.danger{background:#FCEBEB;border-color:#F6D5D5;color:#A32D2D}
.yg-banner b{font-weight:700}

/* 整屏阻断（租户已停用等不可继续的场景） */
.yg-block{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:12px;padding:38px 26px;text-align:center;background:#FBF6F1;color:#2A2320}
.yg-block h2{font-size:17px;font-weight:800}
.yg-block p{font-size:13px;color:#927F73;line-height:1.85;max-width:340px}

/* 「演示数据」角标：接口未就绪回退样例时点亮。
   为什么必须有：静默回退 = 演示数据被当成真实数据验收，是比报错更危险的失败模式。 */
.yg-mockbadge{position:fixed;right:10px;top:10px;z-index:960;display:none;padding:4px 10px;font-size:11.5px;
  line-height:1.6;color:#96660A;background:#FDF1DC;border:1px solid #F5E0B8;border-radius:20px;
  box-shadow:0 1px 4px rgba(150,102,10,.12)}
.yg-mockbadge.on{display:block}