/* Face: "Inventory | Collectibles" - the DEMO site (inventory-collector.com). From Michael's mock-up: white page, bold royal blue, wide-spaced serif title,
   clipboard-and-pen mark (redrawn here as original artwork), full-width blue sign-in band, black DEMO bar. Refined spacing/typography; no stock art. */
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap");
:root{
 --bg:#f3f5fc;--card:#fff;--ink:#101a52;--mute:#4f5a8c;--line:#c9d1ee;--accent:#1f35c0;--accent-ink:#fff;
 --disp:#1a2a99;--disp-bg:#e4e9fb;--stor:#3b4268;--stor-bg:#eceef7;--danger:#a4231a;--head:#1f35c0;
 --pg-glow:#e6ebfb;--pg1:#ffffff;--pg2:#f6f8fd;--pg3:#e8ecfa;
 --nav:#1f35c0;--nav-ink:#fff;--nav-line:#1f35c0;--nav-on:#fff;--nav-on-ink:#1f35c0;
 --main-bg:#fff;--login-bg:#1f35c0;--login-ink:#fff;
 --h1-ink:#1f35c0;--h1-font:"Libre Baskerville","Baskerville","Times New Roman",serif;--h1-case:uppercase;--h1-weight:400;--h1-space:.28em;--h1-size:min(7.4vw,1.75rem);--star-show:none;
 --h1-shadow:none;--shade:rgba(20,35,120,.22);
}
header{padding-top:.9rem}
h1{line-height:1.35;margin-bottom:.15rem}
h1 .t1,h1 .t2{display:inline-block;margin-right:-.28em}
h1::after{content:"Rooms \B7  Photos \B7  Labels \B7  Values";display:block;margin-top:.55rem;font:600 .62rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.14em;white-space:nowrap;text-transform:uppercase;color:#6a77b8}
.row1{margin-top:.5rem}
.row1::before{content:"";position:absolute;left:50%;top:50%;width:3.3rem;height:3.3rem;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20fill='none'%20stroke='%231f35c0'%20stroke-width='5.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='14'%20y='20'%20width='54'%20height='72'%20rx='9'%20fill='white'/%3E%3Cpath%20d='M31%2020v-6a4%204%200%200%201%204-4h14a4%204%200%200%201%204%204v6'/%3E%3Crect%20x='28'%20y='14'%20width='26'%20height='12'%20rx='4'%20fill='white'/%3E%3Cpath%20d='M26%2046h30M26%2058h22M26%2070h16'/%3E%3Cpath%20d='M92%2014%2058%2062%2054%2080%2070%2070%2098%2028z'%20fill='white'/%3E%3Cpath%20d='M78%2030l12%2010'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.hbtn,.navgrid button{border-radius:.6rem;border-color:#1f35c0;letter-spacing:.16em;box-shadow:0 .1rem .3rem var(--shade)}
.navgrid button.on{border-color:#1f35c0}
main{border:.08rem solid #dbe1f6;border-radius:.7rem}
/* sign-in: a full-width blue band, content centred in a comfortable column */
main:has(.login){width:100%;max-width:none;margin:1.1rem 0 0;padding:0;background:transparent;box-shadow:none;border:0;border-radius:0}
.login{max-width:none;margin:0;border:0;border-top:.1rem solid #c9d1ee;border-radius:0;background:#1f35c0;color:#fff;min-height:20rem;
 padding:2rem max(1.6rem,calc((100% - 28rem)/2)) 3.2rem}
.login h2{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.3em;font-weight:500;font-size:1.25rem;color:#fff;margin:0 0 1.4rem}
.login label{text-transform:uppercase;letter-spacing:.3em;font-weight:500;font-size:.85rem;color:#dfe5ff}
.login input{background:#fff;color:#101a52;border:0;border-radius:.9rem;min-height:3.4rem;font-weight:600}
.login input:focus-visible{outline:.2rem solid #ffd23f;outline-offset:.1rem}
.login .btn.primary{background:#fff;color:#101a52;border:0;border-radius:.9rem;text-transform:uppercase;letter-spacing:.32em;font-weight:800;min-height:3.6rem;margin-top:1.3rem}
.login .btn.primary:hover{background:#eef1ff}
.login .err{color:#ffd0d0}
body:has(.login){display:flex;flex-direction:column;min-height:100vh}
main:has(.login){flex:1;display:flex;flex-direction:column}
main:has(.login) .login{flex:1}
body:has(.login){padding-bottom:0}
main:has(.login) .login{padding-bottom:4.2rem}
/* DEMO bar */
body{padding-bottom:2.6rem}
body::after{content:"DEMO";position:fixed;left:0;right:0;bottom:0;z-index:60;background:#000;color:#fff;text-align:center;font:700 1.45rem/1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:.06em;padding:.35rem 0 .45rem}
@media print{body::after{display:none}body{padding-bottom:0}}