:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#172d3b;background:#f2f5f7;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#173d52;color:white}.bar{max-width:1200px;margin:auto;padding:14px 20px;display:flex;align-items:center;gap:14px}.brand{font-size:1.25rem;font-weight:800;color:white;text-decoration:none;margin-right:auto}.user{font-size:.8rem;opacity:.85}nav{background:#fff;border-bottom:1px solid #dce4e9;display:flex;gap:4px;overflow-x:auto;padding:10px max(12px,calc((100vw - 1200px)/2))}nav a{padding:9px 12px;white-space:nowrap;color:#254c61;text-decoration:none;font-weight:600;border-radius:8px}nav a:hover{background:#eaf2f5}main{max-width:1200px;margin:26px auto;padding:0 16px;min-height:65vh}h1{font-size:1.8rem;margin:0 0 10px}h2{font-size:1.12rem;margin:0 0 16px}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.heading p{margin-top:0;color:#627787}.panel{background:white;border:1px solid #e0e7eb;border-radius:13px;padding:22px;margin:16px 0;box-shadow:0 2px 10px #173d5208}.narrow{max-width:520px;margin:30px auto}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stats .panel{margin:0}.stats span{display:block;color:#657b8a}.stats strong{display:block;font-size:2rem;margin-top:8px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;min-width:610px}th,td{border-bottom:1px solid #edf1f4;padding:12px 10px}th{font-size:.82rem;color:#6b7f8a;background:#f8fafb}tr:hover td{background:#f9fbfc}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #c9d6de;border-radius:8px;background:#fff;font:inherit;margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid #8abccf}label{display:block;font-weight:600;margin-bottom:14px}button,.button{display:inline-block;background:#14617e;color:white;padding:12px 18px;border:0;border-radius:8px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#0c4b65}.ghost{background:#31596c}.small{padding:8px 11px;font-size:.8rem}.pill{display:inline-block;padding:5px 9px;border-radius:20px;font-size:.8rem;font-weight:700}.ok{background:#e6f5ec;color:#1c7548}.warn{background:#fff0d8;color:#9b5b00}.positive{color:#187e4d;font-weight:700}.negative{color:#c14949;font-weight:700}.notice{padding:12px;border-radius:8px;margin:10px 0;background:#e4f2e9}.notice.error{background:#ffebeb;color:#9a2626}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.formaction{align-self:center}.inlineform{display:flex;align-items:end;gap:15px}.inlineform label{flex:1}.inlineform button{margin-bottom:14px}.item{border-bottom:1px solid #e9eef1;padding:10px}.muted,footer{color:#6b7f8a;font-size:.85rem}footer{text-align:center;padding:30px}#search{max-width:480px;margin:0 0 16px}@media(max-width:650px){.user{display:none}h1{font-size:1.45rem}.panel{padding:15px}.formgrid{grid-template-columns:1fr}.inlineform{display:block}.inlineform button{margin-bottom:0}.heading .button{width:100%;text-align:center}nav{padding:8px}}

.quick{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.take-list{max-height:55vh;overflow:auto;margin:12px 0 22px}.take-item{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e5ebef;padding:10px 0}.take-item input{width:110px;margin:0}.post{padding:16px 0;border-bottom:1px solid #e6edf1}.posttop,.postbottom{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.postbottom form{display:flex;gap:6px;align-items:center}.postbottom select{margin:0}.post p{white-space:pre-wrap;overflow-wrap:anywhere}.thumb{max-width:180px;max-height:180px;object-fit:cover;border-radius:8px;margin:5px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.filters select{width:auto;flex:1;min-width:145px}.filters button{margin-top:7px}@media(max-width:650px){.take-item input{width:80px}.posttop{align-items:start}.quick .button{flex:1;text-align:center}}
.brand-logo{max-height:42px;width:auto;max-width:145px;object-fit:contain;background:white;border-radius:3px;padding:2px}.brand{display:inline-flex;align-items:center;gap:10px}.brand span{font-weight:700}@media(max-width:600px){.brand-logo{max-height:32px;max-width:110px}}

.qty-widget{min-width:240px}.qty-line{display:flex;align-items:center;gap:10px;margin:5px 0}.qty-line span{min-width:65px}.qty-line strong{min-width:36px;text-align:center;font-size:23px}.qty-line button{min-width:46px;min-height:46px;font-size:25px;padding:3px 10px}.qty-total{display:block;text-align:right}.photo-preview{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}@media(max-width:700px){.take-item{flex-wrap:wrap}.qty-widget{width:100%}}

.movement-counter{display:flex;align-items:center;gap:10px}.movement-counter input{width:100px;text-align:center}.movement-counter button{min-width:58px;min-height:54px;font-size:28px;touch-action:manipulation}

.thread-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.thread-link{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #ccd7dd;border-radius:10px;text-decoration:none;color:inherit}
.thread-link.selected{outline:2px solid #17799b}
.unread-pill{display:inline-block;background:#b42318;color:white;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:bold;width:max-content}
.unread-pill[hidden]{display:none}

/* v1.8.2: accessible light-blue and green visual refresh; no application logic changed */
:root{color-scheme:light;--brand:#176b80;--brand-deep:#104d65;--success:#188458;--surface:#ffffff;--page:#f4f8fa;--line:#dce7eb;--ink:#203747;--muted:#5c7380;font-size:15px;color:var(--ink);background:var(--page)}
body{background:linear-gradient(180deg,#edf6f8 0,#f4f8fa 260px);line-height:1.5}
header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 2px 14px #104d650b}
.bar{padding-top:12px;padding-bottom:12px;min-height:76px}
.brand{color:var(--brand-deep);font-size:1.3rem;letter-spacing:-.02em}
.brand-logo{background:white;max-height:49px;max-width:160px}
.user{color:#4c6878;opacity:1;font-weight:600}
nav{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 12px #104d6507;gap:7px}
nav a{color:#315468;border-radius:10px;transition:background .15s,color .15s}
nav a:hover,nav a:focus-visible{background:#e8f4f7;color:#115a73}
main{margin-top:30px}
h1{color:#173f52;letter-spacing:-.035em;font-size:1.9rem}
h2{color:#23485a;letter-spacing:-.015em}
.panel{border-color:var(--line);border-radius:17px;padding:24px;box-shadow:0 6px 22px #174e630b;margin:18px 0}
.stats .panel{border-top:4px solid var(--brand)}
.stats .panel:nth-child(even){border-top-color:var(--success)}
.stats strong{color:#145b74}
button,.button{background:var(--brand);border-radius:10px;min-height:43px;transition:background .15s,transform .1s}
button:hover,.button:hover{background:var(--brand-deep)}
button:active,.button:active{transform:translateY(1px)}
.ghost{background:#e8f1f4;color:#245166}
.ghost:hover{background:#d6e9ee}
input,select,textarea{border-color:#bdced6;border-radius:10px;min-height:44px}
input:focus,select:focus,textarea:focus{outline:2px solid #5da8bc;outline-offset:1px;border-color:var(--brand)}
:focus-visible{outline:3px solid #64b0c4;outline-offset:2px}
th{background:#edf5f7;color:#315466}
tr:hover td{background:#f2f9fa}
.pill.ok,.ok{background:#e5f5ec;color:#146b47}
.pill.warn,.warn{background:#fff3dc;color:#905900}
.notice{border-left:4px solid var(--success);background:#eaf7f0}
.notice.error{border-left-color:#c13b3b;background:#fff0ee}
.thread-link{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 3px 12px #174e6308}
.thread-link:hover{background:#f0f8fa;border-color:#93c3cf}
.thread-link.selected{outline:2px solid var(--brand);background:#eaf5f8}
.post{padding:18px 14px;border:1px solid #e1eaf0;border-radius:13px;margin:12px 0;background:#fcfefe}
.postbottom{margin-top:12px}
.unread-pill{background:#c03c3c}
.qty-line button,.movement-counter button{min-width:52px;min-height:52px}
.muted,footer{color:var(--muted)}
footer{padding:28px 12px}
@media(max-width:650px){
 .bar{min-height:64px;padding:9px 14px}
 .brand-logo{max-height:35px;max-width:115px}
 nav{gap:5px;padding:8px 12px}
 nav a{padding:11px 12px}
 main{margin:20px auto;padding:0 12px}
 h1{font-size:1.55rem}
 .panel{padding:16px;border-radius:14px}
 .stats{gap:9px}
 .stats strong{font-size:1.6rem}
 .quick{gap:8px}
 .quick .button{min-height:50px}
 .post{padding:14px 10px}
}

/* v1.8.3: clear visual hierarchy and responsive no-horizontal-scroll navigation */
header{background:#fff}
.main-nav{background:#124d68;color:#fff;border:0;box-shadow:0 5px 18px #124d6824;padding:0 16px;overflow:visible;display:block}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:stretch;gap:5px;flex-wrap:wrap;position:relative;padding:9px 0}
.main-nav .nav-main,.main-nav .nav-dropdown>summary{display:flex;align-items:center;gap:6px;padding:11px 13px;color:#fff;text-decoration:none;border-radius:9px;font-weight:650;font-size:.91rem;white-space:normal;line-height:1.25;min-height:44px;cursor:pointer}
.main-nav .nav-main:hover,.main-nav .nav-main:focus-visible,.main-nav .nav-dropdown>summary:hover{background:#23718b;color:#fff}
.main-nav .nav-return{background:#16815a;color:#fff}
.main-nav .nav-return:hover{background:#116847;color:#fff}
.nav-dropdown{position:relative;margin-left:auto;min-width:0}
.nav-dropdown>summary{list-style:none;user-select:none}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown[open]>summary{background:#23718b}
.nav-dropdown-menu{position:absolute;z-index:50;right:0;top:calc(100% + 7px);width:235px;max-width:calc(100vw - 32px);padding:9px;background:#fff;border:1px solid #c9dde5;border-radius:12px;box-shadow:0 12px 30px #0e3d5660;display:grid;grid-template-columns:1fr;gap:2px}
.nav-dropdown-menu a{display:block;padding:11px 13px;color:#174c65!important;border-radius:8px;text-decoration:none;font-weight:600;white-space:normal}
.nav-dropdown-menu a:hover{background:#e9f4f7!important;color:#114a62!important}
.main-nav .unread-pill{background:#f9c74f;color:#163b4d;font-size:11px}
.quick .button:nth-child(1){background:#176b80}
.quick .button:nth-child(2){background:#dc8a2d}
.quick .button:nth-child(2):hover{background:#b86d1c}
.stats .panel{background:linear-gradient(125deg,#e3f3f9,#fff 78%);border-top:5px solid #176b80}
.stats .panel:nth-child(even){background:linear-gradient(125deg,#e2f6e9,#fff 78%);border-top-color:#16815a}
.stats strong{font-size:2.35rem;color:#0f526c}
.stats .panel:nth-child(even) strong{color:#116b4c}
thead th{background:#dbeef4;color:#17475d}
tbody tr:nth-child(even){background:#f3f9fb}
tbody tr:hover td{background:#e8f4f8}
.pill.ok,.ok{background:#d9f3e5;color:#11653d}
.pill.warn,.warn{background:#fff0d0;color:#935b08}
@media(max-width:800px){.nav-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.nav-dropdown{margin-left:0}.nav-dropdown>summary,.main-nav .nav-main{justify-content:center;text-align:center;padding:12px 8px}.nav-dropdown-menu{right:0}.main-nav{padding:0 10px}}
@media(max-width:430px){.main-nav .nav-main,.nav-dropdown>summary{font-size:.82rem}.nav-inner{gap:4px}.stats strong{font-size:1.9rem}}