/* LeihNest 0.2: an editorial identity, not a recoloured dashboard template. */
:root {
  --ink:#243d30; --green:#253f32; --green-hover:#142c21; --muted:#62685a;
  --canvas:#f7f6ee; --paper:#fffcf4; --white:#fffefa; --line:#d9ddcd;
  --lime:#dcec9b; --mint:#e7eddb; --peach:#efd7bf; --amber:#865024;
  --radius:8px; --serif:Georgia,"Times New Roman",serif;
  font-family:Arial,"Helvetica Neue",sans-serif; font-size:15px; line-height:1.55; color:var(--ink);
  font-synthesis:none; -webkit-font-smoothing:antialiased;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:32px; }
body { margin:0; background:var(--canvas); }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { opacity:.55; cursor:not-allowed; }
img,svg { max-width:100%; }
img { display:block; }
input,select,textarea { min-width:0; max-width:100%; }
h1,h2,h3,p,dl,dd { margin:0; }
h1,h2 { font-family:var(--serif); font-weight:400; letter-spacing:-.045em; line-height:1.09; }
h3 { font-size:17px; line-height:1.35; letter-spacing:-.02em; }
p { overflow-wrap:break-word; }
:focus-visible { outline:3px solid #ad572b; outline-offset:4px; }
::selection { background:var(--lime); color:var(--ink); }
.icon { width:22px; height:22px; display:inline-block; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:-100px; left:15px; z-index:100; padding:12px 20px; background:var(--green); color:white; }
.skip-link:focus { top:10px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:46px; padding:12px 21px; border:1px solid var(--green); border-radius:5px; background:var(--green); color:var(--paper); font-size:13px; line-height:1.4; font-weight:600; text-align:center; transition:background .18s,transform .18s; }
.btn:hover { background:var(--green-hover); transform:translateY(-1px); }
.btn .icon { width:19px; height:19px; }
.btn-outline { background:transparent; color:var(--ink); border-color:#acb5a1; }
.btn-outline:hover { background:var(--mint); }
.btn-quiet { border-color:transparent; background:transparent; color:var(--ink); }
.btn-quiet:hover { background:var(--mint); }
.btn-small { padding:9px 14px; min-height:42px; font-size:12px; }
.btn-large { padding:16px 23px; min-height:55px; font-size:14px; }
.btn-full { width:100%; }
.btn-lime { background:var(--lime); border-color:var(--lime); color:var(--ink); }
.btn-lime:hover { background:#eaf4be; }
.icon-button { border:0; background:transparent; color:var(--ink); display:inline-flex; align-items:center; justify-content:center; min-width:44px; width:44px; min-height:44px; border-radius:5px; }
.icon-button:hover { background:var(--mint); }
.text-link { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; line-height:1.5; }
.text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.text-link .icon { width:18px; height:18px; }
.eyebrow { display:block; font-size:10px; font-weight:600; letter-spacing:1.5px; line-height:1.5; text-transform:uppercase; color:var(--muted); }
.eyebrow.small { font-size:10px; letter-spacing:1px; }
.muted { color:var(--muted); }
.tiny { font-size:12px; }
.preserve-lines { white-space:pre-line; }
.align-right { align-self:flex-end; }
.danger-text { color:#933820; }
.brand { display:inline-flex; align-items:center; gap:10px; font-family:var(--serif); font-weight:700; font-size:31px; letter-spacing:-1.4px; line-height:1; white-space:nowrap; }
.brand-icon { width:43px; height:43px; padding:6px; background:var(--green); color:var(--lime); border-radius:50%; }
.brand-period { color:#809745; }
.header-actions { display:flex; align-items:center; gap:22px; }
.language-switch { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:600; }
.language-switch a { padding:12px 5px; color:var(--muted); }
.language-switch .selected { color:var(--ink); text-decoration:underline; text-underline-offset:5px; }
.language-switch>span { color:#a0a694; }
.public-header { border-bottom:1px solid var(--line); }
.public-header-inner { max-width:1336px; margin:auto; padding:25px 38px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.public-nav { display:flex; align-items:center; gap:32px; font-size:12px; }
.public-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
/* Public page: large editorial type, an original still life, no fake app window. */
.hero { max-width:1336px; margin:0 auto; padding:67px 38px 64px; display:grid; grid-template-columns:1fr 1.08fr; align-items:center; gap:58px; }
.hero-kicker { display:flex; align-items:center; gap:12px; font-size:10px; font-weight:600; letter-spacing:1.35px; }
.kicker-line { width:28px; height:1px; background:var(--green); }
.hero h1 { font-size:clamp(64px,7.2vw,107px); line-height:.99; margin:27px 0 25px; letter-spacing:-5.5px; }
.hero h1 em { font-weight:400; color:#71854b; }
.hero-description { color:var(--muted); font-size:16px; line-height:1.85; max-width:400px; }
.hero-buttons { display:flex; gap:23px; align-items:center; flex-wrap:wrap; margin-top:28px; }
.hero-secondary { font-size:12px; }
.hero-note { display:flex; align-items:flex-start; gap:7px; font-size:11px; color:var(--muted); margin:18px 0 0; }
.hero-note .icon { width:15px; height:16px; }
.hero-footnote { display:flex; align-items:center; gap:12px; font-size:11px; margin-top:43px; max-width:320px; }
.tiny-nest { width:35px; height:35px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; }
.visual-caption,.visual-bottom { display:flex; justify-content:space-between; gap:20px; font-size:9px; letter-spacing:1px; line-height:1.6; }
.visual-caption { border-bottom:1px solid #a9b096; padding:0 0 12px; margin-bottom:14px; }
.sharing-still-life { position:relative; }
.still-life { width:100%; height:auto; display:block; }
.sharing-still-life>.still-life { border-radius:80px 3px 3px 3px; }
.sharing-stamp { position:absolute; top:16%; right:-14px; transform:rotate(10deg); display:flex; flex-direction:column; align-items:center; justify-content:center; width:121px; height:121px; border-radius:50%; background:var(--lime); color:var(--ink); font-family:var(--serif); font-size:18px; line-height:1.05; box-shadow:0 4px 0 #8d9b5550; }
.sharing-stamp strong { font-size:21px; font-style:italic; font-weight:400; }
.sharing-stamp .icon { margin-top:6px; }
.shelf-ticket { position:relative; display:flex; align-items:center; gap:12px; background:var(--paper); padding:19px 20px; margin:-28px 22px 0; border:1px solid #d4d9c3; box-shadow:0 8px 20px #28381809; transform:rotate(-2deg); }
.ticket-avatar { background:var(--mint); border-radius:50%; display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; }
.shelf-ticket>div { flex:1; min-width:0; }
.shelf-ticket strong { display:block; font-size:13px; }
.shelf-ticket div>span { display:block; font-size:10px; margin-top:4px; color:var(--muted); }
.ticket-status { font-size:10px; color:var(--green); border:1px solid #b5c39c; border-radius:2px; padding:5px 8px; }
.visual-bottom { padding-top:23px; color:var(--muted); font-size:8px; }
.community-strip { display:flex; align-items:center; justify-content:center; gap:58px; padding:25px 35px; background:#eceedd; border-block:1px solid var(--line); }
.community-strip>span { font-size:9px; letter-spacing:1.2px; }
.community-strip>div { display:flex; align-items:center; gap:10px; font-size:13px; font-family:var(--serif); }
.community-strip .icon { width:22px; height:22px; }
.features-section { max-width:1260px; margin:auto; padding:85px 38px 78px; }
.section-intro { text-align:center; }
.section-intro h2 { font-size:49px; margin:17px 0; }
.section-intro p { font-size:14px; color:var(--muted); }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:40px; border-top:1px solid var(--line); }
.feature-card { position:relative; padding:34px 30px 0; border-right:1px solid var(--line); }
.feature-card:first-child { padding-left:0; }
.feature-card:last-child { border-right:0; }
.feature-number { position:absolute; right:22px; top:30px; font-family:var(--serif); font-size:28px; color:#a1ab8f; }
.feature-icon { display:inline-flex; align-items:center; justify-content:center; width:43px; height:43px; background:var(--mint); color:var(--green); border-radius:50%; margin-bottom:16px; }
.feature-card h3 { font-family:var(--serif); font-size:25px; font-weight:400; margin-bottom:12px; }
.feature-card p { font-size:13px; color:var(--muted); line-height:1.8; max-width:280px; }
.steps-section { max-width:1184px; margin:0 auto 75px; display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; padding:45px 0; border-top:1px solid var(--line); }
.steps-heading h2 { font-size:47px; margin:22px 0 18px; }
.steps-heading p { color:var(--muted); font-size:14px; max-width:360px; }
.step { display:flex; gap:22px; align-items:flex-start; border-bottom:1px solid var(--line); padding:22px 0; }
.step:first-child { padding-top:0; }
.step-number { font-family:var(--serif); font-size:25px; color:#758550; }
.step>div { flex:1; }
.step h3 { font-size:15px; margin:2px 0 8px; }
.step p { color:var(--muted); font-size:12px; }
.step>.icon { width:18px; }
.bottom-cta { position:relative; overflow:hidden; max-width:1260px; margin:0 auto 70px; background:var(--green); color:var(--paper); padding:55px 52px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.bottom-cta h2 { font-size:43px; margin:13px 0; }
.bottom-cta p { color:#d8e0cb; font-size:13px; }
.bottom-cta .eyebrow { color:var(--lime); font-size:9px; }
.bottom-cta>div,.bottom-cta>a { position:relative; z-index:1; }
.cta-decoration { position:absolute; left:50%; bottom:-70px; opacity:.12; transform:rotate(-20deg); }
.cta-decoration .icon { width:300px; height:300px; }
.public-footer,.app-footer { max-width:1260px; margin:auto; padding:28px 0 35px; border-top:1px solid var(--line); display:flex; align-items:center; flex-wrap:wrap; gap:24px; color:var(--muted); font-size:11px; }
.footer-brand { font-size:21px; color:var(--green); letter-spacing:-.8px; }
.public-footer nav,.app-footer nav { margin-left:auto; display:flex; gap:25px; }
.public-footer nav a:hover,.app-footer nav a:hover { text-decoration:underline; }
.footer-note { width:100%; border-top:1px solid var(--line); padding-top:19px; letter-spacing:1px; font-size:9px; text-transform:uppercase; }
/* Workspace: horizontal masthead and an open shared desk. */
.nest-header { background:var(--paper); }
.masthead { max-width:1336px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:23px 38px; gap:22px; }
.workspace-switch { display:flex; align-items:center; gap:11px; }
.workspace-switch strong { display:block; font-size:13px; font-weight:600; }
.workspace-switch small { display:block; font-size:8px; letter-spacing:1px; color:var(--muted); margin-bottom:3px; }
.workspace-avatar { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; background:var(--mint); border-radius:50%; color:var(--green); font-family:var(--serif); font-size:20px; }
.workspace-avatar.large { width:55px; height:55px; font-size:25px; }
.avatar { display:grid; place-items:center; flex-shrink:0; width:35px; height:35px; background:var(--peach); color:#594127; border-radius:50%; font-family:var(--serif); font-size:18px; }
.user-block { display:flex; align-items:center; gap:10px; }
.user-name strong,.user-name small { display:block; font-size:11px; }
.user-name small { font-size:9px; color:var(--muted); margin-top:3px; }
.user-block .icon-button { width:34px; min-width:34px; }
.user-block .icon { width:17px; height:17px; }
.navigation-bar { border-block:1px solid var(--line); }
.nav-container { max-width:1336px; padding:0 38px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:30px; position:relative; }
.workspace-tabs { display:flex; gap:28px; align-items:center; }
.workspace-tabs a { display:flex; align-items:center; gap:8px; padding:18px 0 16px; border-bottom:3px solid transparent; font-size:12px; white-space:nowrap; color:var(--muted); }
.workspace-tabs a .icon { width:17px; height:17px; }
.workspace-tabs a[aria-current="page"] { color:var(--ink); border-color:var(--green); font-weight:600; }
.workspace-tabs a:hover { color:var(--ink); }
.private-label { display:flex; align-items:center; gap:7px; font-size:10px; color:var(--muted); white-space:nowrap; }
.private-label .icon { width:13px; height:13px; }
.menu-toggle { display:none; }
.app-content { max-width:1336px; margin:0 auto; padding:42px 38px 60px; }
.app-content>* { min-width:0; }
.nest-welcome { display:flex; align-items:center; justify-content:space-between; gap:45px; border-bottom:1px solid var(--line); padding:0 0 35px; }
.nest-welcome h1 { font-size:clamp(40px,4.3vw,61px); max-width:760px; margin:16px 0 14px; }
.nest-welcome p { color:var(--muted); font-size:13px; }
.welcome-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:23px; }
.welcome-actions .text-link { font-size:12px; }
.nest-emblem { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; width:156px; height:156px; flex-shrink:0; border-radius:50%; border:1px solid #b4bd9b; background:#e5eacd; transform:rotate(10deg); outline:1px solid #c3ccab; outline-offset:7px; }
.nest-emblem>span { font-size:9px; letter-spacing:3px; }
.nest-emblem>.icon { width:62px; height:62px; }
.nest-emblem>small { font-size:7px; letter-spacing:1px; }
.nest-ledger { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:27px 0 30px; margin-bottom:38px; border-bottom:1px solid var(--line); }
.nest-ledger>div { border-right:1px solid var(--line); padding:0 26px; }
.nest-ledger>div:first-child { padding-left:0; }
.nest-ledger>div:last-child { border:0; }
.nest-ledger dt { display:flex; gap:9px; align-items:center; font-size:11px; color:var(--muted); }
.nest-ledger dt .icon { width:17px; height:17px; }
.nest-ledger dd { font-family:var(--serif); font-size:44px; line-height:1; margin-top:13px; letter-spacing:-1px; }
.nest-ledger>div:nth-child(3) dd { color:#9b582d; }
.dashboard-columns { display:grid; grid-template-columns:1.75fr 1fr; gap:48px; margin-bottom:42px; }
.dashboard-columns>* { min-width:0; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:22px; }
.panel-heading h2 { font-size:29px; margin-top:7px; }
.panel-heading .text-link { font-size:11px; white-space:nowrap; }
.panel-heading .eyebrow { font-size:9px; letter-spacing:1.2px; }
.upcoming-panel { border-top:3px solid var(--green); padding-top:23px; }
.activity-panel { padding:25px 26px; background:#ececde; border-top:3px solid #b5bd96; }
.activity-panel h2 { font-size:25px; }
.activity-panel .panel-heading { margin-bottom:20px; }
.activity-entry { display:flex; gap:12px; padding:12px 0; border-bottom:1px solid #d9ddc8; }
.activity-entry:last-child { border:0; }
.activity-avatar { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#dadfc5; flex-shrink:0; font-family:var(--serif); font-size:14px; }
.activity-entry p { font-size:11px; line-height:1.6; color:var(--muted); }
.activity-entry strong { color:var(--ink); }
.activity-entry time { display:block; font-size:9px; margin-top:4px; color:var(--muted); }
.booking-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; padding:19px 0; border-bottom:1px solid var(--line); }
.booking-row:last-child { border:0; }
.booking-main { display:flex; align-items:center; gap:13px; flex:1; min-width:170px; }
.booking-main .strong-link { font-weight:600; font-size:12px; }
.booking-main .strong-link:hover { text-decoration:underline; }
.booking-main .tiny { font-size:10px; margin-top:3px; }
.mini-art { display:grid; place-items:center; width:45px; height:48px; border-radius:3px; flex-shrink:0; }
.mini-art .icon { width:30px; height:30px; }
.booking-dates { display:flex; flex-direction:column; gap:4px; font-size:11px; }
.booking-dates .tiny { font-size:9px; }
.badge { display:inline-flex; align-items:center; gap:3px; font-size:10px; padding:5px 9px; border-radius:3px; line-height:1.4; font-weight:600; }
.badge .icon { width:10px; height:10px; }
.badge.green { background:#e7efd4; color:#344f2b; }
.badge.amber { background:#f2e4c4; color:#7e4a16; }
.badge.blue { background:#dde7df; color:#345247; }
.badge.neutral { background:#eeece3; color:#5c6255; }
.booking-actions { display:flex; align-items:center; flex-wrap:wrap; gap:9px; width:100%; padding-left:58px; }
.return-form { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.return-form input { width:68px; }
.booking-note { width:100%; padding-left:58px; color:var(--muted); }
.inventory-preview { border-top:1px solid var(--line); padding-top:32px; }
.item-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.item-card { min-width:0; display:block; border-bottom:1px solid #bfc8ad; padding-bottom:17px; transition:transform .2s; }
.item-card:hover { transform:translateY(-3px); }
.item-visual { position:relative; }
.item-art { width:100%; height:242px; position:relative; display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:3px; }
.item-art img { width:100%; height:100%; object-fit:cover; }
.category-illustration { width:90%; height:92%; }
.category-outdoor { background:#e1e8cf; color:#4e7050; }
.category-tech { background:#e3e3d5; color:#4e5e49; }
.category-sport { background:#f0e0bd; color:#937041; }
.category-events { background:#efdecd; color:#955e3b; }
.category-tools { background:#e0e6ce; color:#516b41; }
.category-other { background:#eae4d3; color:#8c7953; }
.photo-placeholder-label { position:absolute; bottom:10px; left:12px; font-size:9px; background:#fffdf2cf; border-radius:3px; padding:4px 7px; color:#626657; }
.image-badge { position:absolute; top:12px; right:12px; box-shadow:0 2px 7px #37452b09; }
.item-card-body { padding:18px 0 0; }
.item-card h3 { font-family:var(--serif); font-size:25px; font-weight:400; margin:7px 0 8px; overflow-wrap:anywhere; }
.location { display:flex; align-items:center; gap:5px; font-size:11px; }
.location .icon { width:13px; height:13px; }
.card-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:17px; font-size:11px; color:var(--muted); }
.card-bottom>.icon { width:17px; }
.card-bottom strong { color:var(--green); }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:2px 0 34px; }
.page-heading h1 { font-size:52px; margin:12px 0 13px; overflow-wrap:anywhere; }
.page-heading p { color:var(--muted); font-size:13px; }
.count-pill { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; font-family:Arial,sans-serif; font-size:14px; width:33px; height:33px; border-radius:50%; background:var(--mint); letter-spacing:0; }
.filter-bar { display:flex; align-items:center; gap:12px; margin:0 0 30px; border-bottom:1px solid var(--line); padding-bottom:22px; }
.search-field { flex:1; display:flex; position:relative; }
.search-field>.icon { position:absolute; top:14px; left:14px; width:19px; height:19px; color:var(--muted); }
.search-field input { padding-left:43px; }
.filter-bar>select { width:210px; }
input:not([type=checkbox]):not([type=hidden]),select,textarea { display:block; width:100%; background:var(--white); border:1px solid #aeb8a3; color:var(--ink); border-radius:4px; padding:12px 13px; min-height:46px; font-size:14px; line-height:1.5; }
input::placeholder,textarea::placeholder { color:#737b68; }
textarea { resize:vertical; }
input[type=checkbox] { width:18px; height:18px; accent-color:var(--green); flex-shrink:0; margin:3px 0 0; }
input[type=file] { font-size:12px; padding:10px 0; background:transparent; border:0; }
input::file-selector-button { border:1px solid var(--line); padding:9px; background:var(--paper); margin-right:10px; color:var(--ink); border-radius:3px; }
label { display:block; font-size:12px; font-weight:600; }
label>input,label>select,label>textarea { margin-top:7px; }
.form-stack { display:flex; flex-direction:column; gap:19px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-row>* { min-width:0; }
.form-stack>small { font-size:11px; margin-top:-10px; }
.panel { background:var(--paper); border:1px solid var(--line); border-radius:5px; }
.empty { text-align:center; padding:50px 25px; }
.empty p { max-width:400px; margin:12px auto 23px; color:var(--muted); font-size:13px; }
.empty h2 { font-size:29px; }
.empty h3 { font-family:var(--serif); font-size:23px; font-weight:400; }
.empty-icon { width:39px; height:39px; margin-bottom:15px; color:#7e9160; }
.empty.compact { padding:26px 10px; }
.notice { display:flex; align-items:center; gap:10px; padding:16px 20px; margin-bottom:25px; font-size:13px; border-left:3px solid var(--green); background:#e7efd8; }
.notice.error { color:#803923; background:#f8e8da; border-color:#a4512c; }
.public-body .notice { max-width:1100px; margin:25px auto; }
.back-link { margin-bottom:18px; font-size:12px; }
.detail-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:40px; align-items:start; }
.detail-grid>* { min-width:0; }
.detail-image .item-art { height:365px; }
.detail-info { border-top:0; padding:26px 30px; }
.detail-stock { display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line); padding-bottom:22px; margin-bottom:22px; font-size:13px; }
.detail-section { margin:22px 0; }
.detail-section h3 { font-size:13px; margin-bottom:9px; }
.detail-section p { font-size:13px; color:var(--muted); }
.reservation-panel { background:#eeeedf; padding:30px; border-top:3px solid var(--green); }
.reservation-panel h2 { font-size:33px; margin-bottom:14px; }
.reservation-panel>p { font-size:12px; margin-bottom:24px; color:var(--muted); }
.reservation-panel .form-stack .tiny { font-size:10px; }
.item-bookings { margin-top:40px; padding:25px; }
.archive-form { padding-top:18px; }
.editor-columns { display:grid; grid-template-columns:1.4fr 1fr; gap:45px; }
.editor-columns>* { min-width:0; }
.item-editor { padding:32px; }
.upload-zone { text-align:center; border:1px dashed #9eac8b; padding:28px; background:#edefdf; }
.upload-icon { width:40px; height:40px; margin-bottom:20px; color:#728557; }
.upload-zone p { color:var(--muted); font-size:11px; margin:13px 0; }
.upload-preview { width:100%; max-height:250px; object-fit:contain; margin-top:20px; }
.upload-preview[hidden] { display:none; }
.info-box { display:flex; gap:10px; align-items:flex-start; margin-top:20px; font-size:11px; color:var(--muted); }
.info-box .icon { width:17px; }
.form-footer { display:flex; justify-content:flex-end; gap:12px; padding-top:25px; border-top:1px solid var(--line); margin-top:28px; }
.tabs { display:flex; flex-wrap:wrap; gap:25px; margin-bottom:25px; border-bottom:1px solid var(--line); }
.tabs a { font-size:12px; padding:12px 0; border-bottom:3px solid transparent; }
.tabs .selected { font-weight:600; border-color:var(--green); }
.loans-panel { padding:5px 25px; }
.month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.calendar-panel { overflow:hidden; }
.calendar-panel>.panel-heading { padding:20px 24px; margin:0; }
.calendar-nav { display:flex; align-items:center; gap:7px; }
.weekday { font-size:11px; color:var(--muted); padding:13px 9px; background:#eeefde; border-right:1px solid var(--line); text-align:right; }
.calendar-cell { min-height:124px; border-right:1px solid var(--line); border-top:1px solid var(--line); padding:9px; overflow:hidden; }
.day-number { display:flex; margin-left:auto; width:26px; height:26px; align-items:center; justify-content:center; font-size:11px; margin-bottom:7px; }
.is-today { background:var(--green); color:var(--lime); border-radius:50%; }
.outside-month { background:#f3f2e9; }
.outside-month .day-number { color:#73796a; }
.calendar-event { display:block; background:#e2eacb; padding:5px 7px; margin-top:4px; font-size:9px; border-left:2px solid #78984f; border-radius:2px; }
.calendar-event span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.calendar-event small { display:block; font-size:8px; color:#5f694e; }
.calendar-event.borrowed-event { background:#f0dfc6; border-color:#b7804b; }
.mobile-agenda { display:none; }
.members-layout,.settings-grid { display:grid; grid-template-columns:1.55fr 1fr; gap:35px; align-items:start; }
.members-layout>*,.settings-grid>* { min-width:0; }
.members-panel,.settings-panel,.invite-panel,.pending-panel { padding:28px; }
.invite-panel { background:#ebeeda; }
.invite-panel h2,.settings-panel h2 { font-size:32px; margin-bottom:17px; }
.invite-panel>p,.settings-panel>p { font-size:12px; color:var(--muted); margin:0 0 22px; }
.member-row { display:flex; align-items:center; flex-wrap:wrap; gap:13px; padding:19px 0; border-bottom:1px solid var(--line); }
.member-row:last-child { border:0; }
.member-info { min-width:0; flex:1; }
.member-info strong { font-size:12px; display:block; }
.member-info small { font-size:10px; color:var(--muted); display:block; overflow-wrap:anywhere; margin-top:4px; }
.member-actions { display:flex; align-items:center; gap:3px; }
.member-actions select { max-width:160px; min-height:38px; font-size:11px; padding:7px; }
.pending-panel { margin-top:30px; }
.invite-row { display:flex; align-items:center; gap:15px; padding:16px 0; border-bottom:1px solid var(--line); }
.invite-row>div { flex:1; min-width:0; }
.invite-row strong { display:block; font-size:12px; overflow-wrap:anywhere; }
.invite-row small { display:block; color:var(--muted); font-size:10px; }
.checkbox-label { display:flex; align-items:flex-start; gap:12px; line-height:1.6; }
.checkbox-label small { display:block; color:var(--muted); font-weight:400; font-size:11px; margin-top:8px; }
.settings-panel .badge { margin-bottom:18px; }
.standalone-page { max-width:1200px; padding:45px 30px 60px; margin:auto; }
.group-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.group-card,.new-group-panel { min-width:0; padding:28px; background:var(--paper); border:1px solid var(--line); border-top:3px solid #8a9f60; }
.group-card { position:relative; min-height:190px; }
.group-card h2 { font-size:30px; margin:20px 0 15px; overflow-wrap:anywhere; }
.group-card>.icon { position:absolute; right:23px; top:33px; }
.new-group-panel h2 { font-size:28px; margin-bottom:15px; }
.new-group-panel>p { font-size:12px; margin-bottom:22px; }
.auth-layout { max-width:1130px; padding:60px 30px 80px; margin:auto; display:grid; grid-template-columns:1.15fr 1fr; gap:95px; align-items:start; }
.auth-story { padding-top:12px; }
.auth-story h2 { font-size:53px; margin:20px 0 18px; }
.auth-story>p { color:var(--muted); font-size:13px; line-height:1.8; }
.auth-art { margin-top:30px; }
.auth-art>.still-life { max-height:315px; width:100%; border-radius:70px 0 0 0; }
.private-story { display:flex; gap:13px; padding-top:25px; }
.private-story strong { font-size:12px; }
.private-story p { font-size:11px; margin-top:7px; color:var(--muted); }
.auth-form-wrap { background:var(--paper); padding:34px; border:1px solid var(--line); border-top:3px solid var(--green); }
.auth-form-header h1 { font-size:38px; margin:5px 0 17px; }
.auth-form-header p { color:var(--muted); font-size:12px; margin-bottom:28px; }
.auth-switch { text-align:center; font-size:11px; margin-top:25px; color:var(--muted); }
.auth-switch a { font-weight:600; color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.auth-fineprint { display:flex; gap:8px; justify-content:center; align-items:center; font-size:10px; margin-top:20px; color:var(--muted); }
.auth-fineprint .icon { width:13px; }
.message-page { max-width:760px; min-height:300px; padding:40px; margin:60px auto; }
.message-page h1 { font-size:38px; margin:14px 0 20px; }
.message-page p { color:var(--muted); font-size:14px; margin:16px 0 24px; }
.message-page .hero-buttons { margin-top:20px; }
.message-page>input { margin:15px 0; }
.no-script-nav { display:flex; flex-wrap:wrap; padding:15px 25px; gap:15px; background:var(--mint); font-size:12px; }
@media(min-width:761px) { .no-script-nav { display:none; } }
@media(max-width:1200px) {
  .steps-section,.public-footer,.app-footer { margin-left:38px; margin-right:38px; }
  .bottom-cta { margin-left:38px; margin-right:38px; }
  .workspace-tabs { gap:21px; }
  .nav-container>.private-label { display:none; }
  .hero { gap:35px; }
  .hero h1 { font-size:84px; }
  .hero-description { font-size:14px; }
  .hero-buttons { gap:17px; }
  .hero-secondary { font-size:11px; }
  .community-strip { gap:35px; }
  .dashboard-columns { gap:30px; }
  .booking-dates { font-size:10px; }
  .auth-layout { gap:50px; }
  .nest-welcome h1 { font-size:49px; }
}
@media(max-width:960px) {
  .hero h1 { font-size:70px; letter-spacing:-4px; }
  .hero { padding-top:45px; }
  .hero-kicker { font-size:8px; }
  .hero-buttons { align-items:flex-start; flex-direction:column; gap:17px; }
  .hero-footnote { margin-top:25px; }
  .shelf-ticket { margin-left:10px; margin-right:10px; padding:12px; }
  .ticket-status { display:none; }
  .sharing-stamp { width:92px; height:92px; font-size:15px; }
  .sharing-stamp strong { font-size:17px; }
  .masthead .header-actions { gap:10px; }
  .user-name { display:none; }
  .workspace-tabs { gap:21px; }
  .workspace-tabs a { font-size:11px; }
  .nest-emblem { width:125px; height:125px; }
  .nest-emblem>.icon { width:47px; height:47px; }
  .nest-welcome h1 { font-size:44px; }
  .nest-ledger>div { padding:0 19px; }
  .nest-ledger dt { font-size:10px; }
  .dashboard-columns { grid-template-columns:1.5fr 1fr; gap:24px; }
  .booking-row { gap:12px; }
  .booking-dates { padding-left:58px; order:3; width:100%; }
  .booking-actions { order:4; }
  .booking-note { order:5; }
  .activity-panel { padding:24px 19px; }
  .item-grid { gap:20px; }
  .item-art { height:205px; }
  .item-card h3 { font-size:22px; }
  .detail-grid { gap:25px; grid-template-columns:1.2fr 1fr; }
  .reservation-panel { padding:25px; }
  .detail-image .item-art { height:300px; }
  .members-layout,.settings-grid { grid-template-columns:1.2fr 1fr; gap:23px; }
  .member-actions { margin-left:48px; width:100%; }
  .community-strip { flex-wrap:wrap; gap:20px 35px; }
  .community-strip>span { width:100%; text-align:center; }
  .steps-section { gap:40px; }
  .steps-heading h2 { font-size:37px; }
  .bottom-cta { padding:40px 34px; }
  .bottom-cta h2 { font-size:36px; }
  .auth-layout { gap:30px; }
  .auth-form-wrap { padding:27px; }
  .auth-story h2 { font-size:43px; }
}
@media(max-width:760px) {
  :root { font-size:14px; }
  .public-header-inner,.masthead { padding:18px 21px; gap:10px; }
  .brand { font-size:27px; gap:8px; }
  .brand-icon { width:37px; height:37px; padding:5px; }
  .public-nav { display:none; }
  .header-actions { gap:10px; }
  .language-switch { font-size:10px; }
  .public-header .btn-small { font-size:11px; padding:10px 12px; }
  .public-header .btn .icon { display:none; }
  .hero { display:flex; flex-direction:column; gap:40px; padding:40px 23px 34px; align-items:stretch; }
  .hero-kicker { font-size:9px; letter-spacing:.9px; }
  .hero h1 { font-size:clamp(65px,13.5vw,98px); letter-spacing:-4px; margin:25px 0 23px; }
  .hero-description { max-width:490px; font-size:14px; line-height:1.85; }
  .hero-buttons { flex-direction:row; align-items:center; gap:22px; }
  .hero-buttons .btn-large { min-height:51px; font-size:13px; padding:14px 17px; }
  .hero-secondary { font-size:11px; }
  .hero-footnote { display:none; }
  .hero-note { font-size:10px; margin-top:15px; }
  .hero-visual { max-width:520px; width:100%; margin:auto; }
  .sharing-stamp { width:102px; height:102px; right:0; top:14%; }
  .sharing-still-life>.still-life { border-radius:60px 3px 3px 3px; }
  .shelf-ticket { padding:15px; margin:-25px 14px 0; }
  .ticket-status { display:block; }
  .community-strip { padding:22px 20px; gap:16px 24px; }
  .community-strip>div { font-size:12px; gap:7px; }
  .community-strip>div .icon { width:19px; }
  .features-section { padding:50px 23px 45px; }
  .section-intro h2 { font-size:39px; margin:15px 0; }
  .feature-grid { grid-template-columns:1fr; margin-top:30px; }
  .feature-card,.feature-card:first-child { padding:27px 0; border:0; border-bottom:1px solid var(--line); }
  .feature-card:last-child { border-bottom:0; padding-bottom:0; }
  .feature-card p { max-width:none; }
  .feature-card h3 { font-size:25px; }
  .feature-number { right:5px; }
  .feature-icon { margin-bottom:13px; }
  .steps-section { margin:0 23px 40px; padding:35px 0; display:block; }
  .steps-heading h2 { font-size:39px; }
  .steps-list { margin-top:32px; }
  .bottom-cta { margin:0 23px 40px; padding:33px 26px; flex-direction:column; align-items:flex-start; gap:25px; }
  .bottom-cta h2 { font-size:35px; }
  .bottom-cta p { font-size:12px; }
  .public-footer,.app-footer { margin:0 23px; padding:25px 0; gap:17px; font-size:10px; }
  .public-footer nav,.app-footer nav { width:100%; margin:0; }
  .public-footer .footer-note,.app-footer .footer-note { font-size:8px; }
  .footer-brand { font-size:21px; }
  .masthead { flex-wrap:wrap; }
  .masthead>.workspace-switch { order:3; width:100%; padding-top:14px; margin-top:6px; border-top:1px solid var(--line); }
  .workspace-switch .workspace-avatar { width:29px; height:29px; font-size:16px; }
  .workspace-switch>span:nth-child(2) { display:flex; align-items:center; gap:10px; flex:1; }
  .workspace-switch small { margin:0; font-size:7px; }
  .workspace-switch strong { font-size:12px; }
  .user-block { gap:4px; }
  .user-block .avatar { width:29px; height:29px; font-size:15px; }
  .masthead .header-actions { gap:6px; }
  .user-block .icon-button { min-width:31px; width:31px; }
  .nav-container { padding:0 23px; min-height:51px; gap:15px; }
  .menu-toggle { display:flex; align-items:center; gap:9px; min-height:49px; padding:0; border:0; color:var(--ink); background:none; font-size:12px; font-weight:600; }
  .menu-toggle>.icon { width:19px; height:19px; }
  .nav-container>.private-label { display:flex; font-size:9px; }
  .workspace-tabs { display:none; position:absolute; left:0; right:0; top:100%; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 12px 18px #29381c14; padding:10px 23px 19px; z-index:20; }
  .menu-open .workspace-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; }
  .workspace-tabs a { padding:13px 0; font-size:12px; }
  .app-content { padding:28px 23px 40px; }
  .nest-welcome { position:relative; display:block; padding:0 0 26px; }
  .nest-welcome .eyebrow { font-size:8px; padding-right:53px; }
  .nest-welcome h1 { font-size:40px; max-width:490px; line-height:1.07; margin:19px 0 13px; padding-right:0; }
  .nest-welcome p { font-size:12px; line-height:1.7; }
  .nest-emblem { display:none; }
  .welcome-actions { gap:16px; margin-top:22px; }
  .welcome-actions .btn { min-height:46px; font-size:12px; padding:12px 15px; }
  .welcome-actions .text-link { font-size:11px; }
  .nest-ledger { grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px 0; gap:22px 0; margin-bottom:30px; }
  .nest-ledger>div { padding:0 0 0 20px; }
  .nest-ledger>div:nth-child(odd) { padding-left:0; }
  .nest-ledger>div:nth-child(even) { border:0; }
  .nest-ledger dt { font-size:10px; gap:7px; }
  .nest-ledger dt .icon { width:15px; height:15px; }
  .nest-ledger dd { font-size:36px; margin-top:10px; }
  .dashboard-columns { display:flex; flex-direction:column; gap:28px; margin-bottom:30px; }
  .upcoming-panel { padding-top:20px; }
  .panel-heading { gap:12px; margin-bottom:18px; }
  .panel-heading h2 { font-size:26px; }
  .panel-heading .eyebrow { font-size:8px; }
  .panel-heading .text-link { font-size:10px; gap:5px; }
  .activity-panel { padding:23px 21px; }
  .activity-entry p { font-size:12px; }
  .activity-entry time { font-size:10px; }
  .activity-entry { padding:11px 0; }
  .booking-main { min-width:145px; gap:10px; }
  .booking-main .strong-link { font-size:12px; }
  .mini-art { width:41px; height:45px; }
  .booking-dates { padding-left:51px; font-size:11px; }
  .booking-dates .tiny { font-size:10px; }
  .booking-actions,.booking-note { padding-left:0; }
  .badge { font-size:9px; padding:5px 7px; }
  .booking-row { padding:17px 0; gap:10px; }
  .inventory-preview { padding-top:25px; }
  .item-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 18px; }
  .item-art { height:205px; }
  .item-card h3 { font-size:23px; }
  .item-card .location { font-size:10px; }
  .item-card-body { padding-top:14px; }
  .item-card .eyebrow { font-size:9px; }
  .page-heading { align-items:flex-start; flex-direction:column; gap:19px; margin-bottom:27px; }
  .page-heading h1 { font-size:41px; margin:11px 0; }
  .page-heading p { font-size:12px; line-height:1.7; }
  .page-heading .eyebrow { font-size:9px; }
  .page-heading .btn { min-height:44px; font-size:12px; }
  .filter-bar { flex-wrap:wrap; gap:10px; }
  .search-field { flex:1 0 100%; }
  .filter-bar>select { flex:1; width:0; }
  input:not([type=checkbox]):not([type=hidden]),select,textarea { font-size:16px; padding:11px 12px; }
  .search-field input { padding-left:42px; }
  .filter-bar>select { font-size:13px; }
  .filter-bar>.btn { min-height:46px; }
  .detail-grid { grid-template-columns:1fr; gap:26px; }
  .detail-image .item-art { height:295px; }
  .detail-info { padding:22px; }
  .reservation-panel { padding:24px; }
  .reservation-panel h2 { font-size:31px; }
  .editor-columns { grid-template-columns:1fr; gap:30px; }
  .item-editor { padding:22px; }
  .form-row { gap:13px; }
  .form-footer { gap:10px; }
  .upload-zone { padding:25px 20px; }
  .loans-panel { padding:2px 19px; }
  .tabs { gap:24px; }
  .calendar-panel>.panel-heading { padding:17px; }
  .calendar-panel h2 { font-size:23px; margin:0; }
  .calendar-nav { gap:2px; }
  .calendar-nav .icon-button { width:32px; min-width:32px; }
  .calendar-nav .btn { padding:7px 9px; min-height:37px; font-size:10px; }
  .calendar-nav .icon { width:17px; }
  .month-grid { display:none; }
  .mobile-agenda { display:block; padding:0 18px; }
  .members-layout,.settings-grid { grid-template-columns:1fr; gap:25px; }
  .members-panel,.settings-panel,.invite-panel,.pending-panel { padding:23px; }
  .member-info strong { font-size:13px; }
  .member-info small { font-size:11px; }
  .member-row>.avatar { width:31px; height:31px; }
  .member-actions { margin-left:44px; }
  .member-actions select { font-size:13px; }
  .invite-row { flex-wrap:wrap; gap:10px; }
  .invite-row>div { min-width:180px; }
  .standalone-page { padding:32px 23px 40px; }
  .group-grid { grid-template-columns:1fr; gap:20px; }
  .auth-layout { display:flex; flex-direction:column; padding:35px 23px 40px; gap:30px; }
  .auth-story { order:2; padding-top:10px; }
  .auth-story h2 { font-size:38px; }
  .auth-story>.eyebrow { font-size:9px; }
  .auth-form-wrap { width:100%; padding:26px 22px; }
  .auth-form-header h1 { font-size:34px; }
  .auth-story .auth-art { max-width:420px; }
  .message-page { margin:30px 23px; padding:25px; min-height:250px; }
  .message-page h1 { font-size:32px; }
  .workspace-body .message-page { margin:0; }
  .message-page p { font-size:13px; }
  .public-body .notice { margin:20px 23px; }
}
@media(max-width:460px) {
  .item-grid { grid-template-columns:1fr; }
  .item-art { height:240px; }
  .item-card h3 { font-size:27px; }
  .item-card-body { display:grid; grid-template-columns:1fr auto; gap:0 15px; }
  .item-card-body>.eyebrow,.item-card-body>h3,.item-card-body>.location { grid-column:1; }
  .card-bottom { grid-column:2; grid-row:1/4; flex-direction:column; align-items:flex-end; justify-content:space-between; margin-top:1px; font-size:10px; padding:2px 0 5px; }
  .card-bottom>.icon { width:25px; height:25px; border:1px solid var(--line); border-radius:50%; padding:3px; }
  .card-bottom span { max-width:78px; text-align:right; }
  .hero h1 { font-size:68px; }
  .hero-kicker { font-size:8px; }
  .hero-secondary { font-size:10px; }
  .hero-buttons { gap:17px; }
  .ticket-status { font-size:8px; padding:4px 5px; }
  .shelf-ticket strong { font-size:12px; }
  .shelf-ticket div>span { font-size:9px; }
  .ticket-avatar { width:30px; height:30px; }
  .ticket-avatar .icon { width:17px; }
  .shelf-ticket { gap:8px; padding:12px 10px; }
  .visual-bottom { font-size:7px; gap:10px; }
  .community-strip { gap:15px; }
  .community-strip>div { font-size:11px; }
  .nest-welcome h1 { font-size:39px; }
  .calendar-panel h2 { font-size:22px; }
  .form-row { grid-template-columns:1fr; }
}
@media(max-width:360px) {
  .brand { font-size:24px; }
  .brand-icon { width:33px; height:33px; }
  .public-header-inner,.masthead { padding-left:16px; padding-right:16px; }
  .app-content,.hero { padding-left:18px; padding-right:18px; }
  .hero h1 { font-size:62px; }
  .hero-buttons { gap:14px; }
  .hero-buttons .btn-large { font-size:12px; padding:12px 14px; }
  .public-header .btn-small { padding:9px; font-size:10px; }
  .workspace-switch strong { font-size:11px; }
  .booking-row { gap:8px; }
  .booking-main { min-width:135px; }
  .calendar-panel>.panel-heading { padding:15px 11px; gap:6px; }
  .calendar-panel h2 { font-size:19px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
@media print { .nest-header,.public-header,.app-footer,.public-footer,.btn,.booking-actions { display:none; } body { background:white; } .app-content { padding:0; } }