/* Cafeneti Tools brand identity — uses the real site's header and footer. */
@font-face{font-family:iransans;src:url("/static/site/fonts/iransans/IRANSansWeb_FaNum.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:iransans;src:url("/static/site/fonts/iransans/IRANSansWeb_Bold_FaNum.woff2") format("woff2");font-weight:700 900;font-display:swap}
:root{--cn-primary:#1e40af;--cn-deep:#1c3870;--cn-muted:#7386a1;--cn-line:#e3ebf6;--cn-orange:#f4a300}
html{scroll-behavior:smooth}
html,body,button,input,textarea,select,option,label,a,p,h1,h2,h3,h4,summary,small,span,strong,li,th,td{font-family:iransans,Tahoma,Arial,sans-serif!important}
body{background:#f5f7fc!important;color:#1f2a44;-webkit-font-smoothing:antialiased;min-width:0}
body :focus-visible{outline:3px solid #72aaff!important;outline-offset:3px}
body a{text-decoration:none}
body .container{width:min(1220px,calc(100% - 36px));margin-inline:auto}
body .cnx-header{z-index:1100!important}
body .cnx-header *,body .cnx-seo-footer,body .cnx-seo-footer *{font-family:iransans,Tahoma,sans-serif!important}
.cn-tools-subnav{background:linear-gradient(110deg,#fff,#f8fbff);border-bottom:1px solid #e6edf7;box-shadow:0 4px 18px #1c4b8508;direction:rtl;position:relative;z-index:2}
.cn-tools-subnav-inner{max-width:1220px;padding:9px 18px;margin:auto;min-height:62px;display:flex;align-items:center;gap:22px;justify-content:space-between}
.cn-tools-subnav-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:900;color:#19457a;white-space:nowrap}
.cn-tools-subnav-logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#214da7,#377bca);color:#fff;box-shadow:0 6px 15px #214fa62d;flex:none}
.cn-tools-subnav-links{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;min-width:0}
.cn-tools-subnav-links a{padding:8px 13px;color:#667e99;font-size:12px;font-weight:700;border-radius:10px;white-space:nowrap;transition:background .2s,color .2s}
.cn-tools-subnav-links a:hover,.cn-tools-subnav-links a[aria-current=page]{background:#e8f1ff;color:#1e4eaa}
.cn-tools-subnav-action{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #dce7f6;border-radius:12px;color:#2557aa;font-size:11px;font-weight:800;padding:10px 15px;white-space:nowrap}
.cn-tools-before-footer{padding:0 18px 28px;background:#f5f7fc}
.cn-tools-before-footer-inner{width:min(1220px,100%);margin:auto;border:1px solid #dce6f6;border-radius:21px;background:radial-gradient(circle at 5% 30%,#dbe9ff 0,transparent 33%),linear-gradient(115deg,#fff,#f6faff);box-shadow:0 12px 33px #1f4e890b;padding:25px 30px;display:flex;align-items:center;gap:20px}
.cn-tools-before-footer-icon{width:54px;height:54px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#1e40af,#2680cc);color:#fff;border-radius:17px;font-size:28px;font-weight:900}
.cn-tools-before-footer-copy{flex:1;min-width:0}
.cn-tools-before-footer-copy strong{color:#244272;font-size:16px;font-weight:900}
.cn-tools-before-footer-copy p{color:#6d83a0;font-size:12px;line-height:2;margin:5px 0 0}
.cn-tools-before-footer-cta{border-radius:11px;background:#1e40af;color:white!important;white-space:nowrap;font-size:12px;font-weight:800;padding:12px 19px;display:inline-flex;align-items:center;gap:12px}

/* Main tools page, hero, cards and inputs */
#app{min-height:70vh}
body main.container{padding-top:20px;padding-bottom:48px}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:#8192ac;margin:11px 0 19px}
.crumbs a:hover{color:#1e40af}
.hero,.detail-hero,.sp-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e1eaf7!important;background:radial-gradient(circle at 12% 8%,#eaf2ff 0,transparent 42%),radial-gradient(circle at 85% 90%,#f3f7ff 0,transparent 48%),linear-gradient(132deg,#fff 9%,#f8fbff 95%)!important;border-radius:27px!important;box-shadow:0 14px 45px #23456c0b!important}
.hero:before,.detail-hero:before,.sp-hero:before{content:"";pointer-events:none;position:absolute;left:-78px;top:-118px;width:295px;height:295px;border-radius:50%;border:1px solid #e1eaff;z-index:-1}
.hero:after,.detail-hero:after,.sp-hero:after{content:"";pointer-events:none;position:absolute;right:-90px;bottom:-165px;width:350px;height:350px;border-radius:50%;border:1px solid #e9eff8;z-index:-1}
.hero{padding:46px 50px!important;gap:30px}
.hero h1,.detail-hero h1,.sp-hero h1{font-weight:900!important;color:#1c3c73!important;line-height:1.7!important;letter-spacing:-.45px}
.hero h1{font-size:clamp(25px,3.4vw,39px)!important}
.hero p,.detail-hero p,.sp-hero p{color:#67809d!important;line-height:2.15!important}
.hero .eyebrow,.sp-eyebrow{background:#edf4ff!important;color:#2252a3!important;border:1px solid #dce9fc;border-radius:30px!important;font-weight:800!important}
.hero .eyebrow:before,.sp-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#eeaa33;display:inline-block;margin-left:7px;vertical-align:middle}
.hero-art .floating-card{border:1px solid #e3ebf6!important;background:#fff!important;box-shadow:0 12px 28px #1b4e8510!important;border-radius:15px}
.hero-art .floating-card:nth-child(2){border-right:3px solid #f0af43!important}
.search-wrap{background:#fff;box-shadow:0 9px 28px #1b4a8713!important;border-color:#d7e6fa!important;border-radius:15px!important;transition:box-shadow .2s,border-color .2s}
.search-wrap:focus-within{border-color:#7fa9e4!important;box-shadow:0 0 0 4px #e5efff,0 12px 25px #204e8510!important}
.search-wrap input{color:#244567}
.search-wrap button,.btn:not(.secondary),.sp-primary{background:linear-gradient(110deg,#1f4eb5,#2267bc)!important;border:none!important;color:#fff!important;box-shadow:0 7px 18px #2050ab25!important;transition:transform .2s,box-shadow .2s}
.search-wrap button:hover,.btn:not(.secondary):hover,.sp-primary:hover{box-shadow:0 11px 26px #1f4ea43d!important;transform:translateY(-1px)}
.btn.secondary{color:#2457a9!important;background:#f0f6ff!important;border:1px solid #d9e6f8!important}
.quick-stats{color:#7890a7}.quick-stats b{color:#1d4ea0}
.transfer-promo{border-radius:20px!important;border:1px solid #d6e6fb!important;box-shadow:0 10px 28px #214c780b;background:linear-gradient(115deg,#eaf3ff,#fff 65%)!important;padding:23px 26px!important}
.transfer-promo-icon{background:linear-gradient(135deg,#285ac5,#1e40af)!important;box-shadow:0 9px 18px #1e4f9e2b}
.section-head h2{color:#1f3c70!important;font-weight:900!important;font-size:clamp(18px,2vw,24px)}
.section-head p{color:#798ba4}.section{scroll-margin-top:30px}
.cards{gap:17px!important}
.tool-card{border:1px solid #e5ecf5!important;border-radius:18px!important;position:relative;overflow:hidden;background:#fff!important;box-shadow:0 7px 24px #1b46770b!important;padding:22px!important;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.tool-card:before{content:"";position:absolute;right:0;top:0;width:0;height:3px;background:linear-gradient(90deg,#f4a300,#2655bb);transition:width .24s}
.tool-card:hover,.tool-card:focus-visible{transform:translateY(-5px);border-color:#bed2ee!important;box-shadow:0 18px 42px #1c4a8518!important}
.tool-card:hover:before{width:100%}
.tool-card .tool-icon{border-radius:13px!important}
.tool-card h3{font-weight:850!important;color:#234474!important}
.tool-card p{line-height:2!important;color:#7c8da4!important}
.tool-card .bottom{margin-top:19px}
.tool-card .free{border-radius:30px!important;background:#e9f8f0!important;color:#25875d!important;font-weight:800!important;padding:4px 10px}
.tool-card .go{color:#2762b1!important;font-weight:850}
.categorybar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:6px 2px 9px;scrollbar-width:thin}
.categorybar .filter{white-space:nowrap;border-radius:11px!important;padding:10px 15px!important;font-weight:750!important}
.categorybar .filter.active{background:#1e40af!important;color:#fff!important;box-shadow:0 6px 15px #234caa20}
.categorybar .filter:hover:not(.active){background:#eaf2ff}
.faq{background:white;border:1px solid #e4edf7!important;border-radius:13px!important}.faq summary{font-weight:800;color:#33567f}.faq p{color:#69809c;line-height:2}
.callout{background:linear-gradient(110deg,#eff5ff,#fff)!important;border:1px solid #dfeafb!important;border-radius:20px!important}

/* Details, file exchange, invoice, back office */
.detail-hero{padding:30px 38px!important}
.detail-hero .hero-tool-icon{background:linear-gradient(140deg,#edf4ff,#fff)!important;color:#1f54aa;box-shadow:0 6px 19px #194d8d18!important}
.detail-hero h1{font-size:clamp(23px,2.7vw,32px)!important}
.detail-grid{gap:19px}
.work-card,.side-card,.sp-card{border:1px solid #e3ebf5!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 30px #214d800c!important}
.work-card{padding:28px!important}
.work-card h2,.side-card h3{color:#264a76!important;font-weight:850!important}
.work-card .lead{color:#758ba4!important}
.field input,.field select,.field textarea,.dropzone{border-color:#dae5f2!important;border-radius:12px!important}
.field input:focus,.field select:focus,.field textarea:focus{outline:none!important;border-color:#8caee0!important;box-shadow:0 0 0 3px #eaf3ff}
.dropzone{background:linear-gradient(135deg,#f9fbff,#f1f7ff)!important;border-style:dashed!important}
.dropzone:hover{border-color:#7fa8da!important;background:#edf6ff!important}
.side-card ul li{line-height:2.1}
.side-note{color:#5e7893;background:#f4f8ff!important}
.status{line-height:1.9}
.sp-card h2{color:#234a77!important;font-weight:900}
.sp-card h3{color:#29517b!important}
.sp-tabs button.active{color:#1d4faf!important}
.sp-flow>div{border-radius:14px}
.sp-result{box-shadow:0 6px 20px #257b5e0a}
.sp-document{max-width:780px;margin:auto}
.sp-file-row{border-radius:13px}
.sp-small{min-height:60vh}
.th-admin{font-family:iransans,Tahoma,sans-serif!important}
.th-hero{background:linear-gradient(115deg,#163873,#1d51a1 65%,#2669b7)!important}
.th-admin .th-panel{box-shadow:0 8px 26px #153d740b!important}
.th-admin .th-kpi{box-shadow:0 7px 18px #2549760a!important}
.th-admin .th-tool:hover{background:#f0f6ff}
.th-admin .th-btn{font-weight:800}
@media(max-width:1040px){.cn-tools-subnav-inner{gap:10px}.cn-tools-subnav-links{justify-content:flex-end;overflow-x:auto;scrollbar-width:none}.cn-tools-subnav-links a{padding:8px 11px}.cn-tools-subnav-action{display:none}}
@media(max-width:760px){body .container{width:calc(100% - 24px)}body main.container{padding-top:12px;padding-bottom:30px}.cn-tools-subnav-inner{padding:8px 12px;min-height:54px;gap:9px}.cn-tools-subnav-brand{font-size:12px}.cn-tools-subnav-logo{width:31px;height:31px;border-radius:10px}.cn-tools-subnav-links{justify-content:flex-start}.cn-tools-subnav-links a{font-size:10px;padding:8px}.cn-tools-subnav-links a:nth-child(2),.cn-tools-subnav-links a:nth-child(3){display:none}.hero{padding:25px 20px!important;border-radius:19px!important}.hero h1{font-size:26px!important}.detail-hero,.sp-hero{padding:22px!important;border-radius:19px!important}.detail-hero h1,.sp-hero h1{font-size:24px!important}.work-card{padding:18px!important}.cards{gap:10px!important}.tool-card{padding:15px!important;border-radius:15px!important}.tool-card h3{font-size:12px!important}.tool-card p{font-size:10px!important}.transfer-promo{padding:18px!important}.cn-tools-before-footer{padding:0 12px 18px}.cn-tools-before-footer-inner{padding:18px;flex-wrap:wrap;gap:10px;border-radius:16px}.cn-tools-before-footer-icon{width:42px;height:42px;font-size:22px}.cn-tools-before-footer-copy{flex-basis:calc(100% - 60px)}.cn-tools-before-footer-copy strong{font-size:13px}.cn-tools-before-footer-copy p{font-size:10px}.cn-tools-before-footer-cta{margin-inline-start:52px;font-size:11px}}
@media(max-width:390px){.cn-tools-subnav-links a{font-size:9px;padding:7px 5px}.cn-tools-subnav-brand{font-size:11px;gap:6px}.cn-tools-subnav-inner{gap:5px}.hero h1{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.cnx-header,.cnx-seo-footer,.cn-tools-subnav,.cn-tools-before-footer{display:none!important}}