:root{font:16px system-ui,sans-serif;color:#242424;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}header{background:#242424;color:white;padding:18px;display:flex;gap:20px;border-bottom:4px solid #ed751f}header a{color:white;font-weight:800;text-decoration:none}main{max-width:760px;margin:auto;padding:18px}h1{font-size:25px}h2{font-size:20px}p{line-height:1.5}label{display:block;margin:14px 0}input,select,button{font:inherit;padding:12px;border:1px solid #bbb;border-radius:8px}input,select{width:100%;background:white;color:#222}button{cursor:pointer;background:#242424;color:white;min-height:44px}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#242424}.orange{background:#d55b06;border-color:#d55b06}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.card{background:white;padding:16px;border:1px solid #dedede;border-radius:10px;margin:12px 0}.status{padding:12px;border-radius:8px;background:#fff0dc;border-left:4px solid #ed751f}.muted,small{color:#626262}.product{display:flex;gap:12px;align-items:center}.product img{width:64px;height:64px;object-fit:contain}.product .info{flex:1;min-width:0}.price{font-size:21px;font-weight:bold}.tag{font-size:13px;font-weight:600;color:#b0520d}.line{border-bottom:1px solid #ddd;padding:12px 0}.line input{width:95px}.error{color:#aa251b}.pending{color:#ad5c09}.synced{color:#147339}nav{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}nav button{flex:1}#notice{position:fixed;bottom:0;left:0;right:0;margin:0;padding:10px;background:#242424;color:white;text-align:center;z-index:20}#notice:empty{display:none}dialog{border:0;border-radius:12px;max-width:720px;width:94%;max-height:90vh;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #ddd;padding:9px 4px}td:last-child,th:last-child{text-align:right}.total{text-align:right;font-size:24px;font-weight:700}.disclaimer{padding:14px;background:#fff2e7}main{padding-bottom:70px}@media print{body>header,body>main,#notice,dialog>button,.no-print{display:none!important}dialog{position:static;max-height:none;width:100%;max-width:none;padding:0}dialog::backdrop{display:none}}

.card strong,dialog p{overflow-wrap:anywhere}
