@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#17352e;--green:#174b3c;--muted:#63756f;--line:#dde5df;--bg:#f4f7f5;--white:#fff}*{box-sizing:border-box;min-width:0}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,select{touch-action:manipulation}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:12px;padding:12px 18px;min-height:48px;color:var(--ink);font-weight:600;line-height:1.4}button:hover{background:#eef5f0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #65a48a;outline-offset:3px}.primary{color:white;background:var(--green);border-color:var(--green)}.primary:hover{background:#21634e}.full{width:100%}input,select,textarea{display:block;width:100%;max-width:100%;border:1px solid #b7c9bf;border-radius:10px;padding:13px 14px;background:white;color:var(--ink);font-size:18px;line-height:1.5}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--green);padding:0;flex-shrink:0}textarea{min-height:100px;resize:vertical}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font:800 29px/1.35 Manrope,sans-serif;letter-spacing:-.6px}h2{font:700 20px/1.4 Manrope,sans-serif}h3{font-size:17px;line-height:1.5}svg{width:26px;height:26px;flex-shrink:0}aside{position:fixed;inset:0 auto 0 0;width:214px;background:white;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;z-index:4}.brand{text-decoration:none;display:flex;align-items:center;gap:8px}.brand-image{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:9px}.sidefoot-mark{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0;border-radius:9px}.brand span{font:800 23px Manrope;letter-spacing:-1px}.label{display:none}nav{display:grid;gap:10px;margin-top:45px}nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;text-align:left;font-size:17px;padding:15px}nav button.active{background:#e6f1ea;color:var(--green)}.sidefoot{margin-top:auto;display:flex;gap:10px;align-items:center}.sidefoot strong{display:block;max-width:145px;font-size:13px;overflow-wrap:anywhere}.sidefoot small{font-size:12px;color:var(--muted)}.avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#edf2ee;border-radius:50%;font-weight:700}main{margin-left:214px}header{background:white;border-bottom:1px solid var(--line);padding:18px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1050px;margin:auto}.appmark{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:800 24px Manrope;letter-spacing:-1px;text-decoration:none}.appmark .brand-image{width:38px;height:38px;border-radius:7px}.language-control{display:flex;gap:3px;background:#f0f4f1;padding:4px;border-radius:11px}.language-control button{min-height:38px;border:0;padding:7px 11px;font-size:14px;background:transparent;border-radius:8px}.language-control button.active{background:white;box-shadow:0 1px 4px #17352e20;color:var(--green)}.salonbar{display:flex;align-items:center;gap:12px;max-width:1050px;margin:15px auto 0}.salonbar label{font-size:14px;color:var(--muted);white-space:nowrap}.salonbar select{width:auto;min-width:160px;max-width:100%;font-size:16px;padding:9px 35px 9px 12px;min-height:44px}#content{max-width:1120px;margin:auto;padding:34px 34px 70px}.page-heading{margin-bottom:25px}.page-heading p{font-size:17px;color:var(--muted);margin-top:8px}.task-list{display:grid;gap:14px}.task{display:flex;align-items:center;gap:18px;width:100%;text-align:left;background:white;border:1px solid #d4e0d8;padding:22px;min-height:108px;box-shadow:0 2px 5px #183c2c05}.task>span:nth-child(2){flex:1}.task b{font-size:21px;display:block;font-weight:700}.task small{font-size:16px;color:var(--muted);display:block;margin-top:5px;font-weight:400}.task-icon{display:grid;place-items:center;background:#eef4ef;width:56px;height:56px;border-radius:14px;flex-shrink:0}.task-icon svg{width:28px;height:28px}.task-report{background:var(--green);border-color:var(--green);color:white}.task-report:hover{background:#21634e}.task-report .task-icon{background:#ffffff18}.task-report small{color:#d1e5d8}.task-go{font-size:31px;font-weight:400}.check-prompt{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;margin:24px 0;background:#fff7e7;border-color:#edd8b0;padding:18px}.check-prompt b{font-size:16px}.check-prompt span{font-size:14px;color:#866226}.favorites{margin-top:32px}.favorites>.sub{margin:5px 0 16px}.favorite-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.favorite-list button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;min-height:86px}.favorite-list b{display:block;font-size:17px;overflow-wrap:anywhere}.favorite-list small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.itemavatar{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;flex-shrink:0;background:#e8efec;color:#42665a;font-size:16px;font-weight:600;object-fit:cover}.itemavatar.c1{background:#f6eaec;color:#925266}.itemavatar.c2{background:#e8eef5;color:#57718f}.itemavatar.c3{background:#f7efdf;color:#96702e}.quiet-empty{padding:28px 0;color:var(--muted);font-size:16px}.link{border:0;background:transparent;color:var(--green);min-height:44px;padding:8px;text-decoration:underline;text-underline-offset:3px}.sub,.meta{color:var(--muted);line-height:1.7}.sub{font-size:16px}.meta{font-size:14px}.empty{padding:38px 20px;text-align:center;color:var(--muted)}.empty h2{color:var(--ink);margin-bottom:12px}.empty button{margin-top:20px}.two-tabs{display:flex;gap:6px;padding:5px;background:#e9efe9;border-radius:13px;margin-bottom:24px}.two-tabs button{flex:1;border:0;background:transparent;font-size:16px}.two-tabs button.active{background:white;box-shadow:0 2px 5px #16362710}.report-list{display:grid;gap:16px}.report-tile{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.report-tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.report-tile-head p{color:var(--muted);font-size:16px;margin-top:4px}.report-stage{font-size:14px;line-height:1.5;color:#846024;background:#fbf1de;padding:7px 10px;border-radius:7px;max-width:170px}.stage-resolved,.stage-dismissed{background:#eaf4ed;color:#3e7258}.stage-ordered{background:#e7eff8;color:#436588}.report-note{margin:12px 0;font-size:16px;overflow-wrap:anywhere}.related-note{margin:12px 0;font-size:15px}.report-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.report-buttons>button{font-size:16px}.report-photo{width:100%;max-height:250px;object-fit:contain;border-radius:10px}.management-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:20px}.management-nav button{font-size:15px;white-space:nowrap;flex-shrink:0}.management-nav .active{background:var(--green);color:white}.banner{padding:12px 30px;display:flex;align-items:center;justify-content:space-between;background:#e9f0eb;font-size:14px}.title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 24px}.title .sub{margin-top:8px}.eyebrow,.date{display:none}.title>button{flex-shrink:0}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.paneltop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.paneltop .sub{font-size:14px}.list{padding:0 20px}.itemrow{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.itemrow:last-child{border:0}.iteminfo{flex:1}.iteminfo h3{font-size:16px}.stock{text-align:right}.stock strong{display:block}.badge{display:inline-block;background:#eaf3ec;padding:5px 8px;color:#466d54;font-size:13px;border-radius:6px;line-height:1.5}.badge.low{background:#fcf1dd;color:#89652c}.badge.out{background:#f9e8e4;color:#a25742}.toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.toolbar input{flex:1}.toolbar select{width:auto}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:14px 18px;color:var(--muted);font-size:13px;white-space:nowrap;background:#f8faf8}td{padding:16px 18px;border-top:1px solid var(--line);font-size:15px}td .itemrow{border:0;padding:0;min-width:210px}.forecast,.install{padding:22px;font-size:16px;line-height:1.8}.forecast{background:#edf3ef}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quick{margin-top:24px}.activity{padding:0 22px}.event{padding:18px 0;border-bottom:1px solid var(--line)}.event p{margin:5px 0;font-size:16px}.eventline{display:flex;gap:12px}.eventdot{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#edf3ef}.eventphoto{width:68px;height:68px;object-fit:cover;border-radius:8px}.color-notice{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#eaf3eb;padding:18px;border-radius:12px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;padding:22px;border:1px solid var(--line);border-radius:12px}.stat .num{font-size:30px;font-weight:700}.stat small{font-size:14px}.symbol{float:right}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.planning{background:var(--green);color:white;padding:24px;border-radius:12px;margin-bottom:24px}.planning .sub{color:#d7e8dd}.planning button{margin-top:20px}.planning .week{float:right;font-size:12px}.quickcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.quickcard{text-align:left}.quickcard strong,.quickcard small{display:block;font-size:14px}.alert{background:#fff4df;padding:18px;margin:22px 0;border-radius:10px}.warn{color:#926e2e}.danger{color:#ae503e}
/* Dialogs use the available viewport, including the phone keyboard. */
.dialog-open{overflow:hidden}#modal{position:fixed;inset:0;z-index:20;background:#17372d66;display:flex;justify-content:center;align-items:center;padding:20px}#modal[hidden]{display:none}.dialog{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:white;border-radius:18px;padding:26px;box-shadow:0 20px 80px #0002}.dialogtop{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialogtop h2{font-size:23px}.close,.close-button{border:0;font-size:28px;padding:4px 10px;background:transparent;min-width:44px}.dialog h3{margin:12px 0}.dialog form{margin-top:20px}form label{display:block;font-size:17px;font-weight:500;margin-bottom:18px}form label>input,form label>select,form label>textarea{margin-top:8px}.formgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.formgrid .span{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.file,.photo-upload{background:#f4f7f4;border:1px dashed #b6c9bd;border-radius:10px;padding:16px;font-size:16px}.file input,.photo-upload input{font-size:14px;padding:10px 0;border:0;background:transparent}.error{color:#b44736;font-size:16px;line-height:1.6}.error:not(:empty){margin:8px 0 16px}.optional-details{margin-top:16px;border-top:1px solid var(--line)}.optional-details summary{padding:16px 0;cursor:pointer;font-size:16px;color:var(--green)}.optional-details[open]{padding-bottom:10px}.optional-details textarea{margin-bottom:15px}.large-choice{border:0;padding:0;margin:22px 0}.large-choice legend{font-weight:600;margin-bottom:12px}.large-choice label{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;margin:10px 0}.large-choice input{margin:0}.confirm-explain{margin:20px 0}.secondary-action{background:#f2f6f2;color:var(--green);border:0}.compact .task{min-height:76px;padding:16px}.compact .task b{font-size:18px}.compact>button>svg{width:26px}.language-select{width:auto;margin:10px 0 16px}#toast{position:fixed;z-index:50;bottom:100px;left:50%;transform:translateX(-50%);background:#183d2e;color:white;padding:14px 20px;border-radius:12px;display:none;width:max-content;max-width:90vw;font-size:16px;text-align:center}
.wizard-screen{display:flex;flex-direction:column;background:white;width:min(560px,100%);height:min(800px,calc(100dvh - 40px));border-radius:18px;overflow:hidden;box-shadow:0 20px 80px #0002}.wizard-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.wizard-bar>span{font-size:14px;color:var(--muted);text-align:center}.back-button{border:0;background:transparent;padding:8px;font-size:16px}.wizard-screen form{display:flex;flex-direction:column;flex:1;min-height:0}.wizard-body{padding:24px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.step-label{font-size:14px;color:var(--muted);margin-bottom:10px}.wizard-body h1{font-size:28px;margin-bottom:12px}.wizard-help{font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:26px}.wizard-footer{padding:18px 24px;background:white;border-top:1px solid var(--line);flex-shrink:0}.wizard-footer:has(button){box-shadow:0 -4px 18px #163d2605}.wizard-footer button{min-height:56px;font-size:19px}.wizard-footer:not(:has(button)){padding:0;border:0}.big-options{display:grid;gap:16px}.big-options button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:24px;text-align:left;border-color:#b8ccbd}.big-options svg{width:32px;height:32px;color:var(--green)}.big-options b{font-size:23px}.big-options small{font-size:16px;color:var(--muted);font-weight:400}.color-symbol{font-size:23px;font-weight:700;color:#91435e}.pick-list{display:grid;gap:10px;margin:18px 0}.pick-list button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;min-height:78px}.pick-list b{font-size:18px;display:block;overflow-wrap:anywhere}.pick-list small{display:block;font-size:15px;color:var(--muted);font-weight:400;margin-top:4px}.scan-action{width:100%;background:#f1f6f2;border:0}.add-new-line{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;color:var(--muted)}.add-new-line button{font-size:16px}.empty-search{color:var(--muted);padding:12px}.known-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.known-colors button{display:flex;flex-direction:column;text-align:left;padding:15px;gap:5px}.known-colors b{font-size:17px}.known-colors span{font-size:14px;color:var(--muted)}fieldset{min-width:0}.pill-options{border:0;padding:0;margin:20px 0;display:flex;flex-wrap:wrap;gap:10px}.pill-options legend{font-size:17px;margin-bottom:10px}.pill-options label{position:relative;margin:0}.pill-options input{position:absolute;opacity:0;inset:0}.pill-options span{display:block;padding:12px 16px;border:1px solid #b8cabe;border-radius:9px;font-size:16px}.pill-options label:has(input:checked) span{background:var(--green);color:white;border-color:var(--green)}.pill-options input:focus-visible+span{outline:3px solid #65a48a}.selected-item{display:flex;align-items:center;gap:14px;padding:18px;background:#f2f6f2;border-radius:12px;margin-bottom:24px}.selected-item b{display:block;font-size:20px;overflow-wrap:anywhere}.selected-item small{display:block;font-size:15px;color:var(--muted);margin-top:4px}.condition-options{border:0;padding:0;margin:0}.condition-options legend{position:absolute;width:1px;height:1px;overflow:hidden}.condition-options label{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #b8cabe;border-radius:12px;margin-bottom:12px;min-height:85px;cursor:pointer}.condition-options label:has(input:checked){border:2px solid var(--green);padding:17px;background:#f0f7f1}.condition-options input{margin:0}.condition-options b{display:block;font-size:20px}.condition-options small{display:block;font-size:16px;font-weight:400;color:var(--muted)}.next-person{margin:20px 0 0;font-size:15px;color:var(--muted)}.number-entry{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:10px;margin-top:12px}.number-entry button{font-size:28px;padding:0;background:#eff5ef}.number-entry input{font:600 40px/1.3 Manrope;text-align:center;margin:0;width:100%;min-height:90px;padding:16px 4px;appearance:textfield}.number-entry input::-webkit-inner-spin-button{appearance:none}.unit-label{display:block;text-align:center;color:var(--muted);font-size:18px;margin-top:10px}.confirmation{padding:24px;background:#f2f7f2;border-radius:14px}.confirmation>span{font-size:16px;color:var(--muted)}.confirmation h2{font-size:25px;margin:8px 0 20px;overflow-wrap:anywhere}.confirm-quantity{font-size:44px;font-weight:700;line-height:1.2;margin-bottom:22px}.confirm-quantity small{font-size:20px;font-weight:500}.confirmation p{font-size:17px;border-top:1px solid #d6e3d9;padding-top:18px}.saved-confirmation{text-align:center;margin:32px 0}.saved-confirmation svg{width:72px;height:72px;background:#e7f2e9;color:var(--green);border-radius:50%;padding:16px;margin-bottom:18px}.saved-confirmation h2{font-size:24px}.saved-confirmation p{font-size:18px;color:var(--muted);margin-top:12px}
@media(min-width:1000px){.task-list{grid-template-columns:1fr}.task{padding:24px 28px}.favorite-list{grid-template-columns:repeat(3,1fr)}.task-list.compact{grid-template-columns:1fr}.big-options{grid-template-columns:1fr 1fr}}
@media(max-width:900px){aside{width:184px;padding:26px 15px}.brand span{font-size:20px}main{margin-left:184px}.settingsgrid,.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:700px){main{margin-left:0}aside{inset:auto 0 0;width:100%;height:calc(76px + env(safe-area-inset-bottom));padding:4px 12px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line)}aside .brand,aside .sidefoot{display:none}nav{display:flex;justify-content:space-around;gap:10px;margin:0;height:70px}nav button{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;padding:8px 4px;font-size:14px;text-align:center}nav svg{height:23px;width:23px}nav button.active{border-radius:10px}header{padding:14px 20px}.topbar{gap:12px}.appmark{font-size:23px}.appmark .brand-image{width:34px;height:34px}.language-control button{font-size:14px;padding:7px 9px}.salonbar{margin-top:12px;gap:10px}.salonbar select{flex:1;width:100%;min-width:0;font-size:16px;min-height:46px}.salonbar label{font-size:14px}#content{padding:26px 20px calc(105px + env(safe-area-inset-bottom))}.page-heading h1{font-size:27px}.page-heading p{font-size:16px}.task{padding:18px;gap:14px;min-height:105px}.task b{font-size:20px}.task small{font-size:15px}.task-icon{width:46px;height:46px;border-radius:12px}.task-icon svg{width:26px}.favorite-list{grid-template-columns:1fr}.favorites{margin-top:30px}.check-prompt{display:block}.check-prompt span{display:block;margin-top:5px}.report-tile{padding:19px}.report-tile-head{display:block}.report-stage{display:inline-block;margin-top:10px;max-width:none}.report-tile-head h2{font-size:21px}.report-buttons{justify-content:stretch}.report-buttons button{flex:1;font-size:16px}.title{display:block}.title>button{margin-top:16px;width:100%}.title h1{font-size:26px}.toolbar{display:grid;grid-template-columns:1fr}.toolbar input,.toolbar select{width:100%}.paneltop{flex-wrap:wrap;padding:18px}.paneltop h2{font-size:19px}.paneltop .meta{font-size:14px}.settingsgrid{grid-template-columns:1fr}.formgrid{grid-template-columns:minmax(0,1fr)}.formgrid .span{grid-column:auto}.banner{padding:10px 20px}#modal{padding:0;align-items:stretch;background:white}.dialog{border-radius:0;width:100%;max-height:100dvh;height:100dvh;padding:22px;box-shadow:none}.dialogtop{margin-bottom:24px}.dialogtop h2{font-size:24px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions button{padding:13px;font-size:17px}.wizard-screen{width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}.wizard-bar{padding:10px 12px}.wizard-bar>span{font-size:13px}.wizard-body{padding:24px 22px}.wizard-body h1{font-size:28px}.wizard-help{font-size:17px}.wizard-footer{padding:16px 22px calc(16px + env(safe-area-inset-bottom))}.wizard-footer:not(:has(button)){padding:0}.big-options button{min-height:150px}.number-entry{grid-template-columns:50px minmax(0,1fr) 50px;gap:8px}.number-entry input{font-size:38px;min-height:90px}.optional-details summary{font-size:16px;padding:17px 0}.confirmation{padding:23px}.report-photo{max-height:240px}.known-colors{grid-template-columns:1fr 1fr}.known-colors b{overflow-wrap:anywhere}.install{padding:20px}.quickcards{grid-template-columns:1fr 1fr}.management-nav{margin-bottom:20px}.color-notice{display:block}.color-notice button{margin-top:12px}.selected-item{padding:16px}.selected-item b{font-size:19px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s ease,border-color .12s ease}}
.color-detail-photo{width:100%;max-height:250px;object-fit:contain;border-radius:12px;margin:20px 0}
.camera-frame{position:relative;background:#14251e;border-radius:14px;overflow:hidden;margin:20px 0}.camera-frame[hidden]{display:none}.camera-frame video{display:block;width:100%;max-height:340px;min-height:190px;object-fit:cover}.barcode-guide{position:absolute;inset:25% 10%;border:2px solid white;border-radius:12px;pointer-events:none;box-shadow:0 0 0 150px #0002}.camera-start{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 0 14px;font-size:19px;min-height:58px}.scan-photo-button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:56px;border:1px solid #b7c9bf;border-radius:12px;background:#f1f6f2;font-size:18px;font-weight:600;cursor:pointer;text-align:center;padding:12px}.scan-photo-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.scan-photo-button:focus-within{outline:3px solid #65a48a;outline-offset:3px}.scan-status{font-size:16px;color:var(--muted);line-height:1.7;margin:18px 0}.manual-code{border-top:1px solid var(--line);padding-top:8px;margin:18px 0}.manual-code summary{cursor:pointer;padding:14px 0;color:var(--green);font-size:17px}.manual-code label{margin-top:12px}

.attachment-options{display:grid;gap:12px}.attachment-choice{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f4f7f4;color:var(--green);font-size:18px;font-weight:600;cursor:pointer}.attachment-choice svg{width:26px;height:26px;flex-shrink:0}.attachment-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.attachment-choice:focus-within{outline:3px solid var(--green);outline-offset:3px}.attachment-selected{display:flex;align-items:center;gap:12px;margin-top:16px}.attachment-selected>div{flex:1;min-width:0}.attachment-selected b,.attachment-selected span{display:block}.attachment-selected span{font-size:14px;overflow-wrap:anywhere;color:var(--muted)}.attachment-selected button{flex-shrink:0;min-height:48px}

.staff-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.staff-entry>div{min-width:0}.staff-email{display:block;overflow-wrap:anywhere}.staff-entry button{flex-shrink:0;min-height:44px}

/* Keep staff-entered names and the owner's shortcuts usable on narrow phones. */
.report-tile h2,.iteminfo h3,.event b,.dialogtop h2,.dialog h3,.staff-entry b,.wizard-body h1,.known-colors b,.sidefoot strong,.confirmation h2{overflow-wrap:anywhere}
.dialogtop h2{flex:1}.wizard-context{min-width:0;flex:1}.wizard-context b,.wizard-context small{display:block;overflow-wrap:anywhere}.wizard-context b{font-size:15px;color:var(--ink);line-height:1.4}.wizard-context small{font-size:14px;font-weight:400;line-height:1.4}.attachment-preview{width:60px;height:60px;border-radius:10px;object-fit:cover;flex-shrink:0}.attachment-selected{flex-wrap:wrap}.attachment-selected>div{flex-basis:100px}.wizard-body textarea{resize:vertical;max-height:220px}#wizard-heading:focus,.dialogtop h2:focus{outline:none}.number-entry{margin-bottom:8px}.amount-label>label{margin-bottom:0}.report-note,.related-note,.event .meta,.pick-list b{overflow-wrap:anywhere}
@media(max-width:700px){.management-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}.management-nav button{min-width:0;white-space:normal;font-size:15px;padding:12px 8px}.management-nav button:first-child{grid-column:1/-1}header{padding-top:calc(18px + env(safe-area-inset-top))}.wizard-bar{padding-top:calc(12px + env(safe-area-inset-top))}.dialog{padding-top:calc(22px + env(safe-area-inset-top))}.attachment-selected button{padding:12px}.settingsgrid .paneltop{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.custom-catalog{margin-top:10px}.custom-catalog[hidden]{display:none}
/* Account controls stay within easy reach on phones and desktop. */
.account-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.account-controls[hidden],.salonbar[hidden],.session-check[hidden]{display:none}.account-chip{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:4px;min-height:44px}.account-chip>span:last-child{flex:1;min-width:0}.account-chip b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.3}.account-chip small{display:block;color:var(--muted);font-size:14px;font-weight:400}.account-initial{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:#e5f0e9;color:var(--green);border-radius:50%;font-size:18px;font-weight:700}.account-signout{flex-shrink:0;min-height:44px;font-size:15px;padding:8px}.account-actions{display:grid;gap:12px;margin-top:18px}.account-details{margin-bottom:18px;overflow-wrap:anywhere}.account-details p{margin:8px 0}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:600;line-height:1.4;text-align:center}.button-link.primary{color:white}.auth-screen aside{display:none}.auth-screen main{margin-left:0;padding-bottom:32px}.auth-card{width:min(460px,100%);margin:30px auto;padding:28px;background:white;border:1px solid var(--line);border-radius:18px;text-align:center}.auth-mark{width:72px;height:72px;margin:0 auto 22px}.auth-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:15px}.auth-card h1{font-size:28px;line-height:1.35}.auth-card p{margin:16px 0;overflow-wrap:anywhere}.auth-card .button-link,.auth-card .secondary-action{margin-top:12px}.auth-email{font-weight:600}.access-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.owner-access-card{display:flex;gap:14px;align-items:flex-start;border:1px solid #c9ded1;border-radius:14px;background:#edf5ef;padding:20px;margin-bottom:18px}.owner-access-card>div{flex:1;min-width:0}.owner-access-card h2,.access-card h2{font-size:21px;line-height:1.4;overflow-wrap:anywhere}.owner-access-card p,.access-email{font-size:15px;color:var(--muted);overflow-wrap:anywhere}.owner-access-card small{color:var(--green)}.access-search{display:block;margin:18px 0;font-size:16px}.access-search input{margin-top:8px}.access-list{display:grid;gap:16px}.access-card{padding:22px;background:white;border:1px solid var(--line);border-radius:15px}.access-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.access-card-top>div{min-width:0;flex:1}.access-card-top p{margin-top:4px}.access-card-top .badge{flex-shrink:0}.access-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.badge.paused{color:#795718;background:#fff2d5}.badge.allowed{color:var(--green);background:#e5f2e8}.access-pause-note{background:#fff5df;padding:12px;border-radius:10px;margin:12px 0}.danger-link{color:#a53d31;background:white;border:0;margin-top:14px}.access-help{padding:22px;background:#edf3ef;border-radius:14px;margin-top:24px}.access-help h2{font-size:20px}.access-help ol{padding-left:24px}.access-help li{padding-left:4px;margin:12px 0}.session-check{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:18px}.checking-session main,.checking-session aside,.checking-session #modal{visibility:hidden}
@media(max-width:700px){.management-nav button:first-child{grid-column:auto}.access-card{padding:18px}.access-card-top{flex-wrap:wrap}.access-card-top>div{flex-basis:160px}.owner-access-card{flex-wrap:wrap;padding:18px}.owner-access-card .badge{margin-left:50px}.access-card-actions button{font-size:16px;padding:12px 10px;min-height:56px}.auth-card{padding:24px 20px}.access-heading .primary{width:100%}}

/* Staff tasks use photo choices, short labels, and deliberate large tap targets. */
.quick-note{margin:24px 0 12px}.quick-note textarea{min-height:96px}.named-report{margin-top:24px;min-height:56px}.flow-extras{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.flow-extras>.sub{margin-bottom:12px}.quantity-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.quantity-shortcuts button{font-size:24px;min-height:60px;padding:10px}.quantity-shortcuts button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.unknown-quantity{font-size:17px;min-height:56px;white-space:normal}.check-options{margin:24px 0 12px}.check-options legend{position:static;width:auto;height:auto;font-size:21px;font-weight:600;margin-bottom:16px}.check-options label{min-height:86px}.report-original-note{background:#f1f6f2;border-radius:12px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;font-size:19px}.report-photo{display:block;width:100%;object-fit:contain;max-height:300px;margin:18px 0;border-radius:12px}.report-thumb{display:block;flex-shrink:0}.report-thumb img{width:76px;height:76px;object-fit:cover;border-radius:12px}.report-tile-head>div{flex:1;min-width:0}.report-tile-head{gap:14px}.report-tabs{display:flex;flex-wrap:wrap;gap:8px}.report-tabs button{flex:1;min-width:100px;min-height:54px;white-space:normal}.pick-list .itemavatar,.favorite-list .itemavatar{width:64px;height:64px;flex-shrink:0}.saved-photo{width:120px;height:120px;object-fit:cover;border-radius:16px;margin-top:18px}.check-prompt{margin:0 0 22px;align-items:center;gap:14px}.check-prompt .task-icon{background:white;flex-shrink:0}.check-prompt b{flex:1}.attachment-choice{min-height:64px}.report-note{white-space:pre-wrap}.wizard-help{line-height:1.5}.wizard-body .selected-item .itemavatar{width:64px;height:64px}
@media(max-width:700px){.report-tile-head{display:flex;flex-wrap:wrap}.report-tile-head>.report-stage{flex-basis:auto}.report-tile-head>div{flex-basis:calc(100% - 92px)}.report-stage{font-size:14px}.check-prompt{display:flex;flex-wrap:wrap}.check-prompt>span:last-child{flex-basis:100%;margin:0}.report-tabs button{font-size:15px;padding:12px 8px}.wizard-body{padding:22px 20px}.wizard-help{margin-bottom:22px}.attachment-choice{font-size:19px}.condition-options small{color:#53665d}.saved-confirmation h2{font-size:22px}}

/* Employee sign-in needs just an ID and a numeric PIN. */
.staff-signin{text-align:left}.staff-signin .auth-mark{margin-bottom:18px}.staff-signin h1{text-align:center}.staff-signin>p{color:var(--muted);font-size:18px;line-height:1.5}.staff-signin label{display:block;margin:22px 0 0;font-size:18px;font-weight:600}.staff-signin input{margin-top:9px;min-height:58px;font-size:20px}.pin-input{display:flex;align-items:center;gap:10px}.pin-input input{min-width:0;flex:1;letter-spacing:5px;font-size:26px}.pin-input button{flex-shrink:0;min-height:48px;padding:8px}.staff-signin [type=submit]{min-height:58px;font-size:21px;margin:20px 0 0}.signin-help{margin-top:22px}.signin-help summary{color:var(--green);cursor:pointer;min-height:44px;padding:10px 0;font-size:18px}.signin-help p{line-height:1.5}.owner-signin{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;text-align:center}.owner-signin a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:15px;color:var(--green);font-weight:600}.owner-pin-entry{display:flex;align-items:center;gap:10px}.owner-pin-entry input{flex:1;min-width:0;letter-spacing:3px;font-size:23px}.owner-pin-entry button{flex-shrink:0;min-height:52px}.staff-credentials{padding:20px;background:#edf5ef;border-radius:14px;margin:20px 0}.staff-credentials p{margin-bottom:18px;color:var(--muted)}.staff-credentials p:last-child{margin:0}.staff-credentials b{display:block;color:var(--ink);font-size:24px;overflow-wrap:anywhere;margin-top:6px}.staff-credentials strong{display:block;color:var(--green);font-size:36px;letter-spacing:6px;margin-top:6px}.access-card-actions .full{grid-column:1/-1}.access-card small{display:block;color:var(--muted);line-height:1.5;margin-top:6px}
@media(max-width:700px){.staff-signin{margin:8px auto;padding:24px 20px}.staff-signin h1{font-size:27px}.staff-signin label{font-size:17px}.owner-pin-entry{flex-wrap:wrap}.owner-pin-entry input{flex-basis:150px}.owner-pin-entry button{font-size:16px;padding:12px}.staff-credentials strong{font-size:32px}}

/* Deliveries show the product and one large number field; no automatic quantities. */
.delivery-list{display:grid;gap:18px;margin:22px 0}.delivery-card,.delivery-line{border:1px solid var(--line);border-radius:14px;background:white;padding:20px}.delivery-card-head{display:flex;gap:14px;align-items:center}.delivery-card-head>div{flex:1}.delivery-card-head .badge{display:inline-block;margin-top:6px}.delivery-card h3,.delivery-line h3{overflow-wrap:anywhere;font-size:20px}.delivery-items{margin:18px 0}.delivery-items p{display:flex;flex-direction:column;margin:12px 0;overflow-wrap:anywhere}.delivery-items span{font-size:17px;color:var(--muted)}.delivery-card .primary{min-height:58px;font-size:19px}.delivery-line .selected-item{margin:0 0 18px;padding:0;border:0;background:transparent}.delivery-line label{font-size:18px;font-weight:600;display:block;margin-bottom:10px}.delivery-line .number-entry input{font-size:28px;min-height:64px;text-align:center}.delivery-line .number-entry button{width:58px;min-height:64px;font-size:28px;padding:8px}.delivery-actions{display:flex;gap:12px;margin-top:22px}.delivery-actions .primary{font-size:21px;min-height:62px}.delivery-confirm-number{font-size:30px;font-weight:700;color:var(--green);margin:12px 0}.delivery-salon{font-size:18px;font-weight:600;margin-bottom:10px}.delivery-saved-lines{margin:22px 0;font-size:19px}.delivery-saved-lines p{margin:12px 0;overflow-wrap:anywhere}.delivery-history>.delivery-list{padding:0 20px 20px}.delivery-past{padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.completed-deliveries>summary{cursor:pointer;min-height:52px;padding:12px 0;font-weight:600}.completed-deliveries .delivery-card{margin-top:16px}.order-export-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.order-export-actions button{flex:1}.dialog #supplier-copy{margin:16px 0;min-height:160px}.dialog #supplier-copy[hidden]{display:none}
@media(max-width:700px){.delivery-card,.delivery-line{padding:16px}.delivery-card-head .itemavatar{width:60px;height:60px}.delivery-history>.delivery-list{padding:0 14px 14px}.delivery-line .number-entry button{width:52px}.delivery-actions>button:first-child:not(.primary){padding:12px}.order-export-actions{flex-direction:column}.delivery-saved-lines{font-size:18px}}

/* Keep the logo and language controls readable together on narrow phones. */
@media(max-width:370px){.topbar{gap:8px}.appmark{font-size:20px;gap:4px}.appmark .brand-image{width:28px;height:28px}.language-control{gap:0;padding:3px;flex-shrink:0}.language-control button{font-size:13px;padding:7px;white-space:nowrap}}