#recipe-table table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}#recipe-table th{background:var(--theme-surface-green,#17271f);text-align:left}#recipe-table th button{padding:5px 0;border:0;background:transparent;text-align:left;color:inherit;font-size:12px}#recipe-table td,#recipe-table th{padding:9px 10px;border-bottom:1px solid var(--theme-border-green,#2a3c32);overflow-wrap:anywhere;vertical-align:middle}#recipe-table tbody tr:nth-child(even){background:var(--theme-surface-green,#15221b)}#recipe-table tbody tr:hover{background:var(--theme-surface-green,#20372b)}#recipe-table th:nth-child(1){width:12%}#recipe-table th:nth-child(2){width:29%}#recipe-table th:nth-child(3){width:33%}#recipe-table th:nth-child(4){width:10%}#recipe-table th:nth-child(5){width:16%}#recipe-table a{color:var(--theme-ink-amber,#dabb72);text-decoration:none}#recipe-table a:hover{text-decoration:underline}#recipe-table small{display:block;font-size:11px;color:var(--theme-ink-neutral,#9fb5a8);margin-top:4px}#recipe-table .recipe-count{display:inline-block;min-width:24px;padding:3px 7px;text-align:center;border-radius:5px;background:var(--theme-surface-green,#254639);color:var(--theme-ink-green,#93deb7);font-weight:650}@media(max-width:650px){#recipe-table td,#recipe-table th{padding:7px 5px;font-size:11px}#recipe-table th button{font-size:10px}}

#recipe-root .article-type-icon{display:inline-flex;width:18px;height:18px;vertical-align:middle;margin-right:6px;flex:none;color:var(--theme-ink-amber,#bda575)}#recipe-root .article-type-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#recipe-root .icon-can{color:var(--theme-ink-blue,#77b8e5)}#recipe-root .icon-keg{color:var(--theme-ink-green,#62cbb6)}#recipe-root .icon-bottle{color:var(--theme-ink-amber,#d99d6f)}#recipe-root .icon-tank{color:var(--theme-ink-blue,#9bbed0)}

.recipe-article-picker{position:relative;min-width:170px;flex:1}.recipe-article-results{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:300px;overflow:auto;background:var(--theme-surface-green,#14251c);border:1px solid var(--theme-border-neutral,#54735f);border-radius:6px;box-shadow:0 8px 24px #0008}.recipe-article-results[hidden]{display:none}.recipe-article-choice{display:block;width:100%;text-align:left;padding:9px 12px;background:var(--theme-surface-green,#172b20);color:var(--theme-ink-green,#e4eee8);border:0;border-bottom:1px solid var(--theme-border-green,#324638);border-radius:0}.recipe-article-choice:hover,.recipe-article-choice.selected{background:var(--theme-surface-green,#2a4434)}.recipe-article-choice strong,.recipe-article-choice small{display:block}.recipe-article-choice small{font-size:11px;color:var(--theme-ink-neutral,#a9bcb0)}.recipe-article-choice .available{color:var(--theme-ink-green,#8de0ac)}.recipe-article-choice .unavailable{color:var(--theme-ink-red,#efaa91)}

.recipe-material-row{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid var(--theme-border-green,#324638)}.recipe-material-row>label{flex:1;min-width:130px}.recipe-material-row input{width:100%;box-sizing:border-box}.recipe-material-group{display:flex;align-items:center;gap:5px;width:100%;color:var(--theme-ink-green,#a4c6b0);font-size:12px}.recipe-leave-dialog{background:var(--theme-surface-green,#14251c);color:var(--theme-ink-green,#e4eee8);border:1px solid var(--theme-border-neutral,#67856c);border-radius:12px;padding:24px;max-width:90vw}

.recipe-material-category{margin:22px 0 2px;padding:8px 0;border-bottom:2px solid var(--theme-border-neutral,#536f59);color:var(--theme-ink-amber,#d7bc79);font-size:15px}

.recipe-material-unit{min-width:65px;align-self:end;padding:0 8px 11px;display:flex;flex-direction:column;gap:8px}.recipe-material-unit small{color:var(--theme-ink-green,#a4c6b0);font-size:12px}.recipe-material-unit strong{color:var(--theme-ink-amber,#efd38e);font-size:15px}.recipe-material-unit.missing-unit strong{color:var(--theme-ink-red,#efaa91)}

.recipe-material-row{flex-wrap:nowrap;align-items:end;padding:8px 0}.recipe-material-row .recipe-article-picker{flex:3;min-width:240px}.recipe-material-name{display:flex;flex-direction:row;align-items:center;gap:8px}.recipe-material-name input{flex:1;min-width:0}.recipe-material-row .recipe-material-group{width:22px;flex:none;display:flex;align-items:center}.recipe-material-group .article-type-icon{margin:0!important}.recipe-material-row>label{min-width:100px}.recipe-material-row>button{margin-bottom:0}@media(max-width:700px){.recipe-material-row{flex-wrap:wrap}.recipe-material-row .recipe-article-picker{flex-basis:100%}}

.recipe-material-header,.recipe-material-row{display:grid;grid-template-columns:minmax(200px,3fr) minmax(90px,1fr) 65px minmax(130px,1.5fr) 34px;gap:12px;align-items:center}.recipe-material-header{margin-top:20px;padding:8px 0;color:var(--theme-ink-green,#a4c6b0);font-size:12px;border-bottom:1px solid var(--theme-border-neutral,#536f59)}.recipe-material-row .recipe-article-picker,.recipe-material-row>label{min-width:0}.recipe-material-row>label{gap:0}.recipe-material-row .recipe-material-unit{padding:0 8px;min-width:0}.recipe-material-row>button{padding:8px;width:34px}.recipe-material-category{margin-top:16px}@media(max-width:700px){.recipe-material-header,.recipe-material-row{grid-template-columns:minmax(140px,2fr) minmax(60px,1fr) 45px minmax(80px,1fr) 30px;gap:6px}.recipe-material-row input{padding:8px 5px}.recipe-material-row>button{width:30px}.recipe-material-unit strong{font-size:12px}}