/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.progress{position:relative;}.progress__track{min-width:100px;max-width:100%;height:16px;margin-top:5px;border:1px solid;background-color:#fff;}.progress__bar{width:3%;min-width:3%;max-width:100%;height:16px;background-color:#000;}.progress__description,.progress__percentage{overflow:hidden;margin-top:0.2em;color:#555;font-size:0.875em;}.progress__description{float:left;}[dir="rtl"] .progress__description{float:right;}.progress__percentage{float:right;}[dir="rtl"] .progress__percentage{float:left;}.progress--small .progress__track{height:7px;}.progress--small .progress__bar{height:7px;background-size:20px 20px;}
.ajax-progress{display:inline-block;padding:1px 5px 2px 5px;}[dir="rtl"] .ajax-progress{float:right;}.ajax-progress-throbber .throbber{display:inline;padding:1px 6px 2px;background:transparent url(/core/misc/throbber-active.gif) no-repeat 0 center;}.ajax-progress-throbber .message{display:inline;padding:1px 5px 2px;}tr .ajax-progress-throbber .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.ajax-progress-fullscreen{position:fixed;z-index:1261;top:48.5%;left:49%;width:24px;height:24px;padding:4px;opacity:0.9;border-radius:7px;background-color:#232323;background-image:url(/core/misc/loading-small.gif);background-repeat:no-repeat;background-position:center center;}[dir="rtl"] .ajax-progress-fullscreen{right:49%;left:auto;}
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.fieldgroup{padding:0;border-width:0;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.js details:not([open]) .details-wrapper{display:none;}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.item-list__comma-list,.item-list__comma-list li{display:inline;}.item-list__comma-list{margin:0;padding:0;}.item-list__comma-list li::after{content:", ";}.item-list__comma-list li:last-child::after{content:"";}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.nowrap{white-space:nowrap;}
.position-container{position:relative;}
.reset-appearance{margin:0;padding:0;border:0 none;background:transparent;line-height:inherit;-webkit-appearance:none;appearance:none;}
.resize-none{resize:none;}.resize-vertical{min-height:2em;resize:vertical;}.resize-horizontal{max-width:100%;resize:horizontal;}.resize-both{max-width:100%;min-height:2em;resize:both;}
.system-status-counter__status-icon{display:inline-block;width:25px;height:25px;vertical-align:middle;}.system-status-counter__status-icon::before{display:block;width:100%;height:100%;content:"";background-repeat:no-repeat;background-position:center 2px;background-size:16px;}.system-status-counter__status-icon--error::before{background-image:url(/core/misc/icons/e32700/error.svg);}.system-status-counter__status-icon--warning::before{background-image:url(/core/misc/icons/e29700/warning.svg);}.system-status-counter__status-icon--checked::before{background-image:url(/core/misc/icons/73b355/check.svg);}
.system-status-report-counters__item{width:100%;margin-bottom:0.5em;padding:0.5em 0;text-align:center;white-space:nowrap;background-color:rgba(0,0,0,0.063);}@media screen and (min-width:60em){.system-status-report-counters{display:flex;flex-wrap:wrap;justify-content:space-between;}.system-status-report-counters__item--half-width{width:49%;}.system-status-report-counters__item--third-width{width:33%;}}
.system-status-general-info__item{margin-top:1em;padding:0 1em 1em;border:1px solid #ccc;}.system-status-general-info__item-title{border-bottom:1px solid #ccc;}
.tablesort{display:inline-block;width:16px;height:16px;background-size:100%;}.tablesort--asc{background-image:url(/core/misc/icons/787878/twistie-down.svg);}.tablesort--desc{background-image:url(/core/misc/icons/787878/twistie-up.svg);}
.pwa-install-button{position:fixed;bottom:50px;right:20px;z-index:100;padding:9px 15px;background-color:var(--color-text-primary);color:var(--color-bg-primary);border:none;border-radius:1rem;box-shadow:0 4px 8px var(--shadow-md);display:flex;align-items:center;font-weight:bold;cursor:pointer;transition:all 0.3s ease;transform:scale(0);animation:pwa-button-show 0.3s forwards;direction:rtl;}.pwa-install-button:hover{background-color:var(--color-text-primary);box-shadow:0 6px 10px var(--shadow-lg);}.pwa-install-button:active{transform:scale(0.95);}.pwa-install-button__icon{margin-left:8px;width:24px;height:24px;fill:var(--color-bg-primary);}.pwa-install-button--hidden{display:none;}@keyframes pwa-button-show{to{transform:scale(1);}}.pwa-toast{position:fixed;bottom:80px;right:20px;background-color:#4caf50;color:var(--color-text-white);padding:12px 20px;border-radius:4px;box-shadow:0 4px 8px var(--shadow-md);z-index:1000;opacity:0;transition:opacity 0.3s ease;direction:rtl;display:none;}.pwa-toast--visible{opacity:1;display:block;}body.pwa-installed .pwa-toast,.pwa-install-button--hidden + .pwa-toast{display:none !important;}@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){.pwa-toast{display:none !important;}}.pwa-install-button[style*="display: none"] ~ .pwa-toast,.pwa-install-button[style*="display:none"] ~ .pwa-toast{display:none !important;}
:root{--primary-color:#2196F3;--secondary-color:#1976D2;--background-color:var(--color-gray-100);--text-color:var(--color-text-secondary);--toolbar-bg:var(--color-bg-secondary);--canvas-bg:var(--color-bg-secondary);--toolbar-height:80px;--header-height:57px;--border-color:var(--color-divider);--shadow-color:var(--shadow-sm);--toolbar-bg-rgb:255,255,255;--transition-duration:0.2s;--zoom-transition-duration:0.3s;--active-button-color:#ff5959;--music-list-bg:var(--color-bg-secondary);--music-item-hover:var(--color-gray-100);--music-play-btn-bg:var(--color-gray-100);--music-play-btn-color:var(--color-text-secondary);--music-play-btn-active:#e03b3b;--highlight-color:var(--shadow-primary);--transition-fast:0.15s;--pdf-bg-color:var(--color-bg-secondary);--pdf-canvas-filter:none;}.kotobati-viewer[data-pdf-theme="dark"]{--pdf-bg-color:#121212;--pdf-canvas-filter:invert(1);}.kotobati-viewer[data-pdf-theme="dark"] .pdf-page canvas{filter:var(--pdf-canvas-filter);}.kotobati-viewer[data-pdf-theme="dark"] #pdf-container{background:var(--pdf-bg-color);}.kotobati-viewer[data-pdf-theme="dark"] .pdf-page{background:var(--pdf-bg-color);}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-duration);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}.processing-bar-container{position:fixed;top:0;left:0;right:0;height:4px;background-color:var(--shadow-sm);z-index:1000;}.processing-bar{height:100%;width:0;background-color:var(--primary-color);transition:width 0.3s ease-in-out;}.kotobati-viewer .toolbar{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);padding:12px 24px;display:grid;justify-content:center;align-items:center;z-index:100;box-shadow:0 -2px 8px var(--shadow-md);height:var(--toolbar-height);will-change:transform;transform:translateZ(0);justify-items:center;padding-top:15px;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s;border-top:1px solid var(--color-border-primary);}body:not(.user-logged-in).path-book .kotobati-viewer .toolbar,body:not(.user-logged-in).path-kotobati-viewer .kotobati-viewer .toolbar{bottom:60px;}:fullscreen .kotobati-viewer .toolbar{bottom:0;background:rgba(var(--color-bg-secondary),0.95);backdrop-filter:blur(10px);}.kotobati-viewer .toolbar-group{display:flex;align-items:center;gap:20px;}.kotobati-viewer .toolbar-button{background:none;border:none;color:var(--color-text-primary);padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.15s ease-out,background-color 0.15s ease;will-change:transform;touch-action:manipulation;}.kotobati-viewer .toolbar-button:hover{background-color:var(--color-gray-200);transform:scale(1.1);}.kotobati-viewer .toolbar-button:active{transform:scale(0.95);}.kotobati-viewer .toolbar-button svg{width:24px;height:24px;}.kotobati-viewer .page-counter{font-size:14px;margin:0 32px;color:var(--color-text-primary);font-weight:500;}#pdf-container{position:fixed;top:var(--header-height);left:0;right:0;bottom:var(--toolbar-height);overflow-y:auto;overflow-x:hidden;background:var(--pdf-bg-color);display:block;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;visibility:visible;opacity:1;transition:opacity 0.3s ease,visibility 0.3s ease;}#pdf-container.visible{visibility:visible;opacity:1;}body.path-book #pdf-container{top:var(--header-height);}:fullscreen #pdf-container{top:0;}.page-container,.pdf-page{position:relative;display:flex;align-items:center;justify-content:center;background:var(--pdf-bg-color);padding:20px;box-sizing:border-box;min-height:100%;width:100%;margin:0 auto;scroll-snap-align:start;scroll-snap-stop:always;visibility:visible !important;opacity:1 !important;}.pdf-canvas{display:block !important;visibility:visible !important;opacity:1 !important;box-shadow:0 2px 10px var(--shadow-sm);border-radius:2px;background-color:var(--color-text-white);}.pdf-page:hover{box-shadow:0 4px 12px var(--shadow-md);}.pdf-page::-webkit-scrollbar{display:none;}.pdf-page canvas{object-fit:contain;border-radius:4px;background:var(--canvas-bg);margin:auto;position:relative;transform-origin:center center;}.pdf-page .page-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-color);font-weight:500;padding:8px 16px;border-radius:4px;background:var(--shadow-sm);}.pdf-page .error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f44336;font-weight:500;padding:8px 16px;border-radius:4px;background:var(--color-danger);}.pdf-page.prev,.pdf-page.next,.pdf-page.current{transform:none !important;}.navigation-click-area{display:none !important;}.page-navigation{position:fixed;top:0;left:0;right:0;bottom:var(--toolbar-height);pointer-events:none;z-index:10;}.nav-button{transform:translateY(-25%);background:var(--shadow-sm);border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;pointer-events:auto;transition:opacity 0.2s,background-color 0.2s;padding:12px;}.nav-button:hover{background:var(--shadow-md);}.nav-button svg{width:24px;height:24px;stroke:var(--color-text-primary);}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-primary);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity 0.3s ease;}.loading-content{width:280px;text-align:center;}.loading-progress-bar{width:100%;height:4px;background:var(--color-gray-300);border-radius:1px;overflow:hidden;margin-bottom:16px;}.loading-progress-fill{height:100%;background:var(--color-primary);width:0%;transition:width 0.2s ease;border-radius:1px;}.loading-text{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text-primary);opacity:0.7;}#loading-text{font-weight:600;}#loading-percentage{font-weight:600;color:var(--color-text-primary);min-width:35px;text-align:right;}.loading-icon,.loading-progress-container,.loading-details,.loading-stage,.loading-speed,.loading-spinner{display:none;}@media (max-width:768px){.toolbar{padding:8px;}.toolbar-group{gap:25px;}.pdf-page{width:100%;padding:10px;}.page-counter{margin:0 16px;}.mobile-nav-indicator{display:none !important;}.loading-content{width:260px;}.loading-text{font-size:13px;}}#up-progress-scroller{position:fixed;left:0;right:0;top:0;height:3px;background:transparent;z-index:1000;cursor:pointer;transition:height 0.2s ease;display:flex;align-items:center;}#up-progress-scroller{height:8px;}.drag-handle{position:absolute;left:var(--progress-width,0%);top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:3;opacity:1;transition:left 0.1s ease-out;box-shadow:0 2px 4px var(--shadow-md);}.drag-handle:active{cursor:grabbing;}.drag-handle svg{width:16px;height:16px;stroke:var(--color-text-white);}.progress-track{position:absolute;width:100%;height:100%;background:var(--color-gray-300);overflow:hidden;}.progress-fill{position:absolute;height:100%;background:var(--color-primary);width:var(--progress-width,0%);left:0;transition:width 0.1s ease-out;}.progress-handle{position:absolute;top:50%;left:var(--progress-width,0%);width:12px;height:12px;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform 0.2s ease,left 0.1s ease-out;z-index:2;}#up-progress-scroller:hover .progress-handle{transform:translate(-50%,-50%) scale(1);}.page-preview{position:absolute;bottom:20px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--toolbar-bg);border-radius:4px;padding:8px;box-shadow:0 2px 8px var(--shadow-md);display:none;flex-direction:column;align-items:center;min-width:120px;pointer-events:none;}.progress-handle:hover .page-preview{display:flex;}.preview-page-number{color:var(--text-color);font-size:12px;margin-bottom:4px;}.preview-container{width:100px;height:141px;background:var(--canvas-bg);border:1px solid var(--border-color);position:relative;}.preview-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}.book-title{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--toolbar-bg);padding:10px 20px;border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);z-index:100;font-size:1.2em;color:var(--text-color);max-width:80%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 0.3s;}.book-title:hover{opacity:0.2;}:fullscreen,:-webkit-full-screen,:-moz-full-screen,:-ms-fullscreen{background:var(--background-color);width:100%;height:100%;}:fullscreen #pdf-container,:-webkit-full-screen #pdf-container,:-moz-full-screen #pdf-container,:-ms-fullscreen #pdf-container{top:0;}:fullscreen .kotobati-viewer .toolbar,:-webkit-full-screen .kotobati-viewer .toolbar,:-moz-full-screen .kotobati-viewer .toolbar,:-ms-fullscreen .kotobati-viewer .toolbar{bottom:0;background:rgba(var(--toolbar-bg-rgb),0.9);z-index:999;}:fullscreen .section-header,:fullscreen .login-nav,:fullscreen .site-header,:fullscreen .site-footer,:-webkit-full-screen .section-header,:-webkit-full-screen .login-nav,:-webkit-full-screen .site-header,:-webkit-full-screen .site-footer,:-moz-full-screen .section-header,:-moz-full-screen .login-nav,:-moz-full-screen .site-header,:-moz-full-screen .site-footer,:-ms-fullscreen .section-header,:-ms-fullscreen .login-nav,:-ms-fullscreen .site-header,:-ms-fullscreen .site-footer{display:none !important;}body.kotobati-fullscreen-mode .section-header,body.kotobati-fullscreen-mode .login-nav,body.kotobati-fullscreen-mode .site-header,body.kotobati-fullscreen-mode .site-footer{display:none !important;}body.kotobati-fullscreen-mode #pdf-container{top:0;}body.kotobati-fullscreen-mode .kotobati-viewer .toolbar{bottom:0;}.zooming .pdf-page{transition:transform var(--zoom-transition-duration) ease-in-out;}.zooming{transition:all var(--zoom-transition-duration) ease-in-out !important;}.pdf-page canvas{transition:width var(--zoom-transition-duration) ease-in-out,height var(--zoom-transition-duration) ease-in-out;}button:disabled{opacity:0.5;cursor:not-allowed;}.toolbar button{transition:transform 0.15s ease,background-color 0.2s ease;}.toolbar button:active{transform:scale(0.95);}.page-loading{display:flex;align-items:center;justify-content:center;height:300px;width:100%;background-color:var(--canvas-bg);color:var(--text-color);font-size:14px;opacity:0.8;}.page-loading::before{content:"جاري التحميل...";position:absolute;bottom:calc(50% - 25px);}#pdf-container::-webkit-scrollbar{width:8px;height:8px;}#pdf-container::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px;}#pdf-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;}#pdf-container::-webkit-scrollbar-thumb:hover{background:var(--secondary-color);}@media (max-width:768px){.zoom-indicator{min-width:40px;font-size:12px;}}.scale-transition{transition:transform 0.3s ease-in-out;will-change:transform;}.pdf-canvas{display:block;margin:0 auto;height:auto;}#pdf-container.zooming .pdf-page{transition:transform 0.3s ease-out;}.pdf-page canvas{display:block;margin:0 auto;}#pdf-container::-webkit-scrollbar{width:10px;height:10px;}#pdf-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px;}#pdf-container::-webkit-scrollbar-track{background:var(--page-bg);}.toolbar-btn:disabled{opacity:0.5;cursor:not-allowed;}.pdf-page[data-active="true"]{box-shadow:0 0 0 2px var(--primary-color),0 4px 12px var(--shadow-md);}.page-loading::after{content:"";display:block;width:30px;height:30px;border-radius:50%;border:3px solid var(--border-color);border-top-color:var(--primary-color);animation:spin 1s linear infinite;position:absolute;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.toolbar-btn{transition:all 0.2s ease;position:relative;overflow:hidden;}.toolbar-btn::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:var(--color-primary);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%,-50%);transform-origin:50% 50%;}.toolbar-btn:active::after{opacity:0.3;transform:scale(20,20) translate(-50%,-50%);transition:transform 0.5s,opacity 1s;}@media (max-width:768px){.zoom-controls{display:flex;align-items:center;}.zoom-indicator{margin:0 5px;min-width:40px;}#pdf-container::-webkit-scrollbar{width:5px;height:5px;}}.section-header{display:none;}.music-playlist-container{position:fixed;bottom:calc(var(--toolbar-height) + 20px);right:20px;width:300px;max-height:400px;background:var(--color-bg-secondary);border-radius:8px;box-shadow:0 4px 12px var(--shadow-md);z-index:99;overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s ease;direction:rtl;border:1px solid var(--color-border-primary);}.music-playlist-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-primary);}.music-playlist-header h3{margin:0;font-size:16px;color:var(--color-text-primary);}#close-playlist-button{background:none;border:none;color:var(--color-text-primary);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s;}#close-playlist-button:hover{background-color:var(--color-gray-200);}.music-playlist-tracks{overflow-y:auto;padding:10px;max-height:340px;scroll-behavior:smooth;}.music-track-item{display:flex;align-items:center;padding:8px 10px;border-radius:4px;margin-bottom:5px;transition:background-color 0.2s,transform 0.3s;}.music-track-item.highlighted{background-color:var(--color-primary-light);transform:scale(1.03);box-shadow:0 0 8px var(--shadow-primary);animation:pulse 1.5s ease;}@keyframes pulse{0%{background-color:transparent;}30%{background-color:var(--color-primary-light);}100%{background-color:transparent;}}.music-track-item:hover{background-color:var(--color-gray-100);}.music-play-button{width:30px;height:30px;border-radius:50%;border:none;background-color:var(--color-gray-200);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:10px;font-size:14px;transition:all 0.2s;}.music-play-button:hover{transform:scale(1.1);background-color:var(--color-gray-300);}.music-play-button.playing{background-color:var(--color-primary);color:var(--color-text-white);animation:pulse-button 2s infinite;}@keyframes pulse-button{0%{box-shadow:0 0 0 0 var(--shadow-primary);}70%{box-shadow:0 0 0 6px transparent;}100%{box-shadow:0 0 0 0 transparent;}}.music-track-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--color-text-primary);}.toolbar-button.active svg{stroke:var(--color-primary);animation:pulse-svg 2s infinite;}@keyframes pulse-svg{0%{stroke-width:2;}50%{stroke-width:2.5;}100%{stroke-width:2;}}@media (max-width:768px){.music-playlist-container{bottom:calc(var(--toolbar-height) + 10px);right:10px;left:10px;width:auto;}}.kotobati-viewer .toolbar.visible{opacity:1;visibility:visible;}