/* Compact Skill activity and social controls. */
.skill-action-card{padding:0!important;overflow:hidden}
.skill-action-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px 13px;border-bottom:1px solid var(--line)}
.skill-action-head div{display:grid;gap:3px}.skill-action-head small{color:rgba(214,83,88,.7);font:700 7px/1 "JetBrains Mono",monospace;letter-spacing:.14em}.skill-action-head h2{margin:0;font-size:14px;font-weight:650}.skill-action-head>span{padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px}
.metric-card .metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.metric-card .metric-grid>div{display:grid;gap:5px;min-width:0;padding:12px 16px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric-card .metric-grid>div:nth-child(2n){border-right:0}.metric-card .metric-grid dt{font-size:9px}.metric-card .metric-grid dd{overflow:hidden;font:700 12px/1.3 "JetBrains Mono",monospace;text-overflow:ellipsis;white-space:nowrap}
.skill-engagement-group{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}
.skill-engagement-group>span{color:rgba(223,220,201,.38);font:700 8px/1 "JetBrains Mono",monospace;letter-spacing:.08em}.skill-engagement-group .moke-engagement-label{display:none}.skill-engagement-group .moke-engagement-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-height:0}.skill-engagement-group .moke-engagement button{display:grid;grid-template-columns:auto auto;grid-template-rows:auto;justify-content:center;gap:5px;min-width:0;min-height:34px;padding:6px 5px;border-radius:8px}.skill-engagement-group .moke-engagement button i{grid-row:auto;font-size:10px}.skill-engagement-group .moke-engagement button b{font-size:10px}.skill-engagement-group .moke-engagement button small{display:none}.skill-engagement-group .moke-engagement-feedback{display:none}
.skill-social-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 12px 8px}.skill-social-actions button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(223,220,201,.025);color:var(--paper);font:inherit;text-align:left;transition:.18s ease}.skill-social-actions button:hover{border-color:rgba(223,220,201,.32);background:rgba(223,220,201,.07)}.skill-social-actions button i{color:rgba(214,83,88,.8);font-style:normal}.skill-social-actions button span{font-size:10px}.skill-social-actions button b{font:700 10px "JetBrains Mono",monospace}.skill-social-actions button.active{border-color:rgba(183,0,0,.42);background:rgba(183,0,0,.09)}.skill-social-actions #starSkill.active i{color:#e66f75}
.skill-rating-group{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;margin:0 12px;padding:10px 0;border-top:1px solid rgba(223,220,201,.09)}.skill-rating-group>header{display:grid;gap:3px}.skill-rating-group>header span{font-size:9px}.skill-rating-group>header b{color:var(--muted);font-size:8px;font-weight:400}.skill-rating-group .rating{justify-content:flex-end;gap:1px;margin:0}.skill-rating-group .rating button{width:27px;height:28px;padding:0;border-radius:6px;font-size:17px;transition:.15s ease}.skill-rating-group .rating button:hover{background:rgba(255,198,42,.08);transform:translateY(-1px)}
.skill-social-actions .busy,.skill-rating-group .busy{pointer-events:none;opacity:.55}.skill-social-feedback{min-height:14px;margin:0;padding:0 12px 10px;color:rgba(214,83,88,.8);font-size:8px}.skill-social-feedback.error{color:#e68c8c}
@media(max-width:850px){.skill-action-card{max-width:420px}.skill-engagement-group{grid-template-columns:64px minmax(0,1fr)}}
@media(max-width:380px){.skill-engagement-group{grid-template-columns:1fr}.skill-social-actions{grid-template-columns:1fr}.skill-rating-group{grid-template-columns:1fr}.skill-rating-group .rating{justify-content:flex-start}}