.jualan-pratonton{width:min(850px,95vw);max-height:92vh;overflow:auto;border:1px solid #cbd5e1;border-radius:12px;padding:20px;background:#f1f5f9;color:#172b3a}
.jualan-pratonton::backdrop{background:rgb(15 23 42 / .6)}
.jualan-pratonton .tindakan{position:sticky;top:-20px;background:#fff;padding:12px;z-index:1}
.jadual-bekas{max-width:100%;overflow-x:auto;margin:18px 0}.jadual-bekas table{min-width:600px;width:100%}
#baris-item textarea{min-width:220px}#baris-item input{min-width:85px;width:100%}
nav[aria-label="Jualan"] a[aria-current="page"]{border-color:var(--utama);color:var(--utama);font-weight:600}
#simpan-dokumen>.tindakan,#simpan-master>.tindakan,#bayar-invois>button{margin-top:18px}

/* Keep sales content aligned with the shared application cards and controls. */
.jualan-kepala{margin-bottom:24px}
.jualan-kepala>p:first-child{margin:0 0 6px}
.jualan-kepala h1{margin:0 0 8px}
.jualan-kepala>p:last-child{margin:0}
main:has(.jualan-kepala)>.kad{margin-block:20px}
main:has(.jualan-kepala) .tindakan{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:18px}
main:has(.jualan-kepala) form label{display:flex;flex-direction:column;gap:8px}
main:has(.jualan-kepala) form label:has(input[type=checkbox]){display:block}
main:has(.jualan-kepala) form .grid{gap:20px}
main:has(.jualan-kepala) form>label{margin-top:20px}
main:has(.jualan-kepala) form>button{margin-top:20px}
main:has(.jualan-kepala) .grid>div{padding:16px;border:1px solid var(--garis,#e2e8f0);border-radius:8px}
main:has(.jualan-kepala) .grid>div p{margin:0 0 8px}
main:has(.jualan-kepala) .grid>div strong{font-size:1.2rem}
.jualan-akaun-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}
.jualan-akaun-grid small{font-weight:400;color:var(--lembut,#64748b);line-height:1.6}
.jualan-akaun-grid select{width:100%;margin-top:auto}
.jualan-bantuan{margin-top:24px;padding:16px;background:var(--latar,#f8fafc);border-radius:8px}
.jualan-bantuan summary{cursor:pointer;font-weight:600}
.jualan-pautan{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
#nav [data-jualan-menu]{display:grid;gap:4px}
@media(max-width:640px){.jualan-akaun-grid{grid-template-columns:1fr}.jualan-pautan .butang{width:100%;text-align:center}}

@media(max-width:960px){#nav [data-jualan-menu]{display:flex;flex:none;align-items:center;gap:4px}}