:root{--bg:var(--paint-f5f5ef,#f5f5ef);--paper:var(--paint-ffffff,#ffffff);--ink:var(--paint-19312e,#19312e);--muted:var(--paint-71807c,#71807c);--line:var(--paint-e3e8e1,#e3e8e1);--green:var(--paint-22695b,#22695b);--forest:var(--paint-173b38,#173b38);--mint:var(--paint-e5f2eb,#e5f2eb);--amber:var(--paint-a16818,#a16818);--amber-bg:var(--paint-fff5df,#fff5df);--red:var(--paint-b54f46,#b54f46);--red-bg:var(--paint-fff0ec,#fff0ec);--radius:18px;--shadow:0 5px 25px var(--paint-173b38-07,#173b3807);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0;background:none}button:disabled{opacity:.5;cursor:default}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}*:focus-visible{outline:3px solid var(--paint-71b8a2,#71b8a2);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px}small{font-size:12px}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--paint-fffef9,#fffef9);border-right:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;z-index:3}.brand{display:flex;gap:13px;align-items:center;padding:0 8px;font-size:25px;font-weight:750;letter-spacing:-.6px}.brand-icon{background:var(--forest);color:var(--paint-ffffff,#ffffff);width:43px;height:47px;border-radius:12px;display:grid;place-items:center}.brand-icon svg{width:25px;height:25px}.brand-small{display:block;font-size:10px;letter-spacing:3px;margin-top:3px;font-weight:600;color:var(--muted)}.sidebar-label{font-size:9px;color:var(--paint-98a49f,#98a49f);letter-spacing:1.4px;margin:52px 12px 18px;font-weight:650}nav a{display:flex;align-items:center;gap:13px;color:var(--paint-74817c,#74817c);padding:13px 15px;margin-bottom:7px;border-radius:10px;font-size:14px;font-weight:550}nav a.active{color:var(--green);background:var(--mint)}nav a .count{margin-left:auto;font-size:11px;background:var(--paint-ffffff,#ffffff);border-radius:7px;padding:3px 7px}.sidebar-bottom{border-top:1px solid var(--line);padding:22px 8px 0;margin-top:auto;display:flex;align-items:center;gap:12px}.avatar{background:var(--paint-e7ece5,#e7ece5);border:1px solid var(--paint-d8e2d7,#d8e2d7);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:12px;font-weight:700}.sidebar-bottom small{display:block;color:var(--muted);margin-top:4px}.workspace{margin-left:244px;width:calc(100% - 244px)}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between}.top-context{font-size:10px;letter-spacing:1.8px;color:var(--paint-84918a,#84918a)}.top-actions{display:flex;align-items:center;gap:20px}.connection{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.connection:before{content:"";height:6px;width:6px;background:var(--paint-6ba38d,#6ba38d);border-radius:50%}.icon-button{border:1px solid var(--line);background:var(--paint-ffffff,#ffffff);border-radius:10px;width:37px;height:37px;display:grid;place-items:center}.mobile-brand{display:none}main{max-width:1360px;margin:auto;padding:40px 44px 30px;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.eyebrow{font-size:10px;color:var(--green);letter-spacing:1.8px;font-weight:700;margin-bottom:10px}.subtitle{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.6}.date-pill{color:var(--paint-61746c,#61746c);font-size:12px;border:1px solid var(--line);padding:10px 14px;border-radius:30px;background:var(--paint-fdfdf8,#fdfdf8);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border:1px solid var(--line);border-radius:11px;font-weight:600;font-size:13px;background:var(--paint-ffffff,#ffffff)}.btn.primary{background:var(--forest);border-color:var(--forest);color:var(--paint-ffffff,#ffffff)}.btn.soft{background:var(--mint);color:var(--green);border:0}.btn.danger{color:var(--red);border-color:var(--paint-efd6d1,#efd6d1)}.btn.small{font-size:12px;min-height:36px;padding:8px 11px}.btn.wide{width:100%}.text-button{font-size:12px;color:var(--green);display:inline-flex;gap:5px;align-items:center;font-weight:600}.text-button svg{width:15px;height:15px}.hero{background:var(--forest);border-radius:22px;color:var(--paint-f6fff8,#f6fff8);padding:29px 30px;position:relative;overflow:hidden;margin-bottom:25px}.hero:after{content:"";position:absolute;width:250px;height:250px;border:1px solid var(--paint-ffffff-12,#ffffff12);border-radius:50%;right:-90px;top:-90px;box-shadow:0 0 0 32px var(--paint-ffffff-05,#ffffff05),0 0 0 64px var(--paint-ffffff-04,#ffffff04);pointer-events:none}.hero-label{font-size:10px;letter-spacing:1.8px;color:var(--paint-acccbe,#acccbe);margin-bottom:10px}.hero h2{font-size:25px;font-weight:550;letter-spacing:-.7px}.hero p{color:var(--paint-bad0c6,#bad0c6);font-size:13px;margin-top:9px}.search-wrap{display:flex;align-items:center;gap:12px;background:var(--paint-ffffff,#ffffff);color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:0 16px}.hero .search-wrap{margin-top:23px;border:0;max-width:740px;position:relative;z-index:1}.search-wrap input{width:100%;border:0;background:none;outline:none;min-height:53px;color:var(--ink);font-size:15px}.search-wrap input::placeholder{color:var(--paint-92a29a,#92a29a)}.shortcut{border:1px solid var(--paint-dfe6df,#dfe6df);border-radius:5px;padding:3px 6px;font-size:10px;white-space:nowrap}.hero .search-help{font-size:11px;color:var(--paint-98b5a9,#98b5a9);margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}.stat{background:var(--paint-ffffff,#ffffff);border:1px solid var(--line);border-radius:var(--radius);padding:18px 21px;display:flex;gap:13px;align-items:center;box-shadow:var(--shadow)}.stat-icon{height:39px;width:39px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--green)}.stat-icon.amber{background:var(--amber-bg);color:var(--amber)}.stat-icon.gray{background:var(--paint-f0f2ed,#f0f2ed);color:var(--paint-7d8b82,#7d8b82)}.stat b{display:block;font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.6px}.stat small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-head h2{font-size:17px}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:25px}.panel{background:var(--paint-ffffff,#ffffff);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.note-card{padding:20px 22px;border-bottom:1px solid var(--line);cursor:pointer;display:block}.note-card:last-child{border-bottom:0}.note-card:hover{background:var(--paint-fcfdf9,#fcfdf9)}.note-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.note-id{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.rev{font-size:10px;font-weight:600;padding:3px 6px;border-radius:5px;background:var(--paint-eff3ee,#eff3ee);color:var(--paint-78867d,#78867d)}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:650;border-radius:6px;padding:5px 7px;color:var(--paint-667970,#667970);background:var(--paint-edf1ec,#edf1ec)}.badge.warn{color:var(--amber);background:var(--amber-bg)}.badge.red{color:var(--red);background:var(--red-bg)}.badge.green{color:var(--green);background:var(--mint)}.note-title{font-size:14px;line-height:1.5;font-weight:550;margin-bottom:8px}.note-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--paint-86938b,#86938b);font-size:11px;line-height:1.5}.note-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--paint-c1cbc3,#c1cbc3)}.note-text{line-height:1.7;color:var(--paint-66786d,#66786d);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.note-warning{background:var(--amber-bg);border-radius:8px;padding:11px 12px;margin-top:12px;font-size:12px;line-height:1.6;color:var(--paint-936117,#936117);display:flex;gap:8px}.note-warning svg{width:16px;height:16px;margin-top:2px}.action-card{background:var(--paint-edf1e9,#edf1e9);border-radius:var(--radius);padding:24px;margin-bottom:19px}.action-card .mini-label{font-size:10px;letter-spacing:1.5px;color:var(--paint-768c7c,#768c7c);margin-bottom:14px}.action-card h3{font-size:18px;font-weight:550;line-height:1.45;margin-bottom:8px}.action-card p{color:var(--paint-80917f,#80917f);font-size:12px;line-height:1.7;margin-bottom:20px}.action-card .btn{width:100%;background:var(--paint-ffffff,#ffffff);border:1px solid var(--paint-d7e2d3,#d7e2d3);color:var(--green)}.mini-machines{padding:6px 20px}.mini-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.mini-row:last-child{border:0}.mini-row div{display:flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--paint-c1c9be,#c1c9be)}.status-dot.production{background:var(--paint-42826c,#42826c)}.status-dot.setup{background:var(--paint-cea359,#cea359)}.status-dot.stop{background:var(--paint-c76a5c,#c76a5c)}.empty{padding:36px 20px;text-align:center}.empty-icon{height:49px;width:49px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--paint-809c88,#809c88);background:var(--paint-f8faf5,#f8faf5)}.empty h3{font-size:15px;font-weight:600;margin-bottom:8px}.empty p{font-size:12px;color:var(--muted);line-height:1.8;max-width:320px;margin:0 auto 18px}.empty .btn{font-size:12px}.onboarding{border:1px dashed var(--paint-cbd9cd,#cbd9cd);border-radius:14px;padding:15px 18px;margin-top:23px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.7}.onboarding b{color:var(--ink)}.desktop-footer{max-width:1360px;margin:auto;padding:20px 44px 26px;display:flex;justify-content:space-between;color:var(--paint-9ba69b,#9ba69b);font-size:10px}.bottom-nav{display:none}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px}.toolbar .search-wrap{flex:1}.filters{display:flex;gap:8px;overflow:auto;margin:15px 0 22px;padding-bottom:3px}.chip{border:1px solid var(--line);background:var(--paint-ffffff,#ffffff);border-radius:30px;padding:9px 14px;font-size:12px;white-space:nowrap;color:var(--paint-788c7c,#788c7c)}.chip.active{background:var(--forest);border-color:var(--forest);color:var(--paint-ffffff,#ffffff)}.list-caption{font-size:11px;color:var(--muted);margin-bottom:12px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tool-card{border:1px solid var(--line);background:var(--paint-ffffff,#ffffff);border-radius:var(--radius);padding:23px;cursor:pointer}.tool-card:hover{border-color:var(--paint-9eb9a6,#9eb9a6)}.tool-card h3{font-size:19px}.tool-card .note-text{margin:16px 0}.tool-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:11px;color:var(--muted)}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.machine-card{border:1px solid var(--line);background:var(--paint-ffffff,#ffffff);border-radius:var(--radius);padding:22px;cursor:pointer;min-width:0}.machine-card .note-top{margin-bottom:23px}.machine-tool{font-size:18px;font-weight:650;min-height:22px;overflow-wrap:anywhere}.machine-card .machine-details{color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px}.machine-card .updated{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:10px;color:var(--paint-93a091,#93a091)}.banner{background:var(--amber-bg);border:1px solid var(--paint-eddcb4,#eddcb4);padding:16px 20px;border-radius:12px;margin-bottom:22px;display:flex;gap:12px;font-size:12px;line-height:1.7;color:var(--paint-997427,#997427)}.banner.mint{background:var(--mint);color:var(--green);border-color:var(--paint-cadfd0,#cadfd0)}.banner svg{margin-top:2px}.detail-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:25px}.detail-section{margin-bottom:23px}.detail-section h2{margin-bottom:15px;font-size:17px}.warning-card{border:1px solid var(--paint-e8d6ae,#e8d6ae);background:var(--amber-bg);border-radius:14px;padding:19px;margin-bottom:12px}.warning-card .note-text{color:var(--paint-986b22,#986b22)}.warning-card .btn{margin-top:14px}.timeline-entry{position:relative;background:var(--paint-ffffff,#ffffff);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:13px}.timeline-date{font-size:11px;color:var(--green);margin-bottom:12px;display:flex;align-items:center;gap:7px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:17px 0}.info-grid small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.info-grid b{font-size:13px;font-weight:550}.label-small{color:var(--muted);font-size:10px;letter-spacing:.8px;margin-top:14px;margin-bottom:6px}.entry-actions{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;display:flex;gap:10px;justify-content:flex-end}.gemba-section{margin-bottom:25px}.gemba-section .section-head small{color:var(--muted)}.back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:22px}.back svg{width:14px;height:14px}.link-row{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid var(--line);gap:15px}.link-row p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:5px}.settings-group{margin-bottom:25px}.settings-group h2{font-size:16px;margin-bottom:14px}.version{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:20px}dialog{width:570px;max-width:calc(100% - 28px);max-height:calc(100dvh - 36px);border:1px solid var(--paint-d8e2d7,#d8e2d7);border-radius:22px;background:var(--bg);color:var(--ink);padding:0;box-shadow:0 25px 100px var(--paint-0b302b-33,#0b302b33)}dialog::backdrop{background:var(--paint-0c242c-66,#0c242c66);backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 19px;border-bottom:1px solid var(--line);background:var(--paint-fffefa,#fffefa);position:sticky;top:0;z-index:1}.modal-header h2{font-size:20px}.modal-header .icon-button{background:none;border:0}.modal-body{padding:23px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px;min-width:0}.form-grid .field{margin:0}.field label{display:block;font-size:12px;font-weight:550;color:var(--paint-506e61,#506e61);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid var(--paint-d7e1d5,#d7e1d5);border-radius:9px;padding:11px 12px;background:var(--paint-ffffff,#ffffff);color:var(--ink);font-size:16px}.field textarea{min-height:100px;resize:vertical;line-height:1.6}.field small{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6;display:block}.form-section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.checkbox-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--paint-4f6e5d,#4f6e5d);margin:15px 0;line-height:1.5}.checkbox-row input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.checkbox-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.form-error{color:var(--red);font-size:12px;line-height:1.6;margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:var(--forest);color:var(--paint-ffffff,#ffffff);padding:14px 23px;font-size:13px;border-radius:12px;box-shadow:0 5px 20px var(--paint-163b38-40,#163b3840);z-index:100;max-width:90%;text-align:center;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%)}.help-steps{font-size:13px;color:var(--paint-6c8272,#6c8272);line-height:1.9;padding-left:20px}.help-steps li{margin-bottom:10px}.muted{color:var(--muted)}.sr{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.spacer{height:16px}.print-title{display:none}.search-results{margin-top:15px}.search-results .panel{margin-bottom:15px}.online-badge{font-size:10px;letter-spacing:.6px;color:var(--paint-83a592,#83a592)}.checked-note{opacity:.7}
@media(min-width:1600px){main{padding-top:55px}.two-col{gap:35px}}
@media(max-width:1160px){.sidebar{width:205px;padding-left:15px;padding-right:15px}.workspace{margin-left:205px;width:calc(100% - 205px)}main{padding:30px 27px}.topbar{padding:0 27px}.two-col{grid-template-columns:1.3fr 1fr;gap:20px}.machine-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.desktop-footer{padding:20px 27px}}
@media(max-width:800px){.sidebar{display:none}.workspace{margin-left:0;width:100%}.topbar{height:66px;padding:0 22px}.top-context{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:17px;letter-spacing:-.4px}.mobile-brand svg{color:var(--green)}main{padding:28px 22px 110px;max-width:720px}.desktop-footer{display:none}.page-heading{margin-bottom:24px}.page-heading h1{font-size:29px}.date-pill{display:none}.top-actions{gap:12px}.two-col{grid-template-columns:1fr}.right-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.action-card{margin:0}.stats{gap:10px}.stat{padding:15px 12px;gap:9px}.stat-icon{width:31px;height:31px;border-radius:9px}.stat-icon svg{width:17px;height:17px}.stat b{font-size:21px}.stat small{font-size:10px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paint-fffefb-f5,#fffefbf5);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:7px 10px max(9px,env(safe-area-inset-bottom));z-index:5;justify-content:space-around}.bottom-nav a{flex-direction:column;gap:5px;padding:8px 10px;margin:0;min-width:52px;font-size:9px;border-radius:10px}.bottom-nav a svg{width:21px;height:21px}.bottom-nav .count{display:none}.bottom-nav .add-nav{color:var(--paint-ffffff,#ffffff);background:var(--forest);width:51px;height:49px;min-width:51px;margin:0 8px;display:flex;align-items:center;justify-content:center;border-radius:14px}.toast{bottom:103px}.detail-layout{grid-template-columns:1fr}.tool-grid{gap:12px}.tool-card{padding:19px}.onboarding{align-items:flex-start}.hero{padding:25px}.toolbar{gap:9px}.toolbar .btn{padding:12px}.hero h2{font-size:23px}}
@media(max-width:480px){main{padding:25px 18px 114px}.topbar{padding:0 18px}.connection{font-size:9px}.top-actions{gap:9px}.topbar .icon-button{width:32px;height:32px}.subtitle{font-size:12px}.page-heading h1{font-size:28px}.page-heading .btn{font-size:12px;padding:10px 12px}.hero{padding:23px 19px;border-radius:17px}.hero h2{font-size:22px}.hero p{font-size:12px;line-height:1.6}.hero .search-wrap{padding:0 12px;margin-top:19px}.search-wrap input{font-size:16px;min-height:49px}.shortcut{display:none}.stats{gap:8px;margin-bottom:25px}.stat{display:block;padding:13px 14px}.stat-icon{margin-bottom:10px;width:28px;height:28px}.stat b{font-size:23px}.stat small{font-size:10px;white-space:nowrap}.right-col{display:block}.action-card{margin-bottom:20px}.note-card{padding:18px}.note-top{gap:7px}.note-title{font-size:13px}.tool-grid{grid-template-columns:1fr}.machine-grid{gap:11px}.machine-card{padding:16px}.machine-card .note-top{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:17px}.machine-tool{font-size:15px}.machine-card .machine-details{font-size:11px}.machine-card .updated{font-size:9px;line-height:1.5}.onboarding{display:block}.onboarding .text-button{margin-top:10px}.modal-header{padding:19px 18px}.modal-body{padding:20px 18px}dialog{max-width:calc(100% - 14px);max-height:calc(100dvh - 20px);border-radius:18px}.form-grid{gap:12px}.field label{font-size:11px}.link-row{padding:16px;flex-wrap:wrap}.link-row .btn{font-size:11px}.info-grid{gap:12px}.bottom-nav a{padding:8px 7px;min-width:50px}.toolbar{flex-wrap:wrap}.toolbar .search-wrap{min-width:70%}.hero-label{font-size:9px}.list-caption{line-height:1.7}}
.section-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px;flex-wrap:wrap}.section-tabs a{display:flex;align-items:center;gap:8px;font-size:13px;padding:11px 14px;border-radius:10px;color:var(--muted)}.section-tabs a.active{background:var(--mint);color:var(--green);font-weight:650}.section-tabs svg{width:18px;height:18px}.cycle-cells{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cycle-cells small,.setup-history small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.cycle-cells b{font-size:16px;letter-spacing:-.3px}.cycle-cells b span{font-size:11px;color:var(--muted);font-weight:400}.gemba-save{border:1px solid var(--paint-cbded0,#cbded0);background:var(--paint-edf5ed,#edf5ed);padding:20px;border-radius:15px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.gemba-save p{color:var(--muted);font-size:12px;line-height:1.7;margin-top:7px}.gemba-save .btn{flex-shrink:0}.archive-filter-panel{background:var(--paint-ffffff,#ffffff);border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:25px}.archive-presets{margin:0 0 20px}.archive-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.archive-filters .field{margin:0}.archive-filters .field input,.archive-filters .field select{font-size:13px;min-height:42px}.history-day{display:flex;gap:9px;align-items:center;color:var(--green);font-size:13px;margin:25px 0 13px}.history-day svg{width:17px;height:17px}.history-card{background:var(--paint-ffffff,#ffffff);border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:12px;break-inside:avoid}.history-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:17px;font-weight:650;margin:12px 0 10px}.history-title a:hover{text-decoration:underline}.history-title .badge{margin-left:auto;font-weight:500}.history-times{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:center}.history-times .cycle-cells{margin-top:13px;border-bottom:0}.setup-history{padding-top:13px}.setup-history b{font-size:15px}.history-delta{font-size:11px;margin:3px 0 12px}.history-delta span{color:var(--muted)}.over-target{color:var(--red)}.on-target{color:var(--green)}.session-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.session-card{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:18px;background:var(--paint-ffffff,#ffffff)}.session-card>svg:first-child{color:var(--green)}.session-card>svg:last-child{margin-left:auto;width:16px;color:var(--muted)}.session-card b{font-size:13px}.session-card small{display:block;color:var(--muted);font-size:11px;margin-top:6px}
@media(max-width:800px){.archive-filters{grid-template-columns:1fr 1fr}.gemba-save{align-items:flex-start}.gemba-save .btn{font-size:12px}.section-tabs a{font-size:12px}.history-card{padding:18px}}
@media(max-width:480px){.gemba-save{display:block;padding:18px}.gemba-save .btn{margin-top:14px;width:100%}.session-grid{grid-template-columns:1fr}.archive-filter-panel{padding:16px}.archive-filters{gap:14px 11px}.archive-filters .field input,.archive-filters .field select{font-size:16px;min-width:0}.archive-filters .field label{font-size:10px}.archive-filters .field input[type=date]{padding:9px 6px;max-width:100%}.section-tabs{gap:4px}.section-tabs a{padding:10px;font-size:11px}.cycle-cells{gap:7px}.machine-card .cycle-cells b{font-size:15px}.machine-card .cycle-cells small{font-size:9px}.history-times{gap:13px}.history-title{font-size:16px}.history-title .badge{margin-left:0}.history-card .note-top{align-items:flex-start}.history-card .note-top .note-id{font-size:12px}.history-card .note-top small{font-size:10px}.history-day{font-size:12px}.setup-history b{font-size:13px}}
@media print{.sidebar,.topbar,.bottom-nav,.desktop-footer,.btn,.text-button,.entry-actions,.back,.toast,.section-tabs,.archive-filter-panel,.gemba-save{display:none!important}.workspace{width:100%;margin:0}main{padding:0}.panel,.timeline-entry,.warning-card{break-inside:avoid;box-shadow:none}.page-heading h1{font-size:25px}.print-title{display:block}.gemba-section{margin-bottom:15px}body{background:var(--paint-ffffff,#ffffff)}.subtitle{font-size:11px}}
/* v2 workspace */
:root{--bg:var(--paint-f1f5fb,#f1f5fb);--paper:var(--paint-ffffff,#ffffff);--ink:var(--paint-22324b,#22324b);--muted:var(--paint-728098,#728098);--line:var(--paint-dfe7f1,#dfe7f1);--red:var(--paint-c44857,#c44857);--amber:var(--paint-ae6f16,#ae6f16);--radius:17px}
body[data-background=tools]{background-color:var(--bg);background-image:radial-gradient(ellipse at 80% 0%,var(--paint-60a5fa-12,#60a5fa12),transparent 60%),url('./tools-bg.svg');background-size:auto,720px 720px;background-attachment:fixed}
body[data-theme=dark]{--bg:var(--paint-101a29,#101a29);--paper:var(--paint-192638,#192638);--ink:var(--paint-e5eef9,#e5eef9);--muted:var(--paint-a5b4c9,#a5b4c9);--line:var(--paint-30425a,#30425a);--red-bg:var(--paint-411f2a,#411f2a);--amber-bg:var(--paint-3f3120,#3f3120)}
body[data-theme=dark] .sidebar,body[data-theme=dark] .topbar,body[data-theme=dark] .bottom-nav,body[data-theme=dark] .modal-header{background:var(--paper)}
body[data-theme=dark] .btn,body[data-theme=dark] .chip,body[data-theme=dark] .icon-button,body[data-theme=dark] .field input,body[data-theme=dark] .field select,body[data-theme=dark] .field textarea,body[data-theme=dark] .search-wrap{background:var(--paper);color:var(--ink)}
.sidebar{background:var(--paint-ffffff-ed,#ffffffed)}.brand{font-size:19px;line-height:1.2;letter-spacing:-.5px}.sidebar-label{margin-top:38px}.topbar{background:var(--paint-ffffff-8f,#ffffff8f);backdrop-filter:blur(10px)}.desktop-footer{padding-top:7px}.task-card,.gemba-card,.reject-card,.fault-card,.history-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:14px;box-shadow:0 4px 15px var(--paint-204674-05,#20467405);transition:box-shadow .15s,transform .15s}.task-card:hover,.gemba-card:hover,.reject-card:hover{box-shadow:0 8px 25px var(--paint-204674-10,#20467410)}.task-card{border-left:4px solid var(--green)}.task-card.completed{border-left-color:var(--paint-49a989,#49a989)}.task-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.task-title{font-size:17px;font-weight:650;line-height:1.45;flex:1;overflow-wrap:anywhere}.task-complete{display:flex;align-items:center}.task-complete input,.checklist input,.dispositions input{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}.task-card.completed .task-title{color:var(--muted);text-decoration:line-through}.note-meta{gap:12px;margin:8px 0}.note-text{margin:9px 0;font-size:13px;line-height:1.7;color:var(--muted)}.checklist{margin-top:15px}.checklist label{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13px}.struck{text-decoration:line-through;color:var(--muted)}.task-progress{height:5px;background:var(--line);border-radius:5px;margin-top:12px;overflow:hidden}.task-progress span{height:100%;display:block;background:var(--green);border-radius:5px;transition:width .2s}.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.record-actions>.badge:first-child,.record-actions>.checkbox-row:first-child{margin-right:auto}.record-actions .checkbox-row{margin:0;font-size:12px}.reminder-line{margin-top:15px;padding:10px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--mint);border-radius:10px;font-size:11px;color:var(--green)}.reminder-line svg{height:17px;width:17px}.reminder-line.due{background:var(--amber-bg);color:var(--amber)}.note-status-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.note-status-bar>.muted{margin-left:auto;font-size:11px}.filter-bar{background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap;margin-bottom:25px}.filter-bar .search-wrap{flex:2;min-width:220px}.filter-bar .search-wrap input{min-height:43px;font-size:14px}.filter-bar .field{flex:1;min-width:132px;margin:0}.filter-bar label{font-size:11px}.filter-bar .field input,.filter-bar .field select{font-size:13px;padding:10px;min-height:44px}.task-list{max-width:1050px}.detail-padding{padding:22px}.form-details{border:1px solid var(--line);border-radius:12px;padding:16px;margin:17px 0;background:var(--paper)}.form-details summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;list-style:revert}.form-details[open] summary{margin-bottom:18px}.form-details summary svg{width:16px;height:16px}.helper{font-size:11px;line-height:1.7}.dispositions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:17px 0}.dispositions label{display:flex;align-items:center;gap:7px;font-size:12px}.gemba-card{border-left:4px solid var(--paint-f4af42,#f4af42)}.gemba-card.discussed{border-left-color:var(--paint-49a989,#49a989);background:color-mix(in srgb,var(--paint-49a989,#49a989) 3%,var(--paper))}.reject-card{border-left:4px solid var(--paint-df7183,#df7183)}.fault-card{border-left:4px solid var(--paint-9c81df,#9c81df)}.legacy-session{margin-bottom:15px;padding:18px}.legacy-session summary{cursor:pointer;font-size:13px;color:var(--muted)}.machine-scroll{overflow-x:auto;margin-bottom:24px;padding-bottom:8px}.machine-row-list{min-width:900px}.machine-row{display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:13px;margin-bottom:12px;padding:17px 18px;cursor:pointer;transition:background .15s}.machine-row:hover{background:color-mix(in srgb,var(--green) 3%,var(--paper))}.machine-cell{width:130px;flex-shrink:0;font-size:12px;display:flex;flex-direction:column;gap:6px}.machine-cell b{font-size:14px;overflow-wrap:anywhere}.machine-cell small{color:var(--muted);font-size:10px}.machine-cell span{font-size:11px}.machine-name{width:135px}.machine-row-actions{display:flex;gap:7px;margin-left:auto}.duration-inline{display:flex;gap:22px;padding:12px 0}.duration-inline>span{display:flex;flex-direction:column;gap:7px;min-width:65px}.duration-inline small{font-size:10px;color:var(--muted)}.duration-inline b{font-size:15px;font-variant-numeric:tabular-nums;font-weight:650}.machine-row .duration-inline{min-width:255px;flex-shrink:0}.last-job{border:1px solid var(--line);border-radius:10px;margin:10px 0;overflow:hidden}.last-job summary{display:flex;justify-content:space-between;gap:10px;align-items:center;cursor:pointer;padding:13px;background:var(--paper);font-size:12px}.last-job summary span:last-child{font-size:10px;color:var(--muted)}.last-job .history-card{margin:0;border:0;border-radius:0;border-top:1px solid var(--line)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.option-group{border-top:1px solid var(--line);padding:14px 0}.option-group summary{font-size:13px;cursor:pointer;font-weight:600}.option-items{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.option-items>div{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 11px;min-width:0}.option-items>div>span{flex:1;overflow-wrap:anywhere;font-size:12px}.option-items .icon-button{height:30px;width:30px;flex-shrink:0}.option-items .icon-button svg{width:16px;height:16px}.ret-summary{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.ret-summary>span{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px}.ret-summary b{display:block;margin-top:7px;color:var(--red);font-size:16px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.menu-grid a{display:flex;align-items:center;gap:12px}.danger svg{color:var(--red)}.panel,.tool-card{background:var(--paper)}.field input,.field select,.field textarea{background:var(--paper);color:var(--ink);border-color:var(--line)}.field label{color:var(--muted)}.checkbox-row{color:var(--ink)}.modal-header{background:var(--paper)}dialog{background:var(--bg);color:var(--ink);border-color:var(--line)}.btn{border-color:var(--line);background:var(--paper)}.btn.primary{color:var(--paint-ffffff,#ffffff);background:var(--green)}.badge{background:var(--bg);color:var(--muted)}.badge.green{background:var(--mint);color:var(--green)}.chip.active{color:var(--paint-ffffff,#ffffff)}.note-warning{overflow-wrap:anywhere}.note-warning>.text-button{margin-left:auto}.tool-card{transition:transform .15s}.tool-card:hover{transform:translateY(-2px)}
body[data-density=compact] .task-card,body[data-density=compact] .gemba-card,body[data-density=compact] .reject-card,body[data-density=compact] .fault-card,body[data-density=compact] .history-card{padding:14px}body[data-density=compact] .machine-row{padding:12px 15px}
@media(max-width:1100px){.settings-grid{grid-template-columns:1fr}.option-items{grid-template-columns:1fr 1fr}.filter-bar .field{flex:1;min-width:150px}.filter-bar .search-wrap{width:100%;flex:auto}.sidebar{width:205px}.sidebar-label{font-size:9px;margin-top:30px}}
@media(max-width:800px){.page-heading h1{font-size:27px}.filter-bar{padding:14px;gap:12px}.filter-bar .field{min-width:130px}.filter-bar .field input,.filter-bar .field select{font-size:16px}.filter-bar .search-wrap input{font-size:16px}.note-status-bar>.muted{width:100%;margin-left:0;margin-top:4px}.task-title{font-size:15px}.record-actions .btn{font-size:11px}.topbar{background:var(--paper)}.bottom-nav{background:var(--paper)}.machine-scroll:before{content:'Yana kaydırarak tüm detayları görebilirsin.';font-size:10px;color:var(--muted);display:block;margin:0 0 13px}.task-card,.gemba-card,.reject-card,.fault-card{padding:17px}.option-items{grid-template-columns:1fr}.option-items>div{padding:11px}.reminder-line{font-size:11px}.detail-padding{padding:18px}.top-context{display:none}}
@media(max-width:480px){.filter-bar{gap:12px 9px}.filter-bar .field{min-width:calc(50% - 8px);flex:1}.filter-bar .field input[type=date]{max-width:100%;padding:9px 5px}.record-actions{gap:7px}.task-head{gap:8px}.task-head .badge{font-size:9px;max-width:100px;white-space:normal}.dispositions{gap:13px}.last-job summary{align-items:flex-start;flex-direction:column}.task-card .note-meta{font-size:10px;gap:8px}.note-status-bar .chip{padding:8px 11px;font-size:11px}.page-heading .btn{font-size:11px}.menu-grid{grid-template-columns:1fr}.duration-inline{gap:18px}.history-card .note-top{flex-wrap:wrap;font-size:13px}.history-card .note-top small{font-size:10px}.reminder-line .text-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.machine-row-list{min-width:1080px}.sidebar{overflow-y:auto}.form-details summary:after{content:'⌄';margin-left:auto;color:var(--muted)}.form-details[open] summary:after{content:'⌃'}.mobile-brand [data-app-name]{max-width:195px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Local interface and form designer */
body{font-size:calc(var(--ui-fontSize,15)*1px);line-height:var(--ui-lineHeight,1.7)}main{max-width:calc(var(--ui-contentWidth,1360)*1px)}.sidebar{width:calc(var(--ui-sidebarWidth,244)*1px)}.workspace{margin-left:calc(var(--ui-sidebarWidth,244)*1px);width:calc(100% - var(--ui-sidebarWidth,244)*1px)}.task-card,.gemba-card,.reject-card,.fault-card,.history-card{margin-bottom:calc(var(--ui-rowGap,14)*1px)!important;padding:calc(var(--ui-cardPadding,20)*1px)!important;border-radius:calc(var(--ui-radius,17)*1px)}.machine-row{margin-bottom:calc(var(--ui-rowGap,14)*1px)!important;padding:calc(var(--ui-cardPadding,20)*.7px)!important}.form-grid{gap:calc(var(--ui-controlGap,16)*1px)!important;grid-template-columns:repeat(var(--ui-formColumns,2),minmax(0,1fr))!important}.note-text{line-height:var(--ui-lineHeight,1.7)!important}.task-title{font-size:calc(var(--ui-fontSize,15)*1.1px)}[hidden]{display:none!important}.task-card{border-left-color:var(--active,var(--paint-16a34a,#16a34a))}.task-card.completed{border-left-color:var(--done,var(--paint-dc2626,#dc2626))}.task-complete input,.checklist input,.fault-toggle input,input[name="resolved"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;border:2px solid var(--active,var(--paint-16a34a,#16a34a));border-radius:5px;background:var(--paint-16a34a-20,#16a34a20);cursor:pointer;vertical-align:middle}.task-complete input:checked,.checklist input:checked,.fault-toggle input:checked,input[name="resolved"]:checked{border-color:var(--done,var(--paint-dc2626,#dc2626));background:var(--done,var(--paint-dc2626,#dc2626)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}.fault-card.active-fault{border-left-color:var(--active,var(--paint-16a34a,#16a34a))}.fault-card.resolved{border-left-color:var(--done,var(--paint-dc2626,#dc2626))}.fault-toggle{display:flex;align-items:center;gap:7px;font-size:12px;margin-left:auto}.custom-fields:empty{display:none}.custom-fields{margin-top:18px;margin-bottom:18px}.custom-values{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}.custom-values>div{padding:8px 10px;border:1px solid var(--line);border-radius:8px;min-width:100px;max-width:100%}.custom-values small{display:block;color:var(--muted);font-size:10px}.custom-values span{display:block;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.designer-zone .form-grid{margin-bottom:20px}.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.builder-fields>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);min-width:0}.builder-fields>div>span{font-size:12px;flex:1;overflow-wrap:anywhere}.builder-fields small{font-size:9px;color:var(--muted)}.builder-fields .icon-button{height:30px;width:30px;flex-shrink:0}.builder-fields .icon-button svg{width:16px;height:16px}.removed-field{opacity:.65}.copy-list{max-height:420px;overflow:auto}.copy-list button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);color:var(--ink);font-size:11px}.copy-list button span{width:40%;color:var(--muted);overflow-wrap:anywhere}.copy-list button b{flex:1;font-weight:500;overflow-wrap:anywhere}.copy-list svg{width:15px;height:15px}.designer-zone h2{color:var(--green)}#designer-toolbar:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:12;background:var(--paper);border:2px solid var(--green);box-shadow:0 8px 40px var(--paint-163044-30,#16304430);border-radius:13px;padding:12px 17px;max-width:95%;width:max-content;font-size:12px;color:var(--ink)}#designer-toolbar .btn{margin-left:12px}.designer-zone .btn{font-size:12px}
@media(max-width:800px){.sidebar{display:none}.workspace{width:100%;margin-left:0}.builder-fields{grid-template-columns:1fr}#designer-toolbar:not(:empty){bottom:100px;max-width:calc(100% - 24px);width:calc(100% - 24px)}.copy-list button{font-size:10px;gap:8px}.fault-toggle{font-size:11px}.fault-card .note-top{flex-wrap:wrap}}

.fault-card.active-fault .badge.green{background:var(--paint-dcfce7,#dcfce7);color:var(--paint-15803d,#15803d)}.fault-card.resolved .badge.red{background:var(--paint-fee2e2,#fee2e2);color:var(--paint-b91c1c,#b91c1c)}

/* 2.2: optional screen fit, content zoom and production history alerts */
.content-zoom{zoom:var(--content-zoom,1);min-width:0}.view-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.view-controls>.btn{font-size:12px}.zoom-controls{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.zoom-controls>span{font-size:11px;color:var(--muted)}.zoom-controls output{font-size:12px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.zoom-controls .icon-button{width:30px;height:30px;font-size:20px;line-height:1}.zoom-controls .text-button{font-size:11px}.btn:disabled,.icon-button:disabled{opacity:.4;cursor:default}.machine-view-options{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.machine-scroll.layout-wide .machine-row-list{min-width:1400px}.machine-cell.machine-description{width:210px}.machine-description>span{white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--ui-lineHeight,1.7)}.machine-warning{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;background:var(--amber-bg);color:var(--amber);border-radius:6px;white-space:normal;overflow-wrap:anywhere}.machine-warning svg{width:14px;height:14px;flex-shrink:0}.machine-scroll.layout-fit{overflow:visible}.layout-fit .machine-row-list{min-width:0}.layout-fit .machine-row{flex-wrap:wrap;align-items:flex-start;gap:12px}.layout-fit .machine-cell{width:auto;flex:1 1 120px;min-width:0}.layout-fit .machine-name{flex:1 1 125px}.layout-fit .machine-row .duration-inline{min-width:0;flex:2 1 225px;flex-wrap:wrap;padding:0}.layout-fit .machine-description{flex:2 1 200px}.layout-fit .machine-row-actions{margin-left:0;flex:0 0 36px}.layout-fit.machine-scroll:before{display:none}.reject-warning{margin-bottom:20px;align-items:flex-start}.reject-warning>svg{flex-shrink:0}.reject-warning strong{display:block}.reject-warning p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.reject-warning small{display:block}.reject-warning a{display:inline-flex;align-items:center;gap:6px;margin-top:9px;text-decoration:underline}.reject-warning a svg{width:14px;height:14px}.modal-header{gap:12px}.modal-header>h2{flex:1;overflow-wrap:anywhere}.modal-header>.icon-button{flex-shrink:0}.tool-note-card .note-text{margin:12px 0}.tool-note-card .note-top b{font-size:12px;color:var(--muted)}.tool-card .note-top{flex-wrap:wrap}
@media(max-width:800px){.layout-fit .machine-row{gap:15px 12px}.layout-fit .machine-description{flex-basis:100%}.layout-fit .machine-row-actions{margin-left:auto}.view-controls{gap:10px}.zoom-controls{gap:5px}.zoom-controls>span{font-size:10px}.machine-scroll.layout-fit{padding-bottom:0}}
@media(max-width:380px){.zoom-controls>span{display:none}.view-controls>.btn{padding:8px 10px}.zoom-controls{padding:3px 5px}.layout-fit .machine-cell{flex-basis:105px}}

.linked-action .task-title{flex:1;min-width:0;padding:0;text-align:left;white-space:normal;overflow-wrap:anywhere;font-weight:600}

.red-history-badge{border:1px solid var(--paint-f59e0b,#f59e0b);background:var(--paint-fff3cd,#fff3cd);color:var(--paint-7c4600,#7c4600);font-weight:650;cursor:pointer;line-height:1.5;max-width:100%;text-align:left;white-space:normal}.red-history-badge:focus-visible{outline:3px solid var(--green);outline-offset:3px}.red-history-badge:hover{background:var(--paint-ffe69c,#ffe69c)}.job-code-history:empty{display:none}.job-code-history{margin-top:9px}.job-code-history .red-history-badge{font-size:12px;padding:7px 10px}.red-history-summary{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;border:1px solid var(--paint-f59e0b,#f59e0b);border-radius:12px;background:var(--amber-bg);color:var(--amber)}.red-history-summary>svg{width:22px;height:22px;flex-shrink:0}.red-history-summary .note-text{margin-top:8px}.history-card .note-top{flex-wrap:wrap}.reject-warning .text-button{display:inline-flex;margin-top:8px;color:inherit;text-decoration:underline}
/* 3.0: framed machine fields and editable layouts */
.machine-row{display:block!important;min-width:0;border:2px solid color-mix(in srgb,var(--green) 38%,var(--line));border-left-width:5px;padding:12px!important;box-shadow:0 4px 18px var(--paint-18364a-08,#18364a08)}.machine-body{display:flex;align-items:stretch;gap:10px;min-width:0}.machine-block{min-width:0;padding:12px;border:2px solid color-mix(in srgb,var(--green) 22%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--paper) 96%,var(--green));flex:1 1 125px;overflow-wrap:anywhere}.machine-block .machine-cell{width:100%!important;min-width:0!important;flex:none!important;gap:7px}.machine-block .machine-description{width:100%!important}.machine-block .machine-row-actions{margin:0;justify-content:center;flex-wrap:wrap}.machine-block .duration-inline{padding:0!important;min-width:0!important;flex-wrap:wrap;gap:12px}.machine-block .duration-inline>span{min-width:64px;flex:1}.machine-block.block-duration{flex:2 1 230px}.machine-block.block-description{flex:2 1 220px}.machine-block.block-actions{flex:0 1 90px;display:flex;align-items:center;justify-content:center}.machine-block.block-name{background:color-mix(in srgb,var(--green) 7%,var(--paper))}.machine-label{font-size:16px;color:var(--ink);line-height:1.3;overflow-wrap:anywhere}.layout-fit .design-current .machine-body{flex-wrap:wrap}.layout-wide .design-current .machine-body{flex-wrap:nowrap}.machine-row.design-split .split-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch}.machine-info-pane{display:flex;flex-direction:column;gap:9px;min-width:0}.machine-info-pane .machine-block{flex:none}.machine-description-pane{min-width:0;display:flex}.machine-description-pane>.machine-block{flex:1}.split-body.side-left .machine-description-pane{order:0}.split-body.side-left .machine-info-pane{order:1}.split-body.side-right .machine-description-pane{order:1}.split-body.side-right .machine-info-pane{order:0}.design-compact .machine-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.design-compact .machine-block{padding:10px}.design-compact .block-description{grid-column:span 2}.design-vertical .machine-body{display:grid;grid-template-columns:1fr}.design-vertical .machine-block .machine-cell{display:grid;grid-template-columns:minmax(110px,.5fr) minmax(0,1fr);align-items:start}.design-vertical .block-name .machine-cell,.design-vertical .block-tool .machine-cell{display:flex}.design-table .machine-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:2px solid var(--line);border-radius:10px;overflow:hidden}.design-table .machine-block{border:0;border-radius:0;border-bottom:2px solid var(--line);border-right:2px solid var(--line);padding:14px}.design-table .block-description{grid-column:span 2}.machine-group{border:2px solid var(--line);background:var(--paper);border-radius:15px;margin-bottom:16px;overflow:hidden}.machine-group>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:16px 18px;background:color-mix(in srgb,var(--green) 9%,var(--paper));font-size:14px;font-weight:650}.machine-group>summary::-webkit-details-marker{display:none}.machine-group>summary>span{display:flex;gap:9px;align-items:center}.machine-group>summary svg{width:18px;height:18px}.machine-group>summary>span:last-child{font-size:11px;color:var(--muted);white-space:nowrap}.machine-group[open]>summary>span:last-child svg{transform:rotate(90deg)}.machine-group-content{padding:12px}.machine-group-content .machine-row:last-child{margin-bottom:0!important}.cycle-value.cycle-high{font-weight:750}.cycle-value.cycle-ok{font-weight:650}.cycle-value{font-variant-numeric:tabular-nums}.settings-subtitle{margin:24px 0 13px;font-size:16px}.machine-designer>.panel{margin-bottom:17px}.ordered-options>div{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:8px 12px;border-radius:9px;margin-bottom:7px}.ordered-options>div>span{flex:1;font-size:12px}.ordered-options .icon-button{height:31px;width:31px}.machine-label-preview{padding:12px 0 20px}.design-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.design-choice{position:relative;border:2px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--paper)}.design-choice input{position:absolute;top:10px;right:10px;accent-color:var(--green)}.design-choice b{font-size:11px;line-height:1.5}.design-choice.selected-design{border-color:var(--green);background:var(--mint)}.design-preview{display:grid;width:100%;height:68px;gap:4px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(4,1fr)}.design-preview i{border:1px solid color-mix(in srgb,var(--green) 60%,var(--line));background:color-mix(in srgb,var(--green) 12%,var(--paper));border-radius:3px}.preview-split{grid-template-columns:1fr 1.5fr;grid-template-rows:1fr 1fr 1fr}.preview-split i:last-child{grid-column:2;grid-row:1/4}.preview-compact{grid-template-columns:repeat(2,1fr)}.preview-vertical{grid-template-columns:1fr}.preview-table{grid-template-columns:repeat(2,1fr);gap:0}.background-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.background-choice{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);color:var(--ink);text-align:left;padding:0}.background-choice.selected-background{border-color:var(--green);box-shadow:0 0 0 2px var(--mint)}.background-swatch{display:block;width:100%;height:85px}.background-choice b{display:block;font-size:11px;padding:10px;line-height:1.4}.inline-list-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px dashed var(--line)}.inline-list-tools input{width:auto;min-width:0;flex:1 1 140px;padding:8px 10px!important;font-size:12px!important;border-style:dashed!important}.inline-list-hint{width:100%;color:var(--muted);font-size:10px}.inline-add-button{white-space:nowrap}.action-updates{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.action-updates>summary{cursor:pointer;font-size:12px;font-weight:650;color:var(--green)}.action-update{padding:12px;margin-top:9px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--paper) 94%,var(--green))}.action-update>small{font-size:10px;color:var(--muted);display:block;margin-bottom:7px}.action-update .record-actions{margin-top:9px;padding-top:0;border:0}.action-update .text-button{font-size:10px}.deleted-updates{margin-top:13px;font-size:11px;color:var(--muted)}.deleted-updates .note-text{color:var(--muted)}.machine-designer .form-grid,.settings-group #machine-style-form .form-grid{margin-bottom:17px}body[data-theme=dark] .machine-group,body[data-theme=dark] .machine-row{border-color:var(--paint-415b70,#415b70)}body[data-theme=dark] .machine-block{border-color:var(--paint-36536c,#36536c)}
@media(max-width:1100px){.design-options{grid-template-columns:repeat(3,minmax(0,1fr))}.background-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.design-compact .machine-body{grid-template-columns:repeat(2,minmax(0,1fr))}.design-compact .block-description{grid-column:span 2}}
@media(max-width:800px){.machine-row.design-split .split-body{grid-template-columns:minmax(0,1fr)}.design-compact .machine-body{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-fit .machine-block{flex-basis:130px}.layout-fit .block-description{flex-basis:100%}.inline-list-tools input{font-size:16px!important}.background-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-group>summary{padding:13px}.machine-group-content{padding:9px}.design-options{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-block .duration-inline{gap:12px}.machine-designer .form-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.design-compact .machine-body,.design-table .machine-body{grid-template-columns:minmax(0,1fr)}.design-compact .block-description,.design-table .block-description{grid-column:span 1}.design-vertical .machine-block .machine-cell{grid-template-columns:1fr}.background-swatch{height:75px}.machine-block{padding:10px}.design-choice{padding:10px}.design-preview{height:61px}}

/* Original horizontal machine layout, kept as a selectable design. */
.machine-row.design-classic{display:flex!important;align-items:center;flex-wrap:nowrap;gap:16px;border:1px solid var(--line);border-left:4px solid var(--green);padding:calc(var(--ui-cardPadding,20)*.7px)!important;box-shadow:none}
.layout-fit .machine-row.design-classic{flex-wrap:wrap;align-items:flex-start;gap:12px}
.preview-classic{display:flex;align-items:center;gap:5px}.preview-classic i{flex:1;height:30px;border:0;border-left:2px solid var(--line);border-radius:0;background:transparent}
@media(max-width:800px){.layout-fit .machine-row.design-classic{gap:15px 12px}}

/* Centered machine name with the requested production/quality columns. */
.machine-row.design-dual{padding:0!important;overflow:hidden}
.dual-title{text-align:center;padding:15px 16px;border-bottom:2px solid var(--line);background:color-mix(in srgb,var(--green) 7%,var(--paper))}
.dual-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
.dual-column{display:flex;flex-direction:column;min-width:0}
.dual-right{border-left:2px solid var(--line)}
.dual-field{display:flex;flex-direction:column;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere;font-size:13px}
.dual-field>small{font-size:11px;color:var(--muted)}
.dual-field>span{white-space:pre-wrap;min-height:1.4em}
.dual-field:last-child{border-bottom:0}.dual-right .dual-field[data-machine-field=description]{flex:1}
.dual-tool-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.dual-tool-line b{overflow-wrap:anywhere}
.dual-actions{border-top:2px solid var(--line);padding:10px 16px}.dual-actions .machine-row-actions{margin:0;justify-content:flex-end;flex-wrap:wrap}
.preview-dual{grid-template-columns:repeat(2,1fr);grid-template-rows:14px 1fr;gap:4px}.preview-dual i:first-child{grid-column:1/-1}.preview-dual i:last-child{display:none}
/* Keep completion labels and controls inside proportionally zoomed action cards. */
.task-card{min-width:0;max-width:100%}.task-head{min-width:0;flex-wrap:wrap}.task-head .task-complete{flex:0 0 auto}.task-head .task-title{min-width:0;flex:1 1 130px;max-width:100%;overflow-wrap:anywhere}
.task-card .badge{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0}.task-head>.badge{flex:0 1 auto}
.task-card .record-actions>*{max-width:100%;min-width:0}.task-card .record-actions .btn,.task-card .record-actions .text-button{white-space:normal;overflow-wrap:anywhere;flex-shrink:1}
.task-card .checklist label,.task-card .reminder-line{min-width:0;flex-wrap:wrap}.task-card .checklist label>span,.task-card .reminder-line>span{min-width:0;overflow-wrap:anywhere}.task-card .checklist label>span{flex:1}
.color-settings-grid,.color-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.color-control{border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:9px;background:var(--paper)}
.color-control h3{font-size:12px;overflow-wrap:anywhere}.color-control>small{font-size:10px;color:var(--muted)}.color-control .field{margin:0}.color-control .checkbox-row{margin:0;font-size:11px}
.color-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.color-inputs input[type=color]{width:100%;min-height:40px;padding:4px}.color-inputs input[type=number]{width:100%}
.color-catalog-grid{max-height:600px;overflow:auto;padding:3px}.color-catalog-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.color-catalog-controls .search-wrap{flex:1;min-width:0}.color-catalog-controls .field{margin:0;min-width:150px}
@media(max-width:1000px){.color-settings-grid,.color-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dual-field{padding:11px 12px;font-size:12px}.color-settings-grid,.color-catalog-grid{grid-template-columns:minmax(0,1fr)}.color-inputs input{font-size:16px}.color-catalog-controls .search-wrap{flex-basis:100%}}

.task-complete input:checked,.checklist input:checked,.fault-toggle input:checked,input[name="resolved"]:checked{background-image:var(--checkmark-image)}

.task-card:not(.completed) .task-head>.badge{color:var(--active,var(--active,var(--paint-16a34a,#16a34a)));background:color-mix(in srgb,var(--active,var(--active,var(--paint-16a34a,#16a34a))) 12%,var(--paper))}
.task-card.completed .task-head>.badge{color:var(--done,var(--done,var(--paint-dc2626,#dc2626)));background:color-mix(in srgb,var(--done,var(--done,var(--paint-dc2626,#dc2626))) 12%,var(--paper))}

.job-form-field{min-width:0}.job-form-field>.field{margin:0}.job-builder{grid-template-columns:minmax(0,1fr)}.job-builder>div{flex-wrap:wrap}.job-builder>div>span{min-width:110px}.machine-description-pane{flex-direction:column;gap:10px}.machine-description-pane>.custom-machine-block{flex:0 0 auto}
/* Customer complaints, wheel recipes and licence periods. */
.complaint-card{border-left:4px solid var(--amber)}.complaint-warning p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.complaint-badge{font-size:10px;max-width:100%;text-align:left;border:1px solid var(--amber);cursor:pointer;line-height:1.5}.complaint-badge svg{width:15px;height:15px}.job-code-history{display:flex;gap:7px;flex-wrap:wrap}.wheel-card{border-left:4px solid var(--green)}.wheel-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.wheel-parameters>div{min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px;overflow-wrap:anywhere}.wheel-parameters small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.wheel-parameters b{font-size:12px}.license-card{border-left:4px solid var(--green)}.license-card.warning{border-left-color:var(--amber)}.license-card.critical,.license-card.expired{border-left-color:var(--red)}.license-countdown{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:14px 0}.license-countdown strong{font-size:22px;color:var(--green)}.license-card.warning .license-countdown strong{color:var(--amber)}.license-card.critical .license-countdown strong,.license-card.expired .license-countdown strong{color:var(--red)}.license-countdown>span{font-size:12px;color:var(--muted)}.license-cycles{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.license-cycles>summary{cursor:pointer;color:var(--green)}.license-cycles>div{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:8px}.continuation-panel{border:2px solid var(--line);background:var(--paper);padding:15px;border-radius:12px;margin-bottom:20px}.continuation-panel h3{font-size:14px;margin-bottom:12px}.continuation-panel .checkbox-row{margin-top:15px}.module-form-grid{margin-bottom:18px}.module-form-grid .job-form-field>label{margin:10px 0}.complaint-card .note-top,.license-card .note-top{flex-wrap:wrap}
@media(max-width:800px){.wheel-parameters{grid-template-columns:repeat(2,minmax(0,1fr))}.license-countdown{align-items:flex-start;flex-direction:column}.continuation-panel{padding:12px}.complaint-badge{font-size:11px}.module-form-grid{grid-template-columns:minmax(0,1fr)!important}}
.settings-fold-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.settings-fold,.filter-fold{border:1px solid var(--line);border-radius:12px;background:var(--paper);min-width:0;max-width:100%}
.settings-fold{margin-bottom:12px}.settings-grid{align-items:start}
.settings-fold>summary,.filter-fold>summary{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;list-style:none;overflow-wrap:anywhere}
.settings-fold>summary{font-size:15px;font-weight:650}.settings-fold>summary>span{flex:1;min-width:0}
.settings-fold>summary::-webkit-details-marker,.filter-fold>summary::-webkit-details-marker{display:none}
.settings-fold>summary svg,.filter-fold>summary svg{width:18px;height:18px;flex:0 0 auto;transition:transform .15s}
.settings-fold[open]>summary svg,.filter-fold[open]>summary svg{transform:rotate(90deg)}
.settings-fold[open]>summary{border-bottom:1px solid var(--line)}.settings-fold-body{padding:18px;min-width:0}
.settings-fold-body .settings-subtitle{margin-top:18px}.settings-fold.machine-designer .settings-fold-body>.panel{margin-bottom:17px}
.filter-fold{margin-bottom:20px}.filter-fold>summary b{font-size:13px}.filter-fold>summary small{margin-left:auto;font-size:11px;color:var(--muted)}
.filter-fold-body{padding:0 15px 15px}.filter-fold .filter-bar{margin:0}.filter-fold .note-status-bar,.filter-fold .machine-view-options{margin-bottom:14px}
.continuation-status{padding:12px;border:1px solid var(--green);border-radius:8px;margin:12px 0;font-size:12px;color:var(--green);overflow-wrap:anywhere}
.menu-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap}.menu-toggle[hidden]{display:none!important}.menu-toggle>svg,.menu-chevron svg{width:16px;height:16px}.menu-chevron{display:flex}.menu-chevron.expanded{transform:rotate(90deg)}
body[data-menu-state=closed] .sidebar,body[data-menu-state=closed] .bottom-nav{display:none}body[data-menu-state=closed] .workspace{width:100%;margin-left:0}
@media(max-width:800px){.settings-fold-body{padding:12px}.filter-fold-body{padding:0 10px 10px}.settings-fold>summary,.filter-fold>summary{padding:13px}.topbar{gap:9px}.top-actions{min-width:0}.menu-toggle{padding:7px;gap:4px;font-size:10px}.menu-toggle>svg{display:none}body[data-menu-collapsible=true] .mobile-brand{flex:1;font-size:14px}body[data-menu-collapsible=true] .top-actions{flex-shrink:0;gap:8px}.mobile-brand{min-width:0;overflow-wrap:anywhere}.filter-fold .filter-bar .search-wrap{min-width:0}.filter-fold .filter-bar .field{min-width:0;flex-basis:130px}}
@media(prefers-reduced-motion:reduce){.settings-fold>summary svg,.filter-fold>summary svg{transition:none}}
.sr-notes-button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.4}.machine-row-actions{flex-wrap:wrap}.sr-form-notes{margin-top:8px}
.sr-note-preview{min-width:0;margin-top:9px;padding-top:8px;border-top:1px dashed var(--line)}.sr-note-preview>small{display:block;font-size:10px;color:var(--muted)}.sr-note-preview>p{font-size:12px;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-notes-list{display:grid;gap:12px}.sr-note-card{border:1px solid var(--line);border-left:3px solid var(--green);background:var(--paper);padding:14px;border-radius:10px;min-width:0}.sr-note-date{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.sr-note-date time{font-weight:650;color:var(--green)}.sr-note-card .note-text{white-space:pre-wrap;overflow-wrap:anywhere}.sr-note-card .record-actions{margin-top:10px;padding-top:10px}#sr-note-form textarea{min-height:110px}
.global-search{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:14px 16px;margin:0 0 22px;display:flex;align-items:center;gap:16px;min-width:0}.global-search>label{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650;flex:0 1 160px;min-width:0}.global-search>label svg{width:19px;height:19px;flex:0 0 auto;color:var(--green)}.global-search-controls{display:flex;gap:9px;align-items:center;flex:1;min-width:0}.global-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:var(--paper);color:var(--ink);font-size:16px;min-height:44px}.global-search-controls .btn{flex:0 0 auto}.global-search-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.global-search-heading h2{font-size:20px}.global-search-heading p{font-size:12px;color:var(--muted)}.global-search-results{display:grid;gap:13px}.search-result{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);min-width:0;overflow-wrap:anywhere}.search-result .note-top{flex-wrap:wrap}.search-result .note-text{white-space:pre-wrap;max-height:9em;overflow:auto}.search-result>.btn{margin-top:13px}
.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stock-card{min-width:0;margin-bottom:0;overflow-wrap:anywhere;border-left:4px solid var(--green)}.stock-card .note-top{flex-wrap:wrap;align-items:flex-start}.stock-card .note-top>b{flex:1;min-width:0}.stock-quantity{font-size:24px;color:var(--green);font-variant-numeric:tabular-nums}.stock-quantity small{font-size:12px;font-weight:500;color:var(--muted)}.stock-conflict{color:var(--red)}.stock-card .record-actions{flex-wrap:wrap}.stock-card .record-actions .btn{white-space:normal;max-width:100%}.stock-move-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:16px;margin-bottom:12px;min-width:0;overflow-wrap:anywhere}.stock-move-card .note-top{flex-wrap:wrap}.stock-move-card .note-top>b{flex:1}.stock-delta{font-size:19px;font-variant-numeric:tabular-nums}.stock-delta.positive{color:var(--green)}.stock-delta.negative{color:var(--red)}.stock-move-card .note-text{white-space:pre-wrap}.stock-move-card .record-actions{margin-top:10px;padding-top:10px}.stock-detail-header{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
@media(max-width:800px){.global-search{padding:12px;gap:8px;flex-direction:column;align-items:stretch}.global-search>label{flex:none;font-size:11px}.global-search-controls{width:100%}.global-search input{padding:10px}.stock-grid{grid-template-columns:minmax(0,1fr)}.stock-card .record-actions{gap:8px}.stock-card .record-actions .btn{flex:1 1 100px}.global-search-heading h2{font-size:18px}}

/* Inventory import review and alarm controls */
.stock-toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.stock-import-table{max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:10px;margin:16px 0}
.stock-import-table table{width:100%;border-collapse:collapse;font-size:13px}
.stock-import-table th,.stock-import-table td{padding:10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.stock-import-table th{position:sticky;top:0;background:var(--paper);z-index:1}
.stock-import-table td:nth-child(2){min-width:170px}
.stock-import-table td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
.stock-card .reminder-line{flex-wrap:wrap;overflow-wrap:anywhere}
#stock-form [data-module-field="reminder"],#stock-form [data-module-field="note"]{grid-column:1/-1}
#stock-form [data-module-field="reminder"] .form-details{margin:0}
#stock-form .form-details .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){#stock-form .form-details .form-grid{grid-template-columns:minmax(0,1fr)}}
/* Live machine/fault summaries and the persistent notification inbox. */
.kpi-panel{margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.kpi-panel>summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none}
.kpi-panel>summary::-webkit-details-marker{display:none}.kpi-heading{display:flex;align-items:center;gap:9px;min-width:0}.kpi-heading svg{color:var(--green);width:20px;height:20px}.kpi-panel>summary small{margin-left:auto;color:var(--muted);font-size:11px}.kpi-panel>summary>svg{width:17px;height:17px;transition:transform .15s}.kpi-panel[open]>summary{border-bottom:1px solid var(--line)}.kpi-panel[open]>summary>svg{transform:rotate(90deg)}
.kpi-content{padding:18px}.kpi-content>h3{font-size:13px;margin:17px 0 10px}.kpi-content>.note-text{font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin:12px 0}.kpi-metric{min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:flex;flex-direction:column;gap:5px}.kpi-metric strong{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ink)}.kpi-metric span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.kpi-active strong{color:var(--green)}.kpi-setup strong{color:var(--amber)}.kpi-resolved strong{color:var(--red)}.kpi-machine-breakdown>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.kpi-machine-breakdown span{color:var(--muted)}
#notification-bell{display:inline-flex;flex:0 0 auto}#notification-bell .bell-button{width:44px;height:44px;position:relative;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 4px;display:flex;justify-content:center;align-items:center;background:var(--red);color:var(--paper);border-radius:99px;font-size:10px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}
.inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.inbox-toolbar>div{display:flex;gap:6px}.inbox-list{display:grid;gap:12px;margin-top:15px}.inbox-card{padding:16px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;background:var(--paper);overflow-wrap:anywhere;min-width:0}.inbox-card.is-read{border-left-color:var(--line)}.inbox-card .note-top{flex-wrap:wrap;gap:8px}.inbox-card .note-top>b{flex:1;min-width:0}.inbox-card .note-text{white-space:pre-wrap}.inbox-card .record-actions{margin-top:12px;flex-wrap:wrap}
@media(max-width:800px){.topbar .mobile-brand{flex:1;min-width:0}.mobile-brand>[data-app-name]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{flex-shrink:0}.kpi-content{padding:13px}.kpi-panel>summary{flex-wrap:wrap;gap:8px;padding:13px}.kpi-panel>summary small{font-size:10px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-metric{padding:12px}.kpi-metric strong{font-size:23px}.inbox-toolbar>.btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){.kpi-panel>summary>svg{transition:none}}
/* Simple long-form reference notes, separate from daily actions. */
.notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notebook-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.notebook-title{display:block;font-size:18px;font-weight:700;overflow-wrap:anywhere}.notebook-snippet{white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0}.notebook-card .record-actions{margin-top:14px;flex-wrap:wrap}.notebook-card>.note-meta{margin-top:12px}.notebook-editor{padding:24px;min-width:0}.notebook-editor>.field{margin-bottom:20px}.notebook-editor input,.notebook-editor textarea{width:100%;font-size:16px}.notebook-editor textarea{min-height:55vh;line-height:1.65;resize:vertical;white-space:pre-wrap;tab-size:4}.notebook-editor .modal-actions{justify-content:flex-end}
@media(max-width:800px){.notebook-grid{grid-template-columns:minmax(0,1fr)}.notebook-editor{padding:16px}.notebook-editor textarea{min-height:58vh}}
/* Reference-note formatting toolbar and safe structured rich text. */
.notebook-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);margin-bottom:9px}.notebook-toolbar>label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.notebook-toolbar select{min-height:40px;max-width:180px;border:1px solid var(--line);border-radius:7px;padding:7px;background:var(--paper);color:var(--ink);font-size:16px}.notebook-toolbar input[type=color]{width:55px;min-height:40px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.notebook-format-buttons{display:flex;gap:6px;flex-wrap:wrap}.notebook-format-buttons .btn{min-width:40px;min-height:40px;justify-content:center}.notebook-format-buttons [aria-pressed=true]{background:var(--green);color:var(--paper)}.notebook-richtext{display:block;min-height:55vh;width:100%;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65;outline-offset:2px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;resize:vertical;overflow:auto;margin-top:10px}.notebook-richtext:empty:before{content:'Notunu buraya yaz…';color:var(--muted);pointer-events:none}.notebook-editor textarea[hidden]{display:none}.notebook-snippet span{font-size:inherit!important}.notebook-richtext:focus{border-color:var(--green)}
@media(max-width:600px){.notebook-toolbar{gap:8px;padding:10px}.notebook-toolbar select{max-width:150px}.notebook-format-buttons{width:100%}.notebook-richtext{padding:12px;min-height:58vh}}