/* «افزونه‌ها» preview-panel menu (owner-chosen design ج). Colors reuse the diamind-1 tokens. */
.diatools-site-menu{position:relative}
.diatools-site-menu>summary{list-style:none;cursor:pointer;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:6px}
.diatools-site-menu>summary::-webkit-details-marker{display:none}
.diatools-site-menu__caret{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.diatools-site-menu[open] .diatools-site-menu__caret{transform:rotate(180deg)}
.diatools-site-menu__items{position:absolute;inset-inline-start:-140px;top:calc(100% + 14px);width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);z-index:60;text-align:right}
.diatools-site-menu[open] .diatools-site-menu__items{animation:dtmPanelIn .38s cubic-bezier(.2,.8,.2,1) both}
.dtm-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#f7fbff;border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.diatools-site-menu[open] .dtm-card{animation:dtmCardUp .45s cubic-bezier(.2,.8,.2,1) both}
.diatools-site-menu[open] .dtm-card+.dtm-card{animation-delay:.07s}
.dtm-card:hover,.dtm-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 34px rgba(7,29,60,.14);border-color:rgba(27,174,159,.45)}
.dtm-card--excel{background:#f2fbf9;border-color:rgba(27,174,159,.22)}
.dtm-card strong{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.dtm-card small{font-size:12px;line-height:1.7;color:var(--muted)}
.dtm-badge{font-size:10px;font-weight:700;color:#0b6f66;background:#dff7f3;padding:2px 8px;border-radius:999px}
.dtm-art{display:flex;flex-direction:column;gap:7px;height:96px;box-sizing:border-box;border-radius:12px;padding:10px;overflow:hidden}
.dtm-art--browser{background:linear-gradient(145deg,#061a36,#0b356c)}
.dtm-dots{display:flex;gap:5px}.dtm-dots i{width:7px;height:7px;border-radius:50%;background:#41d8c6}.dtm-dots i:first-child{background:#ff6b6b}.dtm-dots i:nth-child(2){background:#ffc857}
.dtm-tiles{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dtm-tiles i{border-radius:7px;background:rgba(255,255,255,.12)}.dtm-tiles i:nth-child(2){background:rgba(65,216,198,.35)}
.dtm-art--excel{background:#fff;border:1px solid #dfe8f3}
.dtm-head{height:13px;width:60%;border-radius:4px;background:var(--navy)}
.dtm-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.dtm-cells i{height:12px;border-radius:3px;background:var(--ice);overflow:hidden;position:relative}
.dtm-cells .dtm-fill{background:#dff7f3}.dtm-cells .dtm-fill::after{content:"";position:absolute;inset:0;width:0;background:var(--mint);animation:dtmFill 2.6s ease-in-out infinite}
.dtm-cells .dtm-fill:last-of-type::after{animation-delay:.35s}
@keyframes dtmPanelIn{from{opacity:0;clip-path:inset(0 0 100% 0 round 22px);transform:translateY(-6px)}to{opacity:1;clip-path:inset(0 0 0 0 round 22px);transform:none}}
@keyframes dtmCardUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes dtmFill{0%,20%{width:0}60%,100%{width:100%}}
@media(max-width:960px){.diatools-site-menu__items{position:static;width:100%;margin-block-start:10px;grid-template-columns:1fr;box-shadow:none}.dtm-art{height:72px}}
@media(prefers-reduced-motion:reduce){.diatools-site-menu[open] .diatools-site-menu__items,.diatools-site-menu[open] .dtm-card,.dtm-cells .dtm-fill::after{animation:none}.dtm-cells .dtm-fill::after{width:100%}.dtm-card,.diatools-site-menu__caret{transition:none}}