:root{font-family:system-ui,sans-serif;color:#302b2b;background:#f7f4ef}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:32px auto;padding:24px}header{display:flex;gap:16px;align-items:center}h1{font-size:1.7rem;margin:0}h2{color:#7a2e2e}section{background:white;border:1px solid #e3d9d2;border-radius:16px;padding:24px;margin:24px 0}p{line-height:1.6}label{display:block;margin:16px 0}input{display:block;padding:12px;border:1px solid #b9abab;border-radius:8px;font:inherit;max-width:100%;width:360px}input[type=number]{width:110px}input[type=checkbox]{width:auto;display:inline}button,.button{display:inline-block;background:#7a2e2e;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;text-decoration:none;font:inherit}button:disabled{opacity:.5;cursor:wait}a{color:#7a2e2e}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #eee}td small{display:block;overflow-wrap:anywhere}#message{padding:14px;border-radius:8px;background:#eee6df}#login{max-width:600px}[hidden]{display:none!important}li{margin:12px 0;overflow-wrap:anywhere}@media(max-width:600px){main{padding:12px;margin:12px auto}section{padding:16px}h1{font-size:1.35rem}}
.grant-panel{min-width:260px;margin-top:20px;padding:14px;background:#f7f4ef;border-radius:10px}.grant-panel summary{cursor:pointer;color:#7a2e2e;font-weight:bold}.grant-panel select{display:block;width:100%;max-width:310px;font:inherit;padding:9px;border:1px solid #b9abab;border-radius:8px}.grant-panel input{width:100%}.grant-panel small,.package-list small{display:block;line-height:1.5}.package-list{padding-left:20px}.tiny-button{font-size:12px;padding:7px 12px;margin-top:8px}.override-note{font-size:12px;line-height:1.5;margin-top:8px}.grant-help{margin-bottom:12px;color:#655b57}

/* Native disclosure controls support touch, keyboard and screen readers. */
#admin .admin-fold{margin:14px 0;border:1px solid #e3d9d2;border-radius:14px;background:#fff;overflow:hidden}
#admin .admin-fold>summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:18px 22px;font-weight:700;color:#7d1e34;cursor:pointer;list-style:none;background:#faf6f1}
#admin .admin-fold>summary::-webkit-details-marker{display:none}
#admin .admin-fold>summary::after{content:'Uitklappen +';margin-left:auto;font-size:12px;line-height:1.4;white-space:nowrap}
#admin .admin-fold[open]>summary::after{content:'Inklappen −'}
#admin .admin-fold[open]>summary{border-bottom:1px solid #e3d9d2}
#admin .admin-fold>summary:hover{background:#f3ebe3}
#admin .admin-fold>summary:focus-visible{outline:3px solid #ad843c;outline-offset:-4px}
#admin .admin-fold-body,#admin #wine-tools-admin{padding:20px;margin:0;border:0;border-radius:0}
#admin #admin-worklist{margin:0;padding:0;border:0}
#admin form,#admin button{max-width:100%}
#admin input,#admin textarea{max-width:100%}
#admin [id]{scroll-margin-top:100px}
@media(max-width:600px){#admin .admin-fold>summary{padding:16px;min-height:60px}#admin .admin-fold-body,#admin #wine-tools-admin{padding:16px}#admin .admin-fold-body>p:first-child{margin-top:0}}

.grant-editor form{padding:14px;margin:16px 0;background:#fff;border:1px solid #dbc5bd;border-radius:10px}.grant-editor small{display:block;line-height:1.5;margin-bottom:14px}.grant-notice:not(:empty){padding:10px;background:#eef5ed;border-radius:8px;font-size:14px}.grant-panel .tiny-button{margin-right:6px}

.delete-user-panel{margin-top:18px;max-width:340px;font-size:14px}.delete-user-panel>summary{cursor:pointer;color:#912538;font-weight:600}.delete-user-panel p{line-height:1.5}.delete-user-panel input[type=email]{width:100%}.danger-button{background:#942138}.delete-user-panel [role=status]{color:#942138}

.token-cost{display:block;margin-top:12px;color:#7d1e34;font-size:1rem}.token-cost-details{font-size:12px;min-width:170px;max-width:300px;margin-top:10px;line-height:1.5}.token-cost-details summary{cursor:pointer;color:#7d1e34}.token-cost-details p{overflow-wrap:anywhere}

#age-form .adult-confirm-line{display:flex;gap:10px;align-items:flex-start}#age-form .adult-confirm-line input{display:inline-block;width:auto;flex:none;margin-top:5px}

.admin-fold-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.admin-fold-actions button{font-size:14px;padding:10px 16px}

.account-entry{margin:18px 0 24px}.account-entry .button{font-weight:700;padding:15px 24px}.account-entry .button:focus-visible{outline:3px solid #ad843c;outline-offset:4px}@media(max-width:600px){.account-entry .button{display:block;text-align:center;width:100%}}

.billing-order{padding:1rem 0;border-bottom:1px solid #eadbd3;overflow-wrap:anywhere}.billing-order button{margin:.25rem .4rem .25rem 0}#billing-return:empty{display:none}