button.action-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;min-width:62px;min-height:62px;padding:15px;border-radius:19px;vertical-align:middle;overflow:visible}
button.action-icon svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
button.action-icon:focus{z-index:3}
button.action-icon:focus::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 17px);left:50%;transform:translateX(-50%);padding:8px 14px;border:1px solid #ffffff38;border-radius:12px;background:#122e39f5;color:#fff;font:500 18px/1.5 Tajawal,sans-serif;white-space:nowrap;box-shadow:0 8px 30px #0005;pointer-events:none}
#home .dock{gap:16px;padding:13px;border-radius:27px}
#home .dock button.action-icon{width:66px;height:66px;min-width:66px;min-height:66px;padding:17px;border-radius:19px;font-size:inherit}
#home .appointment button.action-icon{width:46px;height:46px;min-width:46px;min-height:46px;padding:10px;border-radius:14px}
#home .appointment button.action-icon svg{width:24px;height:24px}
.panel-head button.action-icon{flex-shrink:0}.row button.action-icon{margin:8px}
.modal button.action-icon{margin:14px}.panel-content button.action-icon{margin:8px}
@media(max-height:800px){#home .dock{padding:10px;gap:13px}#home .dock button.action-icon{width:52px;height:52px;min-width:52px;min-height:52px;padding:12px;border-radius:16px}button.action-icon{width:54px;height:54px;min-width:54px;min-height:54px;padding:12px}button.action-icon:focus::after{font-size:16px}#home .appointment button.action-icon{width:38px;height:38px;min-width:38px;min-height:38px;padding:7px}}