@media(max-width:700px){
 html{font-size:16px;-webkit-text-size-adjust:100%}body{padding:12px 12px 40px!important;background:#f2f5f9}.wrap{width:100%;max-width:none}.app-header{display:block;padding:18px 16px;margin-bottom:12px;border-radius:15px}.app-brand{gap:11px}.brand-mark{width:42px;height:42px;font-size:20px}.app-header h1{font-size:20px}.offline-chip{display:inline-block;margin-top:12px;padding:7px 10px}.card{padding:16px 14px!important;margin:12px 0;border-radius:14px}.card h2{font-size:18px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolbar label{min-width:0!important;width:100%}.toolbar label:has(#projectName){grid-column:1/-1}.toolbar label:has(#savedProjects){grid-column:1/-1}.toolbar label:has(#searchSaved){grid-column:1/-1}.toolbar .btn,.savebar .btn,.cloud-actions .btn{min-height:46px;padding:11px 12px;white-space:normal}.savebar{display:grid;grid-template-columns:1fr 1fr;gap:9px}.savebar #savedProjects,.savebar #searchSaved{width:100%!important;max-width:none}.savebar #saveStatus{grid-column:1/-1;margin:0;line-height:1.4}.wrap>section:first-of-type>.muted:not(#saveStatus){margin:10px 0;padding:10px 11px;font-size:12px}.scroll{overflow:visible!important;border:0!important}.table{display:block;min-width:0!important;width:100%;margin:0}.table thead{display:none}.table tbody{display:grid;gap:12px}.table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;background:#fff;border:1px solid #dce4ed;border-radius:13px;box-shadow:0 3px 10px #1c35520b}.table td{display:flex;flex-direction:column;gap:5px;width:auto!important;min-width:0!important;padding:0;border:0!important;text-align:left!important}.table td::before{font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;color:#62758a}.table td:nth-child(1){grid-column:1/-1;display:block;color:#1c5b8b}.table td:nth-child(1)::before{content:"ÖLÇÜ SATIRI · "}.table td:nth-child(2)::before{content:"ÜRÜN"}.table td:nth-child(3)::before{content:"KASA TÜRÜ"}.table td:nth-child(4)::before{content:"EN (cm)"}.table td:nth-child(5)::before{content:"BOY (cm)"}.table td:nth-child(6)::before{content:"KANAT ENİ"}.table td:nth-child(7)::before{content:"ÜRÜN ADEDİ"}.table td:nth-child(8)::before{content:"ORTA KAYIT"}.table td:nth-child(9){grid-column:1/-1;align-items:flex-start}.table td:nth-child(9)::before{content:"AÇILIM"}.table td:nth-child(10)::before{content:"RENK"}.table td:nth-child(11)::before{content:"AÇILMA YÖNÜ"}.table td:nth-child(12){grid-column:1/-1;display:block}.table td:nth-child(12) button{width:100%;min-height:42px}.table input,.table select{min-height:44px;padding:10px 9px;font-size:16px}.table input[type=checkbox]{width:20px!important;height:20px}.table td:nth-child(9) label{min-height:40px}.results{grid-template-columns:1fr}.result{padding:14px}.result h3{font-size:15px}.cut-grid{grid-template-columns:1fr!important;gap:14px}.saved-project-table-wrap{overflow:auto}.saved-project-table{min-width:760px}.cloud-card{margin:12px 0;padding:0 14px;border:1px solid #dce4ed;border-radius:14px;background:#fff;box-shadow:0 3px 10px #1c35520b}.cloud-card summary{min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:800}.cloud-state{font-size:11px;color:#267557;text-align:right}.cloud-body{padding:0 0 14px}.cloud-grid{grid-template-columns:1fr!important}.cloud-actions{display:grid;grid-template-columns:1fr}.cloud-body input{min-height:44px;font-size:16px}
}
@media(min-width:701px){.cloud-card{margin:14px 0;padding:14px 18px;border:1px solid #dce4ed;border-radius:14px;background:#fff;box-shadow:0 3px 12px #26364a0b}.cloud-card summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-weight:800;color:#1c304a}.cloud-state{color:#267557}.cloud-body{padding-top:10px}.cloud-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:10px}.cloud-grid label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#52647a}.cloud-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cloud-body small{color:#617286;line-height:1.5}}
@media(max-width:390px){body{padding:8px!important}.card{padding:13px 10px!important}.table tbody tr{gap:7px;padding:10px}.toolbar{grid-template-columns:1fr}.toolbar label:has(#projectName),.toolbar label:has(#savedProjects),.toolbar label:has(#searchSaved){grid-column:auto}}