/* ساختار دکمه قدیمی — reference: design/old-button-structure-fa.md */


:root{--old-key-top:#355574;--old-key-bottom:#20334f;--old-key-ink:#e9f2ff;--old-key-muted:#c9d8ed;--old-key-base:#14273d;--old-key-shadow:#080f23}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])),:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))){--key-top:var(--old-key-top);--key-bottom:var(--old-key-bottom);position:relative;isolation:isolate;border-radius:0!important;border-style:solid!important;border-width:2px 5px 7px!important;border-color:#6685a1 #263f5b #14273d #6685a1!important;background:linear-gradient(110deg,var(--key-top),var(--key-bottom))!important;color:var(--old-key-ink)!important;box-shadow:0 5px 0 var(--old-key-base),0 7px 0 var(--old-key-shadow),0 10px 13px #030d1955,inset 0 1px 0 #6685a1,inset 0 -1px 1px #858d7555!important;text-shadow:0 1px #0004;transition:transform .1s,box-shadow .1s,background .15s!important}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"]))::before,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form)))::before{content:"";position:absolute;inset:5px 7px 4px;border:1px solid #b6b5a277;box-shadow:inset 0 1px 3px #92977a22;pointer-events:none;z-index:-1;border-radius:0}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])){min-height:48px;padding:15px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:12px;text-decoration:none}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])):not(:disabled):hover,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))):hover{--key-top:#426889;--key-bottom:#2c4662;transform:translateY(-1px)!important;box-shadow:0 6px 0 var(--old-key-base),0 8px 0 var(--old-key-shadow),0 11px 15px #030d1955,inset 0 1px 0 #6685a1!important}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])):not(:disabled):active{transform:translateY(5px)!important;box-shadow:0 0 0 var(--old-key-base),0 2px 0 var(--old-key-shadow),inset 0 1px 4px #45574833!important}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])):focus-visible,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))):focus-within{outline:3px solid #00d7ef;outline-offset:5px}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])):disabled{--key-top:#34495f;--key-bottom:#28394d;cursor:not-allowed;color:#aab6cc!important;box-shadow:0 3px 0 #1d3046,0 5px 0 #111b30!important;transform:none!important}


:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])) .site-icon,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))) .site-icon,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))) .pack-icon{color:var(--old-key-ink)!important}


:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))) p,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))) .mono,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))) .eyebrow{color:var(--old-key-muted)!important}


.site-header{position:relative;gap:24px}.site-header>.brand{margin-inline-end:auto}


.corner-menu{position:relative;z-index:20;flex-shrink:0}.corner-menu>summary{font-size:12px;font-weight:700;list-style:none;min-width:112px;justify-content:center}.corner-menu>summary::-webkit-details-marker{display:none}


.corner-menu[open]>summary,.faq-items details[open]>summary{--key-top:#294e79;--key-bottom:#20334f;border-bottom-color:#3985a8!important;box-shadow:0 5px 0 #22516c,0 7px 0 #0b1a2c,0 10px 13px #030d1955,inset 0 0 0 1px #63c3e3!important}


.corner-menu nav{position:absolute;inset-inline-start:0;top:calc(100% + 20px);width:248px;max-width:calc(100vw - 36px);display:grid;gap:14px;padding:14px;background:#182b35;border:1px solid #536960;box-shadow:0 18px 35px #0008}


.corner-menu nav a{font-size:12px;white-space:normal}.corner-menu nav .site-icon{flex-shrink:0}


.corner-menu>summary>span,.corner-menu[open]>summary>span{font:inherit;color:inherit;transform:none}


.header-action.old-key{font-size:11px}


.service-rows{display:grid;grid-template-columns:1fr;gap:22px;border:0}


.service-row.old-key-panel:nth-child(n){padding:28px 22px!important;margin:0;overflow:visible}


.service-row.old-key-panel .row-link{justify-content:center;font-size:10px;white-space:normal;gap:9px;min-width:0}


.service-row-title h3{color:var(--old-key-ink)}.service-row-title a:hover{text-decoration:underline;text-underline-offset:5px}


.approach-section .steps{padding:0;border:0;border-radius:0;background:none;gap:24px}


.steps>li.old-key-panel{padding:25px 22px 30px;min-width:0}


.steps>li.old-key-panel::before{inset:5px 7px 4px;width:auto;height:auto;background:none;border-radius:0;box-shadow:inset 0 1px 3px #92977a22}


.old-key-panel .step-number{color:var(--old-key-muted)}


.about-section.old-key-panel{overflow:visible;padding:52px 40px;gap:40px}


.about-section.old-key-panel .about-word{color:#c9d8ed5c!important}


.about-section.old-key-panel .about-mark::before{border-color:#c9d8ed44}


.old-key-panel .text-link,.compact .text-link{font-size:11px;line-height:1.8}


.faq-items>details{margin:0 0 22px;padding:0;border:0!important;background:none;border-radius:0}


.faq-items summary.old-key{display:flex;width:100%;font-size:12px;line-height:2;justify-content:space-between}


.faq-items details>p{background:#263d58;color:var(--old-key-ink);margin:7px 0 0;padding:20px 24px;border:1px solid #263f5b;border-top:0;font-size:12px}


@media(max-width:1100px){.service-row.old-key-panel:nth-child(n){grid-template-columns:28px 38px minmax(0,1fr) minmax(0,1.3fr)}.service-row.old-key-panel .row-link{grid-column:3/5;justify-self:start}.about-section.old-key-panel{gap:28px}}


@media(max-width:760px){.site-header{gap:15px;min-height:100px}.corner-menu>summary{min-width:92px;padding-inline:12px}.service-row.old-key-panel:nth-child(n){grid-template-columns:20px 34px minmax(0,1fr);padding:25px 18px!important;gap:12px}.service-row.old-key-panel>p,.service-row.old-key-panel .row-link{grid-column:2/4}.approach-section .steps{gap:22px 16px}.steps>li.old-key-panel{padding:22px 15px}.about-section.old-key-panel{padding:34px 23px}.about-section.old-key-panel .about-mark{left:24px;top:38px}.compact{flex-direction:column;align-items:start}.compact .text-link{white-space:normal}.faq-items summary.old-key{font-size:11px}.old-key{padding-inline:14px}}


@media(max-width:600px){.site-header>.header-action{display:none}.site-header>.brand{margin-inline-end:0;margin-inline-start:auto}.corner-menu nav{width:248px}}


@media(max-width:380px){.approach-section .steps{grid-template-columns:1fr}.service-row.old-key-panel .row-link{grid-column:1/-1;width:100%}.service-row.old-key-panel>p{grid-column:1/-1}.service-row-title h3{font-size:16px}}


@media(prefers-reduced-motion:reduce){:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])),:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))){transition:none!important}:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])):not(:disabled):hover,:is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))):hover,:is(.old-key,.manage-surface :where(button,.button,.nav-item,summary,.topbar a,td a,input[type="submit"],input[type="button"])):not(:disabled):active{transform:none!important}.scroll-ready :is(.old-key-panel,.manage-surface :where(.panel,.stat,.invoice-banner,.invoice-summary>div,main>form:not(.invoice-editor,.invoice-bulk-delete,.lead-record-form,.lead-delete-form))).reveal-pending{opacity:1;transform:none}}



/* Original brand sheet, clipped in SVG without stretching the mark. */
.about-section .about-mark{opacity:1;filter:none}.about-mark::before{display:none}.about-source-logo{display:block;width:140px;height:auto;max-width:100%;aspect-ratio:370/470;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
@media(max-width:760px){.about-section.old-key-panel .about-mark{position:relative;inset:auto;width:100px;min-height:124px;justify-self:center}.about-section .eyebrow{max-width:100%}}

.about-clean-logo{display:block;width:140px;max-width:100%;height:auto;object-fit:contain;mix-blend-mode:normal;mask:none}