/* Dikey kulp 180 derece döndüğü için yarıçaplar dönüş öncesinde ters tanımlanır. */
.right-drawer summary{border-radius:0 18px 18px 0}
@media(max-width:780px){.right-drawer summary{border-radius:0 16px 16px 0}}

html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
.embedded-page-frame{display:block;width:100%;height:calc(100dvh - 125px);min-height:680px;border:0;border-radius:18px;background:#f3f5f9;box-shadow:0 12px 34px #17203a12}
.user-filter-bar{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,1fr);gap:12px;margin-bottom:18px}
.notification-popover-wrap{position:relative;z-index:120;margin:0;padding:0}
.notification-popover-wrap>.notification-bell{display:grid;place-items:center}
.notification-popup{display:block!important;z-index:1000;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-9px) scale(.98);transform-origin:top right;transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}
.notification-popup.notification-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1);transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s}
.notification-popup[hidden]{display:none!important}
.modal{opacity:0;transform:translateY(16px) scale(.975);transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}
.modal[open].popup-visible{opacity:1;transform:translateY(0) scale(1)}
.modal-backdrop{opacity:0;transition:opacity .25s ease}
.modal-backdrop.popup-visible{opacity:1}
.emoji-picker{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(9px) scale(.98);transform-origin:bottom left;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s}
.emoji-picker.popup-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s}
.emoji-picker[hidden]{display:none!important}
.sidebar-dismiss{opacity:0;transition:opacity .22s ease}
.sidebar-dismiss.popup-visible{opacity:1}
@media(max-width:760px){.emoji-picker{transform:translate(-50%,9px) scale(.98);transform-origin:bottom center}.emoji-picker.popup-visible{transform:translate(-50%,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.notification-popup,.modal,.modal-backdrop,.emoji-picker{transition-duration:.01ms!important}}
@media(max-width:700px){.user-filter-bar{grid-template-columns:1fr}.embedded-page-frame{height:calc(100dvh - 95px);min-height:560px}}
@media(max-width:780px){
  input,select,textarea,button{font-size:16px}
  .login-screen,.portal-login-screen{width:100%;min-height:100dvh;padding:16px}
  .login-card,.portal-login-card,.application-card{width:100%;max-width:520px;margin-inline:auto}
  .app-shell,.portal-shell,.main-content,.portal-main{max-width:100vw}
}