/* Shared learning dialogs. Scoped to preserve the V52 layout. */
.learning-dialog-v53,.learning-v53{font-family:RubikLocal,Rubik,Arial,sans-serif;color:var(--text,#48392b);direction:rtl;}
.learning-dialog-v53{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:85dvh;padding:24px;background:var(--surface,#fff9ee);border:1px solid var(--surface-line,#dec6aa);border-radius:24px;box-shadow:0 24px 80px #0005;overflow:auto;}
.learning-dialog-v53::backdrop{background:#1619219c;backdrop-filter:blur(4px);}
.learning-dialog-v53 header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.learning-dialog-v53 h2{margin:0;font-size:23px;line-height:1.4;}
.learning-dialog-v53 h3{margin:18px 0 10px;}
.learning-dialog-v53 p,.learning-v53 p{line-height:1.7;}
.learning-dialog-v53 label{display:grid;gap:8px;margin:16px 0;font-weight:600;font-size:14px;}
.learning-dialog-v53 :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:16px;padding:12px;border:1px solid var(--surface-line,#dec6aa);border-radius:12px;background:var(--surface-2,#f8efe1);color:var(--text,#48392b);}
.learning-dialog-v53 textarea{min-height:110px;resize:vertical;}
.learning-dialog-v53 .learning-check{display:flex;align-items:flex-start;gap:10px;line-height:1.65;}
.learning-dialog-v53 .learning-check input{width:19px;height:19px;min-height:19px;flex:0 0 19px;margin-top:3px;accent-color:#4c7fab;}
.learning-dialog-v53 button,.learning-v53 button{font:600 14px/1.5 RubikLocal,Rubik,Arial,sans-serif;min-height:44px;padding:10px 14px;margin:4px 0;cursor:pointer;color:var(--text,#48392b);background:var(--surface-2,#f4e9d7);border:1px solid var(--surface-line,#dec6aa);border-radius:12px;}
.learning-dialog-v53 .learning-primary{background:#356a89;color:#fff;border-color:#356a89;}
.learning-dialog-v53 button:disabled{opacity:.55;cursor:wait;}
.learning-dialog-v53 :focus-visible,.learning-v53 :focus-visible{outline:3px solid #4c91c4;outline-offset:3px;}
.learning-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.learning-hint{font-size:12px;color:var(--text-muted,#74695c);line-height:1.6;}
.learning-error{color:var(--error-ink,#a33e37);font-size:13px;line-height:1.6;}
.learning-card{padding:16px;margin:12px 0;border:1px solid var(--surface-line,#dec6aa);border-radius:16px;background:var(--surface-2,#f8efe1);overflow-wrap:anywhere;}
.learning-card p{white-space:pre-wrap;}.learning-card button{margin-inline-end:8px;}
.review-carousel-v53{box-sizing:border-box;width:min(480px,100%);margin:18px auto 0;padding:20px;background:var(--surface,#fff9ee);border:1px solid var(--surface-line,#dec6aa);border-radius:22px;text-align:right;}
.review-carousel-v53 blockquote{margin:12px 0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
.review-stars{color:#bf8320;font-size:23px;letter-spacing:3px;}
html[data-theme="dark"] .review-stars{color:#f2c66d;}
.notification-status-v53{padding:12px 14px;border-radius:12px;background:var(--surface-2,#f3eada);font-size:13px;line-height:1.7;}
.notification-status-v53[data-state="success"]{border-inline-start:3px solid #3d9b78;}
.notification-status-v53[data-state="error"]{border-inline-start:3px solid #c56353;}
.notification-unread-v53{display:inline-block;margin-inline-start:7px;padding:2px 7px;border-radius:99px;background:#457fa3;color:#fff;font-size:11px;}
html[data-theme] #siteMenuDrawer #cloudAccountButton .menu-icon{background:#e6edff!important;border-color:#b5c6ed!important;}
html[data-theme] #siteMenuDrawer #merkazUpdatesButton .menu-icon{background:#fff0d2!important;border-color:#e4c48b!important;}
html[data-theme] #siteMenuDrawer #drawerSyncButton .menu-icon{background:#dff6ef!important;border-color:#a5d7c8!important;}
html[data-theme] #siteMenuDrawer #merkazAdminButton .menu-icon{background:#f1e4ff!important;border-color:#d3b5ed!important;}
html[data-theme="dark"] #siteMenuDrawer #cloudAccountButton .menu-icon{background:#293e60!important;border-color:#526fa0!important;}
html[data-theme="dark"] #siteMenuDrawer #merkazUpdatesButton .menu-icon{background:#504128!important;border-color:#89703e!important;}
html[data-theme="dark"] #siteMenuDrawer #drawerSyncButton .menu-icon{background:#264d42!important;border-color:#4a8e78!important;}
html[data-theme="dark"] #siteMenuDrawer #merkazAdminButton .menu-icon{background:#483159!important;border-color:#80599d!important;}
html[data-theme] #siteMenuDrawer .menu-icon[data-colorful-v53] svg{width:25px;height:25px;}
@media(max-width:520px){.learning-dialog-v53{padding:18px;}.learning-dialog-v53 h2{font-size:20px;}}