:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#19333a;background:#f4f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.topbar{height:76px;background:#fff;border-bottom:1px solid #e3eaeb;position:sticky;top:0;z-index:15}.topbar-inner{max-width:1440px;margin:auto;height:100%;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark,.brand-logo{background:#143a42;color:white;border-radius:12px;font-weight:800;letter-spacing:-2px}.brand-mark{padding:10px}.brand-mark span,.brand-logo span{color:#5ee2c3}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:#809196;margin-top:2px}.top-actions{display:flex;align-items:center;gap:12px;color:#65777c;font-size:13px}.icon-button{border:0;background:#f0f4f4;border-radius:10px;padding:10px 13px;color:#516b70;font-size:20px}.layout{display:flex;max-width:1440px;margin:auto;min-height:calc(100dvh - 76px)}.sidebar{width:236px;padding:24px 13px;border-right:1px solid #e3eaeb;display:flex;flex-direction:column;flex-shrink:0}.nav-list{display:flex;flex-direction:column;gap:5px}.nav{display:flex;align-items:center;gap:12px;border:0;background:none;color:#5e7278;padding:13px 15px;border-radius:11px;text-align:left;font-size:14px;font-weight:600}.nav span{font-size:21px;width:25px;text-align:center}.nav.active{background:#e1f2ed;color:#127a66}.nav:hover{background:#e9f0f0}.side-note{margin-top:auto;padding:15px;color:#94a5a8;font-size:11px}.content{flex:1;min-width:0;padding:38px 42px 100px}.panel{max-width:900px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 27px}.page-head h1{font-size:30px;letter-spacing:-1.1px;margin:8px 0}.page-head p{color:#83949a;margin:0;font-size:14px}.eyebrow{color:#15927b;font-size:11px;font-weight:800;letter-spacing:1.6px}.btn{border:0;border-radius:11px;padding:13px 18px;font-size:14px;font-weight:700;white-space:nowrap}.btn.primary{background:#16866f;color:white}.btn.primary:hover{background:#116c59}.btn.light{background:#e6eeed;color:#31545a}.btn.danger{background:#b52b3d;color:white}.btn.full{width:100%;margin-top:12px}.scan-card,.card{background:white;border:1px solid #e4ecec;box-shadow:0 3px 18px #1e45500a;border-radius:17px;padding:22px;margin-bottom:20px}.scan-card{padding:24px}.search-wrap{display:flex;align-items:center;gap:10px;background:#f5f8f8;border:1px solid #e1eaea;border-radius:12px;padding:0 14px}.search-wrap span{font-size:25px;color:#789095}.search-wrap input{width:100%;outline:none;border:0;background:transparent;padding:17px 0;font-size:16px}.clear-btn{border:0;background:none;font-size:22px;color:#789095}.product-results{margin-top:10px;max-height:450px;overflow:auto}.product-item{border:0;border-bottom:1px solid #edf1f1;padding:15px 7px;display:flex;width:100%;align-items:center;justify-content:space-between;background:white;text-align:left;gap:10px}.product-item:last-child{border-bottom:0}.product-item strong{display:block;font-size:14px}.muted,.product-item small{color:#819298;font-size:12px}.stock-pill{background:#e8f5ed;color:#167b58;border-radius:9px;padding:8px 9px;font-size:12px;white-space:nowrap;font-weight:700}.stock-pill.negative{background:#fcebec;color:#bf3344}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0 0 16px;font-size:19px}.text-btn{background:none;border:0;color:#147e6a;font-weight:700}.selected-name{font-weight:800;font-size:20px}.selected-meta{color:#7f9297;font-size:13px;margin:6px 0 21px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;color:#415d62;font-size:13px;font-weight:650;margin-bottom:16px}label input,label select{display:block;width:100%;background:white;border:1px solid #dae4e5;border-radius:10px;margin-top:9px;padding:12px;color:#1d343a;min-height:47px}select{max-width:100%}.qty-control{display:flex;align-items:center;margin-top:9px;border:1px solid #dae4e5;border-radius:10px;overflow:hidden}.qty-control button{border:0;background:#eff5f3;color:#166b5e;font-size:24px;height:46px;width:48px}.qty-control input{min-width:0;flex:1;border:0;margin:0;padding:10px;text-align:center;height:46px}.soft-info{background:#edf7f4;border-radius:10px;padding:13px;font-size:13px;color:#386963;margin-bottom:6px}.soft-info.warning{background:#fff3df;color:#935c16}.record-list{display:flex;flex-direction:column}.record{padding:17px 3px;border-bottom:1px solid #edf0f0;display:flex;justify-content:space-between;align-items:center;gap:10px}.record:last-child{border-bottom:0}.record strong{font-size:14px}.record small{display:block;margin-top:5px;color:#87989d;font-size:12px}.record-right{display:flex;align-items:center;gap:12px}.record-right strong{white-space:nowrap}.mini-btn{background:#edf5f3;color:#147c67;border:0;border-radius:8px;padding:8px 10px;font-weight:700;font-size:12px}.minus-text{color:#bc394b}.plus-text{color:#178569}.empty{color:#8b9ba0;font-size:14px;padding:28px;text-align:center}.settings-card{max-width:650px}.switch-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #eef2f2;padding:18px 0;margin:0}.switch-row strong,.switch-row small{display:block}.switch-row small{color:#87969b;font-weight:400;margin-top:5px}.switch-row input{width:22px;height:22px;min-height:0;margin:0;accent-color:#16866f}.bottom-nav{display:none}.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:30;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#122c30a3}.modal-box{z-index:1;background:white;border-radius:18px;width:min(100%,520px);max-height:90dvh;overflow-y:auto;padding:23px;box-shadow:0 20px 70px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head h2{margin:0;font-size:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions .btn{flex:1}.warning-box{padding:15px;border-radius:10px;background:#fff0d8;color:#76511e;line-height:1.6;font-size:14px;margin:15px 0}.camera-view{position:relative;overflow:hidden;background:#101b1e;border-radius:12px;min-height:240px}.camera-view video{width:100%;max-height:400px;display:block}.camera-marker{position:absolute;inset:18% 10%;border:2px solid #71d9bc;border-radius:12px;pointer-events:none}.modal-box p{line-height:1.5;color:#71878b;font-size:14px}#toast{position:fixed;top:85px;right:20px;z-index:80;max-width:340px;pointer-events:none}#toast>div{padding:13px 18px;margin-bottom:7px;border-radius:12px;background:#153f3e;color:#fff;box-shadow:0 8px 30px #0002;font-size:13px}#toast>div.error{background:#ad3447}#toast>div.warn{background:#98701e}.login-stage{min-height:100dvh;background:radial-gradient(circle at 20% 10%,#e2f7ef,transparent 40%),#f3f7f8;display:grid;place-items:center;padding:20px}.login-card{background:white;width:100%;max-width:400px;border:1px solid #e4ecea;border-radius:24px;padding:35px;box-shadow:0 20px 60px #12322a0b}.brand-logo{width:65px;padding:20px 10px;text-align:center}.login-card h1{font-size:26px;margin:25px 0 5px;letter-spacing:-1px}.login-card p{color:#84979b;margin:0 0 30px;font-size:13px}.login-card label{margin-bottom:17px}#modal input[type=checkbox]{width:auto;min-height:0;display:inline;margin:0 5px 0 0}#modal label.checkline{display:flex;align-items:center;gap:6px}.hint{font-size:12px;color:#9a8880}.tag{font-size:11px;color:#697d7d;background:#f0f4f4;padding:5px 8px;border-radius:6px}.inline-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}@media(max-width:850px){.sidebar{display:none}.content{padding:23px 16px 110px}.page-head h1{font-size:25px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e2e9e8;box-shadow:0 -5px 20px #00000009}.bottom-nav button{border:0;background:none;color:#849699;font-size:23px;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav button span{font-size:10px;font-weight:650}.bottom-nav button.active{color:#16866f}.topbar{height:65px}.topbar-inner{padding:0 16px}.top-actions #who{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record{align-items:flex-start}.record-right{flex-direction:column;align-items:flex-end}.scan-card,.card{padding:17px}.modal{padding:12px;align-items:flex-end}.modal-box{border-radius:18px 18px 12px 12px;padding:19px;max-height:94dvh}.page-head{align-items:flex-start}.page-head>.btn{font-size:12px;padding:12px 10px}}

/* Faz 1.2: telefon odaklı hızlı işlem kontrolleri */
.quick-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px}.scan-option{margin:0;display:flex;align-items:center;gap:7px;white-space:nowrap}.scan-option input{width:18px;height:18px;accent-color:#16866f}.quick-title{font-size:12px;color:#5c7376;font-weight:750;margin:18px 0 9px}.favorite-list{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:15px;border-bottom:1px solid #eaf0ef}.favorite-btn{border:1px solid #cde2dc;border-radius:999px;background:#eef8f4;color:#146e5b;padding:10px 14px;font-size:13px;font-weight:650;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-barcode{display:flex;gap:8px;align-items:flex-end;margin-top:12px}.manual-barcode label{flex:1;min-width:0;margin-bottom:0}.manual-barcode button{margin-bottom:0;min-height:47px}.product-item{min-height:62px}.qty-control button{min-width:54px;min-height:50px;touch-action:manipulation}.btn{min-height:46px;touch-action:manipulation}#submit-out{min-height:55px;font-size:16px}.camera-view video{min-height:240px;object-fit:cover}.camera-view{isolation:isolate}.camera-marker{box-shadow:0 0 0 100vmax #00000022}@media(max-width:600px){.page-head{flex-wrap:wrap}.page-head #scan-open{width:100%;min-height:54px;font-size:15px}.content{padding:18px 13px 110px}.scan-card,.card{padding:14px}.quick-actions{flex-wrap:wrap}.field-grid{grid-template-columns:1fr 1fr}.favorite-btn{max-width:100%}.manual-barcode{flex-direction:column;align-items:stretch}.manual-barcode button{width:100%}.modal-box{max-height:90dvh}.product-results{max-height:52dvh}.product-item{padding:13px 6px}}

/* Faz 1.3: yönetici uyarıları */
.alert-count{margin-left:auto;background:#c93737;color:white;font-size:11px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:99px;font-weight:800}.open-tag,.resolved-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;background:#fff0df;color:#9b5111}.resolved-tag{background:#e9f5f0;color:#1c8065}#manager-history .record{gap:12px}#alerts-summary{margin-left:auto}

.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stock-inline{margin:20px 0;padding:16px;border:1px solid #d4e4e1;border-radius:14px;background:#f7fbfa}.stock-inline h3{margin:0 0 12px;font-size:1.08rem}.stock-inline .hint{font-size:.82rem}.stock-inline .field-grid{margin:10px 0}.record-right{flex-wrap:wrap;gap:6px}@media(max-width:650px){.page-actions{width:100%}.page-actions button{flex:1}.stock-inline{padding:12px}}

.template-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 0 16px;border:1px solid #cce5df;border-radius:12px;background:#f3fbf8;color:#224849}.help-link{display:block;text-align:center;margin:16px auto 0;font-weight:600;color:#14836f}.app-footer{padding:24px 8px;text-align:center;color:#648080;font-size:.88rem}.app-footer a{color:#147b67;font-weight:700}.error-support-link{display:block;position:relative;background:#fff5ef;border:1px solid #eeceb7;border-radius:12px;padding:12px 15px;margin:8px 0;color:#9b4533;text-decoration:none;font-size:.88rem;max-width:390px}.report-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.report-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.report-filters label{flex:1;min-width:160px}.report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.report-stat{padding:18px;border:1px solid #d9e7e4;background:#fff;border-radius:14px;display:grid;gap:8px}.report-stat small{color:#638080}.report-stat strong{font-size:1.75rem;color:#173b42}#report-content .card{margin-bottom:15px}#report-content h2{margin:0 0 12px}@media(max-width:680px){.template-hint{flex-direction:column;align-items:flex-start}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters button{width:100%}}

.staff-report-group{border-bottom:1px solid #e3eeeb;padding:14px 0}.staff-report-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.staff-report-head small{color:#688080}.staff-report-group .record{padding:7px 8px 7px 16px}

/* v1.4.3 — ürün formu */
.modal-box:has(#product-form){width:min(100%,690px)}
.unit-details{border:1px solid #dae8e4;border-radius:12px;padding:12px 14px;margin:10px 0 18px;background:#fafdfc}
.unit-details summary{cursor:pointer;font-weight:750;color:#225a52;padding:4px 0}
.unit-explain{font-size:13px!important;margin:12px 0;color:#536a6c!important}
.base-unit-info{font-size:13px;padding:11px 13px;background:#eaf5f0;color:#225e51;border-radius:8px;margin:10px 0}
.unit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin:12px 0}
.unit-row label{margin:0;font-size:12px}.unit-row .remove-unit{align-self:end;margin-bottom:2px}
.field-help{display:block;font-size:11px;font-weight:400;color:#879498;margin-top:6px;line-height:1.45}
#product-form .stock-inline{margin-top:16px}
@media(max-width:600px){.unit-row{grid-template-columns:1fr 1fr auto;gap:6px}.unit-row input{padding:9px;min-width:0}.modal-box:has(#product-form){max-height:94dvh}}

/* v1.4.4 — Klinik görünümü */
.branding-card{margin-top:20px}.branding-card h2{margin:0 0 8px;font-size:20px}.branding-card>label{display:block;margin:16px 0}.brand-preview{display:flex;align-items:center;gap:14px;border:1px solid #d9e7e4;border-radius:14px;background:#f6fbf9;padding:16px;margin:16px 0}.brand-preview strong,.brand-preview small{display:block}.brand-preview small{color:#69858a;margin-top:3px}.brand-mark.has-custom-logo,.brand-logo.has-custom-logo{padding:0;background:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center}.brand-mark.has-custom-logo img,.brand-logo.has-custom-logo img{width:100%;height:100%;object-fit:contain}.brand-preview .brand-mark{flex-shrink:0}.branding-remove{display:flex!important;align-items:center;gap:8px;font-weight:500}.branding-remove input{width:18px;min-height:18px;height:18px;accent-color:#16866f;margin:0}.branding-card input[type=file]{font-size:13px;max-width:100%}


/* v1.4.5 — markalama, küçük kontroller ve sade yönetim düzeni */
/* Görsel ne kadar büyük olursa olsun üst menü, giriş ve önizleme kutularını büyütmesin. */
.topbar .brand{min-width:0;max-width:min(70vw,610px)}
.topbar .brand>div:last-child{min-width:0}
.topbar .brand strong,.topbar .brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .brand strong{font-size:14px;font-weight:740;letter-spacing:-.15px}
.brand-mark,.brand-logo,#branding-preview-logo{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;padding:0;line-height:1;letter-spacing:-.8px}
.brand-logo{width:64px;height:64px;min-width:64px;max-width:64px;min-height:64px;max-height:64px;border-radius:14px}
.brand-mark img,.brand-logo img,#branding-preview-logo img,
.brand-mark.has-custom-logo img,.brand-logo.has-custom-logo img,#branding-preview-logo.has-custom-logo img{display:block;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;flex-shrink:0;border:0}
.brand-mark.has-custom-logo,.brand-logo.has-custom-logo,#branding-preview-logo.has-custom-logo{background:transparent;padding:0;overflow:hidden}
#branding-preview-logo{width:60px;height:60px;min-width:60px;max-width:60px;min-height:60px;max-height:60px;border-radius:12px;background:#153b40}
#branding-preview-logo.has-custom-logo{background:#fff;border:1px solid #e6eeed;padding:4px}
.brand-preview{background:#fafbfb;border:1px solid #e8eeee;gap:16px}
.brand-preview>div:last-child{min-width:0;overflow-wrap:anywhere}
.brand-preview strong{font-size:15px;letter-spacing:-.2px}
/* Tarayıcı input stilinden bağımsız, standart boyutta checkbox */
#alerts-resolved{appearance:auto;-webkit-appearance:checkbox;display:block;position:static;flex:0 0 17px;width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;min-height:17px!important;max-height:17px!important;margin:0!important;padding:0!important;vertical-align:middle;accent-color:#16866f;box-shadow:none}
.alerts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 14px;border-bottom:1px solid #ebefee}
.alerts-filter{display:inline-flex;align-items:center;gap:10px;margin:0!important;padding:7px 0;cursor:pointer;font-size:13px;line-height:1.3;font-weight:560;color:#4b6064}
#alerts-summary{margin-left:auto;white-space:nowrap}
/* Yönetim ekranında satırların önceliği, tipografi ve eylem hiyerarşisi */
.alert-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border-bottom:1px solid #edf1f0}
.alert-item:last-child{border-bottom:0}
.alert-main{min-width:0;flex:1}
.alert-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:9px}
.alert-name-row strong{font-size:15px;letter-spacing:-.2px;font-weight:710;color:#213c41}
.alert-meta{font-size:12px;color:#7c9093;line-height:1.7}
.alert-side{display:flex;align-items:center;gap:16px;flex-shrink:0}
.alert-quantity{text-align:right;display:grid;gap:3px}
.alert-quantity small{font-size:11px;color:#829397}
.alert-quantity strong{font-size:17px;font-weight:740;font-variant-numeric:tabular-nums;white-space:nowrap}
.alert-detail{font-size:12px;color:#925a1f;background:#fff8ed;border-left:2px solid #d69a54;margin-top:9px;padding:8px 10px;max-width:520px;line-height:1.5}
.open-tag,.resolved-tag{font-size:10px;font-weight:680;padding:4px 8px;border-radius:5px;letter-spacing:.1px}
.alert-count{font-size:11px;min-width:20px;height:20px;font-weight:700}
/* Daha dengeli, az süslü kart ve aksiyonlar */
.card,.scan-card{border-radius:13px;box-shadow:0 2px 12px rgba(25,51,58,.035)}
.btn,.mini-btn{transition:background-color .15s ease,border-color .15s ease}
.btn:focus-visible,.mini-btn:focus-visible,.nav:focus-visible,.alerts-filter:focus-within{outline:2px solid #1c8d78;outline-offset:3px}
.page-head h1{font-weight:740;letter-spacing:-.85px}
#alerts-list{display:block}
@media(max-width:650px){.topbar .brand{max-width:66vw}.brand-mark{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.alert-item{align-items:stretch;flex-direction:column;gap:10px;padding:17px 0}.alert-side{width:100%;justify-content:space-between;gap:12px}.alert-quantity{text-align:left}.alerts-toolbar{align-items:flex-start;gap:8px}.alerts-filter{max-width:75%}.alert-meta{overflow-wrap:anywhere}.brand-preview{padding:12px}}

/* v1.4.6: dönüşüm alanları ve yeni birim butonu */
#add-unit{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:11px 14px;min-height:40px}
.unit-row input[readonly]{background:#f2f6f5;color:#607478;cursor:not-allowed}

/* v1.4.7: mevcut üründe yeni dönüşüm ekleme ve sıvı ürün açıklamaları */
.add-unit-action{margin-top:12px;min-height:46px;border:1px solid #a5cfc6;color:#126e5d;background:#eff8f5;font-weight:700}
.saved-unit-tag{font-size:11px;color:#637a80;align-self:center;white-space:nowrap}
.unit-row{align-items:end;gap:10px}
.unit-explain{line-height:1.6}
@media(max-width:600px){.add-unit-action{width:100%}.unit-row{flex-wrap:wrap}.saved-unit-tag{width:100%;text-align:right}}