/* assets/css/kiosk.css */
:root{
  --bkd-blue:#0b3c7a;
  --bkd-blue2:#0a2f5f;
}
body{background:linear-gradient(180deg,var(--bkd-blue),var(--bkd-blue2));min-height:100vh;}
.kiosk-header{color:#fff;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.15);}
.kiosk-title{font-weight:800;letter-spacing:.5px;}
.kiosk-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 12px 24px rgba(0,0,0,.22);}
.kiosk-btn{border:none;border-radius:14px;padding:22px 20px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:14px;min-height:96px;box-shadow:0 10px 16px rgba(0,0,0,.22);}
.kiosk-btn .icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);font-size:30px;}
.kiosk-btn .text h4{margin:0;font-weight:800;}
.kiosk-btn .text small{opacity:.9;}
.btn-blue{background:linear-gradient(135deg,#1b73d1,#0f4ea1);} 
.btn-orange{background:linear-gradient(135deg,#ffb03a,#f07a18);} 
.btn-green{background:linear-gradient(135deg,#6edb5a,#2e9c2a);} 
.btn-teal{background:linear-gradient(135deg,#29c9c6,#0f8f8c);} 
.btn-purple{background:linear-gradient(135deg,#7d5cff,#4b2fdb);} 
.btn-red{background:linear-gradient(135deg,#ff5b5b,#c62828);} 
.kiosk-footer{color:rgba(255,255,255,.85);padding:10px 18px;border-top:1px solid rgba(255,255,255,.15);}
.asset-tile{background:#fff;border-radius:12px;border:1px solid #e7e7e7;box-shadow:0 6px 16px rgba(0,0,0,.06);overflow:hidden;}
.asset-tile img{width:90px;height:68px;object-fit:cover;background:#f2f2f2;}
.asset-tile .meta{font-size:14px;}
.asset-tile .badge{font-weight:600;}
.kiosk-toolbar{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px;}
.kiosk-toolbar label{color:#fff;font-size:12px;opacity:.9;}
.kiosk-toolbar .form-control,.kiosk-toolbar .form-select{border-radius:10px;}
.kiosk-page-title{color:#fff;font-weight:800;}
.detail-card{background:#fff;border-radius:14px;border:1px solid #e7e7e7;box-shadow:0 10px 20px rgba(0,0,0,.06);}
.detail-kv{display:grid;grid-template-columns:220px 1fr;gap:8px 16px;}
@media (max-width: 768px){
  .detail-kv{grid-template-columns:1fr;}
  .kiosk-btn{min-height:86px;padding:18px 16px;}
}