/* NFC Photo — UX refresh 2026. Interface only; no business logic changes. */
:root{--ink:#18283a;--muted:#617287;--line:#dce5ee;--surface:#fff;--page:#f5f7fb;--navy:#12243b;--accent:#1666c5;--accent-hover:#0e4f9d;--radius:16px}
html{color-scheme:light}body{background:var(--page)!important;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;line-height:1.5}
header{background:linear-gradient(120deg,#11243b,#1b4064)!important;color:#fff!important}
header h1{font-size:clamp(1.55rem,3vw,2.2rem)!important;letter-spacing:-.035em;line-height:1.2}
main{width:100%;max-width:1120px!important;margin:24px auto!important;padding:0 clamp(14px,3vw,28px)!important}
.card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 7px 26px rgba(24,40,58,.045)!important;padding:clamp(18px,2.5vw,28px)!important}
h2{font-size:clamp(1.2rem,2vw,1.5rem);letter-spacing:-.025em;line-height:1.3}
.hint,.muted{color:var(--muted)!important}
input,select,textarea{font:inherit;max-width:100%;border:1px solid #b8c9da!important;border-radius:10px!important;background:#fff;color:var(--ink);min-height:44px}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8dc0ff!important;outline-offset:2px}
button{border-radius:10px!important;min-height:44px;transition:background .15s ease,transform .15s ease}
button:hover{background:var(--accent-hover)!important}button:active{transform:translateY(1px)}
.main-nav{display:flex!important;gap:8px!important;flex-wrap:wrap;margin-top:16px!important}
.main-nav a{border:1px solid #7895b2!important;border-radius:10px!important;padding:10px 14px!important;line-height:1.25;text-decoration:none}
.main-nav a[aria-current=page]{background:#fff!important;color:#163350!important;border-color:#fff!important}
.entry,.order-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}
.entry{align-items:flex-start!important;gap:16px!important}.entry>div:first-child{min-width:170px;flex:1}
.entry>div:last-child{flex:1;min-width:min(100%,230px)}
.project-edit{background:#f8fafc;border-radius:10px}
details summary{cursor:pointer}details[open] summary{margin-bottom:8px}
.order-item{padding:0!important;overflow:hidden}.order-item summary{padding:15px 18px!important}.order-item[open] summary{background:#f1f6fd}
.order-details{max-width:none!important;padding:18px!important}
.scroll{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse}th{background:#edf3fa!important}th,td{padding:12px!important;text-align:left}
.notice,.error{border-radius:10px;padding:12px 14px!important}
.price-tiers{gap:8px!important}.tier-chip{border-radius:10px!important;min-height:54px!important}
.tier-chip.active{border-color:#1767c8!important}
.price-total{font-size:15px!important}
@media(max-width:700px){header{padding:22px 16px!important}.grid{grid-template-columns:1fr!important}.main-nav a{flex:1 1 auto;text-align:center}.entry{display:block!important}.entry>div:last-child{margin-top:10px}.card{padding:18px!important}.quantity-row{flex-wrap:wrap}.price-total{min-width:140px}.price-tiers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.tier-chip{width:100%!important}table{min-width:470px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}