:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#21312c;background:#f3f5f1;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#215e4b;color:white;border:0;border-radius:7px;padding:10px 16px}button:disabled{opacity:.5;cursor:default}button.secondary{background:#e6efeb;color:#215e4b}header{padding:18px 28px;background:#fff;border-bottom:1px solid #dbe1dc;display:flex;gap:18px;align-items:center;flex-wrap:wrap}header strong{font-size:22px}header .right{margin-left:auto;display:flex;align-items:center;gap:12px}.muted{color:#65766d;font-size:14px}.notice{padding:12px 28px;background:#fbf0dd;color:#74531f;font-size:14px}.container{padding:24px 28px;max-width:1500px;margin:auto}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:14px}input,select,textarea{border:1px solid #cbd6cf;border-radius:6px;background:#fff;padding:11px;min-width:0;color:#21312c}textarea{min-height:80px}.search{flex:1;min-width:240px}.card{background:#fff;border:1px solid #dbe1dc;border-radius:10px;padding:20px;margin-bottom:16px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.toolbar strong{margin-right:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:13px;text-align:left;border-bottom:1px solid #e1e7e2}th{font-size:14px;color:#65766d}td small{display:block;color:#65766d;margin-top:5px;font-size:13px}.table-wrap{overflow:auto;border:1px solid #dbe1dc;border-radius:9px}.row{cursor:pointer}.row:hover{background:#f0f6f3}td img{width:62px;height:58px;object-fit:contain;border-radius:5px}.badge{background:#e6efeb;padding:5px 8px;border-radius:5px;font-size:13px;white-space:nowrap}.error{background:#f7e8e6;color:#9e4945;padding:12px;border-radius:6px;margin:10px 0}.success{background:#e6efeb;color:#215e4b;padding:12px;border-radius:6px}.login{max-width:420px;margin:10vh auto;padding:28px}.login form{display:grid;gap:18px}.overlay{position:fixed;inset:0;background:#15261b70;z-index:10;display:flex;justify-content:flex-end}.drawer{background:#f6f8f5;width:min(720px,100%);height:100%;overflow:auto;padding:24px}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.drawer h2{margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}.photos{display:flex;flex-wrap:wrap;gap:12px}.photos img{width:100%;max-width:290px;max-height:340px;object-fit:contain;background:white}.event{border-left:3px solid #b9cfc1;padding:8px 14px;margin:14px 0}.event p{margin:6px 0}dl{display:grid;grid-template-columns:110px 1fr;gap:12px}dd{margin:0;white-space:pre-wrap;word-break:break-word}dt{color:#65766d}.empty{padding:35px;text-align:center;color:#65766d}.auth-note{line-height:1.6;font-size:14px}a{color:#215e4b}@media(max-width:650px){header,.container{padding:16px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.drawer{padding:15px}.filters>*{flex:1;min-width:135px}header .right{margin-left:0}td,th{padding:10px}.notice{padding:10px 16px}}
:root{line-height:1.5}button{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,.row:focus-visible{outline:3px solid #6b9b88;outline-offset:3px}.modal-open{overflow:hidden}.drawer{width:min(840px,100%)}.drawer-head{position:sticky;top:-24px;z-index:2;background:#f6f8f5;padding:16px 0;border-bottom:1px solid #dbe1dc}.drawer-head h2{font-size:21px;overflow-wrap:anywhere}.stock strong{font-size:26px}.quickfilters{display:flex;gap:8px;flex-wrap:wrap}.selected{box-shadow:inset 0 0 0 2px #154534}.badge.available{background:#d4eddd;color:#164d35}.location-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-block:1px solid #e1e7e2;margin:18px 0}.location-line p{margin:4px 0}.danger{background:#9b473b}.text-button{background:transparent;color:#215e4b;text-decoration:underline;padding:8px}.impact{background:#e5f0e9;padding:16px;border-radius:8px;font-weight:600}.warning{background:#fff2db;color:#74531f;padding:16px;border-radius:8px}.warning p:last-child{margin-bottom:0}summary{cursor:pointer;padding:10px 0;font-weight:600}fieldset{min-width:0;border:1px solid #cbd6cf;border-radius:8px;padding:16px}legend{padding:0 6px}.composition-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,120px) 20px auto;gap:8px;align-items:center;margin-bottom:10px}.check{flex-direction:row;align-items:center;margin-top:10px}.check input{width:20px;height:20px}.photos figure{margin:0;flex:1 1 200px;max-width:320px}.photos figcaption{font-size:13px;color:#65766d;padding:6px 0;overflow-wrap:anywhere}.photo-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;margin:16px 0;padding:12px 0;border-bottom:1px solid #e1e7e2}.photo-item img{width:110px;height:110px;object-fit:contain;background:#eef2ed}.photo-item p{margin:6px 0;overflow-wrap:anywhere}.photo-item .toolbar{gap:6px;margin:8px 0}.photo-item strong{overflow-wrap:anywhere}.archived-photo{opacity:.75}.file-button{display:block;background:#e6efeb;color:#215e4b;border-radius:7px;padding:11px 16px;cursor:pointer;font-size:16px}.file-button input{display:block;max-width:230px;margin-top:6px;font-size:13px;padding:3px}progress{width:100%;height:12px;accent-color:#215e4b}.source-preview{display:block;max-width:100%;max-height:420px;object-fit:contain}.changes{grid-template-columns:130px minmax(0,1fr);font-size:14px}.event small{display:block;color:#65766d;overflow-wrap:anywhere}.event{overflow-wrap:anywhere}.drawer nav a{min-height:44px;padding:10px}.filters .search{min-width:260px}.filters input[name=pureFiber]{width:165px}h3{font-size:18px;margin:8px 0}button.wide{width:100%}@media(max-width:650px){header .right{gap:8px;flex-wrap:wrap}.drawer-head{top:-15px}.photo-item{grid-template-columns:85px minmax(0,1fr);gap:12px}.photo-item img{width:85px;height:90px}.composition-row{grid-template-columns:minmax(80px,1fr) 85px 14px auto;gap:5px}.composition-row button{padding:4px}.filters input[name=pureFiber]{width:100%}.changes{grid-template-columns:95px minmax(0,1fr)}.stock strong{font-size:23px}.card{padding:16px}dl{grid-template-columns:95px minmax(0,1fr)}}
.sync-state{font-size:13px;color:#65766d}.sync-pending{background:#fff2db;color:#74531f;padding:12px 14px;border-radius:8px;margin-bottom:14px}.sync-pending button{display:block;margin-top:9px}
.photo-lightbox{position:fixed;inset:0;z-index:30;background:#10221ef5;display:flex;flex-direction:column;align-items:center;padding:18px;gap:16px}.photo-lightbox-head{display:flex;align-items:center;gap:16px;width:100%;color:white}.photo-lightbox-head span{flex:1;overflow-wrap:anywhere}.photo-lightbox>img{max-width:100%;min-height:0;flex:1;object-fit:contain}.drawer img[data-action="preview-photo"]{cursor:zoom-in}.drawer img[data-action="preview-photo"]:focus-visible{outline:3px solid #6b9b88;outline-offset:3px}.filters input[name="fiberName"]{width:160px}@media(max-width:650px){.photo-lightbox{padding:12px}.filters input[name="fiberName"]{width:100%}}