/* Shared controls. Preserve existing layout, actions and content. */
:root{--action-accent:#c4ff42;--action-border:rgba(184,222,179,.23);--action-ink:#f0f6f2;--action-radius:14px}
.btn,.btn.ghost,.btn.white,.cta .btn{
 background:radial-gradient(ellipse at 15% 0%,rgba(196,255,66,.055),transparent 70%),linear-gradient(160deg,#1b2937,#111c29);
 border:1px solid var(--action-border);border-radius:var(--action-radius);color:var(--action-ink);
 min-height:46px;line-height:1.35;font-weight:650;letter-spacing:-.01em;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.16);
 transition:background .18s,border-color .18s,box-shadow .18s,transform .18s,color .18s;
 -webkit-tap-highlight-color:transparent;touch-action:manipulation
}
.btn.lime,.cta .btn{
 background:linear-gradient(145deg,#d5ff79,#bcf548 58%,#afe333);border-color:#c4f969;color:#142006;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(70,95,8,.16),0 5px 18px rgba(173,234,48,.12)
}
.btn.small{border-radius:11px;min-height:38px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 10px rgba(0,0,0,.12)}
.btn.danger,.btn[data-action="remove-device"]{
 background:linear-gradient(145deg,#322529,#201b25);border-color:rgba(255,156,139,.26);color:#ffc0af;
 box-shadow:inset 0 1px 0 rgba(255,208,193,.055),0 3px 12px rgba(0,0,0,.13)
}
:is(.tab,.guide-tab,.cabinet-platform,.cabinet-app,.subscription-preview-tabs button,.subscription-emoji-grid button){
 border:1px solid rgba(172,204,185,.12);background:linear-gradient(155deg,rgba(35,50,63,.8),rgba(15,26,37,.8));color:#b8c8c8;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:background .18s,border-color .18s,box-shadow .18s,color .18s;
 touch-action:manipulation;-webkit-tap-highlight-color:transparent
}
:is(.tab.active,.guide-tab.active,.subscription-preview-tabs button[aria-pressed="true"]){
 background:linear-gradient(145deg,#d5ff79,#bbf348);border-color:#c4f969;color:#142006;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 12px rgba(170,230,49,.1);font-weight:700
}
.cabinet-platform.active,.cabinet-app.active{
 background:radial-gradient(ellipse at 15% 0%,rgba(196,255,66,.14),transparent 80%),linear-gradient(145deg,#21352c,#162625);
 border-color:rgba(196,255,66,.55);color:#eaffca;box-shadow:inset 0 1px 0 rgba(217,255,151,.1),0 0 16px rgba(184,243,74,.04)
}
.cabinet-nav a{border:1px solid transparent;box-shadow:none;transition:background .18s,border-color .18s,color .18s}
.cabinet-nav a[aria-current="page"],.cabinet-nav a[aria-current="page"]:hover{
 background:linear-gradient(145deg,#d5ff79,#bbf348);border-color:#c4f969;color:#142006;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 12px rgba(169,228,50,.12)
}
.store-badge{background:linear-gradient(145deg,#1b2937,#111c29);border-color:var(--action-border);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.link-btn{color:#baccc8;text-underline-offset:4px;transition:color .18s}
.link-btn.cabinet-trial,.link-btn.cabinet-copy-fallback{color:var(--action-accent)}
.close{border:1px solid rgba(186,211,190,.18);background:linear-gradient(145deg,#22303b,#15212d);color:#c4d4cf;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:background .18s,color .18s,border-color .18s}
:is(.btn,.tab,.guide-tab,.cabinet-platform,.cabinet-app,.subscription-preview-tabs button,.subscription-emoji-grid button,.cabinet-nav a,.store-badge,.link-btn,.close):focus-visible{
 outline:2px solid var(--action-accent);outline-offset:4px
}
@media(hover:hover) and (pointer:fine){
 .btn:hover,.btn.ghost:hover,.btn.white:hover{background:radial-gradient(ellipse at 15% 0%,rgba(196,255,66,.12),transparent 75%),linear-gradient(160deg,#243746,#152431);border-color:rgba(196,255,66,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 7px 20px rgba(0,0,0,.2);transform:translateY(-1px)}
 .btn.lime:hover,.cta .btn:hover{background:linear-gradient(145deg,#e0ff91,#caff60 58%,#bbed48);border-color:#d3ff82;color:#142006;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 7px 22px rgba(173,234,48,.18)}
 .btn.danger:hover,.btn[data-action="remove-device"]:hover{background:linear-gradient(145deg,#422c30,#2b2029);border-color:rgba(255,156,139,.5);color:#ffd2c5}
 :is(.tab,.guide-tab,.cabinet-platform,.cabinet-app,.subscription-preview-tabs button,.subscription-emoji-grid button):not(.active):not([aria-pressed="true"]):hover{border-color:rgba(196,255,66,.35);background:linear-gradient(145deg,#24352f,#172831);color:#eff9e6}
 .cabinet-nav a:not([aria-current]):hover{background:rgba(196,255,66,.055);border-color:rgba(196,255,66,.16);color:#e5f4db}
 .store-badge:hover{background:linear-gradient(145deg,#243746,#152431);border-color:rgba(196,255,66,.45);transform:translateY(-1px)}
 .link-btn:hover{color:var(--action-accent)}
 .close:hover{background:#273b3b;border-color:rgba(196,255,66,.35);color:var(--action-accent)}
}
.btn:active,.btn.ghost:active,.btn.lime:active,.btn.danger:active,.cta .btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.13)}
:is(.btn,.tab,.guide-tab,.cabinet-platform,.cabinet-app,.subscription-preview-tabs button,.subscription-emoji-grid button,.close):disabled,
:is(.btn,.tab,.guide-tab,.cabinet-platform,.cabinet-app,.link-btn)[aria-disabled="true"]{
 opacity:.48;cursor:not-allowed;transform:none;box-shadow:none;filter:saturate(.55)
}
.nav-right .btn{min-height:44px}
@media(pointer:coarse){.btn.small,.cabinet-device .btn,.subscription-preview-tabs button{min-height:44px}.subscription-emoji-grid button{width:42px;height:42px}.close{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){:is(.btn,.tab,.guide-tab,.cabinet-platform,.cabinet-app,.subscription-preview-tabs button,.subscription-emoji-grid button,.cabinet-nav a,.store-badge,.link-btn,.close){transition:none}.btn:hover,.btn.ghost:hover,.btn.white:hover,.btn.lime:hover,.btn.danger:hover,.cta .btn:hover,.store-badge:hover,.btn:active,.btn.ghost:active,.btn.lime:active,.btn.danger:active,.cta .btn:active{transform:none}}
