.icon-action{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ur-border,#eadce3);border-radius:12px;background:var(--ur-surface,#fff);color:var(--ur-text,#34243a);cursor:pointer;padding:0;transition:transform .18s ease,border-color .18s ease}
.icon-action:hover{transform:translateY(-1px);border-color:var(--ur-primary,#c45e86)}
.icon-action:focus-visible{outline:3px solid var(--ur-primary,#c45e86);outline-offset:2px}
.icon-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-action .theme-icon[hidden]{display:none}
.top-actions{align-items:center}
.brand-logo{display:block;width:210px;max-width:34vw;height:auto}
html[dir=rtl] .top-actions{direction:rtl}
html,body,button,input,select,textarea{font-family:"Cairo",sans-serif!important}
@media(max-width:640px){.icon-action{width:38px;height:38px}.brand-logo{width:160px}}