.grd-wrap{max-width:640px;margin:0 auto;font-family:'Segoe UI',Arial,sans-serif;color:#5a3d1a;}
.grd-header h2{background:linear-gradient(135deg,#ff9933,#d4af37);color:#fff;padding:14px 16px;border-radius:10px;margin:0 0 16px;font-size:19px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.grd-header h2 span{display:block;font-size:13px;font-weight:normal;opacity:.9;margin-top:2px;}

/* Search */
.grd-search-box{position:relative;margin-bottom:16px;}
#grd-search-input,#grd-code-input,#grd-admin-search,#grd-admin-pin{width:100%;box-sizing:border-box;padding:12px 14px;font-size:16px;border:2px solid #d4af37;border-radius:8px;background:#fffdf5;color:#5a3d1a;}
#grd-search-input:focus,#grd-code-input:focus{outline:none;border-color:#ff9933;box-shadow:0 0 0 3px rgba(255,153,51,.2);}
.grd-search-results{position:relative;margin-top:6px;background:#fffdf5;border:1px solid #eadfba;border-radius:8px;overflow:hidden;}
.grd-search-item{padding:10px 14px;border-bottom:1px solid #f0e6c8;cursor:pointer;}
.grd-search-item:last-child{border-bottom:none;}
.grd-search-item:hover{background:#fff3d6;}
.grd-search-item .grd-si-name{font-weight:600;}
.grd-search-item .grd-si-meta{font-size:12px;color:#8a6d3b;}
.grd-status-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;margin-left:6px;}
.grd-status-tag.pending{background:#ffe0b2;color:#8a5a00;}
.grd-status-tag.delivered{background:#c8e6c9;color:#256029;}

/* Card */
.grd-card{background:linear-gradient(180deg,#fffdf5,#fff3d6);border:2px solid #d4af37;border-radius:14px;padding:18px;margin-top:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);}
.grd-card-title{text-align:center;font-weight:700;font-size:16px;color:#a05a00;border-bottom:2px dashed #d4af37;padding-bottom:10px;margin-bottom:12px;}
.grd-card-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;border-bottom:1px dotted #eadfba;}
.grd-card-row label{color:#8a6d3b;}
.grd-card-row strong{text-align:right;max-width:65%;word-break:break-word;}
.grd-card-items{margin:10px 0;padding:10px;background:#fff;border-radius:8px;font-size:14px;line-height:1.6;}
.grd-card-code{text-align:center;margin-top:14px;}
.grd-card-code .grd-code-big{font-size:30px;font-weight:800;letter-spacing:4px;color:#a05a00;background:#fff;border:2px dashed #d4af37;border-radius:10px;padding:8px 12px;display:inline-block;}
.grd-card-qr{text-align:center;margin-top:10px;}
.grd-card-qr img{width:120px;height:120px;}
.grd-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.grd-card-actions button{flex:1;min-width:110px;padding:12px 10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;}
#grd-btn-print{background:#8a6d3b;}
#grd-btn-download{background:#d4af37;color:#4a3200;}
#grd-btn-share{background:#25D366;}
.grd-share-row{display:flex;gap:8px;margin-top:8px;}
.grd-share-row input{flex:1;padding:10px;border:2px solid #d4af37;border-radius:8px;font-size:14px;}

.grd-demo-btn{display:block;width:100%;margin-top:18px;padding:10px;background:#fff3d6;border:2px dashed #d4af37;border-radius:8px;color:#a05a00;font-weight:600;cursor:pointer;}

/* Delivery point */
.grd-code-box{display:flex;gap:8px;margin-bottom:16px;}
#grd-code-go{padding:0 18px;border:none;border-radius:8px;background:linear-gradient(135deg,#ff9933,#d4af37);color:#fff;font-weight:700;cursor:pointer;}
.grd-deliver-btn{width:100%;padding:14px;margin-top:14px;border:none;border-radius:10px;background:#a05a00;color:#fff;font-size:16px;font-weight:700;cursor:pointer;}
.grd-delivered-banner{background:#c8e6c9;color:#256029;text-align:center;padding:12px;border-radius:8px;font-weight:700;margin-top:14px;}
.grd-error-banner{background:#ffcdd2;color:#8b0000;text-align:center;padding:12px;border-radius:8px;font-weight:700;margin-top:14px;}

/* Camera modal */
.grd-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:9999;display:flex;align-items:center;justify-content:center;padding:12px;}
.grd-modal-inner{background:#fffdf5;border-radius:14px;padding:16px;max-width:480px;width:100%;max-height:92vh;overflow:auto;}
.grd-modal-inner h3{text-align:center;color:#a05a00;margin-top:0;}
.grd-modal-inner h3 span{display:block;font-size:12px;font-weight:normal;color:#8a6d3b;}
.grd-camera-stage{position:relative;background:#000;border-radius:10px;overflow:hidden;min-height:260px;display:flex;align-items:center;justify-content:center;}
#grd-video,#grd-captured-img{width:100%;height:auto;display:block;}
.grd-check-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;color:#2e7d32;background:rgba(255,255,255,.5);}
.grd-camera-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.grd-camera-controls button{flex:1;min-width:130px;padding:12px 8px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:#eadfba;color:#5a3d1a;}
#grd-capture-btn{background:#ff9933;color:#fff;}
#grd-confirm-btn{background:#2e7d32;color:#fff;}
#grd-cancel-cam{background:#e0e0e0;}

/* Admin */
.grd-pin-gate{max-width:280px;margin:60px auto;text-align:center;}
.grd-pin-gate h3{color:#a05a00;}
.grd-pin-gate button,#grd-admin-pin-go{margin-top:10px;width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#ff9933,#d4af37);color:#fff;font-weight:700;cursor:pointer;}
.grd-admin{max-width:100%;}
.grd-admin-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.grd-admin-topbar h2{flex:1;}
#grd-admin-logout{padding:10px 16px;border:none;border-radius:8px;background:#8a1f1f;color:#fff;font-weight:600;cursor:pointer;}
.grd-stat-boxes{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap;}
.grd-stat{flex:1;min-width:100px;background:#fff3d6;border:2px solid #d4af37;border-radius:10px;text-align:center;padding:10px;}
.grd-stat span{display:block;font-size:24px;font-weight:800;color:#a05a00;}
.grd-stat label{font-size:12px;color:#8a6d3b;}
.grd-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;align-items:center;}
.grd-filter-btn{padding:8px 14px;border:2px solid #d4af37;background:#fff;border-radius:20px;cursor:pointer;font-size:13px;color:#8a6d3b;}
.grd-filter-btn.active{background:#d4af37;color:#fff;}
#grd-admin-search{flex:1;min-width:180px;padding:9px 12px;}
.grd-bulk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;background:#fff3d6;padding:8px 10px;border-radius:8px;}
.grd-bulk-btn{padding:8px 14px;border:none;border-radius:6px;background:#d4af37;color:#4a3200;font-weight:600;cursor:pointer;font-size:12px;}
.grd-bulk-btn.grd-danger{background:#c0392b;color:#fff;}
.grd-table-wrap{overflow-x:auto;}
#grd-admin-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;}
#grd-admin-table th,#grd-admin-table td{border:1px solid #eadfba;padding:6px 8px;word-break:break-word;}
#grd-admin-table th{background:#fff3d6;color:#8a6d3b;position:sticky;top:0;}
#grd-admin-table td.grd-editable{cursor:pointer;}
#grd-admin-table td input{width:100%;box-sizing:border-box;padding:4px;font-size:12px;}
.grd-row-btn{padding:5px 8px;border:none;border-radius:5px;font-size:11px;cursor:pointer;margin:1px;color:#fff;}
.grd-row-btn.edit{background:#e08b1a;}
.grd-row-btn.save{background:#2e7d32;}
.grd-row-btn.delete{background:#c0392b;}
.grd-photo-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #d4af37;}

@media (max-width:480px){
	.grd-card-code .grd-code-big{font-size:24px;letter-spacing:2px;}
	.grd-camera-controls button{min-width:100%;}
}