*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#17283b;font-family:Vazirmatn,IRANSans,Tahoma,Arial,sans-serif;line-height:1.9}a{color:#1766a3;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:#142b43;color:#fff}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;color:#c7d5e2;font-size:12px}.logo{background:#fff;color:#142b43;border-radius:12px;padding:4px 14px;font-size:24px}.btn{display:inline-block;border:0;border-radius:10px;padding:10px 20px;background:#1766a3;color:#fff;cursor:pointer;font:inherit;text-align:center}.btn.light{background:#fff;color:#142b43}.btn.secondary{background:#eaf1f7;color:#244b6b}.btn.ghost{background:#fff;color:#142b43}.btn.danger{background:#b53d45}.btn.small{padding:5px 12px;font-size:12px}.wide{width:100%}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:65px 0}.hero h1{font-size:36px;line-height:1.5;margin:12px 0}.hero p,.muted{color:#68798b}.eyebrow{color:#1766a3;font-size:13px}.hero-card{background:#e5edf4;border-radius:22px;padding:28px}.sheet{background:#fff;padding:25px;border-radius:12px;box-shadow:0 14px 30px #1b365018;transform:rotate(-1deg)}.sheet hr{border:0;border-top:1px solid #dce4eb;margin:20px 0}.fake-rows{height:120px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 28px,#e6edf3 29px,#fff 30px)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:45px}.features article,.login,.box{background:#fff;border:1px solid #e3eaf0;border-radius:16px;padding:24px}.features p{color:#68798b;font-size:14px}.login{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:850px;margin:30px auto 60px}.login form label,.box label{display:block;margin:10px 0;font-size:14px}input,select,textarea{width:100%;padding:10px;border:1px solid #d5dee7;border-radius:8px;font:inherit;background:#fff;color:#17283b}input[type=checkbox]{width:auto}h1,h2,h3{line-height:1.5}.error,.success{padding:10px 14px;border-radius:9px;margin:12px 0}.error{background:#fff0f0;color:#a22}.success{background:#eaf8ef;color:#176238}footer{text-align:center;color:#78899a;padding:30px}.dashboard{padding-top:25px;padding-bottom:60px}.box{margin:22px 0}.box h2{margin-top:0}.two,.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs a{background:#e8eff5;padding:8px 15px;border-radius:9px}.tablewrap,.scroll{overflow:auto;margin:20px 0}table{width:100%;border-collapse:collapse;min-width:700px;background:white}td,th{border:1px solid #dce4eb;padding:9px;text-align:right;vertical-align:middle}th{background:#edf3f8}.doclist article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #e5ebf0}.doclist small{display:block;color:#78899a}.totalbar{background:#edf5fb;border:1px solid #d9e7f1;padding:15px;border-radius:10px;font-weight:bold;margin:15px 0}.hint{color:#728397;font-size:12px}.useritem{border:1px solid #e1e8ef;border-radius:10px;padding:12px;margin:12px 0}.useritem summary{cursor:pointer;font-weight:bold}.inline-actions,.builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.inline-actions form{display:flex;gap:8px;flex-wrap:wrap;flex:1}.inline-actions input{max-width:220px}.builderrow{display:grid;grid-template-columns:1.3fr 1fr .7fr .6fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #edf1f5}.columnrow{grid-template-columns:1.2fr .8fr .8fr 1.2fr .6fr auto}.rowdata{grid-template-columns:.4fr 1.5fr .8fr .6fr .8fr auto}.assetgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.assetgrid form{border:1px solid #e3eaf0;padding:12px;border-radius:10px}.invoice{max-width:1100px;margin:24px auto;background:#fff;padding:34px;box-shadow:0 5px 25px #0001}.invhead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.invhead h1{color:#1766a3;margin:4px 0}.docmeta{text-align:left}.logoimg{max-width:160px;max-height:85px;object-fit:contain;display:block}.buyergrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.grand{text-align:left;margin-top:28px;color:#173f60}.terms{margin-top:20px;font-size:13px}.signaturegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px;min-height:150px}.signaturegrid>div{border-top:1px dashed #aaa;padding-top:10px}.signaturegrid img{display:block;max-width:130px;max-height:90px;object-fit:contain;margin:8px auto}.shareurl{font-size:11px;color:#8b98a5;margin-top:30px;direction:ltr;text-align:left;overflow-wrap:anywhere}.actions{max-width:1100px;margin:20px auto;display:flex;gap:10px;flex-wrap:wrap}.paperbody{background:#e9eef3}@media(max-width:720px){.hero,.login{grid-template-columns:1fr}.hero{padding:35px 0}.hero h1{font-size:27px}.features{grid-template-columns:1fr}.two,.fieldgrid,.buyergrid{grid-template-columns:1fr}.doclist article{align-items:flex-start;flex-direction:column}.invoice{padding:14px;margin:8px}.invhead{font-size:12px}.builderrow,.columnrow,.rowdata{grid-template-columns:1fr 1fr}.assetgrid{grid-template-columns:1fr}}@media print{body,.paperbody{background:#fff}.actions{display:none}.invoice{box-shadow:none;margin:0;max-width:none;padding:8mm}.shareurl{display:none}@page{size:A4;margin:10mm}}

/* v3 responsive tables: only the table area scrolls on small screens */
.tablewrap{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.tablewrap table{min-width:660px;width:100%}.tablewrap input{min-width:76px;padding:6px 7px;font-size:12px}.tablewrap th,.tablewrap td{padding:6px 7px;font-size:12px;white-space:nowrap}.builderrow[draggable="true"]{cursor:grab}.builderrow.dragging{opacity:.45;outline:2px dashed #1766a3}.invoice img{max-width:100%;height:auto;object-fit:contain}.signaturegrid img{max-width:min(130px,100%);max-height:75px;object-fit:contain}
@media(max-width:720px){.dashboard{padding-left:10px;padding-right:10px}.box{padding:13px}.tablewrap table{min-width:610px}.tablewrap th,.tablewrap td{font-size:10px;padding:4px}.tablewrap input{font-size:10px;min-width:62px;padding:4px}.invoice{width:calc(100% - 12px);overflow:hidden}.actions{padding:0 10px}.actions .btn{font-size:12px;padding:7px 10px}}
@media print{@page{size:A4 portrait;margin:7mm}html,body{width:100%!important;background:#fff!important}.invoice{width:100%!important;max-width:none!important;margin:0!important;padding:4mm!important;box-shadow:none!important;zoom:.78;break-inside:avoid}.invoice table{min-width:0!important;width:100%!important;table-layout:fixed;font-size:8pt}.invoice th,.invoice td{font-size:7pt!important;padding:3px!important;white-space:normal!important;overflow-wrap:anywhere}.invoice .invhead h1{font-size:16pt}.invoice .buyergrid{font-size:8pt}.invoice .signaturegrid{margin-top:12mm;min-height:20mm}.invoice img{max-height:18mm!important;max-width:28mm!important}.invoice .terms{font-size:7pt}.actions{display:none!important}.tablewrap{overflow:visible!important}}

.shape-captcha{border:1px solid #dce5ed;border-radius:10px;padding:10px;margin-top:8px}.shape-track{display:flex;justify-content:space-around;font-size:24px;color:#1766a3}.shape-captcha input[type=range]{padding:0;margin:8px 0}.shape-captcha small{display:block;color:#68798b}

/* CAPTCHA fix: explicit touch-friendly shape choices */
.shape-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.shape-option{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #d8e2eb;border-radius:10px;padding:10px 4px;cursor:pointer;background:#fff}
.shape-option input{width:auto;margin:0;accent-color:#1766a3}
.shape-option span{font-size:27px;line-height:1.3;color:#1766a3}
.shape-option small{font-size:11px;color:#526477}
.shape-option:has(input:checked){border:2px solid #1766a3;background:#eef6fc}
@media(max-width:420px){.shape-options{gap:5px}.shape-option{padding:8px 2px}.shape-option span{font-size:23px}.shape-option small{font-size:10px}}
