/* ipp-revenue-v1.6.6.css */ /* v1.6.6 (26 Oct 2026, House Ads S1): THE HOUSE ADS ROWS. One full-width row per house kind, in the Sponsors row frame (name, preview, words, actions). The preview is the version's own words in the banner-shaped box, since a house ad has no banner picture. The preview shows the headline and the first line of copy. Version chips are ix-chip (fixed 240 wide, long names cut): the version running is outlined in ink, a new pick is ix-chip--changed (gold) until Save. A kind not in this issue sits on cream with its preview faded. The slots column fills the width (no shelf on this pill). Needs ipp-revenue-v1.6.11.js. Includes v1.6.5. */ /* ipp-revenue-v1.6.5.css */ /* v1.6.5 (26 Oct 2026, November Build): SPONSORS AS FULL-WIDTH ROWS. Each section is one short row: the section name large on the left with its block count, the sponsor's ad in banner shape, then the sponsor, what it is and the note, and the actions at the right. Chosen, pending (gold), Clone (salmon), saved and failed states keep their borders. Needs ipp-revenue-v1.6.8.js (one-column grid). Banners and Splash unchanged. Includes v1.6.4 and v1.6.3. */ /* v1.6.4 (26 Oct 2026, November Build): a tile's note wraps instead of running off the tile. The note line ("Story in Around Town: move it to its own tile on Layout.") was one line cut with an ellipsis; it now wraps onto as many lines as it needs, inside the tile. The customer and kind lines above it stay one line. Includes v1.6.3 (whole ad in the thumbnail). */ /* v1.6.3 (26 Oct 2026, November Build): a tile shows the WHOLE ad. Thumbnails were cropped to fill the 700 x 235 box (object-fit:cover), so a wider ad (the vet's 700 x 130 banner) lost both ends on the tile and looked like it overran. Now object-fit:contain on the cream ground, as the newsletter itself shows the ad in full. Nothing else changes. */ /* ============================================================ ipp-revenue-v1.6.3.css — Revenue view styles · REVENUE LIGHT Companion script: ipp-revenue-v1.6.6.js v1.6.2 (23 Oct 2026): the LEAD runs across. Width var(--rv-lead-w) (the banner row, set by the script), height 236 like a banner tile; the picture on the left (158 high, banner shape), words and links on the right. A Lead note card stays one column. Narrow: 260 x 236. Block at the end; it overrides the v1.2 Lead sizes. v1.6.1 (22 Oct 2026, Reserved Tiles Build S3): the NOTE CARD on an empty banner slot (.ipp-rv-tile.is-note: a text box in the tile, the note word line, the links; a saved note sits in a dashed gold card, .is-held; a deleted or moving note shows struck through, .ipp-rv-notetext.is-gone) and the MOVE TO… panel (.ipp-rv-move), drawn over the tile inside the canvas. Block at the end. Every tile keeps its fixed size (260 x 236; the Lead 534 x 430). v1.6.0: no style change; renamed to pair with the N-of-N script. v1.5.5 restyles the shelf head (Allocations look) and puts the search in the platform's ix-search control; .ipp-rv-shelf-target is unused. v1.5.4 adds .ipp-rv-count (filled/total on each tab) and .ipp-rv-tab-end. v1.5.3 adds .ipp-rv-dot (salmon, only when a tab needs attention). The ready pill and tab marks left the script in v1.5.2; their rules below are unused. v1.5.1 (10 Oct 2026) — the shelf is pinned to the right edge and runs the full height of the working area (standing rule). The canvas holds still; the slots column scrolls; the shelf list scrolls inside the shelf. The empty right rail is hidden on this view. Block at the end. v1.3 (IPP Build S7, 9 Oct 2026) — tabs. · Three tabs, Banners · Splash · Sponsors, on the ix-tab-pill pattern (ix-header). The pill look is repeated here, scoped to Revenue, so the tabs look right whether or not ix-header's sheet is on the page. Every tab is the same fixed size. · Each tab carries a state mark: salmon Not ready, gold Unsaved, green Ready, grey Not built. The mark is a small white chip so it reads on the blue active tab as well. · The title row carries one pill: Revenue ready / Revenue not ready. · Retired: .ipp-rv-sub, .ipp-rv-summary, .ipp-rv-ackbar rules stay below, unused, until the next clean-up (no markup emits them). v1.2 (IPP Build S7, 9 Oct 2026) — the hero row. · Splash and Lead sit in a hero row above the banner grid, both fixed and taller than a banner tile (HC-P-RV1-6): Splash 260 x 430 with a 256 px portrait picture; Lead 534 x 430 with the banner picture across its width. Stacked (no room side by side): Splash 534 x 430 too. Narrow (under 534): Lead 260 x 300. · Ceremony lives in a header band across the top of the card: Splash deep teal (most), Lead soft teal (less). Border colours are untouched, so state still reads the same on every card. · Card padding is held in --rv-py / --rv-px so the header band reaches the card edge in the 1 px and 2 px border states alike. · "Banners" label above the grid of Banner 2..N. v1.1 (IPP Build S7, 9 Oct 2026) — the Splash tile. · The Splash tile is the same fixed 260 px tile as a banner. Its picture box keeps the banner box's size; the portrait splash picture is shown whole inside it (contain) on a dark bed, so the grid stays even. · On the shelf, while Splash is chosen, each ad's picture box keeps its size and shows the splash picture whole. · A Splash tile that cannot be chosen (no NEWSLETTER yet) is dashed and does not react to hover. Load after ix-tokens, ix-buttons, ix-form-controls, ix-info and ipp-shell-v1.6.css. v1.0 (IPP Build S7, 9 Oct 2026) — first build. · Banner slots are FIXED-size tiles (260 px wide, fixed height) in a grid that fills left to right. A tile never grows or shrinks with its text; long names cut with an ellipsis. · The ad shelf is a fixed 360 px column, right beside the tiles: the script sizes the slots column to whole tiles, so no gap opens between them. Too narrow for both: the shelf goes under. · States, one colour each (ix-tokens): blue ring the chosen slot (focus colour) gold a change waiting for Save (--ix-changed-border) salmon a cloned ad waiting for approval (needs you) green saved, until the plan is read again red text a save that failed, with the reason · The save bar sticks to the bottom of the canvas. ============================================================ */ [data-ipp-root] .ipp-rv{display:flex;flex-direction:column;gap:16px;min-height:100%} [data-ipp-root] .ipp-rv-head{margin:0} [data-ipp-root] .ipp-rv-kicker{margin:0 0 6px;font:600 11px var(--ix-font-body);letter-spacing:.14em; text-transform:uppercase;color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-titlerow{display:flex;align-items:center;gap:12px;white-space:nowrap} [data-ipp-root] .ipp-rv-title{margin:0;font:600 30px var(--ix-font-display);letter-spacing:-.012em; color:var(--ix-text-dark);line-height:1.1} [data-ipp-root] .ipp-rv-titlerow .ix-info-badge{border-color:var(--ix-border) !important;color:var(--ix-text-mid) !important} [data-ipp-root] .ipp-rv-titlerow .ix-info-badge:hover{border-color:var(--ix-gold) !important} [data-ipp-root] .ipp-rv-sub{margin:8px 0 0;font:400 14px var(--ix-font-body);color:var(--ix-text-mid)} [data-ipp-root] .ipp-rv-summary{display:flex;gap:22px;font:400 13px var(--ix-font-body);color:var(--ix-text-mid);white-space:nowrap} [data-ipp-root] .ipp-rv-summary b{font-weight:600;color:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-summary .is-ack b, [data-ipp-root] .ipp-rv-summary .is-ack{color:var(--ix-salmon-ink)} [data-ipp-root] .ipp-rv-msg{padding:12px 14px;border:1px solid var(--ix-border);border-radius:var(--ix-radius-sm); background:var(--ix-cream-warm);font:500 13px var(--ix-font-body);color:var(--ix-text-mid)} [data-ipp-root] .ipp-rv-msg.is-err{border-color:var(--ix-danger);color:var(--ix-danger);background:var(--ix-surface)} [data-ipp-root] .ipp-rv-ackbar{padding:11px 14px;border-radius:var(--ix-radius-sm);border:1px solid var(--ix-salmon); border-left-width:4px;background:var(--ix-salmon-ghost);font:500 13px var(--ix-font-body);color:var(--ix-salmon-ink)} /* ── two columns: slots | shelf ─────────────────────────────── */ /* The script sets the slots column to the exact width of its tiles (fit()), so the shelf sits right beside them. */ [data-ipp-root] .ipp-rv-body{display:flex;gap:24px;align-items:flex-start} [data-ipp-root] .ipp-rv-slots{flex:none;min-width:260px} [data-ipp-root] .ipp-rv-grid{display:grid;grid-template-columns:repeat(auto-fill,260px);gap:14px} [data-ipp-root] .ipp-rv-body.is-stacked{flex-direction:column} [data-ipp-root] .ipp-rv-body.is-stacked .ipp-rv-shelf{position:static;width:100%;max-height:none} /* ── slot tile (fixed size) ─────────────────────────────────── */ [data-ipp-root] .ipp-rv-tile{--rv-py:10px;--rv-px:12px;box-sizing:border-box;width:260px;height:236px;display:flex;flex-direction:column; padding:var(--rv-py) var(--rv-px);background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--ix-radius-sm); box-shadow:var(--ipp-shadow-card, var(--ix-shadow-sm));cursor:pointer;outline:none; transition:border-color .15s var(--ix-ease),box-shadow .15s var(--ix-ease)} [data-ipp-root] .ipp-rv-tile:hover{border-color:var(--ix-border-input)} [data-ipp-root] .ipp-rv-tile:focus-visible{box-shadow:0 0 0 3px var(--ix-blue-glow)} [data-ipp-root] .ipp-rv-tile.is-armed{border-color:var(--ix-blue);box-shadow:0 0 0 3px var(--ix-blue-glow)} [data-ipp-root] .ipp-rv-tile.is-ack{border-color:var(--ix-salmon);border-width:2px;--rv-py:9px;--rv-px:11px;background:var(--ix-salmon-ghost)} [data-ipp-root] .ipp-rv-tile.is-pending{border-color:var(--ix-changed-border, var(--ix-gold));border-width:2px;--rv-py:9px;--rv-px:11px; box-shadow:0 0 0 3px var(--ix-gold-glow)} [data-ipp-root] .ipp-rv-tile.is-pending.is-armed{box-shadow:0 0 0 3px var(--ix-blue-glow)} [data-ipp-root] .ipp-rv-tile.is-saved{border-color:var(--ix-ok)} [data-ipp-root] .ipp-rv-tile.is-fail{border-color:var(--ix-danger);border-width:2px;--rv-py:9px;--rv-px:11px} [data-ipp-root] .ipp-rv-tile-head{display:flex;align-items:center;justify-content:space-between;height:18px;margin:0 0 8px} [data-ipp-root] .ipp-rv-headtext{display:flex;flex-direction:column;min-width:0} [data-ipp-root] .ipp-rv-slotname{font:600 11px var(--ix-font-body);letter-spacing:.1em;text-transform:uppercase; color:var(--ix-text-light);white-space:nowrap} [data-ipp-root] .ipp-rv-chosen{font:600 10px var(--ix-font-body);letter-spacing:.08em;text-transform:uppercase; color:var(--ix-blue);white-space:nowrap} /* banner shape 700 x 235 */ [data-ipp-root] .ipp-rv-thumb{flex:none;width:100%;aspect-ratio:700/235;border-radius:var(--ix-radius-sharp);overflow:hidden; background:var(--ix-cream-deep);display:flex;align-items:center;justify-content:center} [data-ipp-root] .ipp-rv-thumb img{width:100%;height:100%;object-fit:contain;display:block} /* v1.6.3: was cover */ [data-ipp-root] .ipp-rv-thumb span{font:500 12px var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-tile.is-empty .ipp-rv-thumb{background:transparent;border:1px dashed var(--ix-border-input)} [data-ipp-root] .ipp-rv-tile.is-removing .ipp-rv-thumb img{opacity:.35} [data-ipp-root] .ipp-rv-who, [data-ipp-root] .ipp-rv-what{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-ipp-root] .ipp-rv-note{white-space:normal;overflow-wrap:anywhere;line-height:1.4} /* v1.6.4: wraps */ [data-ipp-root] .ipp-rv-who{margin:8px 0 0;font:600 13px var(--ix-font-body);color:var(--ix-text-dark);height:18px} [data-ipp-root] .ipp-rv-what{font:400 12px var(--ix-font-body);color:var(--ix-text-mid);height:17px} [data-ipp-root] .ipp-rv-note{margin:4px 0 0;font:500 12px var(--ix-font-body);min-height:17px} /* v1.6.4: was height:17px */ [data-ipp-root] .ipp-rv-note .dim{color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-note .gold{color:var(--ix-gold-ink)} [data-ipp-root] .ipp-rv-note .ack{color:var(--ix-salmon-ink)} [data-ipp-root] .ipp-rv-note .ok{color:var(--ix-ok)} [data-ipp-root] .ipp-rv-note .bad{color:var(--ix-danger)} [data-ipp-root] .ipp-rv-acts{margin-top:auto;display:flex;align-items:center;gap:14px;height:32px} /* Approve is the standard ix-btn--secondary (ix-buttons sets it with !important). */ [data-ipp-root] .ipp-rv-acts .ix-revert{font-size:12px} [data-ipp-root] .ipp-rv-acts .ipp-rv-cancel{margin-left:auto} /* ── ad shelf (fixed 360 px) ────────────────────────────────── */ [data-ipp-root] .ipp-rv-shelf{position:sticky;top:0;box-sizing:border-box;width:360px;display:flex;flex-direction:column; max-height:calc(100vh - 140px);background:var(--ix-surface);border:1px solid var(--ix-border); border-radius:var(--ix-radius-sm);box-shadow:var(--ipp-shadow-card, var(--ix-shadow-sm))} [data-ipp-root] .ipp-rv-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px; padding:12px 14px 8px;white-space:nowrap} [data-ipp-root] .ipp-rv-shelf-title{font:600 15px var(--ix-font-display);color:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-shelf-target{font:400 12px var(--ix-font-body);color:var(--ix-text-mid);overflow:hidden;text-overflow:ellipsis} [data-ipp-root] .ipp-rv-shelf-target b{color:var(--ix-blue);font-weight:600} [data-ipp-root] .ipp-rv-search{margin:0 14px 10px;height:34px;box-sizing:border-box;padding:0 10px; border:1px solid var(--ix-border-input);border-radius:var(--ix-radius-sharp);font:400 13px var(--ix-font-body); color:var(--ix-text-dark);background:var(--ix-surface)} [data-ipp-root] .ipp-rv-search:focus{outline:none;border-color:var(--ix-blue);box-shadow:0 0 0 3px var(--ix-blue-glow)} [data-ipp-root] .ipp-rv-shelf-list{overflow-y:auto;padding:0 8px 10px;min-height:120px} [data-ipp-root] .ipp-rv-empty{padding:16px 8px;font:400 13px var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-back{margin:2px 6px 6px} [data-ipp-root] .ipp-rv-group-name{padding:0 6px 8px;font:600 13px var(--ix-font-body);color:var(--ix-text-dark); white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-ipp-root] .ipp-rv-cust{display:flex;align-items:center;gap:8px;width:100%;height:38px;box-sizing:border-box; padding:0 8px;border:0;border-radius:var(--ix-radius-sharp);background:transparent;cursor:pointer;text-align:left; font:500 13px var(--ix-font-body);color:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-cust:hover{background:var(--ix-cream-deep)} [data-ipp-root] .ipp-rv-cust .n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-ipp-root] .ipp-rv-cust .u{flex:none;width:72px;text-align:right;font:500 11px var(--ix-font-body);color:var(--ix-teal-mid)} [data-ipp-root] .ipp-rv-cust .c{flex:none;width:28px;text-align:right;font:500 12px var(--ix-font-mono);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-cust.is-house{border-bottom:1px solid var(--ix-border);border-radius:0;margin-bottom:4px} [data-ipp-root] .ipp-rv-ad{display:flex;gap:10px;width:100%;box-sizing:border-box;height:76px;padding:8px;margin:0 0 6px; border:1px solid var(--ix-border);border-radius:var(--ix-radius-sharp);background:var(--ix-surface);cursor:pointer;text-align:left} [data-ipp-root] .ipp-rv-ad:hover{border-color:var(--ix-blue)} [data-ipp-root] .ipp-rv-ad.is-off{cursor:default;opacity:.55} [data-ipp-root] .ipp-rv-ad.is-off:hover{border-color:var(--ix-border)} [data-ipp-root] .ipp-rv-ad-pic{flex:none;width:176px;height:59px;border-radius:2px;overflow:hidden;background:var(--ix-cream-deep); display:flex;align-items:center;justify-content:center} [data-ipp-root] .ipp-rv-ad-pic img{width:100%;height:100%;object-fit:cover;display:block} [data-ipp-root] .ipp-rv-ad-pic span{font:500 11px var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-ad-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px} [data-ipp-root] .ipp-rv-ad-text > span, [data-ipp-root] .ipp-rv-ad-text em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} [data-ipp-root] .ipp-rv-ad-text .w{font:500 11px var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-ad-text .n{font:600 13px var(--ix-font-body);color:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-ad-text .m{font:400 11px var(--ix-font-body);color:var(--ix-text-mid)} [data-ipp-root] .ipp-rv-ad-text em{font:500 11px var(--ix-font-body);font-style:normal;color:var(--ix-teal-mid)} [data-ipp-root] .ipp-rv-ad-text em.off{color:var(--ix-text-light)} /* ── save bar ───────────────────────────────────────────────── */ [data-ipp-root] .ipp-rv-savebar{position:sticky;bottom:0;margin-top:auto;display:flex;align-items:center;gap:18px; padding:12px 16px;background:var(--ix-surface);border:2px solid var(--ix-changed-border, var(--ix-gold)); border-radius:var(--ix-radius-sm);box-shadow:var(--ix-shadow-md)} [data-ipp-root] .ipp-rv-savebar.is-saving{border-color:var(--ix-border-input)} [data-ipp-root] .ipp-rv-save-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} [data-ipp-root] .ipp-rv-save-text b{font:600 14px var(--ix-font-body);color:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-save-text span{font:400 12px var(--ix-font-body);color:var(--ix-text-mid); white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* ── v1.1 Splash tile ───────────────────────────────────────── */ [data-ipp-root] .ipp-rv-tile.is-splash .ipp-rv-thumb{background:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-tile.is-splash .ipp-rv-thumb img{object-fit:contain} [data-ipp-root] .ipp-rv-tile.is-splash.is-empty .ipp-rv-thumb{background:transparent} [data-ipp-root] .ipp-rv-tile.is-blank{cursor:default} [data-ipp-root] .ipp-rv-tile.is-blank:hover{border-color:var(--ix-border)} [data-ipp-root] .ipp-rv-ad.is-splash .ipp-rv-ad-pic{background:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-ad.is-splash .ipp-rv-ad-pic img{object-fit:contain} /* ── v1.2 hero row (Splash, Lead) ───────────────────────────── */ [data-ipp-root] .ipp-rv-slots{display:flex;flex-direction:column;gap:14px} [data-ipp-root] .ipp-rv-hero{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start} [data-ipp-root] .ipp-rv-band{display:flex;align-items:baseline;gap:8px;margin:10px 0 0;padding:0 0 6px; border-bottom:1px solid var(--ix-border);font:600 11px var(--ix-font-body);letter-spacing:.14em; text-transform:uppercase;color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-band b{font:500 12px var(--ix-font-mono);letter-spacing:0;color:var(--ix-text-mid)} [data-ipp-root] .ipp-rv-tile.is-hero{height:430px} [data-ipp-root] .ipp-rv-tile.is-hero .ipp-rv-tile-head{box-sizing:border-box;height:48px; margin:calc(-1 * var(--rv-py)) calc(-1 * var(--rv-px)) 10px;padding:0 var(--rv-px); border-radius:calc(var(--ix-radius-sm) - 1px) calc(var(--ix-radius-sm) - 1px) 0 0} [data-ipp-root] .ipp-rv-tile.is-hero .ipp-rv-slotname{letter-spacing:.12em} [data-ipp-root] .ipp-rv-desc{margin-top:2px;font:400 11px var(--ix-font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-ipp-root] .ipp-rv-tile.is-hero .ipp-rv-chosen{flex:none;padding:3px 8px;border-radius:var(--ix-radius-pill); background:var(--ix-blue);color:#fff;letter-spacing:.06em} [data-ipp-root] .ipp-rv-tile.is-hero .ipp-rv-who{height:24px;margin-top:10px;font:600 17px var(--ix-font-display);letter-spacing:-.005em} [data-ipp-root] .ipp-rv-tile.is-hero .ipp-rv-what{font-size:13px;height:18px} /* Splash: the most ceremony */ [data-ipp-root] .ipp-rv-tile.is-hero.is-splash .ipp-rv-tile-head{background:var(--ix-teal-deep)} [data-ipp-root] .ipp-rv-tile.is-hero.is-splash .ipp-rv-slotname{font-size:12px;color:var(--ix-cream)} [data-ipp-root] .ipp-rv-tile.is-hero.is-splash .ipp-rv-desc{color:rgba(250,249,245,.72)} [data-ipp-root] .ipp-rv-tile.is-hero.is-splash .ipp-rv-thumb{aspect-ratio:auto;height:256px} [data-ipp-root] .ipp-rv-tile.is-blank .ipp-rv-tile-head{opacity:.7} /* Lead: ceremony, a notch less */ [data-ipp-root] .ipp-rv-tile.is-lead{width:534px} [data-ipp-root] .ipp-rv-tile.is-hero.is-lead .ipp-rv-tile-head{background:var(--ix-teal-soft)} [data-ipp-root] .ipp-rv-tile.is-hero.is-lead .ipp-rv-slotname{color:var(--ix-teal)} [data-ipp-root] .ipp-rv-tile.is-hero.is-lead .ipp-rv-desc{color:var(--ix-teal-mid)} [data-ipp-root] .ipp-rv-tile.is-hero.is-lead .ipp-rv-who{font-size:20px;height:28px} [data-ipp-root] .ipp-rv-hero.is-narrow .ipp-rv-tile.is-lead{width:260px;height:300px} [data-ipp-root] .ipp-rv-hero.is-narrow .ipp-rv-tile.is-lead .ipp-rv-who{font-size:17px;height:24px} [data-ipp-root] .ipp-rv-hero.is-stack .ipp-rv-tile.is-hero.is-splash{width:534px} /* ── v1.3 tabs ────────────────────────────────────────────────── */ [data-ipp-root] .ipp-rv-tabs{display:flex;gap:10px;align-items:center;padding:0 0 14px;border-bottom:1px solid var(--ix-border)} [data-ipp-root] .ipp-rv-tab.ix-tab-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:10px; box-sizing:border-box;width:200px;height:42px;padding:0 8px 0 18px;margin:0; font:500 12px var(--ix-font-mono);letter-spacing:.04em;text-transform:uppercase; background-color:var(--ix-cream) !important;border:1.5px solid #e6e2d6;border-radius:24px;color:#5a5a52;cursor:pointer; transition:background-color .15s,border-color .15s,color .15s} [data-ipp-root] .ipp-rv-tab.ix-tab-pill:hover:not(.is-active){border-color:var(--ix-gold)} [data-ipp-root] .ipp-rv-tab.ix-tab-pill.is-active{color:#fff !important;background-color:var(--ix-blue) !important;border-color:var(--ix-blue) !important} [data-ipp-root] .ipp-rv-tab-name{white-space:nowrap} [data-ipp-root] .ipp-rv-mark{flex:none;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px; background:#fff;border:1.5px solid currentColor;font:600 11px var(--ix-font-body);letter-spacing:.02em;text-transform:none;white-space:nowrap} [data-ipp-root] .ipp-rv-mark.is-needs{color:var(--ix-salmon-ink);background:#fff} [data-ipp-root] .ipp-rv-mark.is-unsaved{color:#8A6E2E} [data-ipp-root] .ipp-rv-mark.is-ready{color:var(--ix-ok)} [data-ipp-root] .ipp-rv-mark.is-soon{color:var(--ix-text-light);border-color:var(--ix-border)} [data-ipp-root] .ipp-rv-tab:not(.is-active) .ipp-rv-mark.is-needs{background:var(--ix-salmon-ghost)} [data-ipp-root] .ipp-rv-ready{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:13px; font:600 12px var(--ix-font-body);border:1.5px solid currentColor;background:#fff} [data-ipp-root] .ipp-rv-ready.is-ready{color:var(--ix-ok)} [data-ipp-root] .ipp-rv-ready.is-not{color:var(--ix-salmon-ink)} [data-ipp-root] .ipp-rv-soon{max-width:560px;padding:22px 24px;border:1.5px dashed var(--ix-border);border-radius:var(--ix-radius-sm); background:var(--ix-white);font:400 14px var(--ix-font-body);color:var(--ix-text-mid)} [data-ipp-root] .ipp-rv-soon p{margin:0} [data-ipp-root] .ipp-rv-soon .ipp-rv-soon-title{margin:0 0 6px;font:600 16px var(--ix-font-display);color:var(--ix-text-dark)} /* ── v1.4 add and delete banner slots ──────────────────────── */ [data-ipp-root] .ipp-rv-addtile{box-sizing:border-box;width:260px;height:236px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px; background:transparent;border:2px dashed var(--ix-border, #c9d2de);border-radius:10px;cursor:pointer;color:var(--ix-ink-2, #44546a);font:inherit} [data-ipp-root] .ipp-rv-addtile:hover:not([disabled]){border-color:var(--ix-blue, #1f6feb);color:var(--ix-blue, #1f6feb)} [data-ipp-root] .ipp-rv-addtile[disabled]{opacity:.5;cursor:default} [data-ipp-root] .ipp-rv-add-circle{width:40px;height:40px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1} [data-ipp-root] .ipp-rv-add-lbl{font-size:14px;font-weight:600} [data-ipp-root] .ipp-rv-tile.is-deleting .ipp-rv-thumb{opacity:.35} [data-ipp-root] .ipp-rv-tile.is-deleting .ipp-rv-who,[data-ipp-root] .ipp-rv-tile.is-deleting .ipp-rv-what{text-decoration:line-through;opacity:.6} [data-ipp-root] .ipp-rv-band-note{margin-left:12px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400;color:var(--ix-ink-3, #6b7a90)} /* ── v1.5 section sponsors ─────────────────────────────────── */ [data-ipp-root] .ipp-rv-tile.is-sponsor{height:300px} [data-ipp-root] .ipp-rv-spcust[disabled]{opacity:.5;cursor:default} [data-ipp-root] .ipp-rv-tile.is-sponsor .ipp-rv-tile-head{padding-top:4px;margin-bottom:6px} /* ════════════════════════════════════════════════════════════ v1.5.1 · shelf pinned right, full height ════════════════════════════════════════════════════════════ */ [data-ipp-root] .ipp-view[data-view="revenue"] .ipp-rail-right{display:none!important} [data-ipp-root] .ipp-canvas.ipp-rv-host{overflow:hidden} [data-ipp-root] .ipp-rv-host > .ipp-rv{height:100%;min-height:0} [data-ipp-root] .ipp-rv-host .ipp-rv > *:not(.ipp-rv-body){flex:none} [data-ipp-root] .ipp-rv-host .ipp-rv-body{flex:1 1 auto;min-height:0;align-items:stretch} [data-ipp-root] .ipp-rv-host .ipp-rv-slots{flex:1 1 auto;min-width:260px;min-height:0;overflow-y:auto;overflow-x:hidden; padding:2px 12px 16px 2px;scrollbar-width:thin;scrollbar-color:var(--ix-border-input) transparent} [data-ipp-root] .ipp-rv-host .ipp-rv-shelf{flex:none;width:360px;margin-left:auto;position:static;max-height:none;min-height:0} [data-ipp-root] .ipp-rv-host .ipp-rv-shelf-list{flex:1 1 auto;min-height:0} [data-ipp-root] .ipp-rv-host .ipp-rv-savebar{position:static;margin-top:0;flex:none} /* too narrow for a tile column beside the shelf: stack, and the body scrolls */ [data-ipp-root] .ipp-rv-host .ipp-rv-body.is-stacked{overflow-y:auto} [data-ipp-root] .ipp-rv-host .ipp-rv-body.is-stacked .ipp-rv-slots{flex:none;overflow:visible} [data-ipp-root] .ipp-rv-host .ipp-rv-body.is-stacked .ipp-rv-shelf{width:100%;height:480px;margin-left:0} /* v1.5.3 · salmon dot on a tab that needs attention (no green, no Ready) */ .ipp-rv-dot{display:inline-block;width:9px;height:9px;border-radius:50%; background:var(--ix-salmon);margin-left:10px;flex:none;vertical-align:middle; box-shadow:0 0 0 2px var(--ix-white,#fff)} /* v1.5.4 · filled/total count on each tab, dot after it */ [data-ipp-root] .ipp-rv-tab-end{display:inline-flex;align-items:center;flex:none} [data-ipp-root] .ipp-rv-count{font-family:'DM Mono',ui-monospace,monospace;font-size:13px; font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ix-text-mid);white-space:nowrap} [data-ipp-root] .ipp-rv-tab.is-active .ipp-rv-count{color:#fff} /* v1.5.5 · shelf head matches the Picker's Allocations head (ipp-al-head) */ [data-ipp-root] .ipp-rv-shelf-head{display:flex;align-items:center;gap:8px;padding:16px 16px 12px;white-space:nowrap} [data-ipp-root] .ipp-rv-shelf-head h4.ipp-rv-shelf-title{flex:1 1 auto;min-width:0;margin:0!important; font:600 22px var(--ipp-font-display,'Fraunces',Georgia,serif)!important;letter-spacing:-.01em!important; text-transform:none!important;line-height:1.2;color:var(--ix-text-dark)!important; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-ipp-root] .ipp-rv-shelf-note{padding:0 16px 10px;margin-top:-4px;font:400 13px var(--ix-font-body);color:var(--ix-text-mid)} /* v1.5.5 · search is the platform ix-search; fit it to the 360px shelf */ [data-ipp-root] .ipp-rv-shelf .ix-search.ipp-rv-searchwrap{flex:none!important;max-width:none!important;min-width:0!important; margin:0 16px 12px!important;width:auto!important} [data-ipp-root] .ipp-rv-shelf .ix-search-input.ipp-rv-search{margin:0!important;background-color:var(--ix-surface,#fff)!important} [data-ipp-root] .ipp-rv-shelf .ix-search-input.ipp-rv-search:focus{border-color:var(--ix-blue)!important;box-shadow:0 0 0 3px var(--ix-blue-glow)!important} /* ── v1.6.1 note card (Reserved Tiles S3) ───────────────────── */ [data-ipp-root] .ipp-rv-host{position:relative} [data-ipp-root] .ipp-rv-tile.is-note{cursor:default} [data-ipp-root] .ipp-rv-tile.is-note.is-held{border:2px dashed var(--ix-gold,#C4A35A);--rv-py:9px;--rv-px:11px;background:var(--ix-surface)} [data-ipp-root] .ipp-rv-tile.is-note.is-pending{border-style:solid} [data-ipp-root] .ipp-rv-notehead{flex:none;height:14px;margin:0 0 6px;font:700 10px var(--ix-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ix-gold-ink,#8A6E2E)} [data-ipp-root] .ipp-rv-notebox{flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box;resize:none;padding:6px 8px; border:1px solid var(--ix-border-input);border-radius:var(--ix-radius-sharp);background:var(--ix-surface); font:400 12px/1.4 var(--ix-font-body);color:var(--ix-text-dark);outline:none} [data-ipp-root] .ipp-rv-notebox:focus{border-color:var(--ix-gold,#C4A35A);box-shadow:0 0 0 2px var(--ix-gold-glow,rgba(196,163,90,.12))} [data-ipp-root] .ipp-rv-notebox[readonly]{background:var(--ix-cream,#FAF9F5)} [data-ipp-root] .ipp-rv-notetext{flex:1 1 auto;min-height:0;font:400 12px/1.4 var(--ix-font-body);color:var(--ix-text-mid);overflow:hidden; display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical} [data-ipp-root] .ipp-rv-notetext.is-gone{text-decoration:line-through;text-decoration-thickness:1.5px} [data-ipp-root] .ipp-rv-tile.is-note .ipp-rv-note{flex:none;margin-top:6px} [data-ipp-root] .ipp-rv-noteacts{flex-wrap:nowrap;gap:10px;overflow:hidden} [data-ipp-root] .ipp-rv-noteacts .ix-revert{white-space:nowrap} [data-ipp-root] .ipp-rv-notelink{color:var(--ix-blue-deep,#3F57B0)!important;font-weight:600!important} [data-ipp-root] .ipp-rv-notelink:hover{text-decoration:underline} [data-ipp-root] .ipp-rv-acts .ipp-rv-notelink[data-rv-noteadd]{margin-right:auto} [data-ipp-root] .ipp-rv-acts .ipp-rv-notelink[data-rv-noteadd] + .ipp-rv-del{margin-left:0} [data-ipp-root] .ipp-rv-noteacts .ipp-rv-cancel{margin-left:auto} [data-ipp-root] .ipp-rv-tile.is-hero.is-note .ipp-rv-notebox{font-size:13px} /* ── v1.6.1 Move to… panel ─────────────────────────────────── */ [data-ipp-root] .ipp-rv-move{position:absolute;z-index:40;box-sizing:border-box;width:360px;max-width:calc(100% - 16px);padding:12px 14px; background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--ix-radius-sm);box-shadow:var(--ix-shadow-md,0 8px 24px rgba(0,0,0,.14)); display:flex;flex-direction:column;gap:10px;font:400 13px var(--ix-font-body);color:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-move-head{display:flex;align-items:center;justify-content:space-between;font:600 14px var(--ix-font-body)} [data-ipp-root] .ipp-rv-move-cur{font:400 12px/1.4 var(--ix-font-body);color:var(--ix-text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-ipp-root] .ipp-rv-move-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto} [data-ipp-root] .ipp-rv-move-opt{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--ix-radius-sharp);cursor:pointer} [data-ipp-root] .ipp-rv-move-opt:hover{background:var(--ix-cream,#FAF9F5)} [data-ipp-root] .ipp-rv-move-opt .t{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600} [data-ipp-root] .ipp-rv-move-opt .ix-picker-option-meta{flex:none;font:400 12px var(--ix-font-mono,var(--ix-font-body));color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-move-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--ix-border)} [data-ipp-root] .ipp-rv-move-note{font:400 12px/1.35 var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-empty.is-bad{color:var(--ix-danger)} /* ── v1.6.2 the Lead runs across the banner row ─────────────────── */ [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead{width:var(--rv-lead-w,534px);height:236px} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead:not(.is-note){display:grid; grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;column-gap:18px} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead:not(.is-note) > .ipp-rv-tile-head{grid-column:1 / -1;grid-row:1} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead:not(.is-note) > .ipp-rv-thumb{grid-column:1;grid-row:2 / 6; width:auto;height:158px;aspect-ratio:700/235} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead:not(.is-note) > .ipp-rv-who{grid-column:2;grid-row:2;margin-top:2px} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead:not(.is-note) > .ipp-rv-what{grid-column:2;grid-row:3} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead:not(.is-note) > .ipp-rv-note{grid-column:2;grid-row:4;align-self:end} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead:not(.is-note) > .ipp-rv-acts{grid-column:2;grid-row:5} [data-ipp-root] .ipp-rv-hero .ipp-rv-tile.is-hero.is-lead.is-note .ipp-rv-notebox{flex:1 1 auto;min-height:0} [data-ipp-root] .ipp-rv-hero.is-narrow .ipp-rv-tile.is-hero.is-lead{width:260px;height:236px;display:flex;flex-direction:column} [data-ipp-root] .ipp-rv-hero.is-narrow .ipp-rv-tile.is-hero.is-lead > .ipp-rv-thumb{width:100%;height:auto} /* ── v1.6.5 · Sponsors as rows ───────────────────────────────── */ [data-ipp-root] .ipp-rv-grid.is-sponsors{grid-template-columns:minmax(0,1fr);gap:10px} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile{width:100%;height:auto;min-height:92px;--rv-py:14px;--rv-px:18px; display:grid;grid-template-columns:200px 190px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:22px;row-gap:2px;align-items:start} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile.is-pending, [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile.is-ack, [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile.is-fail{--rv-py:13px;--rv-px:17px} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile-head{grid-column:1;grid-row:1 / span 3;height:auto;margin:0;align-self:center;flex-direction:column;align-items:flex-start;gap:4px} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-slotname{font:600 18px/1.2 var(--ix-font-display);letter-spacing:0;text-transform:none;color:var(--ix-text-dark);white-space:normal} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-desc{font:400 12px var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-chosen{order:3} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-thumb{grid-column:2;grid-row:1 / span 3;align-self:center;width:190px} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-thumb span{font-size:11px} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-who{grid-column:3;grid-row:1;margin:0;font-size:15px;height:auto} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-what{grid-column:3;grid-row:2;height:auto} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-note{grid-column:3;grid-row:3;margin:2px 0 0;font-size:13px} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-acts{grid-column:4;grid-row:1 / span 3;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0;height:auto} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile.is-empty .ipp-rv-who, [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile.is-empty .ipp-rv-what{display:none} [data-ipp-root] .ipp-rv-grid.is-sponsors .ipp-rv-tile.is-empty .ipp-rv-note{grid-row:1 / span 3;align-self:center;margin:0} /* ── v1.6.6 · House ads rows (same frame as the Sponsors rows) ── */ [data-ipp-root] .ipp-rv-grid.is-house{grid-template-columns:minmax(0,1fr);gap:10px} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile{width:100%;height:auto;min-height:92px;--rv-py:14px;--rv-px:18px; display:grid;grid-template-columns:200px 190px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:22px;row-gap:2px;align-items:start} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-pending, [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-ack, [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-fail{--rv-py:13px;--rv-px:17px} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile-head{grid-column:1;grid-row:1 / span 3;height:auto;margin:0;align-self:center;flex-direction:column;align-items:flex-start;gap:4px} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-slotname{font:600 18px/1.2 var(--ix-font-display);letter-spacing:0;text-transform:none;color:var(--ix-text-dark);white-space:normal} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-desc{font:400 12px var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-chosen{order:3} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-thumb{grid-column:2;grid-row:1 / span 3;align-self:center;width:190px} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-thumb span{font-size:11px} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-who{grid-column:3;grid-row:1;margin:0;font-size:15px;height:auto} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-what{grid-column:3;grid-row:2;height:auto} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-note{grid-column:3;grid-row:3;margin:2px 0 0;font-size:13px} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-acts{grid-column:4;grid-row:1 / span 3;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0;height:auto} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-empty .ipp-rv-who, [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-empty .ipp-rv-what{display:none} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-empty .ipp-rv-note{grid-row:1 / span 3;align-self:center;margin:0} [data-ipp-root] .ipp-rv-slots.is-wide{flex:1 1 auto;min-width:0} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile{cursor:default} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-out{background:var(--ix-cream)} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-tile.is-out .ipp-rv-hprev{opacity:.5} [data-ipp-root] .ipp-rv-hprev{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:8px 12px;box-sizing:border-box; background:var(--ix-cream-deep);border:none !important} [data-ipp-root] .ipp-rv-hprev .ipp-rv-hw-eye{font:600 9px var(--ix-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ix-text-light); white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} [data-ipp-root] .ipp-rv-hprev .ipp-rv-hw-head{font:700 14px/1.15 var(--ix-font-display);color:var(--ix-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} [data-ipp-root] .ipp-rv-hprev .ipp-rv-hw-copy{font:400 10px/1.3 var(--ix-font-body);color:var(--ix-text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} [data-ipp-root] .ipp-rv-hprev .ipp-rv-hw-btn{font:600 9px var(--ix-font-body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ix-text-dark)} [data-ipp-root] .ipp-rv-vers{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden} [data-ipp-root] .ipp-rv-vers-lbl{flex:none;font:500 12px var(--ix-font-body);color:var(--ix-text-light)} [data-ipp-root] .ipp-rv-vers .ix-chip.ipp-rv-ver{flex:none;width:240px !important;min-height:30px !important;padding:6px 12px !important; overflow:hidden;text-overflow:ellipsis;justify-content:flex-start !important} [data-ipp-root] .ipp-rv-vers .ix-chip.ipp-rv-ver.ix-chip--changed{padding:5px 11px !important} [data-ipp-root] .ipp-rv-vers .ix-chip.ipp-rv-ver.is-on{border-color:var(--ix-text-dark) !important;font-weight:600 !important} [data-ipp-root] .ipp-rv-grid.is-house .ipp-rv-what{white-space:nowrap;overflow:hidden}