/* PR4 legacy inline-style map.
   Temporary compatibility layer for migrated inline style replacements.
   Do not add new rules here; move rules to semantic components/pages CSS in PR5. */
.v4-inline-001 { font-weight: bold; font-size: 20px; margin-bottom: 30px; color: var(--accent-green); }
.v4-inline-002 { font-weight: bold; color: var(--accent-green); }
.v4-inline-003 { margin-top: 15px; padding: 15px; background: rgba(139, 168, 136, 0.1); border-radius: 8px; }
.v4-inline-004 { margin: 0 0 10px 0; }
.v4-inline-005 { display: flex; gap: 10px; flex-wrap: wrap; }
.v4-inline-006 { margin-top:0; font-size: 14px; padding: 8px 16px; }
.v4-inline-007 { margin-top:0; font-size: 14px; padding: 8px 16px; background: #fff; color: var(--accent-green); border: 1px solid var(--accent-green); }
.v4-inline-008 { margin-top: 10px; margin-bottom: 20px; }
.v4-inline-009 { margin: 5px 0 0 0; padding-left: 20px; }
.v4-inline-010 { margin: 0; color: var(--primary-color); }
.v4-inline-011 { margin: 4px 0 0; }
.v4-inline-012 { padding: 0 20px; }
.v4-inline-013 { vertical-align: middle; margin-right: 4px; }
.v4-inline-014 { width:1px; background:#eee; margin:2px 4px; }
.v4-inline-015 { text-align:center; padding:20px; color:#666; }
.v4-inline-016 { padding: 15px 20px 5px; display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.v4-inline-017 { margin: 0; font-size: 1.1rem; color: var(--text-primary); white-space: nowrap; }
.v4-inline-018 { font-size: 0.9rem; color: var(--text-secondary); font-weight: 400; }
.v4-inline-019 { display: flex; align-items: center; background: #fff; padding: 8px 16px; border-radius: 12px; border: 1px solid var(--border-color); box-shadow: 0 2px 6px rgba(0,0,0,0.02); flex: 1; max-width: 400px; }
.v4-inline-020 { color: var(--text-secondary); margin-right: 8px; font-size: 1.2rem; }
.v4-inline-021 { border: none; outline: none; flex: 1; font-size: 0.9rem; color: var(--text-primary); background: transparent; }
.v4-inline-022 { text-align: center; padding: 40px 20px 20px; }
.v4-inline-023 { margin: 0; color: var(--primary-color); font-size: 1.5rem; font-weight: 700; }
.v4-inline-024 { margin: 8px 0 0; color: var(--text-secondary); font-size: 0.9rem; }
.v4-inline-025 { padding: 20px 20px 20px; text-align: center; }
.v4-inline-026 { display: inline-flex; align-items: center; background: #fff; padding: 8px 16px; border-radius: 50px; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0,0,0,0.03); margin-bottom: 15px; }
.v4-inline-027 { color: var(--primary-color); margin-right: 10px; font-size: 1.2rem; }
.v4-inline-028 { border: none; outline: none; font-size: 1rem; color: var(--text-primary); cursor: pointer; background: transparent; }
.v4-inline-029 { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.v4-inline-030 { margin-bottom: 0; padding: 6px 15px; font-size: 0.85rem; }
.v4-inline-031 { margin-top: 0; }
.v4-inline-032 { display: flex; justify-content: center; align-items: center; gap: 15px; background: rgba(99, 126, 96, 0.05); padding: 12px; border-radius: 12px; border: 1px solid rgba(99, 126, 96, 0.1); flex-wrap: wrap; }
.v4-inline-033 { display: flex; align-items: center; gap: 5px; }
.v4-inline-034 { font-size: 0.9rem; color: var(--text-secondary); }
.v4-inline-035 { display: flex; align-items: center; cursor: pointer; font-size: 0.9rem; color: var(--text-primary); font-weight: 500; }
.v4-inline-036 { margin-right: 6px; accent-color: var(--primary-color); }
.v4-inline-037 { width:1px; height:20px; background:var(--border-color); display: none; }
.v4-inline-038 { display: inline-flex; align-items: center; gap: 10px; background: #fff; padding: 4px 12px; border-radius: 50px; border: 1px solid var(--border-color); }
.v4-inline-039 { font-size: 0.8rem; color: var(--text-secondary); }
.v4-inline-040 { border: none; outline: none; font-size: 0.85rem; color: var(--text-primary); cursor: pointer; background: transparent; }
.v4-inline-041 { margin-bottom: 0; padding: 4px 12px; font-size: 0.75rem; border-style: dashed; opacity: 0.8; }
.v4-inline-042 { margin-top: 25px; text-align: center; }
.v4-inline-043 { width: 100%; max-width: 200px; padding: 12px 24px; font-size: 1.05rem; box-shadow: 0 4px 12px rgba(99, 126, 96, 0.2); }
.v4-inline-044 { margin-right: 8px; vertical-align: middle; }
.v4-inline-045 { padding: 20px; }
.v4-inline-046 { font-size: 0.9rem; vertical-align: middle; }
.v4-inline-047 { text-align: center; padding: 40px 20px 10px; }
.v4-inline-048 { padding: 0 20px 20px; }
.v4-inline-049 { padding: 20px 20px 10px; display: flex; align-items: center; justify-content: space-between; }
.v4-inline-050 { display: flex; align-items: center; gap: 10px; }
.v4-inline-051 { background: none; border: none; cursor: pointer; padding: 5px; }
.v4-inline-052 { margin: 0; font-size: 1.5rem; }
.v4-inline-053 { padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; display: flex; align-items: center; gap: 5px; }
.v4-inline-054 { font-size: 1.2rem; }
.v4-inline-055 { padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; }
.v4-inline-056 { padding: 0 20px 15px; }
.v4-inline-057 { display: flex; gap: 8px; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
.v4-inline-058 { padding: 6px 16px; border-radius: 20px; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; font-weight: 500; color: var(--text-secondary); }
.v4-inline-059 { padding: 0 15px 100px; }
.v4-inline-060 { max-width: 500px; width: 90%; border-radius: 24px; }
.v4-inline-061 { padding: 20px; border-bottom: 1px solid #f5f5f5; display: flex; justify-content: space-between; align-items: center; }
.v4-inline-062 { margin:0; font-size: 1.2rem; }
.v4-inline-063 { background:none; border:none; cursor:pointer; }
.v4-inline-064 { padding: 20px; max-height: 70vh; overflow-y: auto; }
.v4-inline-065 { font-weight: 600; color: #666; }
.v4-inline-066 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.v4-inline-067 { padding: 15px; border: 2px solid var(--primary-color); border-radius: 12px; text-align: center; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 5px; }
.v4-inline-068 { color: var(--primary-color); }
.v4-inline-069 { font-weight: 600; }
.v4-inline-070 { padding: 15px; border: 2px solid #eee; border-radius: 12px; text-align: center; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 5px; }
.v4-inline-071 { color: #666; }
.v4-inline-072 { margin-top: 20px; }
.v4-inline-073 { margin-top: 15px; }
.v4-inline-074 { font-weight: 600; color: #666; display: block; margin-bottom: 8px; }
.v4-inline-075 { width: 100%; padding: 12px; border: 1px solid #eee; border-radius: 12px; margin-top: 8px; background: white; box-sizing: border-box; }
.v4-inline-076 { display: none; margin-top: 15px; opacity: 0.6; }
.v4-inline-077 { font-size:0.8em; color:#fff; background:#999; padding:2px 6px; border-radius:4px; margin-left:5px; }
.v4-inline-078 { width: 100%; padding: 12px; border: 1px solid #eee; border-radius: 12px; margin-top: 8px; box-sizing: border-box; background-color: #f5f5f5; cursor: not-allowed; }
.v4-inline-079 { margin-top: 10px; }
.v4-inline-080 { padding: 20px; border-top: 1px solid #f5f5f5; display: flex; gap: 10px; }
.v4-inline-081 { flex: 1; padding: 12px; border-color: #eee; border-radius: 12px; }
.v4-inline-082 { flex: 1; padding: 12px; border-radius: 12px; background: var(--primary-color); color: white; border: none; font-weight: 600; cursor: pointer; }
.v4-inline-083 { color: var(--text-secondary); }
.v4-inline-084 { border:0; border-top:1px dashed #eee; margin:20px 0; }
.v4-inline-085 { text-align:center; padding:20px; color:#999; }
.v4-inline-086 { font-size:48px; opacity:0.2; }
.v4-inline-087 { font-size:0.8rem; }
.v4-inline-088 { font-size:14px; }
.v4-inline-089 { text-align:center; color:red; padding:20px; }
.v4-inline-090 { text-align:center; padding:50px; color:#888; }
.v4-inline-091 { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(99, 126, 96, 0.1); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); font-family: 'Inter', sans-serif; }
.v4-inline-092 { color: #6B7280; font-size: 0.75rem; margin-bottom: 4px; font-weight: 500; }
.v4-inline-093 { display: flex; align-items: center; gap: 8px; }
.v4-inline-094 { font-size: 1.1rem; font-weight: 700; color: #1F2937; }
.v4-inline-095 { font-size: 0.75rem; color: #9CA3AF; font-weight: 400; }
.v4-inline-096 { padding:20px; text-align:center; color:#999; }
.v4-inline-097 { display:none; }
.v4-inline-098 { font-size:1.05rem; font-weight:700; color:#1c1c1e; }
.v4-inline-099 { color:#6e6e73; font-size:0.9rem; }
.v4-inline-100 { flex-shrink:0; padding: 0 18px; }
.v4-inline-101 { font-size:18px; }
.v4-inline-102 { flex:1; }
.v4-inline-103 { text-align:center; padding:50px 20px; }
.v4-inline-104 { font-size:60px; margin-bottom:20px; }
.v4-inline-105 { color:#333; margin-bottom:10px; }
.v4-inline-106 { color:#666; margin-bottom:30px; max-width:400px; margin-left:auto; margin-right:auto; }
.v4-inline-107 { padding:12px 30px; font-size:16px; }
.v4-inline-108 { font-size: 0.85em; color: #666; margin-top: 4px; }
.v4-inline-109 { font-size: 0.85em; color: #666; }
.v4-inline-110 { margin-left:auto; display:flex; align-items:center; gap:6px; }
.v4-inline-111 { font-size:0.8rem; color:#475569; }
.v4-inline-112 { width:100%; height:100%; object-fit:cover; }
.v4-inline-113 { color:var(--primary-color); }
.v4-inline-114 { background:white; padding:20px; border-radius:12px; width:90%; max-width:500px; text-align:center; }
.v4-inline-115 { margin-top:0; }
.v4-inline-116 { height:300px; background:#eee; margin-bottom:20px; }
.v4-inline-117 { max-width:100%; max-height:100%; }
.v4-inline-118 { display:flex; justify-content:center; gap:15px; }
.v4-inline-119 { padding:8px 20px; background:var(--primary-color); color:white; border:none; border-radius:6px; cursor:pointer; }
.v4-inline-120 { padding:8px 20px; background:#eee; color:#333; border:none; border-radius:6px; cursor:pointer; }
.v4-inline-121 { margin-top:10px; color:#666; font-size:0.9em; }
.v4-inline-122 { padding:40px; text-align:center; color:#999; }
.v4-inline-123 { padding:40px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:20px; background:rgba(99, 126, 96, 0.02); border-radius:24px; margin-top:20px; border:1px solid rgba(99, 126, 96, 0.05); }
.v4-inline-124 { display:flex; align-items:center; gap:15px; }
.v4-inline-125 { color:var(--primary-color); font-weight:600; font-size:1.1rem; }
.v4-inline-126 { width:100%; max-width:400px; }
.v4-inline-127 { margin-bottom: 8px; display: flex; justify-content: space-between; font-size:0.85rem; color:var(--text-secondary); }
.v4-inline-128 { background: rgba(0,0,0,0.05); border-radius: 50px; height: 10px; overflow: hidden; border:1px solid rgba(0,0,0,0.02); }
.v4-inline-129 { background: var(--primary-color); height: 100%; width: 0%; transition: width 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); box-shadow: 0 0 10px rgba(99, 126, 96, 0.2); }
.v4-inline-130 { color:var(--text-secondary); font-size:0.85rem; }
.v4-inline-131 { cursor:pointer; color:var(--primary-color); font-weight:600; text-decoration:underline; }
.v4-inline-132 { color:var(--primary-color); font-size:1.3rem; margin:0 4px; }
.v4-inline-133 { padding:40px; text-align:center; color:#888; }
.v4-inline-134 { color:red; padding:20px; text-align:center; }
.v4-inline-135 { margin-bottom:15px; padding:10px; background:#f0f7ff; border-radius:8px; border-left:4px solid var(--primary-color); }
.v4-inline-136 { font-size:1.1em; font-weight:600; color:var(--primary-color); margin-bottom:5px; }
.v4-inline-137 { background:#f8f9fa; padding:15px 20px; border-radius:8px; margin-bottom:15px; border:1px solid #e0e0e0; }
.v4-inline-138 { display:flex; flex-wrap:wrap; gap:20px; align-items:center; }
.v4-inline-139 { display:flex; align-items:center; gap:6px; cursor:pointer; font-size:0.9em; }
.v4-inline-140 { display:flex; align-items:center; gap:8px; }
.v4-inline-141 { font-size:0.9em; font-weight:600; color:#666; }
.v4-inline-142 { padding:6px 12px; border:1px solid #ddd; border-radius:6px; font-size:0.85em; }
.v4-inline-143 { padding:6px 12px; border:1px solid #ddd; border-radius:6px; font-size:0.85em; width:150px; }
.v4-inline-144 { text-align:center; color:#999; font-size:0.85em; }
.v4-inline-145 { cursor:pointer; color:var(--primary-color); font-weight:600; }
.v4-inline-146 { color:#e67e22; font-weight:bold; }
.v4-inline-147 { text-align:center; padding:40px; color:#999; }
.v4-inline-148 { padding:40px; text-align:center; }
.v4-inline-149 { padding:40px; text-align:center; color:red; }
.v4-inline-150 { display:flex; justify-content:space-between; align-items:flex-end; }
.v4-inline-151 { display:flex; gap:12px; }
.v4-inline-152 { display:flex; align-items:center; background:#fff; padding:6px 14px; border-radius:50px; border:1px solid var(--border-color); cursor:pointer; font-size:0.85rem; color:var(--text-secondary); white-space:nowrap; flex-shrink:0; }
.v4-inline-153 { margin-right:6px; }
.v4-inline-154 { width:1px; height:20px; background:var(--border-color); margin:0 4px; }
.v4-inline-155 { font-size:0.85rem; color:var(--text-secondary); margin-right:4px; white-space:nowrap; }
.v4-inline-156 { display:inline-flex; align-items:center; background:#fff; padding:4px 10px; border-radius:50px; border:1px solid var(--border-color); cursor:pointer; font-size:0.8rem; color:var(--text-secondary); margin-bottom:4px; white-space:nowrap; }
.v4-inline-157 { margin-right:4px; }
.v4-inline-158 { width:100%; }
.v4-inline-159 { display:flex; align-items:center; background:#fff; padding:8px 14px; border-radius:50px; border:1px solid var(--border-color); width:100%; }
.v4-inline-160 { font-size:1.1rem; color:var(--primary-color); margin-right:8px; flex-shrink:0; }
.v4-inline-161 { border:none; outline:none; font-size:0.9rem; width:100%; color:var(--text-primary); background:transparent; min-width:0; }
.v4-inline-162 { vertical-align: middle; }
.v4-inline-163 { text-align: center; border-bottom: 1px solid var(--border-color); }
.v4-inline-164 { font-size: 0.85em; color: var(--text-secondary); font-weight: 500; white-space: nowrap; }
.v4-inline-165 { color:var(--primary-color); cursor:pointer; text-decoration:underline; }
.v4-inline-166 { color:var(--text-secondary); }
.v4-inline-167 { font-size:0.8rem; color:#f59e0b; margin-top:4px; display:flex; align-items:center; gap:4px; }
.v4-inline-168 { font-size:1rem; }
.v4-inline-169 { cursor:pointer; }
.v4-inline-170 { text-align:center; padding:40px; color:#999; }
.v4-inline-171 { font-size:48px; margin-bottom:10px; }
.v4-inline-172 { margin-top:10px; }
.v4-inline-173 { width:40px; }
.v4-inline-174 { width:60px; }
.v4-inline-175 { width:16px; height:16px; border-width:2px; border-color:#fff; border-bottom-color:transparent; }
.v4-inline-176 { margin-top:4px; }
.v4-inline-177 { padding: 4px 2px; }
.v4-inline-178 { padding:50px; text-align:center; color:#aaa; }
.v4-inline-179 { display:flex; justify-content:center; padding:40px; }
.v4-inline-180 { padding-top:20px; display:flex; gap:10px; justify-content:flex-end; }
.v4-inline-181 { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.v4-inline-182 { margin:0; font-size:1.2rem; }
.v4-inline-183 { padding:10px; color:#999; text-align:center; }
.v4-inline-184 { max-width:480px; margin:0 auto; padding:20px; }
.v4-inline-185 { text-align:center; margin-bottom:30px; padding:25px 20px; background:linear-gradient(135deg, rgba(99, 126, 96, 0.05) 0%, rgba(99, 126, 96, 0.02) 100%); border-radius:16px; border:1px solid rgba(99, 126, 96, 0.1); }
.v4-inline-186 { font-size:2.5rem; margin-bottom:12px; }
.v4-inline-187 { margin:0 0 12px 0; font-size:1.5rem; color:var(--text-primary); font-weight:700; }
.v4-inline-188 { margin:0; color:var(--text-secondary); font-size:0.95rem; }
.v4-inline-189 { display:flex; gap:10px; margin-bottom:25px; background:#f5f5f5; border-radius:12px; padding:5px; }
.v4-inline-190 { flex:1; padding:12px; border:none; background:white; border-radius:10px; font-weight:600; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.v4-inline-191 { flex:1; padding:12px; border:none; background:transparent; border-radius:10px; font-weight:500; cursor:pointer; color:#666; }
.v4-inline-192 { margin-bottom:15px; }
.v4-inline-193 { font-size:0.9rem; color:#666; margin-bottom:6px; display:block; }
.v4-inline-194 { width:100%; padding:14px 16px; border:1px solid #e0e0e0; border-radius:12px; font-size:1rem; box-sizing:border-box; }
.v4-inline-195 { color:#ff4d4f; font-size:0.9rem; margin-bottom:10px; display:none; }
.v4-inline-196 { width:100%; padding:14px; border:none; background:var(--primary-color); color:white; font-weight:600; border-radius:12px; font-size:1rem; cursor:pointer; }
.v4-inline-197 { margin-bottom:15px; display:flex; justify-content:center; }
.v4-inline-198 { margin:15px 0 0 0; font-size:0.8rem; color:#999; text-align:center; }
.v4-inline-199 { display:flex; align-items:center; margin:30px 0; gap:15px; }
.v4-inline-200 { flex:1; height:1px; background:#e0e0e0; }
.v4-inline-201 { color:#999; font-size:0.85rem; }
.v4-inline-202 { background:#f0f7ff; border:1px solid #d6e4ff; border-radius:12px; padding:16px; text-align:center; }
.v4-inline-203 { margin:0 0 12px 0; color:#666; font-size:0.9rem; }
.v4-inline-204 { background:#fff; padding:2px 8px; border-radius:4px; color:var(--primary-color); }
.v4-inline-205 { background:#1890ff; color:white; border:none; padding:8px 16px; border-radius:8px; cursor:pointer; }
.v4-inline-206 { color:var(--primary-color); }
.v4-inline-207 { text-align:center; margin-bottom:20px; }
.v4-inline-208 { font-size:2rem; margin-bottom:10px; }
.v4-inline-209 { margin:0; color:#666; font-size:0.9rem; }
.v4-inline-210 { margin:5px 0 0 0; font-weight:600; color:#333; }
.v4-inline-211 { width:100%; padding:14px 16px; border:1px solid #e0e0e0; border-radius:12px; font-size:1.2rem; text-align:center; letter-spacing:0.3em; box-sizing:border-box; }
.v4-inline-212 { width:100%; padding:14px; border:none; background:var(--primary-color); color:white; font-weight:600; border-radius:12px; font-size:1rem; cursor:pointer; margin-bottom:10px; }
.v4-inline-213 { width:100%; padding:10px; border:1px solid #ddd; background:white; color:#666; border-radius:12px; cursor:pointer; }
.v4-inline-214 { background:#fff; border-radius:16px; box-shadow:0 4px 20px rgba(0,0,0,0.05); overflow:hidden; }
.v4-inline-215 { padding:30px 20px; text-align:center; background:linear-gradient(180deg, #f9fafb 0%, #fff 100%); border-bottom:1px solid #eee; }
.v4-inline-216 { position:relative; width:88px; height:88px; margin:0 auto 16px; }
.v4-inline-217 { width:100%; height:100%; border-radius:50%; box-shadow:0 4px 12px rgba(0,0,0,0.08); border:3px solid #fff; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.v4-inline-218 { position:absolute; bottom:0; right:0; background:var(--primary-color); color:white; border:2px solid #fff; border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.15); z-index:2; }
.v4-inline-219 { font-size:16px; }
.v4-inline-220 { position:absolute; bottom:0; left:0; background:#fff; color:#666; border:2px solid #edeff2; border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.15); z-index:2; }
.v4-inline-221 { display:none; justify-content:center; margin-bottom:10px; gap:10px; }
.v4-inline-222 { background:var(--primary-color); color:white; border:none; padding:4px 12px; border-radius:20px; font-size:0.8rem; cursor:pointer; display:flex; align-items:center; gap:4px; }
.v4-inline-223 { margin-bottom:8px; display:flex; align-items:center; justify-content:center; gap:8px; }
.v4-inline-224 { margin:0; font-size:1.3rem; font-weight:700; color:#333; }
.v4-inline-225 { font-size:1.1rem; color:#999; cursor:pointer; }
.v4-inline-226 { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.v4-inline-227 { background:#f5f5f5; color:#666; padding:4px 10px; border-radius:20px; font-size:0.75rem; }
.v4-inline-228 { background:#fff7e6; color:#fa8c16; padding:4px 10px; border-radius:20px; font-size:0.75rem; border:1px solid #ffd591; }
.v4-inline-229 { display:none; margin-top:15px; max-width:240px; margin:0 auto; }
.v4-inline-230 { display:flex; gap:8px; }
.v4-inline-231 { flex:1; padding:8px 12px; border:1px solid #ddd; border-radius:8px; font-size:0.9rem; }
.v4-inline-232 { background:var(--primary-color); color:white; border:none; border-radius:8px; padding:0 12px; cursor:pointer; }
.v4-inline-233 { background:#f5f5f5; color:#666; border:none; border-radius:8px; padding:0 12px; cursor:pointer; }
.v4-inline-234 { padding:16px 20px; background:#f9fafb; border-bottom:1px solid #eee; }
.v4-inline-235 { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.v4-inline-236 { margin:0; font-size:0.9rem; color:#666; font-weight:600; }
.v4-inline-237 { display:flex; flex-direction:column; gap:8px; }
.v4-inline-238 { text-align:center; color:#999; padding:10px; }
.v4-inline-239 { padding:24px; }
.v4-inline-240 { margin-bottom:30px; }
.v4-inline-241 { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.v4-inline-242 { margin:0; font-size:1.05rem; color:#333; font-weight:600; }
.v4-inline-243 { font-size:0.85rem; color:#666; margin-bottom:12px; line-height:1.5; }
.v4-inline-244 { border:1px solid #eee; border-radius:12px; overflow:hidden; }
.v4-inline-245 { flex:0 0 30px; display:flex; align-items:center; justify-content:center; margin-right:12px; }
.v4-inline-246 { width:10px; height:10px; border-radius:50%; background:var(--primary-color); }
.v4-inline-247 { flex:0 0 50px; font-weight:600; color:#333; font-size:0.9rem; }
.v4-inline-248 { flex:1; display:flex; gap:12px; justify-content:flex-start; }
.v4-inline-249 { border-top:1px solid #f0f0f0; padding-top:24px; }
.v4-inline-250 { margin:0 0 16px 0; font-size:1.05rem; color:#333; font-weight:600; }
.v4-inline-251 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.v4-inline-252 { background:#f9fafb; padding:16px; border-radius:12px; cursor:pointer; text-align:center; transition:0.2s; }
.v4-inline-253 { color:var(--primary-color); font-size:24px; margin-bottom:8px; }
.v4-inline-254 { font-size:0.9rem; color:#333; font-weight:500; }
.v4-inline-255 { font-size:0.75rem; color:#999; margin-top:4px; }
.v4-inline-256 { background:#f9fafb; padding:16px; border-radius:12px; text-align:center; opacity:0.6; cursor:not-allowed; }
.v4-inline-257 { color:#aaa; font-size:24px; margin-bottom:8px; }
.v4-inline-258 { font-size:0.9rem; color:#aaa; font-weight:500; }
.v4-inline-259 { font-size:0.75rem; color:#ccc; margin-top:4px; }
.v4-inline-260 { padding:20px; text-align:center; }
.v4-inline-261 { color:#ff4d4f; background:none; border:none; padding:10px 20px; font-size:0.95rem; cursor:pointer; display:flex; align-items:center; justify-content:center; width:100%; }
.v4-inline-262 { margin-right:6px; font-size:1.1rem; }
.v4-inline-263 { color:#666; }
.v4-inline-264 { color:#ff4d4f; }
.v4-inline-265 { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:#fff; border-radius:8px; border:1px solid #e8e8e8; }
.v4-inline-266 { display:flex; align-items:center; gap:10px; }
.v4-inline-267 { font-size:1.1rem; }
.v4-inline-268 { color:#666; font-size:0.85rem; }
.v4-inline-269 { background:#e6f7ff; color:#1890ff; padding:2px 8px; border-radius:10px; font-size:0.7rem; }
.v4-inline-270 { margin-top:8px; }
.v4-inline-271 { width:100%; padding:12px; background:#fff; border:2px dashed #1890ff; color:#1890ff; border-radius:8px; cursor:pointer; font-weight:500; display:flex; align-items:center; justify-content:center; gap:8px; }
.v4-inline-272 { text-align:center; color:#ff4d4f; padding:10px; }
.v4-inline-273 { padding:10px; }
.v4-inline-274 { background:#f0f7ff; border:1px solid #d6e4ff; border-radius:12px; padding:20px; margin-bottom:20px; }
.v4-inline-275 { margin:0 0 12px 0; color:#666; line-height:1.6; }
.v4-inline-276 { background:#fff; padding:2px 8px; border-radius:4px; color:#1890ff; font-weight:600; }
.v4-inline-277 { margin:0; color:#999; font-size:0.85rem; }
.v4-inline-278 { color:#1890ff; }
.v4-inline-279 { text-align:center; }
.v4-inline-280 { margin-right:10px; }
.ui-toast-icon { font-size: 18px; }
.ui-toast-icon-success { color: #4ade80; }
.ui-toast-icon-error { color: #f87171; }
.ui-toast-icon-info { color: #60a5fa; }
.dt-hidden { visibility: hidden; }
.hm-tip-dot { width: 8px; height: 8px; border-radius: 50%; }
.hm-tip-dot-active { background: #637E60; }
.hm-tip-dot-inactive { background: #E5E7EB; }
.detail-filter-gap { margin-bottom: 12px; }
.detail-filter-gap-none { margin-bottom: 0; }
.user-level-row { display: flex; align-items: center; padding: 10px 16px; border-bottom: 1px solid #f5f5f5; cursor: pointer; transition: all 0.2s; }
.user-level-row-selected { background: #f6ffed; }
.user-level-row-default { background: #fff; }
.user-level-radio { width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.user-level-radio-selected { border: 2px solid var(--primary-color); }
.user-level-radio-default { border: 2px solid #ddd; }
.user-level-feature { font-size: 0.8rem; display: flex; align-items: center; gap: 2px; }
.user-level-feature-active-selected { color: var(--primary-color); }
.user-level-feature-active { color: #52c41a; }
.user-level-feature-disabled { color: #ddd; }