/* Lalalay presentation identity; workbook values and tags stay unchanged. */
:root{--paper:#fbf5ee;--ink:#443830;--muted:#79685d;--line:#e7d5c8;--accent:#ad4938!important;--tint:#f6e4da!important;--coral:#ce765e;--sky:#cbe4ed}
body{background:var(--paper)}
.top{border-bottom-color:#d9b5a3}
.project-identity{display:flex;align-items:center;gap:20px}
.project-wordmark{font:300 clamp(22px,2.5vw,36px)/1 Georgia,serif;letter-spacing:5px;color:var(--accent)}
.brand{font-size:10px;letter-spacing:1px}
.brand span{display:block;margin-top:3px}
nav button{background:#f0e5dc}
nav button[aria-current=page]{background:var(--accent);box-shadow:0 3px 10px #ad493822}
.file-actions #present{background:var(--accent);border-color:var(--accent)}
.group-figure{background:linear-gradient(155deg,#e2f0f3,var(--sky));isolation:isolate;border:1px solid #c3dce2}
.group-figure::after{content:"";position:absolute;inset:50% 0 0;z-index:-1;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0 6px,#799da7 6px 7px);clip-path:polygon(0 85%,12% 45%,23% 64%,35% 0,46% 54%,59% 28%,74% 70%,88% 12%,100% 52%,100% 100%,0 100%)}
.group-figure>span{color:#9d493a;opacity:.55}
.group-figure figcaption{color:#583f34}
.row:hover{background:#fff7f0}
.row[aria-expanded=true]{background:#faede4}
.item{box-shadow:0 2px 8px #704b3010}
.ordinal{background:var(--accent)}
.tag{background:#e0edf0;color:#365560}
.ramond-footer{display:flex;align-items:center;gap:12px;flex-shrink:0}
.ramond-wordmark{font:500 19px/1 Georgia,serif;letter-spacing:4px;text-transform:uppercase;color:#a44838}
.ramond-footer::before{content:"";height:22px;width:3px;background:var(--coral);display:block}
.slide-footer{border-top:2px solid #dca48c;gap:16px}
.presenting .project-identity{display:flex}.presenting .top{justify-content:space-between}
.presenting .project-wordmark{font-size:25px}
@media(max-width:760px){.project-identity{gap:12px}.project-wordmark{font-size:23px;letter-spacing:3px}.brand{font-size:8px}.slide-footer{flex-wrap:wrap}.ramond-footer{order:0}.ramond-wordmark{font-size:16px;letter-spacing:3px}.slide-footer #source-ref{order:2;width:100%}.paging{margin-left:auto}.presenting .project-identity{display:flex}.presenting .top{flex-wrap:nowrap}.presenting .project-wordmark{font-size:21px}}
@media print{.ramond-footer{display:flex}.slide-footer{border-top-color:var(--coral)}}
/* One complete group per sheet; three permanent content columns. */
.catalog{height:calc(100dvh - 158px);min-height:500px;--row-font:17px;--row-pad:8px}
.section-heading{padding:8px 0 14px}h1{font-size:clamp(24px,2.4vw,40px)}
.spread{grid-template-columns:18% minmax(0,1fr);gap:2%}.group-figure{padding:18px}.group-figure>span{font-size:clamp(40px,5vw,80px)}.group-figure figcaption{font-size:clamp(16px,1.5vw,24px)}
.list-heading,.row{display:grid;grid-template-columns:26% minmax(0,1fr) 21%;gap:16px}
.list-heading{padding:0 14px 9px;font-size:11px;letter-spacing:.3px}
#items,.print-items{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow:visible;padding:0}
.item{border-left-width:3px;border-radius:4px 8px 8px 4px;flex:1 0 auto;box-shadow:none}
.row{padding:var(--row-pad) 12px;align-items:center;font-size:var(--row-font);line-height:1.28;cursor:default}
.row:hover{background:none}.name-wrap{display:block}.name{font-size:inherit;line-height:inherit}.name.has-project{color:#887b72;font-weight:500}
.ordinal{display:inline-block;min-width:18px;margin-right:7px;padding:1px 4px;font-size:.78em;vertical-align:1px}
.desc{font-size:inherit;line-height:inherit;font-weight:500}.spec{font-size:.9em;margin-top:3px;line-height:1.25;color:#79685d}
.brand-cell{font-size:.94em;line-height:1.3;white-space:pre-line;overflow-wrap:anywhere;border-left:1px solid var(--line);padding-left:12px;color:#645347}
.note-text{font-size:.93em;line-height:1.3;margin-top:4px;color:#913d2e;background:#fff0df;border-left:3px solid #ce765e;padding:4px 7px;border-radius:2px}
.tag{font-size:max(11px,.83em);padding:3px 10px;margin-top:5px;border:1px solid #c3dce2;letter-spacing:.3px}
.slide-footer{margin-top:12px;padding-top:8px}.presenting .catalog{height:calc(100dvh - 112px)}
#print-pages{position:absolute;left:-20000px;top:0;width:277mm;visibility:hidden;pointer-events:none}
#print-pages .print-sheet{width:277mm;height:189mm;min-height:0;margin:0;--row-font:14px;--row-pad:4px}
#print-pages .section-heading{padding:0 0 10px}#print-pages h1{font-size:28px}#print-pages .section-heading p{font-size:9px}
#print-pages .spread{display:grid;grid-template-columns:18% minmax(0,1fr);gap:2%}
#print-pages .group-figure{display:flex;padding:14px}#print-pages .group-figure img{height:55%}#print-pages .group-figure>span{display:block;font-size:56px}#print-pages .group-figure figcaption{font-size:18px}
#print-pages .list-heading{display:grid}#print-pages .row{grid-template-columns:26% minmax(0,1fr) 21%;gap:12px}#print-pages .summary{padding:0;grid-column:auto}#print-pages .brand-cell{grid-column:auto}
#print-pages .slide-footer{flex-wrap:nowrap}#print-pages .paging{display:flex}#print-pages .print-source{font-size:9px}
@media(max-width:760px){
 .file-actions{flex-wrap:wrap}.catalog,.presenting .catalog{height:auto;min-height:0}.spread{grid-template-columns:1fr;gap:14px}
 .group-figure{padding:10px 16px;min-height:90px}.group-figure img{height:80px}.group-figure figcaption{font-size:20px}
 .list-heading{display:none}#items{gap:8px}.row{grid-template-columns:1fr;gap:8px;padding:12px;font-size:14px}
 .summary{grid-column:auto;padding:0}.brand-cell{border-left:0;border-top:1px solid var(--line);padding:8px 0 0;font-size:13px}.brand-cell::before{content:'Nhãn hiệu: ';font-size:11px;color:var(--muted)}
 .name{font-size:15px}.tag{font-size:12px}.note-text,.spec{font-size:13px}.desc{font-size:14px}.slide-footer{margin-top:14px}
 #print-pages .name,#print-pages .desc{font-size:inherit}#print-pages .spec,#print-pages .note-text{font-size:.9em}#print-pages .brand-cell{border-top:0;border-left:1px solid var(--line);padding:0 0 0 12px;font-size:.94em}#print-pages .brand-cell::before{content:none}
}
@media print{
 @page{size:A4 landscape;margin:10mm}
 body>.top,body>main{display:none!important}
 #print-pages{position:static;width:auto;visibility:visible;pointer-events:auto}
 #print-pages .print-sheet{break-after:page;page-break-after:always}
 #print-pages .print-sheet:last-child{break-after:auto;page-break-after:auto}
 .item{break-inside:avoid}body{background:#fbf5ee;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}
.row{height:auto;flex:none}.item{justify-content:center}
@media(min-width:761px){
 .name-wrap .name{display:inline}.name-wrap .tag{margin:2px 0 2px 7px}
 .summary .desc,.summary .spec{display:block;white-space:pre-line}
 .note-text{white-space:normal;padding:2px 5px;margin-top:3px}
}
#print-pages .name-wrap .name{display:inline}#print-pages .name-wrap .tag{margin:2px 0 2px 7px}
#print-pages .summary .desc,#print-pages .summary .spec{display:block;white-space:pre-line}
#print-pages .note-text{white-space:normal;padding:2px 5px;margin-top:3px}
@media(min-width:761px){.list-heading,.row{grid-template-columns:22% minmax(0,1fr) 32%;gap:12px}}
#print-pages .list-heading,#print-pages .row{grid-template-columns:22% minmax(0,1fr) 32%;gap:12px}
@media(min-width:761px) and (max-height:800px){
 .top{height:48px}nav{padding:8px 0}.catalog{height:calc(100dvh - 126px);min-height:0}
 .section-heading{padding:4px 0 8px}.section-heading p{display:none}h1{font-size:26px}
 .slide-footer{margin-top:7px;padding-top:5px}.presenting .catalog{height:calc(100dvh - 103px)}
}
#print-pages .row{font-size:var(--row-font);padding:var(--row-pad) 12px}
#print-pages .section-heading p{display:block}

/* Compact shared identity; source text remains in workbook/snapshot metadata. */
.project-identity{gap:12px;min-width:0}.identity-divider{color:#c99b86;font-size:20px}
.project-identity .brand{font-size:12px;letter-spacing:0;max-width:245px;line-height:1.3}
.project-wordmark{font-size:26px;letter-spacing:3px}.ramond-wordmark{font-size:20px;letter-spacing:2px}
.section-controls{display:flex;align-items:center;gap:20px}.paging{gap:8px}#page-number{min-width:50px}
.catalog{height:calc(100dvh - 136px);min-height:0;padding-bottom:12px}
.presenting .catalog{height:calc(100dvh - 112px)}.presenting .brand{display:block}
.status-message{position:fixed;bottom:8px;left:3.5%;max-width:90%;padding:6px 10px;background:var(--paper);border:1px solid var(--line);font-size:11px;z-index:5}
.status-message:empty{display:none}
#print-pages .project-identity{margin-bottom:12px;flex-shrink:0}#print-pages .project-identity .brand{max-width:none}
@media(min-width:761px) and (max-height:800px){.catalog{height:calc(100dvh - 108px)}.presenting .catalog{height:calc(100dvh - 108px)}}
@media(max-width:1100px){.top{gap:10px}.project-identity{gap:8px}.project-wordmark{font-size:21px}.ramond-wordmark{font-size:17px}.project-identity .brand{font-size:11px}.file-actions{gap:5px}.file-actions button,.file-actions label{padding:6px 8px}}
@media(max-width:760px){.project-identity{flex-wrap:wrap;gap:7px}.project-identity .brand{max-width:none;font-size:11px}.catalog,.presenting .catalog{height:auto}.section-heading{gap:10px}.section-controls{flex-direction:column;align-items:flex-end;gap:5px}.paging button{width:28px;height:26px}.presenting .top{flex-wrap:wrap}.presenting .project-identity{flex:1}}

#items,.print-items{gap:3px}
