@font-face{font-family:dana;font-style:normal;font-weight:400;src:url(fonts/Dana-Medium.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box;padding:0;margin:0;border:0}
body{direction:rtl;color:#121212;overflow-x:hidden;cursor:default;font-size:14px}
body,input,button,textarea,h1,h2,h3,h4,h5,h6,select,option{font-family:dana;}
input,button,textarea{font-size:13px;background:none;outline:0;color:RGBA(0,0,0,0.9)}
h1,h2,h3,h4,h5,h6{font-weight:400}
a{text-decoration:none;color:#121212;transition:all 300ms ease-out}
a:hover{text-decoration:none}
img{border:0;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
b,strong{font-weight:400}
img,:before,:after{transition:all .3s ease-out}
body{padding-top:85px}
.mcw{max-width:1700px;margin:0 auto;width:95%}
.mcf{display:flex;flex-wrap:wrap;align-items:center}
.mchead{    gap: .7em;justify-content:space-between;flex-direction:row-reverse;height:65px;margin-bottom:1.5em;position:fixed;top:0;left:0;right:0;background:#fff;z-index:9}
.mchead:before{content:'';height:1px;background-image:linear-gradient(90deg,rgba(0,0,0,0.0) 0%,#121212 50%,rgba(0,0,0,0.0) 100%);opacity:.08;width:100%;position:absolute;bottom:0}
.mchead > a{display:flex;align-items:center;flex-direction:row-reverse}
.mchead > a span{font-size:20px;margin:.2em 0 0 .5em}

.tags-input {
    flex: 1;

    gap: .3em;
    height: 41px;
    border: 1px solid #ececec;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    padding: 0 1em 0 0;
}

.tags-input input{width:100%;height:41px}
.mctsrch{display:flex;margin-left:1em}
.tags-input .mctg{background:#f4f4f4;height:30px;display:flex;border-radius:50px;align-items:center;font-size:13px;cursor:pointer;transition:all 300ms ease-out;
    border: 1px solid #e4e4e4;
    gap: 6px;
    padding: 0 .7em;
}
.tags-input .mctg .mctgdot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}
.tags-input .mctg a.mctdlt{color:inherit;text-decoration:none;opacity:.8;}
.tags-input .mctg a.mctdlt:hover{opacity:1}
.tags-input .mctg:hover{background:#ededed}
.tags-input .mctg i{height:28px;border-right:1px solid #e4e4e4;display:flex;justify-content:center;align-items:center;margin-right:.5em;padding:0 .6em 0 .8em;transition:all 300ms ease-out;font-style:normal}
.tags-input .mctg:hover i{border-color:#d9d9d9}
.tags-input:hover{border-color:#d9d9d9}
.dropdown-content{background:#fff;border:1px solid #ececec;box-sizing:border-box;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);border-radius:0 0 10px 10px;padding:1em;display:flex;flex-wrap:wrap;position:absolute;margin-top:11px;left:0;right:0}
.dropdown-content strong{width:100%;font-size:16px;margin:.5em}
.dropdown-item.empty-title{width:100%;text-align:center;margin:.5em;color:#515151}
.dropdown-content a{border:1px solid #ececec;padding:.3em 1em;margin:.5em;border-radius:50px}
.dropdown-content a:hover{background:#f7f7f7}
/* منوی کاربر قدیمی حذف شد؛ استایل جدید: .mcumenu پایین فایل */
.mcindex{display:flex;flex-wrap:wrap;justify-content:space-between}
.mcsftr{margin:0 0 1.5em}
.mcsftr p{justify-content:center}
.mcsftr a{color:#2EC1AC;margin:5px}
.mcsftr svg{margin:5px}
.mcpalettes{order:2;flex:1;padding:0 1.5em}
.mcsider{width:14%;order:1}
.mcsidel{width:15%;order:3}
hr{content:'';height:1px;background-image:linear-gradient(90deg,rgba(0,0,0,0.0) 0%,#121212 50%,rgba(0,0,0,0.0) 100%);opacity:.08;width:100%;display:flex;margin:1em 0}
.mcph1{text-align:center;margin:0 0 1.5em}
.mcph1 h1{font-size:20px}
.mcph1 h1 span{direction:ltr;display:inline-block;text-align:left;font-size:16px;color:#515151}
.mcph1 h2{font-size:14px;color:#717171}
.mcitems{padding:.5em 1em 1em;display:grid;grid-template-columns:22% 22% 22% 22%;grid-column-gap:4%;grid-row-gap:30px}
.mcitemsngle{grid-template-columns:31% 31% 31%;grid-column-gap:3.5%;grid-row-gap:28px}
.mcsinglei .mcitem{max-width:56vh;margin:3vh auto 10vh}
.mcitem{position:relative;animation-name:mcitem;animation-duration:.4s;animation-fill-mode:both;animation-delay:90ms}
@keyframes mcitem {
0%{opacity:0}
}
.mcplts{max-width:100%;padding-bottom:100%;border-radius:10px;position:relative;display:block;margin-bottom:14px;overflow:hidden}
.mcplts a{width:100%;height:100%;display:block;position:absolute}
.mcplace{position:absolute;width:100%;transform-origin:top;background:grey;text-align:left;border-radius:20px 20px 0 0;animation-name:mcplace}
@keyframes mcplace {
0%{transform:scaleY(1.2);filter:brightness(300%);filter:hue-rotate(50deg)}
}
.mcplace span{position:absolute;text-align:center;transition:all .2s;bottom:0;color:#fff;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.1);padding:3px 6px;border-radius:0 6px 0 0;cursor:pointer;font-size:14px;letter-spacing:1px;left:0;z-index:9;direction:ltr;text-align:left;transition:all .3s ease-out}
.mcsinglei .mcplace span{opacity:.7;visibility:visible}
.mcplace:hover span{opacity:1;visibility:visible;background-color:rgba(0,0,0,.2)}
.mcsinglei .mcplace:hover span{background-color:rgba(0,0,0,.2)}
.mcp1{padding-bottom:41%;animation-duration:1s;border-radius:0;border-radius:10px 10px 0 0;z-index:4}
.mcp2{padding-bottom:67%;animation-duration:.6s;z-index:3}
.mcp3{padding-bottom:85%;animation-duration:.2s;z-index:2}
.mcp4{padding-bottom:100%;animation-duration:0;border-radius:20px 20px 0 0;z-index:1}
.mcitem .mcpltf{justify-content:space-between;flex-direction:row-reverse}
.mcitem .mcpltf .mcbutton{background:#fff;border:1px solid #ececec;border-radius:10px;height:38px;font-size:14px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;position:relative;overflow:hidden;cursor:pointer;padding:0 14px;flex-direction:row-reverse;transition:all .3s ease-out}
.mcsinglei .mcitem .mcpltf .mcbutton{margin-right:.7em;flex-direction:row}
.mcsinglei .mcitem .mcpltf .mcbutton .mcicon{margin-right:-6px;margin-left:2px}
.mccat .mcicon,.mcaction .mcicon{width:30px;height:100%;flex-shrink:0;

background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='137.19' height='19.841' xmlns:v='https://vecta.io/nano'%3E%3Cg stroke='%23000' stroke-linejoin='round'%3E%3Cpath d='M5.946 13.499l-4.925-2.702a1 1 0 0 1 0-1.754l4.926-2.7a1 1 0 0 0 .4-.4l2.7-4.927a1 1 0 0 1 1.754 0l2.7 4.927a1 1 0 0 0 .4.4l4.926 2.7a1 1 0 0 1 0 1.754l-4.926 2.7c-.169.092-.308.231-.4.4l-2.7 4.926a1 1 0 0 1-1.754 0l-2.7-4.926c-.092-.169-.232-.307-.401-.398z' fill='%23fff' fill-rule='evenodd'/%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M37.521 10.986a.52.52 0 0 0 .365-.365c.037-.291-.108-.574-.365-.715-.354-.198-.778-.227-1.157-.081a1.89 1.89 0 0 0-1.043 1.161c-.195.656-.105 1.363.247 1.949a3 3 0 0 0 1.953 1.371 3.59 3.59 0 0 0 2.743-.576 4.11 4.11 0 0 0 1.7-2.742 4.7 4.7 0 0 0-.935-3.5 5.32 5.32 0 0 0-3.5-2.012 5.81 5.81 0 0 0-4.3 1.219 6.41 6.41 0 0 0-2.34 4.3 6.96 6.96 0 0 0 1.548 5.088 7.53 7.53 0 0 0 5.084 2.66 8.12 8.12 0 0 0 5.882-1.876 8.62 8.62 0 0 0 3-5.882c.157-2.423-.649-4.81-2.242-6.642a9.83 9.83 0 0 0-6.64-3.312m68.4 10.475v2a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M101.456 7.506l-3.535 3.536-3.536-3.536m3.536 2.5v-7'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M72.421 3.219c1.707 0 3.259.988 3.981 2.535s.483 3.371-.613 4.679l.017.008-6.364 6.365a2 2 0 0 1-2.829 0l-6.364-6.364.017-.008c-1.213-1.449-1.363-3.512-.372-5.121s2.899-2.405 4.74-1.976 3.2 1.988 3.376 3.869l.019-.008.018.008c.21-2.259 2.106-3.987 4.375-3.987z' fill='%23fff' stroke='%23111' stroke-linejoin='round' fill-rule='evenodd'/%3E%3Cpath d='M126.892 15.042l-1.285 1.285c-.511.512-1.205.799-1.929.799a2.72 2.72 0 0 1-1.928-.799l-1.286-1.285c-.512-.511-.799-1.205-.799-1.928s.287-1.417.799-1.928l3.857-3.857c.511-.512 1.205-.799 1.929-.799a2.72 2.72 0 0 1 1.928.799l1.286 1.285c.512.511.799 1.205.799 1.928s-.287 1.417-.799 1.928m0-6.428l1.285-1.286c.511-.512 1.205-.799 1.929-.799s1.417.287 1.929.799l1.286 1.286c.512.511.799 1.205.799 1.929a2.72 2.72 0 0 1-.799 1.928l-3.857 3.857c-.511.512-1.205.799-1.929.799a2.72 2.72 0 0 1-1.928-.799l-1.286-1.286c-.512-.511-.799-1.205-.799-1.928s.287-1.417.799-1.928' stroke-linejoin='round' stroke='%23000' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");

background-repeat:no-repeat;background-position-y:50%}
.mcaction .mcicon.like{background-position-x:-53px}
.mcaction .mcicon.mcimgdl{background-position-x:-83px}
.mcaction .mcicon.mclinkc{background-position-x:-113px}
.mcaction .mcicon{margin-left:-6px;margin-right:2px}
.mcpltf strong{opacity:.7;flex-shrink:0}
.mcitem .mcpltf .mcbutton:hover{background:#f7f7f7}
.mcitem .mcpltf .mcbutton.active{background:#f2f2f2;color:#000;opacity:1;border-color:transparent}
.mcitem .mcpltf .mcbutton.active .mcicon{filter:brightness(0%);opacity:.9}
.mcsidel h3{margin:0 0 1em;display:flex}
body ::-webkit-scrollbar{width:0;height:0;background:0 0}
.mclikelist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
    overflow-y: scroll;
    box-sizing: content-box;
    margin: 1.5em 0;
}
.mclikelist .mcplts{margin:0}
.mcplts .mcpx{position:absolute;z-index:9;left:.3em;top:.3em;width:1.3em;height:1.3em;background:rgba(0,0,0,.1);border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.mctbligh img{border-radius:1em}
.mccat a{height:42px;display:flex;margin:0 0 .3em;border-radius:.5em;align-items:center;padding:0 1em;font-size:15px}
.mccat a:hover{background:#f7f7f7}
.mccat .mcicon{margin-right:-6px;margin-left:2px}
.mccat .mcicon.mcnew{background-position-x:5px}
.mccat .mcicon.mcrandom{background-position-x:-23px}
.mccat .mcicon.mclctn{background-position-x:-53px}
.mccat a:hover .mcicon{filter:brightness(0%);opacity:.9}
.mccat select{font-size:15px;padding:0 1em;width:100%;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url(img/abottom.svg);background-repeat:no-repeat,repeat;background-position:left 1em top 50%,0 0;background-size:1.3em;transition:all 300ms ease-out;height:42px;border-radius:.5em;line-height:42px;outline:0;cursor:pointer;background-color:#f7f7f7}
.mctags li{display:flex}
.mcrltd a,.mctags li a,.mctags li span{border:1px solid #ececec;padding:.3em 1em;margin:.2em;border-radius:50px;display:flex;align-items:center}
.mctags li span{cursor:pointer}
.mcrltd a:hover,.mctags li a:hover,.mctags li span:hover{background:#f7f7f7}
.mcrltd svg,.mctags li svg{margin-right:calc(-0.5em - 1px);margin-left:.25em}
.mcptble .mcw{display:grid;grid-template-columns:25% 25% 25% 25%;max-width:520px;margin:1.5em auto}
.mcptble .ball{width:30px;height:30px;border-radius:100%;margin:0 auto}
.mcptble .button{padding:6px 10px;letter-spacing:1px;direction:ltr;text-align:center;cursor:pointer}
.mcptble .rgb .button{letter-spacing:0;font-size:12px;text-transform:none}
.mctagsp{justify-content:center;margin:2em 0}
.mctagsp li a{margin:.5em}
.mcrltd{margin:2em 0;justify-content:center}
.mcrltd a{margin-right:.5em;font-size:14px}
.mcaddplt{width:100%}
.mcaddplt .tags-input{padding:0;max-width:450px;margin:0 auto 2em;position:relative}
.mcaddplt .mctgflex{display:flex;justify-content:center}

.mcaddplt .dropdown-content {
    width: auto;
    margin-top: 10px;
    border-radius: 1em;
    overflow: scroll;
    max-height: 200px;
    z-index: 9;
}

.mcaddplt .mcsinglei .mcitem{max-width:450px;margin:3.5vh auto;cursor:pointer;padding:0 30px}
.mcaddplt .mctags{max-width:450px;margin:0 auto 2em;background-color:#fafafa;padding:.5em 1em;border-radius:.5em}
.mcaddplt .mctags span{background:#fff}
.mcpsubmit{display:flex;flex-direction:column;align-items:center}
.mcpsubmit button{display:flex;padding:.8em 2em;border-radius:.5em;background:#fff;border:1px solid #ececec;font-size:16px;margin:0 0 1.5em;transition:all .3s ease-out;flex-direction:row-reverse}
.mcpsubmit button:hover{background:#f7f7f7}
.mcpsubmit button svg{margin-right:.7em}
.mcpsubmit span{margin:0 0 1.5em;background:#fff2f2;padding:.8em 1em;border-radius:.5em;color:red}
.mcpsubmit span a{background:red;color:#fff;padding:.2em .5em;border-radius:.4em;margin-right:.7em;font-size:15px}
@media screen and (max-width: 1500px) {
.mcitems{grid-template-columns:31% 31% 31%;grid-column-gap:3.5%;grid-row-gap:28px}
}
@media screen and (max-width: 1280px) {
.mcw{width:97%}
.mcsider,.mcsidel{width:19%}
}
@media screen and (max-width: 1024px) {
.mcitems{grid-template-columns:48% 48%;grid-column-gap:4%;grid-row-gap:26px}
.mcsider,.mcsidel{width:22%}
}
@media screen and (max-width: 720px) {
.mcw{width:95%}
.mcsidel,.mchleft > a,.mcsider hr,.mcsider h3,.mcsider .mctags{display:none}
.mcpalettes{padding:0;width:100%}

.tags-input{margin:0 1em}
.dropdown-content{overflow:scroll;max-height:70vh;margin-top:6px;width:100%}
.mcsider{width:0}
.mccat{position:fixed;bottom:0;left:0;right:0;display:flex;box-shadow:0 6px 12px rgba(0, 0, 0, 0.2);border-top:1px solid #ececec;background:#fff;justify-content:space-between;padding:.5em 0;z-index:99;height:58px}
.mccat a{flex-direction:column;align-items:center;height:initial;flex:1;font-size:12px;text-align:center;margin:0 .3em;padding:0;background:none!important;opacity:.7}
.mccat a:first-child{margin-right:0}
.mccat a:nth-child(3){margin-left:0}
.mccat .mcicon{width:24px;height:20px;margin:0 0 .3em}
.mccat select{width:auto;flex:1;background:0;font-size:12px;padding:0;margin-left:.3em;text-align:center;opacity:.7}
.mcsftr{padding-bottom:4em}
}
@media screen and (max-width: 520px) {
.mcitems{padding:0 .5em .5em}
.mcpltf strong{font-size:13px}
.mcsinglei .mcitem{max-width:95%;margin:3vh auto 5vh}
}
@media screen and (max-width: 425px) {
.mchead > a span{display:none}
.mcaction{width:100%;justify-content:center}
.mcsinglei .mcitem .mcpltf .mcbutton{margin:0 .5em}
.mcsinglei .mcitem .mcpltf .mcbutton:nth-child(1){margin-right:0}
.mcsinglei .mcitem .mcpltf .mcbutton:nth-child(3){margin-left:0}
.mcpltf strong{width:100%;text-align:center;margin:1em 0 0}
}
@media screen and (max-width: 375px) {
.mcsinglei .mcitem .mcpltf .mcbutton{font-size:13px;padding:0 .8em}
}
@media screen and (max-width: 360px) {
.mcpltf strong{font-size:12px;letter-spacing:-1px}
.mcptble .button{padding:6px}
.mcsinglei .mcitem .mcpltf .mcbutton{margin:0 .4em}
}
@media screen and (max-width: 320px) {
.mcptble .button{padding:5px;font-size:12px}
.mcsinglei .mcitem .mcpltf .mcbutton{padding:0 .5em}
}

/* --- Tag Suggest (advanced filter) --- */
.tags-input{position:relative;}
.mctagsuggest{position:absolute;right:0;left:0;top:calc(100% + 6px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:10px;z-index:999;display:none;max-height:320px;overflow:auto;}
.mctagsuggest.is-open{display:block;}
.mctagsuggest__title{font-size:12px;opacity:.7;margin-bottom:8px;}
.mctagsuggest__list{display:flex;flex-wrap: wrap;;gap:6px;}
.mctagsuggest__item{display:flex;align-items:center;gap:8px;text-align:right;border:0;background:rgba(0,0,0,.03);padding:8px 10px;border-radius:12px;cursor:pointer;}
.mctagsuggest__item:hover{background:rgba(0,0,0,.06);}
.mctagsuggest__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .18);
    flex: 0 0 10px;
    border: 1px solid rgba(0, 0, 0, .15);
}
.mctagsuggest__text{font-size:13px;}
.mctagsuggest__slug{margin-right:auto;font-size:12px;opacity:.55;direction:ltr;}
.mctagsuggest__item.is-hidden{display:none;}
.mctagsuggest__section{margin-top:10px;}
.mctagsuggest__section:first-of-type{margin-top:0;}
.mctagsuggest__section + .mctagsuggest__section{border-top:1px solid rgba(0,0,0,.06);padding-top:10px;}
.mctagsuggest__sectiontitle{font-size:12px;opacity:.75;margin:0 2px 8px;}

/* ---------- AJAX pagination loading state ---------- */
.mcitems.is-loading{opacity:.55;pointer-events:none;filter:grayscale(.15)}




/* ---------- Pending palette notice ---------- */
.mcpending{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.03);font-size:13px;}


/* Palette values (card style, no table) */
.mcpalette-values{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;direction:ltr}
.mcpv-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid rgba(0,0,0,.07);border-radius:14px;background:#fafafa;transition:all .25s ease-out}
.mcpv-card:hover{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.07);transform:translateY(-2px)}
.mcpv-swatch{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .2s ease-out}
.mcpv-swatch:hover{transform:scale(1.12)}
.mcpv-hex,.mcpv-rgb{background:transparent;border:0;cursor:pointer;user-select:none;font-family:dana;transition:opacity .2s;direction:ltr}
.mcpv-hex{font-size:14px;letter-spacing:1px;color:#121212}
.mcpv-rgb{font-size:11px;color:#717171}
.mcpv-hex:hover,.mcpv-rgb:hover{opacity:.65}
@media screen and (max-width:520px){
.mcpalette-values{grid-template-columns:repeat(2,1fr)}
}

/* Palette tags/topics below values table */
.mcpalette-tags{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.06);border-radius:10px;text-align:right}
.mcpalette-tags-title{font-weight:700;margin-bottom:6px}
.mcpalette-tags-row{margin:4px 0;opacity:.9}
.mcpalette-tags a{text-decoration:none}
.mcpalette-tags a:hover{text-decoration:underline}

/* palette tags swatches */
.mctag-link{display:inline-flex;align-items:center;gap:6px}
.mctag-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.12)}

/* palette tagline */
.mcpalette-tagline{max-width:980px;margin:10px auto 0 auto;padding:0 12px;opacity:.85}

/* ---------- Tab page (random palette for new tab) ---------- */
body.mctabpage{margin:0;overflow:hidden;background:#000;}
.pctab{position:fixed;inset:0;display:flex;list-style:none;margin:0;padding:0;}
.pctab .tab{flex:1;display:flex;align-items:start;justify-content:center;padding:22px;}
.pctab .tab span{display:inline-block;letter-spacing:.5px;font-size:18px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}

.tablink{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;}
.tablink:hover{background:rgba(0,0,0,.6)}
.tablink .icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}

.tablogo{position:fixed;right:18px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:16px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tablogo:hover{background:rgba(255,255,255,.32)}

.tabhint {
    position: fixed;
    left: 18px;
    bottom: 18px;
    color: rgb(0 0 0 / 75%);
    font-size: 12px;
    line-height: 1.6;
    max-width: 52vw;
    text-shadow: 1px 1px 1px rgb(255 255 255 / 75%);
}
@media (max-width:700px){
  .pctab .tab{padding:14px;}
  .pctab .tab span{font-size:14px;padding:7px 10px;}
  .tabhint{display:none;}
}

/* ==================== Modern Panel UI (admin + account + auth) ==================== */
.mcpanel{max-width:1100px;margin:0 auto;width:100%}
.mcpanel--narrow{max-width:520px}
.mcpanel--mid{max-width:820px}
.mcpanel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.mcpanel__head h1{font-size:22px;display:flex;align-items:center;gap:10px}
.mcpanel__head p{color:#717171;font-size:13px;margin-top:4px}
.mccard{background:#fff;border:1px solid #ececec;border-radius:18px;padding:22px;margin:0 0 16px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.mccard__title{font-size:15px;font-weight:400;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.mccard__title svg{opacity:.65}

/* Admin nav (tabs) */
.mcnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px;padding:6px;background:#f7f7f7;border-radius:14px}
.mcnav a{display:flex;align-items:center;gap:7px;padding:9px 15px;border-radius:10px;font-size:13.5px;color:#515151;transition:all .2s}
.mcnav a svg{opacity:.7}
.mcnav a:hover{background:#fff;color:#121212}
.mcnav a.is-active{background:#fff;color:#121212;box-shadow:0 1px 4px rgba(0,0,0,.08)}

/* Stat tiles */
.mcstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 18px}
.mcstat{background:#fff;border:1px solid #ececec;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;transition:all .25s}
.mcstat:hover{border-color:#d9d9d9;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.mcstat b{font-size:22px}
.mcstat span{font-size:12.5px;color:#717171}

/* Buttons */
.mcbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13.5px;cursor:pointer;border:1px solid #ececec;background:#fff;color:#121212;transition:all .2s;text-decoration:none;font-family:dana}
.mcbtn:hover{background:#f7f7f7;border-color:#d9d9d9}
.mcbtn--primary{background:#121212;color:#fff;border-color:#121212}
.mcbtn--primary:hover{background:#2b2b2b;border-color:#2b2b2b}
.mcbtn--teal{background:#2EC1AC;color:#fff;border-color:#2EC1AC}
.mcbtn--teal:hover{background:#27a996;border-color:#27a996}
.mcbtn--danger{background:transparent;color:#d33;border-color:transparent;padding:8px 10px}
.mcbtn--danger:hover{background:#fff2f2;border-color:#ffd6d6}
.mcbtn--ghost{border-color:transparent;background:transparent;color:#515151}
.mcbtn--ghost:hover{background:#f4f4f4}
.mcbtn--sm{padding:6px 12px;font-size:12.5px;border-radius:9px}
.mcbtn--block{width:100%}
.mcbtn:disabled{opacity:.5;cursor:not-allowed}

/* Forms */
.mcform{display:grid;gap:14px}
.mcform__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.mcfield{display:grid;gap:6px;font-size:13px;color:#515151}
.mcfield input[type=text],.mcfield input[type=email],.mcfield input[type=password],.mcfield input[type=url],.mcfield input[type=number],.mcfield textarea,.mcfield select{width:100%;padding:11px 13px;border-radius:12px;border:1px solid #e4e4e4;background:#fcfcfc;font-size:13.5px;transition:all .2s;color:#121212}
.mcfield input:focus,.mcfield textarea:focus,.mcfield select:focus{border-color:#2EC1AC;background:#fff;box-shadow:0 0 0 3px rgba(46,193,172,.12)}
.mcfield--inline{display:flex;align-items:center;gap:9px;color:#121212;font-size:13.5px}
.mcfield--inline input[type=checkbox]{width:17px;height:17px;accent-color:#2EC1AC;cursor:pointer}
.mcfield .mchint{font-size:11.5px;color:#999}

/* Switch */
.mcswitch{position:relative;display:inline-block;width:40px;height:22px;flex:0 0 auto}
.mcswitch input{opacity:0;width:0;height:0}
.mcswitch i{position:absolute;inset:0;background:#ddd;border-radius:22px;transition:.25s;cursor:pointer}
.mcswitch i:before{content:'';position:absolute;width:16px;height:16px;right:3px;top:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.mcswitch input:checked + i{background:#2EC1AC}
.mcswitch input:checked + i:before{transform:translateX(-18px)}

/* Alerts */
.mcalert{padding:12px 14px;border-radius:12px;font-size:13.5px;margin:0 0 14px;display:flex;align-items:flex-start;gap:9px;line-height:1.9}
.mcalert--error{background:#fff2f2;border:1px solid #ffd6d6;color:#b00000}
.mcalert--success{background:#effcf6;border:1px solid #bdf0dc;color:#0b7a55}
.mcalert--warn{background:#fff8ed;border:1px solid #ffe3b3;color:#9a6200}
.mcalert--info{background:#f0f7ff;border:1px solid #cfe5ff;color:#1354a3}
.mcalert a{color:inherit;text-decoration:underline}

/* Badges */
.mcbadge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:50px;font-size:11.5px}
.mcbadge--on{background:#effcf6;color:#0b7a55;border:1px solid #bdf0dc}
.mcbadge--off{background:#fff2f2;color:#b00000;border:1px solid #ffd6d6}
.mcbadge--muted{background:#f4f4f4;color:#616161;border:1px solid #e7e7e7}

/* Modern table */
.mctable-wrap{overflow:auto;border:1px solid #ececec;border-radius:16px;background:#fff}
.mctable{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.mctable th{text-align:right;padding:12px 14px;background:#fafafa;color:#717171;font-weight:400;font-size:12.5px;border-bottom:1px solid #ececec;white-space:nowrap}
.mctable td{padding:11px 14px;border-bottom:1px solid #f4f4f6;vertical-align:middle}
.mctable tr:last-child td{border-bottom:0}
.mctable tbody tr{transition:background .15s}
.mctable tbody tr:hover{background:#fbfbfb}
.mctable .mcactions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mctable img.mcthumb{display:block;border-radius:10px;object-fit:cover;width:44px;height:44px;border:1px solid #eee}
.mcminipal{display:flex;width:88px;height:26px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}
.mcminipal i{flex:1}

/* Divider with text (auth pages) */
.mcdivider{display:flex;align-items:center;gap:12px;color:#999;font-size:12px;margin:16px 0}
.mcdivider:before,.mcdivider:after{content:'';flex:1;height:1px;background:#ececec}

/* Social login buttons */
.mcsocialbtns{display:grid;gap:10px}
.mcsocialbtns .mcbtn{justify-content:center}

/* OTP code input */
.mcotp-input{letter-spacing:12px;text-align:center;font-size:22px!important;direction:ltr}

/* User palettes list in account */
.mcmyplts{display:grid;gap:10px}
.mcmyplt{display:flex;align-items:center;gap:14px;border:1px solid #ececec;border-radius:14px;padding:10px 14px;transition:all .2s;flex-wrap:wrap}
.mcmyplt:hover{border-color:#d9d9d9;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mcmyplt__img{width:56px;height:56px;border-radius:12px;object-fit:cover;border:1px solid #eee;flex:0 0 auto}
.mcmyplt__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.mcmyplt__info a{font-size:13px;direction:ltr;text-align:left;color:#121212}
.mcmyplt__info a:hover{color:#2EC1AC}
.mcmyplt__meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#717171}
.mcmyplt__spacer{margin-right:auto;display:flex;align-items:center;gap:8px}

/* Profile social icon buttons */
.mcusocial{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0}
.mcusocial a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #ececec;border-radius:50px;font-size:13px;color:#414141;transition:all .2s}
.mcusocial a svg{flex:0 0 auto;opacity:.8}
.mcusocial a:hover{background:#f7f7f7;border-color:#d9d9d9;color:#121212}

@media screen and (max-width:720px){
.mccard{padding:16px;border-radius:14px}
.mcnav{overflow-x:auto;flex-wrap:nowrap}
.mcnav a{white-space:nowrap}
}

/* ==================== Header tools (chrome + mobile search) ==================== */
.mchtools{display:flex;align-items:center;gap:10px}
.mchtool{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid #ececec;background:#fff;cursor:pointer;transition:all .2s}
.mchtool:hover{background:#f7f7f7}
.mcsearch-open{display:none}
.mchchrome{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #ececec;border-radius:50px;font-size:12.5px;color:#414141;transition:all .2s;white-space:nowrap}
.mchchrome:hover{background:#f7f7f7;border-color:#d9d9d9;color:#121212}
.mchchrome svg{flex:0 0 auto}
.mcsearch-close{display:none;position:absolute;top:4px;right:4px;width:32px;height:32px;border-radius:1em;border:0;background:#f1f1f1;color:#515151;cursor:pointer;font-size:14px;z-index:3}
.mcsearch-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;opacity:0;transition:opacity .25s}

/* موبایل: جستجو به‌صورت پاپ‌آپ */
@media screen and (max-width:720px){
  .mcsearch-open{display:inline-flex}
  .mchchrome span{display:none}
  .mchchrome{padding:8px;border-radius:50%}
  form.tags-input[data-tags-form="1"]{display:none}
  body.mc-search-open form.tags-input[data-tags-form="1"]{display:flex;position:fixed;top:14px;right:3%;left:3%;margin:0;z-index:10001;background:#fff;box-shadow:0 14px 44px rgba(0,0,0,.24);border-radius:16px;padding:14px 44px 14px 14px;animation:mcSearchPop .22s ease-out}
  body.mc-search-open .mcsearch-backdrop{display:block;opacity:1}
  body.mc-search-open .mcsearch-close{display:flex;align-items:center;justify-content:center}
  body.mc-search-open{overflow:hidden}
  body.mc-search-open form.tags-input[data-tags-form="1"] .mctagsuggest{max-height:56vh}
  .mctsrch{margin-left:0}
}
@keyframes mcSearchPop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}

/* ==================== منوی کاربر (مدرن) ==================== */
.mchleft{position:relative}
.mcumenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #ececec;background:#fff;cursor:pointer;transition:all .2s;padding:0}
.mcumenu-toggle:hover{background:#f7f7f7;border-color:#d9d9d9}
.mcuavatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#2EC1AC;color:#fff;font-size:13px;user-select:none}
.mcuavatar--lg{width:40px;height:40px;font-size:17px;flex:0 0 auto}
.mcumenu{position:absolute;top:calc(100% + 10px);right:0;width:250px;background:#fff;border:1px solid #ececec;border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.12);z-index:9999;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s ease-out;overflow:hidden}
.mcumenu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.mcumenu__head{display:flex;align-items:center;gap:11px;padding:14px;background:#fafafa;border-bottom:1px solid #f1f1f1}
.mcumenu__id{display:flex;flex-direction:column;gap:2px;min-width:0}
.mcumenu__id b{font-size:13.5px;font-weight:400;color:#121212;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcumenu__id span{font-size:11.5px;color:#999;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcumenu__list{padding:6px}
.mcumenu__list a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;font-size:13px;color:#414141;transition:all .15s}
.mcumenu__list a svg{opacity:.65;flex:0 0 auto}
.mcumenu__list a:hover{background:#f6f6f6;color:#121212}
.mcumenu__badge{margin-right:auto;background:#2EC1AC;color:#fff;border-radius:50px;font-size:11px;padding:1px 8px;min-width:20px;text-align:center}
.mcumenu__divider{height:1px;background:#f1f1f1;margin:0 12px}
.mcumenu__logout{color:#d33!important}
.mcumenu__logout svg{opacity:1!important}
.mcumenu__logout:hover{background:#fff2f2!important}

/* ==================== فوتر حرفه‌ای ==================== */
.mcftr{margin-top:60px;background:#fafafa;border-top:1px solid #efefef}
.mcftr__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding:44px 0 34px}
.mcftr__brand{display:inline-flex;align-items:center;gap:9px;font-size:17px;color:#121212;margin-bottom:12px}
.mcftr__desc{font-size:12.5px;color:#8a8a8a;line-height:2.1;max-width:320px}
.mcftr__title{font-size:13.5px;color:#121212;margin-bottom:14px}
.mcftr__links{list-style:none;display:grid;gap:9px}
.mcftr__links a{font-size:12.5px;color:#7a7a7a;transition:color .15s}
.mcftr__links a:hover{color:#2EC1AC}
.mcftr__social{display:flex;gap:8px;flex-wrap:wrap}
.mcftr__social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid #e7e7e7;background:#fff;color:#616161;transition:all .2s}
.mcftr__social a:hover{background:#2EC1AC;border-color:#2EC1AC;color:#fff;transform:translateY(-2px)}
.mcftr__bottom{border-top:1px solid #efefef}
.mcftr__bottominner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 0;font-size:12px;color:#9a9a9a}
@media screen and (max-width:860px){
  .mcftr__grid{grid-template-columns:1fr 1fr;padding:32px 0 24px}
}
@media screen and (max-width:520px){
  .mcftr__grid{grid-template-columns:1fr}
  .mcftr__bottominner{justify-content:center;text-align:center}
}

/* ==================== جدول div محور (جایگزین table) ==================== */
.mcdt{border:1px solid #ececec;border-radius:16px;background:#fff;overflow:hidden}
.mcdt__row{display:grid;grid-template-columns:var(--cols,repeat(4,1fr));gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #f4f4f6;font-size:13.5px;transition:background .15s}
.mcdt__row:last-child{border-bottom:0}
.mcdt__row:not(.mcdt__head):hover{background:#fbfbfb}
.mcdt__head{background:#fafafa;color:#717171;font-size:12.5px;border-bottom:1px solid #ececec}
.mcdt__cell{min-width:0;overflow-wrap:anywhere}
.mcdt__empty{padding:26px;text-align:center;color:#999;font-size:13px}
@media screen and (max-width:720px){
  .mcdt__head{display:none}
  .mcdt__row{grid-template-columns:1fr!important;gap:8px;padding:14px}
  .mcdt__cell[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:#a0a0a0;margin-bottom:3px}
}

/* صفحه‌بندی ادمین */
.mcpager{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0;flex-wrap:wrap}
.mcpager a,.mcpager span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid #ececec;background:#fff;color:#515151;font-size:13px;transition:all .15s}
.mcpager a:hover{background:#f6f6f6;border-color:#d9d9d9}
.mcpager .is-current{background:#121212;color:#fff;border-color:#121212}
.mcpager .is-disabled{opacity:.4;pointer-events:none}
.mcpager.is-loading{opacity:.5;pointer-events:none}

/* tags-input صفحه ایجاد پالت (هم‌استایل با جستجو) */
.mctgflex .tags-input{position:relative;height:auto;min-height:44px;flex-wrap:wrap;padding:6px 14px;margin:0;border-radius:16px}
.mctgflex .tags-input input.input{width:auto;flex:1;min-width:140px;height:32px;border:0;outline:0;background:transparent;font-family:dana}
.mctgflex .mctagsuggest{max-height:300px}