@media(max-width:900px){
html,body{width:100%;margin:0;overflow-x:hidden}body{overflow-wrap:normal}header{padding:26px 20px}header small{font-size:10px;letter-spacing:2px}h1{font-size:27px;line-height:1.2}header p{font-size:14px;line-height:1.6}main{padding:16px;max-width:100%;width:100%}.stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:15px;border-radius:14px;min-width:0}.stat b{font-size:22px;line-height:1.2}.stat small{font-size:11px;line-height:1.5;display:block}.panels{grid-template-columns:minmax(0,1fr);gap:14px}.panel{padding:18px;min-width:0;border-radius:16px}.panel h2{font-size:17px}#personForm{display:flex;gap:8px}#personName{flex:1;width:0;min-width:0}#personForm button{flex:none;font-size:13px;padding:12px}input,select,button{min-height:44px;font-size:16px}.chips{gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:14px;white-space:normal;overflow-wrap:break-word}.chip button{min-height:32px;font-size:20px}.rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rates label{font-size:12px;color:#65737e}.rates input{display:block;width:100%;margin-top:7px;padding:12px;color:#19252f}#apply{width:100%;font-size:13px;line-height:1.4;padding:12px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:22px 0 14px}.toolbar #search{grid-column:1/-1;width:100%;min-width:0}.toolbar #filter{grid-column:1/-1;width:100%}.toolbar button{font-size:13px;padding:10px}.tablewrap{border:0;background:transparent;overflow:visible;border-radius:0}
#rows{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;width:100%!important}main>.tablewrap>table{display:block!important;width:100%!important;table-layout:auto}main>.tablewrap>table>thead{display:none!important}
#rows>tr{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;width:100%!important;max-width:100%;gap:14px 12px;padding:16px!important;background:white;border:1px solid #dde4e8!important;border-radius:16px;box-shadow:0 3px 10px #14212b04}
#rows>tr>td{display:block!important;min-width:0!important;max-width:100%;padding:0!important;border:0!important;grid-row:auto!important;grid-column:auto!important}
#rows>tr>td:nth-child(1){grid-column:1!important;grid-row:1!important}#rows>tr>td:nth-child(2){grid-column:2!important;grid-row:1!important}.ref{display:block;width:110px!important;height:110px!important;border-radius:10px;object-fit:contain}.name{min-width:0!important}.name>small{font-size:11px;color:#89939b}.name input{white-space:normal;display:none!important}.mobile-name{display:block;font-weight:700;font-size:15px;line-height:1.4;color:#19252f;overflow-wrap:break-word;word-break:normal;margin-top:5px}.name .note{font-size:11px;line-height:1.5;margin:7px 0 0;overflow-wrap:break-word;word-break:normal;max-width:none}
#rows>tr>td:nth-child(3){grid-column:1!important;grid-row:2!important}#rows>tr>td:nth-child(4){grid-column:2!important;grid-row:2!important}#rows>tr>td:nth-child(3)::before{content:'ZORLUK SEVİYESİ'!important}#rows>tr>td:nth-child(4)::before{content:'TASARIM BEDELİ · ₺'!important}#rows>tr>td:nth-child(3)::before,#rows>tr>td:nth-child(4)::before{display:block;font-size:9px;font-weight:bold;letter-spacing:.5px;color:#7b8790;margin-bottom:7px}#rows select,#rows input[type=number]{display:block;width:100%!important;min-width:0;height:46px;padding:10px;background:#f7f9fa}
#rows>tr>td:nth-child(5){grid-column:1/-1!important;grid-row:3!important;padding-top:12px!important;border-top:1px solid #eef1f3!important}#rows>tr>td:nth-child(5)::before{content:'KİMLER İSTİYOR?';display:block;font-size:10px;font-weight:bold;letter-spacing:.5px;color:#7b8790;margin-bottom:10px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0!important}.choices label{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:10px;font-size:13px;line-height:1.3;word-break:normal;overflow-wrap:break-word;border:1px solid #e3e8eb;background:#f7f9fa}.choices label:has(input:checked){border-color:#deb557;background:#fff4d7}.choices input{flex:none;width:18px;height:18px;min-height:0;margin:0;accent-color:#bb8a24}
#rows>tr>td:nth-child(6){grid-column:1/-1!important;grid-row:4!important;background:#14212b;color:white;border-radius:10px;padding:12px 14px!important;font-size:19px;white-space:normal}#rows>tr>td:nth-child(6)::before{content:'KİŞİ BAŞI ÖDEME';display:block;font-size:9px;letter-spacing:1px;font-weight:normal;color:#b1c0ca;margin-bottom:6px}#rows>tr>td:nth-child(6) .muted{color:#b8c6cf;font-size:11px;font-weight:normal}
#summary{margin-top:22px}#payments table,#payments tbody{display:block;width:100%}#payments thead{display:none}#payments tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#f6f8f9;border:1px solid #e0e6e9;border-radius:12px;padding:14px;margin:12px 0}#payments td{padding:0;border:0;font-size:15px;white-space:normal}#payments td:first-child{grid-column:1/-1;font-size:17px;font-weight:bold;overflow-wrap:break-word}#payments td:nth-child(2)::before{content:'Decal adedi'}#payments td:nth-child(3)::before{content:'Tasarım payı'}#payments td:nth-child(4)::before{content:'Baskı bedeli'}#payments td:nth-child(5)::before{content:'Toplam ödeme'}#payments td:not(:first-child)::before{display:block;font-size:10px;color:#7b8790;margin-bottom:5px;font-weight:normal}#payments td:last-child{color:#936710}#csv{width:100%;font-size:13px}footer{line-height:1.7;font-size:11px}dialog{width:calc(100vw - 24px);padding:12px}dialog img{width:100%;max-width:100%;object-fit:contain}dialog button{width:100%;margin-bottom:10px}
}
@media(min-width:901px){.mobile-name{display:none}}
@media(max-width:360px){main{padding:10px}#rows>tr{grid-template-columns:90px minmax(0,1fr)!important;padding:12px!important;gap:12px 10px}.ref{width:90px!important;height:90px!important}.mobile-name{font-size:14px}.stat b{font-size:18px}}
