.purchasing-view main{max-width:1280px}.purchasing-view header{gap:15px}.purchasing-view nav{flex-wrap:wrap}.purchaseheading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:28px 0}.purchaseheading h1{font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:-2px;margin:14px 0}.purchasebusiness{font-weight:750;border-left:3px solid #173d32;padding:8px 0 8px 18px;min-width:190px}.purchasebusiness small{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;color:#70776d}.purchasetabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin:25px 0}.purchasetabs button{background:transparent;color:#627467;border:1px solid var(--line);font-size:13px}.purchasetabs .active{background:#173d32;color:white;border-color:#173d32}.purchasepanel{background:#fffefb;border:1px solid var(--line);border-radius:18px;padding:30px}.purchasepanel[hidden]{display:none}.purchaseintro{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.purchaseintro h2{font-size:27px;margin:7px 0}.purchaseintro p{margin:0}.purchasefields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.purchasefields .wide{grid-column:1/-1}.purchasepanel label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650}.purchasepanel label small{font-size:10px;font-weight:400;color:#70776d}.purchasepanel input,.purchasepanel select,.purchasepanel textarea{width:100%;min-height:46px;background:white;font-weight:400}.purchasepanel input[readonly]{background:#f1f3ed;color:#586752}.purchasepanel input[type=file]{padding:10px;font-size:11px}.purchasepanel label>.textbutton{align-self:start;font-size:11px;padding:5px 0;color:#64745e}.purchasepanel textarea{resize:vertical}.purchaseentry{background:#f6f7f2;border:1px solid #e3e6dc;border-radius:13px;padding:20px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px;align-items:start;margin:18px 0}.purchaselinehead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e6d8;padding-bottom:9px;font-size:13px}.purchaselinehead .textbutton{font-size:10px;padding:4px;color:#9a4844}.purchasequantity{display:grid;grid-template-columns:1fr 1fr;gap:10px}.purchaseunitcost{grid-column:1/-1;font-size:12px;color:#526f49;text-align:right}.purchasepanel>#purchaseform>#addPurchaseLine{background:#fff;color:#173d32;border:1px dashed #9fae91;min-height:44px;font-size:12px}.purchasenotes{margin-top:26px;padding-top:25px;border-top:1px solid var(--line)}.purchasesave{background:#173d32;color:#fff;border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:25px}.purchasesave small{font-size:9px;letter-spacing:1.2px;display:block;color:#d4e2c2}.purchasesave strong{font-size:28px;letter-spacing:-1px;display:block;margin-top:3px}.purchasesave button{background:#d9ed87;color:#173d32;min-height:48px;font-size:13px}.purchaseerror{color:#9a2828;font-size:12px;margin:13px 0 0}.purchasefilters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;align-items:end}.purchasefilters button{min-height:46px;font-size:12px}.purchasestats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.purchasestats>div{border:1px solid var(--line);border-radius:12px;background:#f6f8ef;padding:21px}.purchasestats small{font-size:9px;letter-spacing:1px;color:#64745e}.purchasestats b{display:block;font-size:29px;letter-spacing:-1px;margin:7px 0}.purchasestats span{font-size:12px;color:#64745e}.purchasereport{margin:25px 0}.purchasereport h3{font-size:21px}.purchasehistorycard{padding:22px;border:1px solid var(--line);border-radius:13px;background:white;margin:18px 0}.purchasehistorycard>.row:first-child{align-items:start;flex-wrap:wrap}.purchasehistorycard small{display:block;font-size:10px;color:#70776d;margin:6px 0}.purchasehistorycard>.row>div>b{font-size:13px}.purchasehistorycard table{margin:10px 0 15px}.purchasehistorycard p{margin:14px 0}.purchasebadge{display:inline-block;border-radius:25px;padding:6px 13px;font-size:10px;white-space:nowrap}.purchasebadge.draft{background:#fff0d2;color:#90601a}.purchasebadge.received{background:#e7eedc;color:#346734}.purchasehistoryfooter{flex-wrap:wrap}.purchasehistoryfooter>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.purchasehistoryfooter button{font-size:11px;min-height:42px}.purchaseempty{padding:35px 15px;font-size:13px;color:#70776d;text-align:center}.ingredientauditheading{margin-top:35px}.purchasepanel .tablewrap th{white-space:nowrap}.purchasepanel .tablewrap td{vertical-align:top}.purchasepanel .tablewrap td:not(:first-child){white-space:nowrap}
@media(max-width:950px){.purchaseentry{grid-template-columns:1fr 1fr}.purchaseentry>label:first-of-type{grid-column:1/-1}.purchasefilters{grid-template-columns:1fr 1fr}.purchasefilters>label:first-child{grid-column:1/-1}.purchaseheading{align-items:start}.purchasing-view nav button{padding:8px;font-size:11px}}
@media(max-width:600px){.purchasing-view main{padding:20px 4%}.purchaseheading{display:block;margin:20px 0}.purchaseheading h1{font-size:37px;letter-spacing:-1.5px}.purchasebusiness{display:block;margin:20px 0;min-width:0;font-size:13px;padding:5px 0 5px 12px}.purchasebusiness small{font-size:7px}.purchasetabs{gap:5px;overflow:auto}.purchasetabs button{white-space:nowrap;padding:10px;font-size:10px;border-radius:8px;min-height:43px}.purchasepanel{padding:20px 16px;border-radius:13px}.purchaseintro{padding-bottom:18px;margin-bottom:18px}.purchaseintro h2{font-size:24px}.purchasefields{grid-template-columns:1fr;gap:15px}.purchasefields .wide{grid-column:auto}.purchaseentry{grid-template-columns:1fr;padding:16px;gap:14px}.purchaseentry>label:first-of-type{grid-column:auto}.purchasequantity{gap:12px}.purchaseunitcost{text-align:left;font-size:11px}.purchasepanel input,.purchasepanel select,.purchasepanel textarea{font-size:14px}.purchasenotes{margin-top:20px}.purchasesave{align-items:stretch;flex-direction:column;padding:20px;margin-top:20px}.purchasesave strong{font-size:27px}.purchasefilters{gap:12px}.purchasefilters button{grid-column:1/-1}.purchasestats{grid-template-columns:1fr;gap:10px}.purchasestats>div{padding:17px}.purchasestats b{font-size:27px}.purchasehistorycard{padding:17px 13px}.purchasehistoryfooter>div{width:100%;justify-content:space-between}.purchasepanel .tablewrap table{font-size:11px}.purchasepanel .tablewrap th{font-size:8px}.purchasepanel .tablewrap td{padding:12px 7px}}

.stafflogin{max-width:470px;margin:35px auto;background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:32px}.stafflogin h1{font-size:43px;letter-spacing:-1.6px}.stafflogin>p{font-size:13px;color:#6c7867}.stafflogin form label{display:block;font-size:13px;margin-top:16px}.stafflogin input{width:100%;display:block;min-height:46px;margin-top:6px}.stafflogin .muted{margin-top:25px;font-size:11px}.stafflogin a{font-size:12px}#staffLoginError{color:#9e2626;font-size:12px}.recipeentry{display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:9px;align-items:end;padding:15px 0;border-bottom:1px solid var(--line)}.recipeentry label{font-size:11px}.recipeentry input,.recipeentry select{display:block;width:100%;min-height:43px;margin-top:5px}.recipeentry button{min-height:43px}.recipeentry+.muted{margin-top:15px}#recipeForm>.muted{margin-top:15px}#recipeForm>#addRecipeLine{margin-top:15px}.contextselect{flex-wrap:wrap}header nav{flex-wrap:wrap}@media(max-width:800px){.recipeentry{grid-template-columns:1fr 1fr}.recipeentry>label:first-child{grid-column:1/-1}.recipeentry button{grid-column:1/-1}.stafflogin{padding:25px 20px;margin:20px 0}.stafflogin h1{font-size:37px}}

/* Keep the six staff destinations reachable in one mobile row. */
@media(max-width:800px){body:not(.customer-view){padding-bottom:90px}body:not(.customer-view) #navigation{flex-wrap:nowrap;align-items:stretch;padding:7px 3px;gap:0}body:not(.customer-view) #navigation button{flex:1;min-width:0;min-height:56px;padding:5px 2px;font-size:9px;line-height:1.3;white-space:normal}body:not(.customer-view) #navigation button span{display:block;margin:0 0 3px;font-size:16px}.stock-view .sectionhead{flex-wrap:wrap}.stock-view .savebar{flex-wrap:wrap}.stock-view .savebar button{min-height:46px}.staffbusinesses{display:grid;gap:10px}.staffbusinesses a{display:block;padding:14px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:inherit;font-weight:700}}

@media(max-width:600px){.stock-view .sectionhead{display:block}.stock-view .sectionhead>button{margin:12px 0;min-height:44px}#ingredientCountForm .tablewrap{overflow:visible}#ingredientCountForm table,#ingredientCountForm tbody{display:block;width:100%;min-width:0}#ingredientCountForm thead{display:none}#ingredientCountForm tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}#ingredientCountForm td{display:block;padding:6px 0;border:0;min-width:0}#ingredientCountForm td:first-child{grid-column:1/-1;font-size:16px}#ingredientCountForm td:before{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}#ingredientCountForm td:nth-child(2):before{content:'SALDO PENCATATAN'}#ingredientCountForm td:nth-child(3):before{content:'HASIL HITUNG FISIK'}#ingredientCountForm td:nth-child(4):before{content:'SELISIH'}#ingredientCountForm input{width:100%;min-width:0;min-height:46px}#ingredientCountForm .savebar{display:block}#ingredientCountForm .savebar button{width:100%;margin-top:14px}.tablescrollhint{font-size:11px;color:var(--muted)}}

.teamhero{padding:30px 0 26px}.teamhero h1{font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-2px;margin:18px 0}.teamhero>p{color:var(--muted);max-width:600px}.teamstats{display:flex;gap:30px;margin:28px 0 0;font-size:12px}.teamstats b{display:block;font-size:27px;line-height:1.3}.teamlayout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:28px;margin-top:25px;align-items:start}.teamcreate{padding:27px}.teamcreate h2{font-size:27px;margin:14px 0}.teamcreate .fieldlabel,.membereditor .fieldlabel{margin-top:15px}.teamcreate input:not([type=checkbox]),.teamcreate select,.membereditor input:not([type=checkbox]),.membereditor select{display:block;width:100%;min-height:46px;margin-top:5px}.permissiongrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 22px}.permissiongrid label{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px;border:1px solid var(--line);border-radius:9px;font-size:12px;cursor:pointer}.permissiongrid input{width:18px;height:18px;flex-shrink:0;accent-color:var(--green)}.teammember{border:1px solid var(--line);border-radius:15px;background:#fffefa;padding:22px;margin:15px 0}.teamidentity{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.teamidentity>div{min-width:0;flex:1}.teamidentity h3{margin:0;font-size:17px;overflow-wrap:anywhere}.teamidentity small{color:var(--muted);overflow-wrap:anywhere}.teamavatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e9eddd;font-weight:800}.teambadge{font-size:10px;background:#edf4df;color:#345e39;border-radius:30px;padding:5px 10px}.teambadge.pending{background:#f5edd7;color:#806625}.membereditor{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.membereditor>summary{cursor:pointer;font-size:12px;font-weight:700;min-height:32px}.membereditor form>button{margin:6px 6px 8px 0;min-height:44px}.teamactions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.teamactions button{font-size:11px;min-height:44px}.activationnote{background:#f5f3e7;border-radius:10px;padding:15px;margin-top:15px;font-size:12px;overflow-wrap:anywhere}.activationnote pre,.teamaudit pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.activationnote details{margin-top:10px}.activationnote summary{cursor:pointer}.auditentry{border-top:1px solid var(--line);padding:18px 0}.auditentry>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.auditentry>summary span{font-size:11px;color:var(--muted)}.auditcompare{display:grid;grid-template-columns:1fr 1fr;gap:15px}.auditcompare>div{padding:15px;border-radius:9px;background:#f6f5ee;min-width:0}.auditcompare h4{margin:0 0 10px}.teamaudit{margin-top:25px}.teamaudit article{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.teamcreate .notice{margin-top:20px}#teamError{color:#a33b31;font-size:12px}.staffbusinesses{display:grid;gap:10px}.staffbusinesses a{padding:14px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:inherit}
@media(max-width:800px){.teamlayout{grid-template-columns:1fr;gap:20px}.teamhero{padding-top:18px}.teamhero h1{font-size:38px;letter-spacing:-1.5px}.teamstats{gap:24px;font-size:10px}.teamstats b{font-size:25px}.teamcreate,.teammember,.teamaudit{padding:20px}.teamlayout .sectionhead{flex-wrap:wrap}.teamlayout .sectionhead h2{font-size:24px}.permissiongrid{gap:7px}.permissiongrid label{font-size:11px}.teamidentity h3{font-size:16px}.auditcompare{grid-template-columns:1fr}.teamactions button{flex:1 1 44%}.membereditor form>button{width:100%;margin:6px 0}.teamhero>p{font-size:13px}}

.productionentry{margin-top:24px;padding:28px}.productionentry .sectionhead{align-items:start;flex-wrap:wrap}.productionentry h2{margin:10px 0}.productionentry h3{margin:30px 0 10px}.productioninput{display:grid;grid-template-columns:minmax(170px,2fr) 1fr .8fr 1fr auto;gap:12px;align-items:end;padding:17px 0;border-bottom:1px solid var(--line)}.productioninput label,.productionentry .purchasefields label{font-size:12px;min-width:0}.productionentry input,.productionentry select,.productionentry textarea{width:100%;min-width:0;min-height:46px;margin-top:5px}.productioninput button{min-height:46px}.productionentry #addProductionInput{margin:18px 0}.productionoutput{padding:22px;background:#f4f4e9;border:1px solid var(--line);border-radius:12px;margin:20px 0}.productionoutput .purchasefields{margin-top:15px}.productionhistory{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.productionbatch{margin:0;padding:24px;min-width:0}.productionbatch h3{font-size:24px;margin:10px 0}.productionflow{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;margin:20px 0}.productionflow>div{padding:17px;min-width:0}.productionflow>div+div{border-left:1px solid var(--line);background:#f0f3e7}.productionflow small{font-size:9px;letter-spacing:1px}.productionflow p{font-size:12px}.productionflow b{display:block;font-size:17px}.yieldgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:10px;margin:17px 0}.yieldgrid b{display:block;font-size:13px;margin-top:7px}.productioncost{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:20px;padding-top:18px;margin-top:20px;font-size:11px}.productioncost b{display:block;font-size:22px}.productionbatch .muted{font-size:11px}.productionreusable{margin-top:20px}.productionreusable>summary{font-size:12px;cursor:pointer;padding:12px 0}.targetactual{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f2f4e9;border-radius:10px;padding:15px;margin:18px 0;font-size:12px}.targetactual b,.targetactual small{display:block}.targetactual b{font-size:21px;margin:3px 0}.targetactual small{font-size:10px}.estimatebox{padding:15px;border:1px dashed #c5c9ac;border-radius:10px;font-size:12px}.estimatebox p:last-child{margin-bottom:0}
@media(max-width:1050px){.productionhistory{grid-template-columns:1fr}.productioninput{grid-template-columns:2fr 1fr 1fr}.productioninput>label:first-child{grid-column:1/-1}.productioninput button{grid-column:1/-1}.productioninput>label:nth-child(4){grid-column:3}}
@media(max-width:600px){.productionentry,.productionbatch{padding:20px 16px}.productionentry .purchasefields{grid-template-columns:1fr}.productionentry .purchasefields .wide{grid-column:auto}.productioninput{grid-template-columns:1fr 1fr;gap:10px}.productioninput>label:nth-child(4){grid-column:1}.productioninput button{grid-column:2}.productionoutput{padding:16px;margin:18px 0}.productionentry .savebar{display:block}.productionentry .savebar button{width:100%;margin-top:15px}.productionflow>div{padding:12px}.productionflow p{overflow-wrap:anywhere}.yieldgrid{grid-template-columns:1fr 1fr}.productioncost b{font-size:19px}.productionentry .sectionhead>div{width:100%}.productionbatch h3{font-size:22px}.productionbatch .row{flex-wrap:wrap}.productionbatch .teamactions button{flex-basis:100%}}
@media(max-width:400px){body:not(.customer-view) #navigation button{font-size:8px;padding:5px 1px;overflow-wrap:anywhere}}

.productioninput{grid-template-columns:minmax(170px,2fr) 1fr 1fr auto}@media(max-width:1050px){.productioninput{grid-template-columns:1fr 1fr auto}.productioninput>label:first-child{grid-column:1/-1}.productioninput button{grid-column:auto}}@media(max-width:600px){.productioninput{grid-template-columns:1fr 1fr}.productioninput button{grid-column:1/-1}}

.attendancegrid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.4fr);gap:25px;margin-top:25px;align-items:start}.attendancecard{padding:28px}.attendancecard h2{font-size:27px;margin:15px 0}.attendancetimes{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 0;margin:20px 0;border-block:1px solid var(--line);font-size:11px}.attendancetimes b{display:block;font-size:15px;margin-top:7px}.attendancecard textarea{width:100%;margin:8px 0 17px;min-height:85px}.attendancecard .muted{font-size:11px;margin-top:24px}.attendancehistory article{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.attendancehistory .row{flex-wrap:wrap}.attendancehistory small{color:var(--muted)}.expenseform{padding:26px}.expenseform input,.expenseform select,.expenseform textarea{width:100%;display:block;min-height:46px;margin:6px 0 18px}.expenseform .outline{margin-top:10px}.expenseitem{padding:22px;margin:15px 0}.expenseitem .row{flex-wrap:wrap}.expenseitem strong{font-size:25px}.expenseitem h3{font-size:19px;margin:15px 0 10px}.expenseitem .muted{font-size:12px}.costcategory{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.expensehistorytitle{margin-top:25px}
@media(max-width:800px){.attendancegrid{grid-template-columns:1fr}.attendancecard,.expenseform,.expenseitem{padding:22px}body:not(.customer-view){padding-bottom:140px}body:not(.customer-view) #navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:0;max-height:128px;overflow:auto}body:not(.customer-view) #navigation button{min-height:49px;font-size:9px;padding:5px 2px}.attendancegrid .purchasefilters{grid-template-columns:1fr 1fr}.attendancegrid .purchasefilters label:first-child{grid-column:auto}.attendancegrid .purchasefilters label:nth-child(3){grid-column:1/-1}.costcategory{gap:12px;flex-wrap:wrap}}

.attendancegrid>section{min-width:0;width:100%}.attendancegrid .purchasefilters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attendancegrid .purchasefilters label{min-width:0}.attendancegrid .purchasefilters label:first-child,.attendancegrid .purchasefilters label:nth-child(3){grid-column:auto}.attendancegrid .purchasefilters input,.attendancegrid .purchasefilters select{min-width:0;width:100%}.attendancegrid .purchasefilters button{grid-column:auto}.attendancetimes>div{min-width:0}.attendancetimes b{overflow-wrap:anywhere}
@media(min-width:801px) and (max-width:1200px){header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px}header .logo{grid-column:1;grid-row:1}header #connection{grid-column:1;grid-row:2;font-size:10px}header nav{grid-column:2;grid-row:1/3;justify-content:flex-end;gap:0}header nav button{font-size:11px;padding:7px 8px}}

#expenseFilters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#expenseFilters label{display:flex;flex-direction:column;min-width:0;grid-column:auto}#expenseFilters input{display:block;width:100%;min-width:0}#expenseFilters button{grid-column:1/-1;min-height:44px}