:root{font-family:Segoe UI,Arial,sans-serif;color:#23364c;background:#f1f4f8;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#14263e;color:white;display:flex;justify-content:space-between;align-items:center;padding:20px 4%;gap:20px}header b{font-size:25px}header span{display:block;color:#bfcddd;margin-top:4px}header button{margin-left:12px}main{max-width:1600px;margin:24px auto;padding:0 3%}h1{font-size:27px}h2{font-size:21px;margin-top:0}p{line-height:1.6}button{font:inherit;cursor:pointer;border:0;background:#ef7822;color:white;padding:11px 18px;border-radius:7px;font-weight:600}button:disabled{opacity:.4;cursor:default}.secondary{background:#e7edf3;color:#263d57}input:not([type=checkbox]){font:inherit;border:1px solid #cbd5e0;border-radius:6px;padding:11px;min-width:0;width:100%;background:white}label{display:block;margin-bottom:17px}label input:not([type=checkbox]){display:block;margin-top:7px}input[type=checkbox]{accent-color:#ef7822}nav{display:flex;gap:7px;border-bottom:1px solid #dce3eb;margin-bottom:20px;padding-bottom:12px;flex-wrap:wrap}nav button{background:white;color:#425570}nav button.selected{background:#14263e;color:white}.card{background:white;padding:28px;border:1px solid #dce3eb;border-radius:10px}.login{max-width:420px;margin:8vh auto}.toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.toolbar>input{flex:1;min-width:230px}.toolbar label{margin:0;white-space:nowrap}.status{display:flex;justify-content:space-between;margin:18px 0 10px;gap:12px;color:#637489;font-size:12px}.tablewrap{overflow:auto;border:1px solid #dce3eb;border-radius:8px;background:white;max-height:65vh}table{border-collapse:collapse;width:100%}th{background:#eaf0f6;position:sticky;top:0;text-align:left;white-space:nowrap;padding:0;z-index:1}th button{background:none;color:#263d57;border-radius:0;padding:14px 12px;width:100%;text-align:left}td{padding:13px 12px;border-top:1px solid #e8edf2;max-width:350px;min-width:90px;overflow-wrap:anywhere}tbody tr{cursor:pointer}tbody tr:hover{background:#fff8ef}tbody tr:focus{outline:2px solid #ef7822}.pager{display:flex;justify-content:center;gap:20px;align-items:center;margin:18px}.hint,footer{color:#78879a;font-size:12px}footer{text-align:center;padding:24px}#message:empty{display:none}#message{padding:12px 18px;background:#fff1d9;border-radius:7px;white-space:pre-wrap}.checks{display:flex;flex-wrap:wrap;gap:12px 30px;margin:18px 0}.checks label{margin:0}.userlist{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#userForm{max-width:750px}dialog{border:0;border-radius:10px;max-width:950px;width:95%;max-height:85vh;padding:26px;box-shadow:0 20px 60px #0003}dialog::backdrop{background:#14263e88}.dialoghead{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.dialoghead h2{margin:0}.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:#e6ecf2;border:1px solid #e6ecf2;border-radius:6px;overflow:hidden}.field{background:white;padding:13px}.field span{display:block;color:#758397;font-size:12px;margin-bottom:6px}.field strong{font-size:15px;overflow-wrap:anywhere}#detailBody h3{margin-top:24px}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px 5%}header b{font-size:21px}header span{font-size:11px}main{padding:0 4%;margin-top:14px}.card{padding:22px}.status{display:block}.status span{display:block;margin:5px 0}td{font-size:13px;padding:11px}.toolbar{gap:12px}nav button{padding:10px 12px}#identity{font-size:12px}}
:root{--portal-mobile:800px}.action{display:inline-flex;align-items:center;text-decoration:none;background:#ef7822;color:white;padding:12px 20px;border-radius:7px;font-weight:600}.detailActions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}.balanceCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.balanceCard{background:#f4f7fb;border:1px solid #dbe4ef;border-radius:9px;padding:18px;display:flex;flex-direction:column;gap:10px}.balanceCard span{color:#65788e;font-size:13px}.balanceCard strong{font-size:22px;color:#14263e;overflow-wrap:anywhere}.balanceCard b{font-size:14px;color:#4c647f}.mobileSort{display:none}table{table-layout:fixed}td{min-width:0;white-space:normal}th button{white-space:normal;overflow-wrap:anywhere}td[data-key=STOK_ADI],td[data-key=TICARI_UNVANI]{font-weight:600}input,select,button{touch-action:manipulation}dialog{width:min(100% - 24px,1000px)}.field strong{white-space:pre-wrap}.dialoghead{position:sticky;top:-26px;background:white;z-index:2;padding:12px 0}.dialoghead h2{overflow-wrap:anywhere;min-width:0}.dialoghead button{flex-shrink:0}@media(max-width:800px){.tablewrap{overflow:visible;border:0;background:none;max-height:none}table,tbody{display:block;width:100%}thead{display:none}tbody{display:grid;gap:12px}tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:white;border:1px solid #dce3eb;border-radius:9px;padding:7px;overflow:hidden}tbody tr:hover{background:#fffaf5}td{display:block;width:auto;max-width:none;padding:10px;border:0;font-size:15px;overflow-wrap:anywhere}td::before{content:attr(data-label);display:block;font-size:11px;font-weight:400;color:#738297;margin-bottom:4px}td[data-key=STOK_ADI],td[data-key=TICARI_UNVANI],td[data-key=ADRESI_1]{grid-column:1/-1}td[data-key=STOK_ADI]{font-size:17px}td[data-key=__sale_price1]{font-weight:700}.mobileSort{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.mobileSort label{display:flex;align-items:center;gap:10px;margin:0;flex:1}.mobileSort select{font:inherit;min-width:0;width:100%;padding:10px;border:1px solid #cbd5e0;border-radius:6px;background:white}.mobileSort button{white-space:nowrap}.toolbar>input{width:100%;flex-basis:100%}.balanceCards{grid-template-columns:1fr}.balanceCard{padding:16px}.balanceCard strong{font-size:23px}.details{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.pager{gap:12px}.pager button{padding:10px 13px}dialog{padding:18px}.dialoghead{top:-18px}.dialoghead h2{font-size:18px}header{gap:10px}header span{max-width:220px}.status{font-size:11px}main{padding:0 4%}}@media(min-width:801px){td[data-key=STOK_ADI]{width:34%}}