/* BORONDO V8.7 — compact size/variant editor. Preview and associated image are intentionally separate. */
.v8-panel[data-borondo-ve="true"]>.borondo-ve-base-variant{display:none!important}
.v8-panel[data-borondo-ve="true"]>.v8-panel-head .borondo-ve-hide-base-add{display:none!important}
.borondo-ve-host{margin:0 -1px -1px}
.borondo-ve-editor{border-top:1px solid var(--line);background:#fbfaf7}
.borondo-ve-intro{padding:11px 13px 7px}.borondo-ve-intro h3{margin:0;font:600 16px/1.15 Georgia,serif}.borondo-ve-intro p{margin:4px 0 0;color:#777067;font-size:8.5px}
.borondo-ve-eyebrow{display:block;margin-bottom:4px;font-size:7px;letter-spacing:.14em;color:#315847;font-weight:850}
.borondo-ve-size-section,.borondo-ve-no-size{margin:0 10px 9px;border:1px solid #ded9cf;border-radius:10px;background:#f6f3ed;padding:9px 10px}
.borondo-ve-size-title,.borondo-ve-no-size{display:flex;align-items:center;justify-content:space-between;gap:10px}.borondo-ve-size-title{margin-bottom:7px}
.borondo-ve-size-title span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#315847;font-weight:850}.borondo-ve-size-title b,.borondo-ve-no-size b{display:block;font-size:10px;margin-top:2px}.borondo-ve-no-size span{display:block;color:#777067;font-size:8px;margin-top:2px}
.borondo-ve-size-actions,.borondo-ve-size-pills{display:flex;flex-wrap:wrap;gap:5px}
.borondo-ve-size-actions button,.borondo-ve-no-size button,.borondo-ve-list-head button,.borondo-ve-local-history button,.borondo-ve-delete-row button,.borondo-ve-picker button,.borondo-ve-image-menu button,.borondo-ve-add-modal button,.borondo-ve-viewer button{appearance:none;border:1px solid #d7d2c8;background:#fff;color:#292621;border-radius:8px;padding:6px 8px;font:700 8px/1 Arial,sans-serif;cursor:pointer}
.borondo-ve-size-actions button.danger,.borondo-ve-delete-row button.danger{color:#93483f;border-color:#e4cbc7;background:#fffafa}
.borondo-ve-size-actions button:disabled,.borondo-ve-local-history button:disabled,.borondo-ve-image-menu button:disabled{opacity:.35;cursor:not-allowed}
.borondo-ve-size-pills button{appearance:none;display:inline-flex;align-items:center;gap:5px;min-height:31px;border:1px solid #d1ccc2;background:#fff;border-radius:999px;padding:6px 11px;font:700 9px/1 Arial,sans-serif;cursor:pointer}
.borondo-ve-size-pills button small{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ece9e2;font-size:7px;color:#70695f}
.borondo-ve-size-pills button.is-active{background:#292621;border-color:#292621;color:#fff}.borondo-ve-size-pills button.is-active small{background:rgba(255,255,255,.16);color:#fff}
.borondo-ve-list-head{display:flex;align-items:center;justify-content:space-between;padding:1px 11px 6px}.borondo-ve-list-head span{font-size:7px;letter-spacing:.12em;color:#315847;font-weight:850}.borondo-ve-list-head b{font-size:9px;margin-left:5px}
.borondo-ve-list{padding:0 9px 10px}
.borondo-ve-variant{border:1px solid #ded9cf;border-radius:10px;background:#fff;overflow:hidden;margin-bottom:5px}.borondo-ve-variant.is-open{border-color:#c9c2b7;box-shadow:0 2px 11px rgba(45,39,31,.04)}
.borondo-ve-variant-head.compact-row{display:grid;grid-template-columns:58px minmax(150px,1fr) 58px minmax(128px,auto) 28px;align-items:center;gap:8px;padding:5px 7px;background:#fff}
.borondo-ve-image-trigger{appearance:none;border:0;background:transparent;padding:1px;display:grid;justify-items:center;gap:2px;cursor:pointer;border-radius:8px}.borondo-ve-image-trigger:hover{background:#f6f3ed}.borondo-ve-image-trigger small{font-size:6px;letter-spacing:.08em;color:#8a8379;font-weight:850}
.borondo-ve-swatch{width:34px;height:34px;min-width:34px;border-radius:50%;overflow:hidden;border:1px solid #d2cdc3;background:#f0eee8;display:inline-grid;place-items:center;color:#817b70;font-size:9px}.borondo-ve-swatch img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;padding:0!important;background:transparent!important}.borondo-ve-swatch.color{background:var(--ve-swatch)!important}.borondo-ve-swatch.large{width:82px;height:82px;min-width:82px}
.borondo-ve-associated{width:38px;height:38px;min-width:38px;border-radius:7px;overflow:hidden;border:1px solid #d2cdc3;background:#f0eee8;display:inline-grid;place-items:center;color:#817b70;font-size:9px}.borondo-ve-associated img{width:100%!important;height:100%!important;object-fit:contain!important;padding:2px!important;background:transparent!important}.borondo-ve-associated.large{width:92px;height:92px;min-width:92px;border-radius:10px}
.borondo-ve-name-cell{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}
.borondo-ve-type-badge{font-size:6.5px;letter-spacing:.09em;font-weight:850;color:#5d625c;background:#edf0eb;border-radius:999px;padding:4px 6px;white-space:nowrap}
.borondo-ve-inline-name{width:100%;min-width:0;border:1px solid transparent;background:transparent;border-radius:7px;padding:6px 7px;font:650 12px/1.1 Arial,sans-serif;outline:none;text-overflow:ellipsis}.borondo-ve-inline-name:hover{background:#faf8f3;border-color:#e3dfd7}.borondo-ve-inline-name:focus{background:#fff;border-color:#8fa396;box-shadow:0 0 0 2px rgba(54,95,77,.08)}
.borondo-ve-row-stats{display:grid;justify-items:end;gap:1px;min-width:0}.borondo-ve-row-stats b{font-size:10px;color:#315847}.borondo-ve-row-stats span{font-size:7px;color:#777067;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.borondo-ve-expand{appearance:none;width:28px;height:28px;border:0;border-radius:50%;background:#f3f0ea;color:#514d46;font-weight:850;cursor:pointer}.borondo-ve-expand:hover{background:#e9e5dc}
.borondo-ve-body.compact-body{border-top:1px solid #e5e1d9;background:#faf9f6;padding:7px 8px 8px}
.borondo-ve-edit-note{font-size:7px;color:#7f786e;margin:0 0 6px 2px}
.borondo-ve-fields.compact{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:5px;margin-bottom:8px}
.borondo-ve-fields label span{display:block;margin:0 0 3px 2px;color:#777067;font-size:7px}.borondo-ve-fields input,.borondo-ve-fields select{width:100%;height:29px;border:1px solid #dad5cb;border-radius:7px;background:#fff;padding:5px 7px;font-size:9px;outline:none}.borondo-ve-fields input:focus,.borondo-ve-fields select:focus{border-color:#8fa396;box-shadow:0 0 0 2px rgba(54,95,77,.07)}
.borondo-ve-media-head{margin:2px 0 5px}.borondo-ve-media-head b{display:block;font-size:9px}.borondo-ve-media-head small{display:block;color:#756f65;font-size:7px;margin-top:1px}
.borondo-ve-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:5px}.borondo-ve-media{position:relative;min-height:60px;border:1px solid #ddd8ce;border-radius:7px;background:#efede7;overflow:hidden;opacity:.48}.borondo-ve-media.is-on{opacity:1;border-color:#aabaae}.borondo-ve-media.is-primary{outline:2px solid #315847;outline-offset:1px}.borondo-ve-media img{width:100%;height:60px;object-fit:contain!important;background:#f0eee8}.borondo-ve-media>div{position:absolute;left:3px;right:3px;bottom:3px;display:flex;justify-content:space-between}.borondo-ve-media button{width:22px;height:20px;border:0;border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 1px 4px rgba(0,0,0,.11);font-size:9px;font-weight:850;cursor:pointer}.borondo-ve-media.is-primary [data-ve-media-primary]{background:#315847;color:#fff}
.borondo-ve-delete-row{display:flex;justify-content:flex-end;margin-top:7px;border-top:1px solid #e2ded5;padding-top:6px}.borondo-ve-muted{padding:14px;text-align:center;color:#817a70;font-size:8px;border:1px dashed #d7d2c8;border-radius:8px;grid-column:1/-1}
.borondo-ve-local-history{position:sticky;bottom:60px;z-index:24;margin:3px 8px 8px;border-radius:10px;background:rgba(38,36,31,.96);box-shadow:0 9px 28px rgba(0,0,0,.15);padding:6px;display:flex;align-items:center;justify-content:space-between;gap:7px;color:#fff;backdrop-filter:blur(10px)}.borondo-ve-local-history>div{display:flex;align-items:center;gap:4px;min-width:0}.borondo-ve-local-history span{font-size:7px;color:#d7d2c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.borondo-ve-local-history button{border-color:#4b4841;background:#44413a;color:#fff;padding:6px 7px}.borondo-ve-local-history button.apply{background:#e8efe9;color:#254838;border-color:#e8efe9}
.borondo-ve-overview-size{margin:0 0 8px;border:1px solid #dad5cb;border-radius:9px;background:#f6f3ed;padding:7px 9px;display:flex;align-items:center;gap:8px}.borondo-ve-overview-size>span{font-size:7px;text-transform:uppercase;letter-spacing:.11em;color:#315847;font-weight:850}.borondo-ve-overview-size>div{display:flex;flex-wrap:wrap;gap:4px}.borondo-ve-overview-size button{border:1px solid #d1ccc2;background:#fff;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:750;cursor:pointer}.borondo-ve-overview-size button.is-active{background:#292621;border-color:#292621;color:#fff}.borondo-ve-overview-pair{display:flex;align-items:center;gap:4px;min-width:76px!important;width:auto!important}
.borondo-ve-modal-bg,.borondo-ve-picker-bg{position:absolute!important;inset:0!important;border:0!important;border-radius:0!important;background:rgba(25,23,19,.34)!important}
.borondo-ve-picker,.borondo-ve-image-menu,.borondo-ve-add-modal,.borondo-ve-viewer{position:fixed;inset:0;z-index:360;display:flex;align-items:flex-end;justify-content:center}
.borondo-ve-picker>section,.borondo-ve-image-menu>section,.borondo-ve-add-modal>section,.borondo-ve-viewer>section{position:relative;width:min(610px,100%);max-height:82vh;overflow:auto;background:#fbfaf7;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(0,0,0,.18)}
.borondo-ve-picker header,.borondo-ve-image-menu header,.borondo-ve-add-modal header,.borondo-ve-viewer header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.borondo-ve-picker header span,.borondo-ve-image-menu header span,.borondo-ve-add-modal header span,.borondo-ve-viewer header span{font-size:7px;letter-spacing:.13em;color:#315847;font-weight:850}.borondo-ve-picker h3,.borondo-ve-image-menu h3,.borondo-ve-add-modal h3{font:600 18px/1.15 Georgia,serif;margin:3px 0 0}.borondo-ve-picker header p{margin:4px 0 0;color:#756e64;font-size:8px}.borondo-ve-picker header>button,.borondo-ve-image-menu header>button,.borondo-ve-add-modal header>button,.borondo-ve-viewer header>button{font-size:15px;padding:5px 9px}
.borondo-ve-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.borondo-ve-picker-grid button{padding:3px;min-height:86px;border-radius:9px;background:#f0eee8;display:grid;grid-template-rows:1fr auto;gap:3px}.borondo-ve-picker-grid button:hover{border-color:#315847}.borondo-ve-picker-grid img{width:100%;height:68px;object-fit:contain!important;border-radius:6px;background:#efede7}.borondo-ve-picker-grid small{font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.borondo-ve-picker footer,.borondo-ve-add-modal footer{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid #dfdbd2;margin-top:10px;padding-top:9px}.borondo-ve-add-modal footer .primary{background:#315847;color:#fff;border-color:#315847}
.borondo-ve-image-menu>section{width:min(480px,100%)}.borondo-ve-menu-preview{display:grid;place-items:center;min-height:112px;background:#f2f0ea;border:1px solid #ded9cf;border-radius:10px;margin-bottom:9px}.borondo-ve-menu-preview.assoc .borondo-ve-associated.large{width:118px;height:96px}.borondo-ve-menu-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.borondo-ve-menu-actions button{min-height:34px}.borondo-ve-image-menu>section>p{margin:8px 2px 0;color:#756f65;font-size:7.5px;line-height:1.4}
.borondo-ve-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:3px 0 11px}.borondo-ve-type-choice label{position:relative}.borondo-ve-type-choice input{position:absolute;opacity:0;pointer-events:none}.borondo-ve-type-choice span{display:grid;place-items:center;min-height:42px;border:1px solid #d4cfc5;border-radius:10px;background:#fff;font:750 10px Arial,sans-serif;cursor:pointer}.borondo-ve-type-choice input:checked+span{background:#292621;border-color:#292621;color:#fff}
.borondo-ve-new-name span{display:block;font-size:8px;color:#706a61;margin:0 0 4px 2px}.borondo-ve-new-name input{width:100%;height:38px;border:1px solid #d7d2c8;border-radius:9px;background:#fff;padding:8px 10px;font-size:11px;outline:none}.borondo-ve-new-name input:focus{border-color:#8fa396;box-shadow:0 0 0 2px rgba(54,95,77,.08)}
.borondo-ve-viewer{align-items:center;padding:18px}.borondo-ve-viewer>section{width:min(760px,100%);max-height:90vh;border-radius:16px;padding:12px}.borondo-ve-viewer header{margin-bottom:8px}.borondo-ve-viewer>section>img{width:100%;max-height:74vh;object-fit:contain;background:#f0eee8;border-radius:10px}
.borondo-ve-toast{position:fixed;z-index:430;left:50%;bottom:82px;transform:translate(-50%,9px);opacity:0;pointer-events:none;background:#211f1b;color:#fff;border-radius:999px;padding:9px 13px;font-size:9px;transition:.16s}.borondo-ve-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.borondo-ve-intro{padding:10px 8px 6px}.borondo-ve-size-section,.borondo-ve-no-size{margin-left:6px;margin-right:6px}.borondo-ve-size-title{align-items:flex-start;flex-direction:column}.borondo-ve-size-actions{width:100%;justify-content:flex-start}.borondo-ve-size-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.borondo-ve-size-pills::-webkit-scrollbar{display:none}.borondo-ve-size-pills button{flex:0 0 auto}.borondo-ve-list{padding-left:5px;padding-right:5px}.borondo-ve-list-head{padding-left:7px;padding-right:7px}.borondo-ve-variant-head.compact-row{grid-template-columns:48px minmax(105px,1fr) 48px 78px 26px;gap:4px;padding:5px 4px}.borondo-ve-image-trigger small{font-size:5.5px}.borondo-ve-swatch{width:31px;height:31px;min-width:31px}.borondo-ve-associated{width:34px;height:34px;min-width:34px}.borondo-ve-name-cell{grid-template-columns:1fr;gap:1px}.borondo-ve-type-badge{justify-self:start;padding:2px 4px;font-size:5.5px}.borondo-ve-inline-name{font-size:10px;padding:4px 3px}.borondo-ve-row-stats b{font-size:8.5px}.borondo-ve-row-stats span{font-size:6px;max-width:78px}.borondo-ve-expand{width:25px;height:25px}.borondo-ve-body.compact-body{padding:6px 5px}.borondo-ve-fields.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.borondo-ve-fields input,.borondo-ve-fields select{height:30px;font-size:8px}.borondo-ve-media-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.borondo-ve-media,.borondo-ve-media img{min-height:54px;height:54px}.borondo-ve-local-history{bottom:55px;margin:3px 5px 7px}.borondo-ve-local-history span{max-width:34vw}.borondo-ve-local-history button{padding:6px}.borondo-ve-picker>section,.borondo-ve-image-menu>section,.borondo-ve-add-modal>section{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.borondo-ve-picker-grid{grid-template-columns:repeat(4,1fr)}.borondo-ve-menu-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.borondo-ve-variant-head.compact-row{grid-template-columns:44px minmax(82px,1fr) 44px 68px 24px}.borondo-ve-row-stats span:last-child{max-width:68px}.borondo-ve-fields.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.borondo-ve-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.borondo-ve-menu-actions{grid-template-columns:repeat(2,1fr)}}