:root{--bg:#fff;--fg:#000;--accent:#007bff}[data-theme="dark"]{--bg:#121212;--fg:#e0e0e0;--accent:#66b2ff}*{direction:rtl;font-family:'Amiri',serif}body{background:var(--bg);color:var(--fg);transition:background .3s,color .3s;overflow-y:scroll;overflow-x:hidden;text-align:right;margin-top:9rem}body#home{margin-top:0}body::-webkit-scrollbar{width:6px;background:#fff}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background:#fff}body::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.5);background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%)}a{cursor:pointer;display:block;font-size:1.125rem;margin:2px 5px;color:#bd8a6e;transition:all .2s ease-in-out}a:hover{text-decoration:none;color:#28221d}a:active{background-color:inherit!important;border-color:inherit!important}button,.btn,a,a:active,a:focus,button:active,button:focus,.custom-control-label::before,.custom-control-label::after{outline:none!important;box-shadow:none!important}.main-color{color:#bd8a6e!important}.main-color-2{color:#51463e!important}.red-color{color:rgb(141,20,32)!important}.black-color{color:#000!important}.white-color{color:#fff!important}.white-color:hover{color:#bd8a6e!important}.gray-color{color:#9c9ca8}.light-gray-color{color:#d1d2d4}.background-main{background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);border-radius:10px}.h-80{height:80%!important}.h-20{height:20%!important}.ltr{direction:ltr}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border:none;box-shadow:none;outline:0}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:2.5em;margin-top:-5px;margin-left:.3em;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}.fade-trans{animation:fadeIn 1s ease-in both}@keyframes fadeIn{from{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translate3d(0,0,0)}}.sm-border-btn{font-size:1rem!important;border-radius:.5rem!important}.sm-white-btn.sm-border-btn{background:#fff!important;color:#bd8a6e!important;border:1px solid #bd8a6e!important}.sm-white-btn.sm-border-btn:hover{color:#bd8a6e!important;border:1px solid #bd8a6e!important}.sm-trans-btn.sm-border-btn{background:transparent!important;color:#fff!important;border:1px solid #fff!important}.sm-trans-btn.sm-border-btn:hover{background:#bd8a6e!important;color:#fff;border:1px solid #bd8a6e!important}.small-size-mb{font-size:1rem}.social-icons i{width:1.7rem;color:rgb(101,81,72)}.social-icons i:hover{background:#ededed!important}.col-4-5{-ms-flex:0 0 29.333333%;flex:0 0 29.333333%;max-width:29.333333%}.col-8-5{-ms-flex:0 0 70.666667%;flex:0 0 70.666667%;max-width:70.666667%}@media (min-width:768px){.col-md-2-5{-ms-flex:0 0 20.8333335%;flex:0 0 20.8333335%;max-width:20.8333335%}}@media (min-width:768px){.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media (min-width:992px){.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}}.font-12{font-size:1.2rem!important}.font-14{font-size:1.4rem!important}.menu-font-106 a{font-size:1.06rem!important}.pagination-section{border-bottom:none!important;margin:0 auto}.pagination-section .pagination nav{background:transparent!important;border:0}.pagination-section .page-item .page-link{font-size:.8em}.pagination-section .page-item.active .page-link{background-color:rgb(101,81,72);border:1px solid rgb(101,81,72)}.pagination-section .page-link{color:#bd8a6e;margin:2px;display:inline-block!important}.pagination-section .page-link:hover{color:#fff;background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%)}.pagination-section .pagination div{display:inline-block!important}.header-center{font-size:1.3rem;display:grid;grid-template-columns:1fr max-content 1fr;grid-column-gap:1.2rem;align-items:center;color:#eae6e3}.header-center::before,.header-center::after{content:"";display:block;height:1px;background-color:#eae6e3}.dark-mode-toggle{background:var(--accent);border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2)}.search{color:#3e3833;height:50px;margin:0;width:100%;font-size:18px;line-height:1.111111;border:0;border-radius:4px;-webkit-appearance:none;box-sizing:border-box;outline:0}.nav-search-btn{height:2em;background:#333;border-radius:20px;padding:8px;text-align:center}.px-4-5{padding:0 2rem!important}.search i{color:#3e3833}.g-search .gsc-control-searchbox-only form{margin:0!important;display:flex}.g-search .gsc-control-searchbox-only .gsc-input,.g-search .gsc-control-searchbox-only .gsc-input-box,.g-search .gsc-control-searchbox-only .gsc-search-button{height:100%!important;background:#f8f9fa;border:none;padding:0;outline:none}.g-search .gsc-control-searchbox-only .gsc-input,.g-search .gsc-control-searchbox-only .gsc-input-box{border-radius:4px;}.g-search .gsc-control-searchbox-only .gsc-search-button{padding:.2rem .4rem;border-top-left-radius:4px;border-bottom-left-radius:4px}.g-search{padding:.5rem !important;}.g-search .gsc-control-searchbox-only .gsc-search-button:hover{background:#f8f9fa}.g-search .gsc-search-button-v2 svg{fill:#000!important;width:2rem;height:auto}.g-search.g-search-2 .gsc-control-searchbox-only .gsc-search-button,.g-search.g-search-2 .gsc-control-searchbox-only .gsc-search-button:hover,.g-search.g-search-2 .gsc-control-searchbox-only .gsc-input-box,.g-search.g-search-2 .gsc-control-searchbox-only .gsc-input{background:#282421!important;color:#fff!important}.g-search-2 .gsc-search-button-v2 svg{fill:#fff!important}.g-search-2 .gsc-control-searchbox-only .gsc-input,.g-search-2 .gsc-control-searchbox-only .gsc-input-box{border-radius:8px}.g-search-2 .gsc-control-searchbox-only .gsc-search-button{border-top-left-radius:8px;border-bottom-left-radius:8px}#button_top{display:block;background:#28221d;width:50px;height:50px;text-align:center;position:fixed;bottom:60px;right:50px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}#button_top i{font-size:2em;line-height:50px;color:#fff}#button_top:hover{cursor:pointer;background:#333}#button_top:active{background:#555}#button_top.show{opacity:1;visibility:visible}.bb>div{border-bottom:1px solid #eee}.bb.bb-none-1 div:last-child,.bb.bb-none-2 div:last-child,.bb.bb-none-3 div:last-child{border-bottom:none}.bb.bb-none-2 div:nth-last-child(2),.bb.bb-none-3 div:nth-last-child(2){border-bottom:none}.bb.bb-none-3 div:nth-last-child(3){border-bottom:none}nav{background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);background-size:cover;width:100%;margin-bottom:60px;transition:background-color .3s,opacity .5s,visibility .5s;box-shadow:0 6px 15px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.12)}#home nav.fixed-top{opacity:0;visibility:hidden}#home nav.fixed-top.visible-nav{opacity:1;visibility:visible}nav .logo img{padding:10px;width:auto;height:100%}nav .menu-button button{background:none;border:none;color:#fff}@media (max-width:767px){nav .logo img{padding:5px}nav .menu-button button i{font-size:2rem}nav .login-btn{padding:.375rem .3rem!important;font-size:.8rem}}@media (max-width:450px){nav .search-col{padding-right:.2rem}nav .logo img{padding:0}nav .logo a{margin-top:0;margin-bottom:0}}@media (max-width:450px) and (min-width:415px){nav .search input{padding-right:1.5rem;padding-left:.5rem}}@media (max-width:415px){nav .search input{padding-right:.6rem;padding-left:.2rem}}#sidebar{width:250px;position:fixed;top:0;left:-250px;height:100vh;z-index:999999;background:#fff;color:#bd8a6e;transition:all .3s;box-shadow:3px 3px 3px rgba(0,0,0,.2);border-color:#3333334d}#sidebar.active{left:0}#sidebar.active #dismiss{width:35px;height:35px;line-height:40px;text-align:center;background:#fff;position:absolute;top:70px;border-radius:20px;right:-16px;cursor:pointer;transition:all .3s;border:1px solid #eae6e3}#dismiss:hover{background:#fff;color:#bd8a6e}.overlay{display:none;position:fixed;width:100%;height:100%;top:0;background:rgba(0,0,0,.7);z-index:9999;transition:all .5s ease-in-out}.overlay.active{display:block;opacity:1}#sidebar .sidebar-header{padding:20px;background:#fff}#sidebar ul.components{padding:20px 0}#sidebar ul p{color:#bd8a6e;padding:10px}#sidebar ul li a{padding:10px;font-size:1.1em;display:block;border-top:1px solid #eae6e3}#sidebar ul li:last-child a{border-bottom:1px solid #eae6e3}#sidebar ul li a:hover,#sidebar ul li.active>a{color:#28221d;background:#fff}#sidebar .icon-menu a{display:inline;margin:0}#sidebar .icon-menu i{background:#3e3833;color:#fff;padding:.5rem;width:2rem;border-radius:1rem;margin:0 1px;transition:.5s all ease-in-out}#sidebar .icon-menu i:hover{background:#2f2824}header.home-header{height:565px;background-image:url(../images/bg-1.webp);background-size:cover;margin-bottom:25px;color:#fff}header .header-list{border-bottom:#ffffff73 1px solid;padding-right:0;margin-top:2rem}header .header-button{margin-top:2rem}header .header-button button{background:transparent;border:transparent;color:#fff}header .logo{margin-top:2rem}header .logo img{width:9rem}header .header-list li{padding:.5rem}header .header-list li>a{color:#fff}header .header-list li>a:hover{color:#28221d}header .header-search{margin-top:-10%}@media (max-width:991px){header .logo{margin-top:1rem}header .logo img{width:8rem}header .h-20{height:30%!important;text-align:center}header .h-20 .btn{margin-top:1rem}header .h-80{height:70%!important}header .header-list{border-bottom:none!important}header .header-list li{border-bottom:none!important;margin:0!important;padding:.5rem .2rem}}@media (max-width:767px){header .header-search h2{font-size:1.1rem}}@media (max-width:400px){header .header-search h2{font-size:.9rem}}@media (max-width:470px){header .header-search .search{width:90%}}.m-section-1 .s-menu,.m-section-1 .s-menu1,.m-section-2{border-radius:10px;border:1px solid #eae6e3;box-shadow:0 2px 6px rgba(0,0,0,.05);overflow:visible!important}.btn-lucky a{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,var(--primary-color) 0%,var(--second-color) 100%);border:1px solid var(--fourth-color);border-radius:10px;color:#fff;font-size:1.4rem;padding:.85rem;max-width:max-content}.btn-lucky a:hover{border:1px solid var(--fourth-color);background-image:linear-gradient(90deg,var(--second-color) 0%,var(--primary-color) 100%)}.m-section-1 .s-menu{padding:25px 20px;margin-bottom:15px}.m-section-1 .s-menu.has-button{padding:25px 20px 0}.m-section-1 .s-menu .header{margin-bottom:20px}.m-section-1 .s-menu .header i{margin-top:-5px;font-size:2.5em}.m-section-1 .s-menu .header h3{margin:0}.m-section-1 .s-menu .header .h3-i{margin-top:5px;color:#4b433d}.m-section-1 .s-menu .header .h3-img{padding-right:40px;padding-top:4px}.m-section-1 .s-menu .content{line-height:2;padding:0 5px}.m-section-1 .s-menu .content div{line-height:2;padding:0 10px}.m-section-1 .s-menu .content a{margin:2px 0}.m-section-1 .s-menu .content .img-row{margin-top:5px}.m-section-1 .s-menu h4{line-height:1.5}.m-section-1 .s-menu .poet-today .poet{line-height:1}.m-section-1 .s-menu .poet-today .poet-details{height:181px;overflow-y:hidden}@media (max-width:991px){.m-section-1 .s-menu .poet-today .poet-details{height:auto;overflow-y:auto}}.m-section-1 .quote-home{background-image:url(../images/bg-2.webp);background-size:cover;height:277px;margin-bottom:15px;color:#fff}.m-section-1 .quote-home .quote{background:#0000003d;width:350px;padding:10px 0}.m-section-1 .quote-home .button-menu{position:absolute;bottom:20px;left:30px}.m-section-1 .quote-home .button-menu a{font-size:16px}@media (max-width:767px){.m-section-1 .quote-home{height:330px}}@media (max-width:400px){.m-section-1 .quote-home .quote{width:255px}.m-section-1 .s-menu .content div{padding:0}}.m-section-1 .s-menu1{padding:25px 20px;margin-bottom:15px}.m-section-1 .s-menu1 .header{margin-bottom:20px}.m-section-1 .s-menu1 .header i{margin-top:-5px;font-size:2.5em}.m-section-1 .s-menu1 .header h3{margin:0}.m-section-1 .s-menu1 .header .h3-i{margin-top:5px;color:#4b433d}.m-section-1 .s-menu1 .header .h3-img{padding-right:40px;padding-top:4px;margin:-5px 5px}.m-section-1 .s-menu1 .header img{margin:-5px 10px}.m-section-1 .s-menu1 .content{line-height:2;margin:0 5px}.m-section-1 .s-menu1 h4,.m-section-1 .s-menu1 p{line-height:2}.m-section-1 .s-menu1 .more,.m-section-1 .s-menu1 .share{color:#333}.m-section-1 .s-menu1 .more:hover,.m-section-1 .s-menu1 .share:hover{color:#28221d}.m-section-1 .s-menu1 .content a{margin:2px 0}.m-section-1 .s-menu1 .content .img-row{margin-top:5px}.m-section-1 .s-menu1 .s-d-button{margin:0;padding:0}.m-section-1 .s-menu1 .s-button{display:inline-block;background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);color:#fff;width:98%;padding:15px 0;border-radius:10px}.m-section-1 .s-menu1 .s-button:hover{color:#28221d}.m-section-1 .quotes-row .quote{border-left:1px solid #eee}.m-section-1 .quotes-row .col:last-child .quote,.m-section-1 .quotes-row>div:last-child .quote{border-left:none}.m-section-1 .quotes-row .quote .quote-info{height:4.2rem}.m-section-1 .button-menu{padding:0;margin-bottom:15px}.m-section-1 .button-menu a,.m-section-1 .button-menu button{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);border:none;border-radius:10px;color:#fff;font-size:1.6rem;padding:.85rem}.m-section-1 .button-menu.sec-b-menu a{font-size:16px}.m-section-1 .button-menu a:hover,.m-section-1 .button-menu button:hover{background:linear-gradient(90deg,rgba(84,76,73,1) 0%,rgba(89,78,72,1) 50%,rgba(101,81,72,1) 100%)}.m-section-1 .button-menu-follow a,.m-section-1 .button-menu-follow .text-btn{margin-left:auto;margin-right:auto;background:#fff;border:1px solid #bd8a6e;border-radius:15px;color:#bd8a6e;font-size:1.1rem;padding:.15rem}.m-section-1 .button-menu-follow .text-btn{cursor:default!important}.m-section-1 .button-menu-follow a.followed{background:#54504A;color:#fff;border:none}.m-section-1 .button-menu-follow a:hover,.m-section-1 .button-menu-follow a.active{background:#54504a;color:#c09e8b;border-color:#54504a}.m-section-1 .s-menu-bahr .content{line-height:2;margin:30px 10px}.m-section-1 .s-menu-bahr .content .record{padding:0;margin:5.5px 0}.m-section-1 .s-menu-bahr .content .record a{margin:0}.m-section-1 .s-menu-bahr .content .record .bahr{padding:0 15px;color:#fff;background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%)}.m-section-1 .s-menu-names{border:none;padding:20px 0}.m-section-1 .s-menu-names .s-d-button a{font-size:12px}.m-section-1 .s-menu-names .s-button{padding-top:8px;padding-bottom:8px}.m-section-1 .s-menu1 .poem-controls{border-bottom:1px solid #e6e7eb}.m-section-1 .s-menu1 .poem-controls .poem-control{border:1px solid #e6e7eb;line-height:inherit;font-size:1rem}.m-section-1 .s-menu1.poem-change,.m-section-1 .s-menu1.poem-change p{line-height:1!important;font-size:1.1rem!important}.m-section-1 .s-menu1.poem-change a:hover{color:#28221d!important}.m-section-1 .s-menu1 .bet-1 h3{width:50%;display:block;margin:1.5rem 0;font-size:1.2rem;height:1.75rem}.m-section-1 .s-menu1 .bet-1 h3:nth-child(even){float:left}.m-section-1 .s-menu1 .bet-1 h3:nth-child(odd){float:right}.m-section-1 .s-menu1 .bet-1 h4{margin-bottom:10px}.m-section-1 .s-menu1 .tips div,.m-section-1 .s-menu1 .tips1 div{display:inline-block;margin:0;padding:2px}.m-section-1 .s-menu1 .tips a{background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);text-align:center;color:#fff;border-radius:1rem;font-size:1rem}.m-section-1 .s-menu1 .tips a:hover{background-color:#28221d}.m-section-1 .s-menu1 .tips1 a{background:transparent;border:1px solid #bd8a6e;text-align:center;color:#bd8a6e;border-radius:1rem;font-size:1rem}.m-section-1 .s-menu1 .tips1 a:hover{background:#bd8a6e;color:#fff}.m-section-1 .s-menu1 .text-slug{font-size:.9rem;color:#969696}.m-section-1 .s-menu1 .text-data{color:#969696}.m-section-1 .s-menu1 .text-data a{color:#333}@media (min-width:991px){.m-section-1 .s-menu1 .quotes-row.all-quotes-row .col-12:nth-of-type(even) .quote{border-left:1px solid #eee}.m-section-1 .s-menu1 .quotes-row.all-quotes-row .col-12:nth-of-type(3n+0) .quote{border-left:none!important}}@media (max-width:991px){.m-section-1 .s-menu1 .bet-1 h3{margin:.75rem 0;float:none;font-size:1.15rem}.m-section-1 .s-menu1 .bet-1 h3:nth-child(even){width:100%;text-align:left;padding-right:18px}.m-section-1 .s-menu1 .bet-1 h3:nth-child(odd){width:100%;text-align:right;padding-left:18px}.m-section-1 .s-menu1 .quotes-row .col-12:nth-of-type(odd) .quote{border-left:none}.m-section-1 .s-menu1 .quotes-row div.col-12:nth-last-of-type(2){border-bottom:1px solid #eee!important}}@media (max-width:1200px) and (min-width:991px){.m-section-1 .s-menu1 .content .img-row .img-single img{width:40px}}@media (max-width:991px) and (min-width:767px){.m-section-1 .s-menu1 .content .img-row .img-single img{width:45px}.m-section-1 .s-menu1 .tips a{font-size:.8rem}}@media (max-width:767px){.m-section-1 .s-menu1 .quotes-row.all-quotes-row .col-12:last-of-type{border-bottom:none!important}}@media (max-width:550px){.m-section-1 .s-menu1 .tips a{font-size:1rem}}@media (max-width:415px){.m-section-1 .s-menu1 .content .img-row .img-single img{width:45px}.m-section-1 .s-menu-bahr .content .record a{font-size:15px}}.m-section-2{background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);padding:20px;margin:0 auto 15px}.m-section-2 h3,.m-section-2 h2{display:inline;color:#fff}.m-section-2 a{display:inline;color:#fff;margin:0 2px;padding:0 5px}.m-section-2 a:hover{color:#28221d}.m-section-2 .content{margin:auto;line-height:2}.m-section-2 .relative h1{display:inline;color:#fff}.login-page{margin:0!important}.login-page .bg-login{background:#f4f4f4}.login-half,.image-half{min-height:100vh}.login-half input.form-control{border-radius:.6rem!important;background:linear-gradient(180deg,rgba(254,254,254,1) 0%,rgba(244,244,244,1) 50%,rgba(235,235,235,1) 100%);border:1px solid #ebebeb!important;color:#000}.login-half input.form-control::placeholder{color:#000}.custom-control-label::before{background:linear-gradient(180deg,rgba(254,254,254,1) 0%,rgba(244,244,244,1) 50%,rgba(235,235,235,1) 100%);border:1px solid #ebebeb!important}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%3e3833' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")!important}.image-half{background:linear-gradient(135deg,rgba(61,56,52,1) 0%,rgba(74,61,52,1) 50%,rgba(84,66,52,1) 100%)}.image-half img{width:30vh;height:30vh}.login-page .custom-control-label::before,.login-page .custom-control-label::after{right:0}.login-page label span{position:absolute;right:21px}.profile-tabs nav{border:none;margin-top:-55px;z-index:1!important;background:transparent}.profile-tabs nav .nav{background:transparent;border:none}.profile-tabs nav .nav a{font-size:1.4rem}.profile-tabs .nav-tabs .nav-item.show .nav-link,.profile-tabs .nav-tabs .nav-link.active{color:#495057!important;background:#fff!important;border-color:#dee2e6 #dee2e6 #fff!important;background-image:none;border:1px solid;position:relative}.profile-tabs .nav-tabs .nav-link.active::after,.profile-tabs .nav-tabs .nav-link.active::before{padding:0;margin:0;display:block;content:"";width:1.1px;height:45%;background:#fff;position:absolute;bottom:0}.profile-tabs .nav-tabs .nav-link.active::after{right:-1px}.profile-tabs .nav-tabs .nav-link.active::before{left:-1px}.profile-tabs textarea,.profile-tabs input,.profile-tabs select{background:#f3f3f4;border:1px solid #c0c1c4!important;border-radius:0}.profile-tabs select{color:#c0c1c4}.profile-tabs .button-menu button{font-size:1.3rem}.profile-tabs textarea::placeholder{font-size:1.5rem;color:#c0c1c4}.profile-tabs input::placeholder,.profile-tabs select::placeholder{font-size:1rem;color:#c0c1c4}.profile-tabs label{color:#c0c1c4}.profile-tabs .accordion>.card>.card-header{border:0;padding:0 2.3rem;background:linear-gradient(90deg,rgba(254,254,254,1) 0%,rgba(248,249,249,1) 50%,rgba(243,243,244,1) 100%)!important}.profile-tabs .accordion>.card>.card-header button{background:transparent;font-size:1.3rem}.profile-tabs .accordion>.card{border:0!important}.profile-tabs .s-menu1 .header.profile-header i{margin-top:.7rem;font-size:2.5em}@media (max-width:991px){.profile-tabs .w-75{width:100%!important}.profile-tabs nav .nav a{padding:6px!important;font-size:1.1rem!important;margin:0 1px!important}.profile-tabs .nav-tabs .nav-link.active::before,.profile-tabs .nav-tabs .nav-link.active::after{height:28%}}@media (max-width:360px){.profile-tabs .w-75{width:100%!important}.profile-tabs nav .nav a{padding:4px!important;font-size:1rem!important;margin:0 1px!important}.profile-tabs .nav-tabs .nav-link.active::before,.profile-tabs .nav-tabs .nav-link.active::after{height:17%}}.select-status input,.select-status-2 input{display:none}.select-status label,.select-status-2 label{display:inline-block;padding:0 1.2rem;text-align:center;border:1px solid #ddd;line-height:2.5rem;cursor:pointer}#yes:checked~label[for="yes"],#yes-2:checked~label[for="yes-2"],#no:checked~label[for="no"],#no-2:checked~label[for="no-2"]{background:#5a4a42;color:#afaeb3}.custom-switch .custom-control-label::before{width:3rem;border-radius:2.5rem;height:1.5rem;background:#afaeb3;border:none!important}.custom-switch .custom-control-label::after{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);background:#f5f6f7;border-radius:2.5rem}.custom-control-input:checked~.custom-control-label::before,.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;border-color:#bd8a6e;background-color:#bd8a6e}.custom-switch .custom-control-input:checked~.custom-control-label::after{transform:translateX(1.5rem)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1.15rem 1.5rem;font-size:1rem;color:#4f4f4f;text-align:left;background:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:auto;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231266f1'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");transform:rotate(-180deg)}.accordion-button.btn-link:hover{color:#4f4f4f;text-decoration:underline}footer .footer{background:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);background-size:cover;margin-top:15px}footer .footer .s-menu{margin:50px 10px}footer .footer .s-menu p{color:#fff;font-size:16px;line-height:2;margin-top:10px}footer .footer .store-icons-menu a{float:left}footer .footer .store-icons-menu img{width:auto;padding:2px 5px;background:#2f2824;transition:all .2s ease-in-out}footer .footer .store-icons-menu img:hover{background:#736f6c;text-decoration:none}footer .footer .links-menu{padding:1.5rem 0 .5rem}footer .footer .links-menu a{font-size:16px;color:#fff;margin:0;padding:2px 5px}footer .footer .links-menu a:hover{color:#28221d}footer .copyright{padding:15px;font-size:18px}footer .copyright .icon-menu a{display:inline;margin:0}footer .copyright .icon-menu i{background:#3e3833;color:#fff;padding:6px;width:2rem;margin:0 2px;transition:.5s all ease-in-out}footer .copyright .icon-menu i:hover{background:#2f2824}@media (max-width:1200px) and (min-width:991px){footer .footer .store-icons-menu img{width:120px}footer .footer .links-menu a{font-size:13px}}@media (max-width:991px){footer .footer .store-icons-menu{text-align:center;margin-bottom:1rem}footer .footer .store-icons-menu a{display:inline-block;float:none}footer .footer .links-menu{text-align:center}footer .copyright p{text-align:center}}.poem-reader{width:100%;max-width:880px;margin-right:auto;margin-left:auto;--poem-bg:#fff;--poem-fg:#222;--poem-border:#e6e7eb;--ctrl-bg:#fff;--ctrl-fg:#222;--ctrl-border:#e6e7eb;--link:#bd8a6e;--link-hover:#7a5a48;background:var(--poem-bg);color:var(--poem-fg);border:1px solid var(--poem-border);border-radius:10px;transition:background-color .25s,color .25s,border-color .25s}.poem-reader a{color:var(--link)}.poem-reader a:hover{color:var(--link-hover)}.poem-reader .quote,.poem-reader .bet-1 h3,.poem-reader .bet-1 h4{border-color:var(--poem-border)!important}.poem-reader.poem-dark{--poem-bg:#0f1115;--poem-fg:#e8e8e8;--poem-border:rgba(255,255,255,.12);--ctrl-bg:rgba(255,255,255,.06);--ctrl-fg:#e8e8e8;--ctrl-border:rgba(255,255,255,.12);--link:#d3b08a;--link-hover:#f1c89a}.poem-actions{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:.6rem;align-items:center;justify-content:center;padding:.6rem 1rem .9rem;border-bottom:1px solid var(--poem-border);margin-bottom:2rem!important}.poem-control{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:var(--ctrl-bg);color:var(--ctrl-fg)!important;border:1px solid var(--ctrl-border);line-height:1;text-decoration:none;white-space:nowrap}.poem-control i{pointer-events:none;font-size:1rem}.poem-control.icon-only{padding:.45rem .55rem}.poem-control.icon-round{width:40px;height:40px;padding:0!important;border-radius:50%}.poem-control.love{color:#e83e8c!important}.poem-control.fav{color:#f0ad4e!important}.poem-control.danger{color:#dc3545!important}.poem-control.neutral{background:#fafafa;border-color:#e9e9e9;color:#333}.poem-control.neutral:hover{background:#f0f0f0;border-color:#dcdcdc}.poem-control.action{background:#fff;border-color:#d9d9d9;color:#111}.poem-control.action:hover{background:#f7f7f7;border-color:#cfcfcf}.poem-reader.poem-dark .poem-control{background:rgba(255,255,255,.06)!important;color:#e8e8e8!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}.poem-reader.poem-dark .poem-control:hover{background:rgba(255,255,255,.10)!important}.poem-reader.poem-dark .poem-control.love{color:#ff6b92!important}.poem-reader.poem-dark .poem-control.fav{color:#ffd166!important}.poem-reader.poem-dark .poem-control.danger{color:#ff6b6b!important}@media (max-width:576px){.poem-actions{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;align-items:stretch;gap:.5rem;padding:.6rem .75rem 1rem}.poem-actions .poem-control{width:100%;margin:0;justify-content:center}.poem-actions .poem-control.icon-round{width:44px;height:44px}#pill-count{order:1}#btn-like{order:2}#btn-fav{order:3}#btn-night{order:4}#btn-tashkeel{order:5}#btn-print{order:6}}@media (max-width:380px){.poem-control.pill .label{display:none}.poem-control.pill{flex:0 0 auto;width:44px;height:44px;padding:0}.poem-control i{font-size:16px}}@media print{.poem-reader{background:#fff!important;color:#000!important;border-color:#eee!important}}.poem-reader mark,.poem-reader .highlight,.poem-reader .meaning,.poem-reader .mosahma_highlight,.poem-reader .explain{display:inline;padding:0!important;border-radius:0!important;line-height:inherit!important;background:rgba(0,0,0,.01)!important;color:inherit!important;box-shadow:none!important;border:0!important}.poem-reader.poem-dark mark,.poem-reader.poem-dark .highlight,.poem-reader.poem-dark .meaning,.poem-reader.poem-dark .mosahma_highlight,.poem-reader.poem-dark .explain{background:rgba(255,255,255,.02)!important}header,nav{position:relative;z-index:10}#add_btn{z-index:9999!important}@media (max-width:991px){body{margin-top:5rem}}@media (max-width:767px){#button_top{width:35px;height:35px;right:3px;border-radius:25px}#button_top i{font-size:1.3em;line-height:35px}}@media (max-width:360px){#button_top{right:7px}}.dropdown-menu a{margin:0!important}.anchor-dropmenu{top:.6rem!important;left:3.5rem!important}.anchor-dropmenu .dropdown-item{border-bottom:1px solid #bfbfbf38}.anchor-dropmenu .dropdown-item:last-child{border:none!important}.custom-anchor-dropmenu::before{content:"";position:absolute;left:0;right:0;top:-9px;width:20px;height:19px;margin:auto;transform:rotate(-45deg);background:#fff}.register-form ::placeholder{color:#333;opacity:.5}.bottom-align{left:0;bottom:0}:root{--accent:#bd8a6e;--brand-grad:linear-gradient(90deg,rgba(101,81,72,1) 0%,rgba(89,78,72,1) 50%,rgba(84,76,73,1) 100%);--brand-grad-hover:linear-gradient(90deg,rgba(84,76,73,1) 0%,rgba(89,78,72,1) 50%,rgba(101,81,72,1) 100%)}.btn-primary,.btn-brand,.login-btn,.m-section-1 .button-menu a,.m-section-1 .s-menu1 .s-button{background-image:var(--brand-grad)!important;background-color:transparent!important;border:none!important;color:#fff!important;box-shadow:rgba(0,0,0,.24) 0 3px 8px!important}.btn-primary:hover,.btn-brand:hover,.login-btn:hover,.m-section-1 .button-menu a:hover,.m-section-1 .s-menu1 .s-button:hover{background-image:var(--brand-grad-hover)!important;color:#fff!important}.m-section-1 .button-menu-follow a,.m-section-1 .button-menu-follow a:hover,.m-section-1 .button-menu-follow a.active{background-image:none!important}.btn-outline-primary,.btn-outline-secondary,.btn-outline-light,.btn-outline-dark{background-image:none!important}img.rounded-circle{border-radius:50%!important;object-fit:cover;border:2px solid #eee;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}img.rounded-circle:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:#bd8a6e}.poets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:768px){.poets-grid{grid-template-columns:repeat(5,1fr)}}.diwan-profile-scope .button-menu-follow a.btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:.6rem 1.4rem;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.12);border:1px solid #6b1e27;background:#fff;color:#6b1e27;transition:all .2s ease}.diwan-profile-scope .button-menu-follow a.btn:hover{background:#6b1e27;color:#fff;border-color:#6b1e27}.diwan-profile-scope .profile-tabs .card-header{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin:.5rem 0 1rem}.diwan-profile-scope .profile-tabs .card-header a.btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:.55rem 1.4rem;border-radius:999px;font-weight:700;font-size:.95rem;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.12);border:1px solid #d4a373;background:#d4a373;color:#3a2a1a}.diwan-profile-scope .s-menu1 a.btn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:.55rem 1.4rem;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.12);border:1px solid #d4a373;background:#d4a373;color:#3a2a1a}.diwan-profile-scope #poemsList .poem-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px 16px;box-shadow:0 6px 12px rgba(0,0,0,.06)}.diwan-profile-scope #poemsList .poem-card h5 a{color:#6b1e27;font-weight:800;text-decoration:none}.diwan-profile-scope #poemsList .poem-card h5 a:hover{color:#5a1a22}.diwan-profile-scope #poemsList .poem-card .poem-actions a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 10px rgba(0,0,0,.06)}.diwan-profile-scope #loadMoreBtn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:.55rem 1.4rem;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.12);border:1px solid #6b1e27;color:#6b1e27;background:#fff}.diwan-profile-scope #loadMoreBtn:hover{background:#6b1e27;color:#fff}.share-anchor{position:relative;display:inline-block}.share-popover{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:8px;z-index:2000;display:none;max-width:min(260px,calc(100vw - 24px));overflow:visible}.share-popover .share-icon{width:36px;height:36px;border:none;background:#fff;color:#333;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:2px;font-size:16px;cursor:pointer}.share-popover .share-icon:hover{background:#f5f5f5}.share-popover .share-arrow{position:absolute;top:-6px;right:12px;width:10px;height:10px;background:#fff;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;transform:rotate(45deg)}.poem-actions{overflow:visible}.poem-reader.is-compact .poem-control{font-size:.8rem;padding:.35rem .55rem}.poem-reader.is-compact .poem-control.icon-round{width:30px;height:30px}.poem-reader.is-compact .share-popover .share-icon{width:28px;height:28px;font-size:.9rem}@media (max-width:576px){.poem-reader.is-compact .poem-actions{gap:.4rem;padding:.5rem .6rem .8rem}}@media only screen and (min-width:768px) and (max-width:991px) and (orientation:portrait){.container .row .col-md-7,.container .row .col-md-5,.container .row .col-lg-5,.container .row .col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}.m-section-1 .col-md-6,.m-section-1 .col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.m-section-1 .s-menu .content .col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.m-section-1 .s-menu .poet-today .poet-details{height:auto;overflow-y:visible}.bet-1.row{width:70%;max-width:700px;margin-right:auto!important;margin-left:auto!important}.bet-1 h3{width:50%;font-size:1.15rem;margin:.75rem 0;float:none;box-sizing:border-box}.bet-1 h3:nth-child(even){text-align:left;padding-right:18px}.bet-1 h3:nth-child(odd){text-align:right;padding-left:18px}}@media only screen and (min-width:1200px) and (max-width:1400px) and (orientation:landscape){.container .row .col-lg-7,.container .row .col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 50%!important;flex:0 0 50%!important;max-width:50%!important}.m-section-1 .col-lg-4,.m-section-1 .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}@media only screen and (width:820px) and (height:1180px) and (orientation:portrait){.container .row .col-md-7,.container .row .col-md-5,.container .row .col-lg-5,.container .row .col-lg-7{max-width:100%!important;flex:0 0 100%!important}.bet-1.row{max-width:650px}}@media only screen and (width:912px) and (height:1368px) and (orientation:portrait){.container .row .col-md-7,.container .row .col-md-5,.container .row .col-lg-5,.container .row .col-lg-7{max-width:100%!important;flex:0 0 100%!important}.bet-1.row{max-width:750px}}@media only screen and (min-width:768px) and (max-width:991px) and (orientation:portrait){body{margin-top:10rem}}audio.diwan-audio{display:block;width:100%;background:transparent;border:0;padding:0;accent-color:var(--accent)}audio.diwan-audio:focus-visible{outline:2px solid var(--accent);outline-offset:2px}audio.diwan-audio::-webkit-media-controls-enclosure{background:transparent;border-radius:8px}audio.diwan-audio::-webkit-media-controls-panel{background:transparent}audio.diwan-audio::-webkit-media-controls-timeline{height:6px;border-radius:999px;background:#f3f2f1}[data-theme="dark"] audio.diwan-audio::-webkit-media-controls-timeline{background:#2a2a2a}audio.diwan-audio::-webkit-media-controls-current-time-display,audio.diwan-audio::-webkit-media-controls-time-remaining-display{color:#51463e;font-variant-numeric:tabular-nums}[data-theme="dark"] audio.diwan-audio::-webkit-media-controls-current-time-display,[data-theme="dark"] audio.diwan-audio::-webkit-media-controls-time-remaining-display{color:#e0e0e0} .gradient-diwan{background:linear-gradient(115deg,#2d2b2a 0%,#7a3b2f 15%,#b25b43 45%,#c66a4a 70%,#3f6864 100%);color:#fff}.gradient-diwan h3,.gradient-diwan a{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bayanai-logo{height:28px;width:auto;vertical-align:middle;margin-inline:6px;margin-top:-4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));transition:transform 0.2s ease}.bayanai-logo:hover{transform:scale(1.05)}@media (max-width:576px){.bayanai-logo{height:22px;margin-inline:4px}} .btn-diwan{display:inline-block;font-weight:500;border-radius:50px;border:1.5px solid rgba(255,255,255,0.8);color:#fff;background:rgba(255,255,255,0.08);padding:10px 28px;backdrop-filter:blur(3px);transition:background-color 0.25s ease,transform 0.2s ease;text-decoration:none}.btn-diwan:hover{background:rgba(0,0,0,0.25);transform:translateY(-1px);color:#fff}.btn-diwan:active{transform:translateY(1px);background:rgba(0,0,0,0.35)}
@media(max-width:576px){.btn-diwan{padding:8px 22px;font-size:0.9rem}}

/* ===== DIWAN NOTIFICATION SYSTEM ===== */
/* Brand palette: nav brown #655148 | gold #d4a373 | text #3a2a1a */

.diwan-notif-dropdown {
    min-width: 320px;
    padding: 0 !important;
    border: 1px solid rgba(101,81,72,0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 28px rgba(101,81,72,0.18), 0 2px 8px rgba(0,0,0,0.06) !important;
    overflow: hidden;
    direction: rtl;
    font-family: 'Amiri', 'Segoe UI', Tahoma, sans-serif;
}

.diwan-notif-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 16px;
    background: linear-gradient(90deg, rgba(101,81,72,1) 0%, rgba(89,78,72,1) 50%, rgba(84,76,73,1) 100%);
    color: #f5ede6;
    font-size: 0.92rem;
    font-weight: bold;
}

.diwan-notif-count {
    background: rgba(255,255,255,0.18);
    color: #f5ede6;
    font-size: 0.75rem;
    padding: 2px 9px;
    border-radius: 20px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.25);
}

.diwan-notif-item {
    display: flex;
    align-items: flex-start;
    padding: 12px 16px;
    gap: 12px;
    border-bottom: 1px solid #f0ebe6;
    text-decoration: none !important;
    color: #3a2a1a !important;
    background: #fff;
    transition: background 0.2s ease;
    cursor: pointer;
}

.diwan-notif-item:hover {
    background: #fdf7f3;
    text-decoration: none !important;
}

.diwan-notif-avatar {
    position: relative;
    flex-shrink: 0;
}

.diwan-notif-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #d4a373;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.diwan-notif-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f5ede6;
    border: 2px solid #d4a373;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a7068;
    font-size: 16px;
}

.diwan-notif-dot {
    position: absolute;
    bottom: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    background: #bd8a6e;
    border-radius: 50%;
    border: 2px solid #fff;
}

.diwan-notif-body {
    flex: 1;
    min-width: 0;
}

.diwan-notif-title {
    font-size: 0.95rem;
    font-weight: bold;
    color: #655148;
    margin-bottom: 3px;
    line-height: 1.4;
}

.diwan-notif-text {
    font-size: 0.82rem;
    color: #6b5a4e;
    line-height: 1.5;
    white-space: normal;
    margin-bottom: 4px;
}

.diwan-notif-time {
    font-size: 0.74rem;
    color: #9d8070;
}
.diwan-notif-time i { margin-left: 3px; }

.diwan-notif-empty {
    padding: 28px 16px;
    text-align: center;
    color: #9d8070;
}
.diwan-notif-empty i {
    font-size: 2rem;
    margin-bottom: 8px;
    display: block;
    color: #d4a373;
}
.diwan-notif-empty p {
    margin: 0;
    font-size: 0.88rem;
    color: #8a7068;
}

.diwan-notif-footer {
    display: block;
    text-align: center;
    padding: 10px 16px;
    font-size: 0.86rem;
    font-weight: 600;
    color: #655148 !important;
    text-decoration: none !important;
    background: #faf5f1;
    border-top: 1px solid #ede5de;
    transition: background 0.2s;
}
.diwan-notif-footer:hover {
    background: #f0e8e0;
    color: #4a3728 !important;
}

/* ===== TIMELINE PAGE ===== */
.diwan-timeline-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ede5de;
    box-shadow: 0 1px 6px rgba(101,81,72,0.07);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    text-decoration: none;
    color: #3a2a1a;
    direction: rtl;
}
.diwan-timeline-item:hover {
    box-shadow: 0 4px 16px rgba(101,81,72,0.14);
    transform: translateY(-1px);
    color: #3a2a1a;
    text-decoration: none;
}
.diwan-timeline-item.is-read {
    background: #fafaf9;
    border-color: #ede8e4;
}

.diwan-timeline-avatar {
    position: relative;
    flex-shrink: 0;
}
.diwan-timeline-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #d4a373;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}
.diwan-timeline-avatar-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f5ede6;
    border: 2px solid #d4a373;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a7068;
    font-size: 20px;
}
.diwan-timeline-unread-dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: #bd8a6e;
    border-radius: 50%;
    border: 2px solid #fff;
}

.diwan-timeline-content { flex: 1; min-width: 0; }

.diwan-timeline-title {
    font-size: 1.05rem;
    font-weight: bold;
    color: #655148;
    margin-bottom: 4px;
    line-height: 1.4;
}
.diwan-timeline-body {
    font-size: 0.88rem;
    color: #6b5a4e;
    line-height: 1.6;
    margin-bottom: 6px;
}
.diwan-timeline-meta {
    font-size: 0.77rem;
    color: #9d8070;
}
.diwan-timeline-meta i { margin-left: 4px; }

.diwan-timeline-badge {
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}
.diwan-timeline-badge.unread {
    background: rgba(189,138,110,0.12);
    color: #8a6248;
    border: 1px solid rgba(189,138,110,0.3);
}

/* ===== END NOTIFICATIONS ===== */