/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xq9lvs14ua]{min-height:100vh;background:#f6f8f6}.admin-header[b-xq9lvs14ua]{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:14px;height:64px;padding:10px 24px;background:#fff;border-bottom:1px solid #d5dfd8}.admin-brand[b-xq9lvs14ua]{font-size:1.1rem;font-weight:750;color:#243e34;text-decoration:none}.admin-header>span[b-xq9lvs14ua]{margin-left:auto;font-size:.85rem;color:#6b7b70}.admin-menu-button[b-xq9lvs14ua],.admin-close-button[b-xq9lvs14ua]{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d2ded5;border-radius:8px;background:#fff;color:#243e34;font-size:1.3rem}.admin-menu-button:focus-visible[b-xq9lvs14ua],.admin-close-button:focus-visible[b-xq9lvs14ua]{outline:3px solid #ba813d;outline-offset:3px}.sidebar[b-xq9lvs14ua]{position:fixed;z-index:102;top:64px;bottom:0;left:0;width:min(310px,calc(100vw - 36px));display:flex;flex-direction:column;background:linear-gradient(180deg,#234c3d,#18362b);box-shadow:6px 0 24px #183e3030}.admin-menu-heading[b-xq9lvs14ua]{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#fff;border-bottom:1px solid #ffffff20}.admin-close-button[b-xq9lvs14ua]{width:36px;height:36px;background:#ffffff12;border-color:#ffffff40;color:#fff;font-size:1rem}.sidebar[b-xq9lvs14ua]  .nav-scrollable{flex:1;min-height:0}.admin-menu-backdrop[b-xq9lvs14ua]{position:fixed;inset:64px 0 0;z-index:101;border:0;background:#14291e38;cursor:default}main[b-xq9lvs14ua]{min-width:0}article[b-xq9lvs14ua]{padding-top:20px;padding-bottom:30px}@media(max-width:650px){.admin-header[b-xq9lvs14ua]{padding:10px 12px}.admin-header>span[b-xq9lvs14ua]{display:none}article[b-xq9lvs14ua]{padding-left:16px!important;padding-right:16px!important}}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.bi[b-pplp5wmpgu] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-pplp5wmpgu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-pplp5wmpgu] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-pplp5wmpgu] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-pplp5wmpgu] {
        padding-bottom: 1rem;
    }

    .nav-item[b-pplp5wmpgu]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-pplp5wmpgu]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-pplp5wmpgu]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}


.nav-scrollable[b-pplp5wmpgu]{display:block;height:100%;overflow-y:auto;padding-bottom:16px}
/* /Components/Pages/ErrorCollection.razor.rz.scp.css */
.error-page[b-rany10cehv] { max-width: 1100px; margin: 0 auto; padding: 1rem; }
.error-page header[b-rany10cehv] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.error-page header span[b-rany10cehv] { font-size: .75rem; letter-spacing: .12em; }
.error-page h1[b-rany10cehv] { margin-top: .35rem; }
.error-page h2[b-rany10cehv] { font-size: 1.2rem; }
.error-report[b-rany10cehv], .error-list article[b-rany10cehv] { padding: 1rem; border: 1px solid #d1d8d3; border-radius: .65rem; background: #fff; margin-bottom: 1rem; }
.error-report form[b-rany10cehv] { display: grid; gap: .75rem; }
.error-report button[b-rany10cehv] { justify-self: start; }
.error-filters[b-rany10cehv] { display: grid; grid-template-columns: repeat(3, 1fr) 2fr; gap: .75rem; margin: 1.5rem 0; }
.error-page label[b-rany10cehv] { display: grid; gap: .3rem; }
.error-meta[b-rany10cehv] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; }
.error-meta span[b-rany10cehv], .error-note[b-rany10cehv] { color: #526157; font-size: .875rem; }
.error-description[b-rany10cehv] { white-space: pre-wrap; overflow-wrap: anywhere; margin: .75rem 0; }
.error-list article > div:last-child[b-rany10cehv] { margin-top: .75rem; }
.error-list code[b-rany10cehv] { overflow-wrap: anywhere; }
@media (max-width: 650px) { .error-filters[b-rany10cehv] { grid-template-columns: 1fr; } .error-page header[b-rany10cehv] { align-items: flex-start; flex-direction: column; } }

.error-page pre[b-rany10cehv] { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; }
.error-page details[b-rany10cehv] { margin-bottom: .75rem; }
/* /Components/Pages/Instructions.razor.rz.scp.css */
.instruction-note summary[b-rzw5en1sci] { cursor: pointer; font-weight: 600; }
.instruction-category[b-rzw5en1sci] { display: block; font-size: .85rem; font-weight: normal; color: #495057; }
.instruction-text[b-rzw5en1sci] { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: 1rem; line-height: 1.6; margin: 0; }
.instruction-note .text-muted[b-rzw5en1sci] { overflow-wrap: anywhere; }
@media print { .instruction-note[b-rzw5en1sci] { break-inside: auto; } }
/* /Components/Pages/LinkManager.cshtml.rz.scp.css */
/* CSS for LinkManager view */
/*Rich Edits ignore to next comment

    Blue = div boxes — Moe's sandbox should jump right out.
    Purple = structural areas.
    Green = inputs.
    Pink = buttons/links.
    Cyan = images/SVG.
    Yellow dashed = lists.
    Faint red = everything else.

*/

/* SESQUA CSS X-RAY — DEBUG ONLY

{
    outline: 1px solid rgba(255, 0, 0, .25) !important;
}

Major structural containers
div {
    outline-color: rgba(0, 120, 255, .65) !important;
}

*/Sections  main layout
main[b-7pbon51o3f],
section[b-7pbon51o3f],
article[b-7pbon51o3f],
aside[b-7pbon51o3f],
header[b-7pbon51o3f],
footer[b-7pbon51o3f],
nav[b-7pbon51o3f] {
    outline: 2px solid rgba(160, 0, 255, .70) !important;
}

Forms
form[b-7pbon51o3f],
fieldset[b-7pbon51o3f] {
    outline: 2px solid rgba(255, 140, 0, .80) !important;
}

Inputs
input[b-7pbon51o3f],
select[b-7pbon51o3f],
textarea[b-7pbon51o3f] {
    outline: 2px solid rgba(0, 180, 80, .80) !important;
}

Buttons / clickable controls
button[b-7pbon51o3f],
a[b-7pbon51o3f],
[role="button"][b-7pbon51o3f] {
    outline: 2px solid rgba(255, 0, 150, .80) !important;
}

Images
img[b-7pbon51o3f],
svg[b-7pbon51o3f] {
    outline: 2px solid rgba(0, 200, 220, .85) !important;
}

Lists
ul[b-7pbon51o3f],
ol[b-7pbon51o3f],
li[b-7pbon51o3f] {
    outline: 1px dashed rgba(220, 180, 0, .80) !important;
}
*/
/*Rich Edits ignore top comment


Search Results QA: destination controls and a single top-layer action menu.
is there an easy way to easily override all css with a new file? in dev

Yes. Very easy, and for what you're doing in Admin I'd absolutely use it.
Create something like:
wwwroot/css/dev-overrides.css
Then load it after every other stylesheet. CSS loaded last wins when the selectors have the same specificity.
For example, wherever your app's stylesheets are referenced:
<link rel="stylesheet" href="app.css" / >
<link rel="stylesheet" href="SesquaAdmin.Web.Server.styles.css" / >
<!-- ALWAYS LAST -->
<link rel="stylesheet" href="css/dev-overrides.css" / >
Then you can experiment freely:
/* RICH DEV PLAYPEN - THROW AWAY */
.some-panel[b-7pbon51o3f] {
    border: 4px solid red;
}

.some-header[b-7pbon51o3f] {
    font-size: 2rem;
}

/*
Refresh → see it → change it → refresh again.
One Blazor wrinkle
Because *.razor.css uses CSS isolation, its generated selectors can sometimes be more specific than your simple override. If something refuses to change, don't immediately reach for !important. First copy/use a selector at least as specific:
*/

.page .some-panel[b-7pbon51o3f] {
     /* override */
}

/*
Use !important only as a temporary hammer when you're experimenting.
Even better for our setup
I'd call it something unmistakable:
rich-dev.css
Keep it loaded LAST, and exclude that <link > for production later.
Then you've effectively got the CSS sandbox you wanted:
Codex/source CSS = don't screw with it while experimenting
rich-dev.css = Rich gets to break anything he wants 😂
When you find something good → hand it to me/Codex → move the final rule into its proper home → delete it from rich-dev.css.
That's probably the cleanest development workflow for us.
    */
/* /Components/Pages/LinkManager.razor.rz.scp.css */


*/
/*Begin Body stuff*/
#urlInput.url-result-good[b-2yg5pjlyyj] {
    border: 2px solid #18743b;
    background-color: #e9f7ee;
}
#urlInput.url-result-bad[b-2yg5pjlyyj] { border: 2px solid crimson; background-color: #fff0f3; }
.preview-review[b-2yg5pjlyyj] { display: block; margin: 8px 0; }
.preview-review input[b-2yg5pjlyyj] { width: auto; }
body[b-2yg5pjlyyj] {
    margin: 0;
}

/*Begin Top search stuff only*/
.divFullPage[b-2yg5pjlyyj] { /*width: 100%; Entire page*/
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: #243b35;
    background-color: silver;
    margin: 0px;
    padding: 0px;
    flex: 0 0 100%;
}
.headerFirst[b-2yg5pjlyyj] {

}
.eyebrow[b-2yg5pjlyyj] {

}
.divEncloseAllFour[b-2yg5pjlyyj] {
    elect {
        max-width: none;
        overflow: scroll
    }
}
.div100[b-2yg5pjlyyj] {
    width:100%
}
.filters[b-2yg5pjlyyj] {
    /*display: flex;
    gap: 10px;
    margin: 12px 0
    background-color: yellow;
    border-block-color: ActiveBorder*/
}

    .filters label[b-2yg5pjlyyj] {
        flex: 1;
        min-width: 0
    }

.richTestLabel[b-2yg5pjlyyj] {
    background-color: orangered;
}

.iframeBoxView[b-2yg5pjlyyj] {
    width: 100%;
}
/*End Top search stuff only*/


/* Begin one at a time


.qa-banner {
    background: #f8f0d9;
    border-left: 3px solid #b28b37;
    padding: 12px 16px;
    font-size: .88rem
}

.intake {
    /*display: flex;*/
    gap: 12px;
    align-items: center[b-2yg5pjlyyj]
}

    .intake input[b-2yg5pjlyyj] {
        flex: 1
    }

.feedback[b-2yg5pjlyyj] {
    min-height: 24px;
    margin: 8px 0;
    color: #76520e
}

.manager-grid[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: 310px minmax(0,1fr);
    border: 1px solid #dbe2dc;
    border-radius: 12px;
    overflow: hidden;
    background: #fff
}

.link-list[b-2yg5pjlyyj] {
    padding: 22px;
    background: #f4f6f2;
    border-right: 1px solid #dbe2dc
}

    .link-list h2[b-2yg5pjlyyj] {
        font-size: 1.15rem;
        /*display: flex;*/
        justify-content: space-between
    }

.count[b-2yg5pjlyyj] {
    color: #6c7d70
}

label[b-2yg5pjlyyj] {
    display: block;
    font-size: .82rem;
    font-weight: 600
}

input[b-2yg5pjlyyj], select[b-2yg5pjlyyj], textarea[b-2yg5pjlyyj] {
    display: block;
    width: 100%;
    padding: 9px 10px;
    margin-top: 5px;
    border: 1px solid #bfcac1;
    border-radius: 6px;
    background: white;
    color: #243b35
}

textarea[b-2yg5pjlyyj] {
    min-height: 80px
}

button[b-2yg5pjlyyj], .source-action[b-2yg5pjlyyj] {
    border: 1px solid #315c49;
    background: #315c49;
    color: #fff;
    border-radius: 6px;
    padding: 9px 14px;
    font-size: .88rem;
    text-decoration: none
}

    button:disabled[b-2yg5pjlyyj] {
        opacity: .5
    }

    button:focus-visible[b-2yg5pjlyyj], a:focus-visible[b-2yg5pjlyyj], input:focus-visible[b-2yg5pjlyyj], select:focus-visible[b-2yg5pjlyyj], textarea:focus-visible[b-2yg5pjlyyj], summary:focus-visible[b-2yg5pjlyyj] {
        outline: 3px solid #bc8720;
        outline-offset: 3px
    }

.link-row[b-2yg5pjlyyj] {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 12px;
    padding: 16px;
    background: transparent;
    color: #243b35;
    border: 1px solid transparent
}

    .link-row.selected[b-2yg5pjlyyj] {
        background: white;
        border-color: #62826b;
        box-shadow: 0 2px 6px #2233220d
    }

    .link-row:hover[b-2yg5pjlyyj] {
        background: #e9eee7
    }

    .link-row span[b-2yg5pjlyyj], .link-row strong[b-2yg5pjlyyj], .link-row small[b-2yg5pjlyyj] {
        display: block;
        margin-bottom: 6px
    }

    .link-row strong[b-2yg5pjlyyj] {
        font-size: 1.02rem
    }

    .link-row small[b-2yg5pjlyyj] {
        color: #627261
    }

.preview[b-2yg5pjlyyj] {
    padding: 28px 38px;
    min-width: 0
}

.preview-toolbar[b-2yg5pjlyyj] {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px
}

.badge[b-2yg5pjlyyj] {
    background: #edf1e8;
    color: #365b40;
    padding: 8px 12px;
    border-radius: 20px
}

.preview-title[b-2yg5pjlyyj] {
    font-family: Georgia,serif;
    font-size: 2.5rem;
    line-height: 1.12;
    max-width: 650px;
    margin: 12px 0 22px
}

.source-action[b-2yg5pjlyyj] {
    display: inline-block;
    margin-bottom: 22px
}

.recipe-image[b-2yg5pjlyyj] {
    display: block;
    width: 100%;
    max-height: 320px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 24px
}

.description[b-2yg5pjlyyj] {
    font-size: 1.06rem;
    line-height: 1.7
}

.yield[b-2yg5pjlyyj] {
    font-weight: 600;
    border-bottom: 1px solid #dbe2dc;
    padding: 14px 0
}

.recipe-section[b-2yg5pjlyyj] {
    margin: 26px 0
}

    .recipe-section h3[b-2yg5pjlyyj], .curator-summary h3[b-2yg5pjlyyj] {
        font-size: .83rem;
        text-transform: uppercase;
        letter-spacing: .12em
    }

    .recipe-section li[b-2yg5pjlyyj] {
        padding: 6px 0;
        line-height: 1.6
    }

.curator-summary[b-2yg5pjlyyj] {
    background: #f5f6f2;
    padding: 20px;
    margin: 28px 0 14px;
    border-radius: 8px
}

    .curator-summary p[b-2yg5pjlyyj] {
        margin: 10px 0;
        font-size: .9rem
    }

    .curator-summary strong[b-2yg5pjlyyj] {
        margin-right: 10px
    }

.technical[b-2yg5pjlyyj] {
    border-top: 1px solid #dbe2dc;
    margin-top: 24px;
    padding-top: 18px;
    font-size: .85rem;
    overflow-wrap: anywhere
}

    .technical summary[b-2yg5pjlyyj] {
        cursor: pointer
    }

    .technical dl[b-2yg5pjlyyj] {
        margin-top: 14px
    }

.editor[b-2yg5pjlyyj] {
    background: #f4f6f2;
    padding: 20px;
    margin-bottom: 28px;
    border: 1px solid #bfcac1;
    border-radius: 8px
}

    .editor h2[b-2yg5pjlyyj] {
        font-size: 1.2rem
    }

    .editor label[b-2yg5pjlyyj] {
        margin-bottom: 12px
    }

.actions[b-2yg5pjlyyj] {
    /*display: flex;*/
    gap: 12px
}

.empty[b-2yg5pjlyyj] {
    padding: 24px 0;
    color: #66786c
}

.source-note[b-2yg5pjlyyj] {
    background: #f5f6f2;
    padding: 16px
}

a[b-2yg5pjlyyj] {
    color: #315c49
}

    a.source-action[b-2yg5pjlyyj] {
        color: white
    }

@media(max-width:850px) {
    .manager-grid[b-2yg5pjlyyj] {
        grid-template-columns: 1fr
    }

    .link-list[b-2yg5pjlyyj] {
        border-right: 0;
        border-bottom: 1px solid #dbe2dc
    }

    .preview[b-2yg5pjlyyj] {
        padding: 24px
    }

    .manager-header[b-2yg5pjlyyj], .intake[b-2yg5pjlyyj] {
        flex-wrap: wrap
    }

        .intake input[b-2yg5pjlyyj] {
            min-width: 180px
        }

    .preview-title[b-2yg5pjlyyj] {
        font-size: 2rem
    }
}

.workspace-qa[b-2yg5pjlyyj] {
    border: 1px solid #cbd6ca;
    background: #f3f6ef;
    border-radius: 10px;
    padding: 20px;
    margin: 18px 0 24px
}

    .workspace-qa h2[b-2yg5pjlyyj] {
        font-size: 1.25rem
    }

    .workspace-qa p[b-2yg5pjlyyj] {
        font-size: .9rem;
        margin: 12px 0
    }

    .workspace-qa summary[b-2yg5pjlyyj] {
        cursor: pointer
    }

    .workspace-qa li[b-2yg5pjlyyj] {
        margin: 10px 0
    }

/* Keep the review queue on the right without changing keyboard reading order. */
.manager-grid[b-2yg5pjlyyj] {
    grid-template-columns: minmax(0,1fr) 310px;
}

.link-list[b-2yg5pjlyyj] {
    grid-column: 2;
    grid-row: 1;
    border-right: 0;
    border-left: 1px solid #dbe2dc;
}

.preview[b-2yg5pjlyyj] {
    grid-column: 1;
    grid-row: 1;
}

.source-frame[b-2yg5pjlyyj] {
    width: 100%;
    height: 420px;
    border: 1px solid #bfcac1;
    margin: 16px 0;
    background: #fff;
}

.technical pre[b-2yg5pjlyyj] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: inherit;
    max-height: 360px;
    overflow: auto;
}

.technical dt[b-2yg5pjlyyj] {
    margin-top: 12px;
}

@media(max-width:850px) {
    .manager-grid[b-2yg5pjlyyj] {
        grid-template-columns: 1fr;
    }

    .link-list[b-2yg5pjlyyj], .preview[b-2yg5pjlyyj] {
        grid-column: 1;
        grid-row: auto;
    }
}

.preview-toolbar[b-2yg5pjlyyj] {
    gap: 10px;
    flex-wrap: wrap;
}

.workspace-qa[b-2yg5pjlyyj] {
    margin: 12px 0;
    padding: 12px 16px;
}

.selected-url[b-2yg5pjlyyj] {
    margin: 12px 0;
}

    .selected-url textarea[b-2yg5pjlyyj] {
        min-height: 64px;
        resize: vertical;
        overflow-wrap: anywhere;
    }

    .selected-url .source-action[b-2yg5pjlyyj] {
        margin: 10px 0 0;
    }

.new-link[b-2yg5pjlyyj] {
    margin: 12px 0;
}

    .new-link summary[b-2yg5pjlyyj] {
        cursor: pointer;
    }

    .new-link .intake[b-2yg5pjlyyj] {
        margin-top: 12px;
    }

.actions[b-2yg5pjlyyj] {
    flex-wrap: wrap;
}

.url-save-actions[b-2yg5pjlyyj] {
    margin-top: 12px;
}

.url-state[b-2yg5pjlyyj] {
    margin: 12px 0;
    padding: 10px 12px;
    background: #fff3d5;
    border-left: 3px solid #b28b37;
}

.url-feedback[b-2yg5pjlyyj] {
    margin: 10px 0;
    overflow-wrap: anywhere;
}

:root[b-2yg5pjlyyj] {
    --gap: 1rem;
    --pad: 1rem;
    --bg: #0f172a;
    --card: #0ea5a4;
    --text: #0f172a;
}

/* full-viewport grid with 2x2 on wide screens, stacks on small screens */
.container[b-2yg5pjlyyj] {
    box-sizing: border-box;
    padding: var(--pad);
    min-height: 100vh;
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(2, 1fr);
    /*align-content: center;*/
    justify-items: stretch;
    background: linear-gradient(180deg,#071025 0%, #0b1220 100%);
    font-family: system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;
}

/* keep each cell a square regardless of screen width */
.cell[b-2yg5pjlyyj] {  /*Section tag for each same*/
    background: white;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(2,6,23,0.6);
    display: flex;
    color: var(--text);
    aspect-ratio: 1/1; /* modern browsers */

   
}
    /* different accent for each quarter (optional) */
    .cell:nth-child(1)[b-2yg5pjlyyj] {
        background: linear-gradient(135deg,#fffaf0,#ffd7a8);
        overflow: scroll;
        /*
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: scroll;
    */
    }

    .cell:nth-child(2)[b-2yg5pjlyyj] {
        background: linear-gradient(135deg,#f0fbff,#a8e6ff);
        overflow: scroll;
        /*
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: scroll;
    */
    }

    .cell:nth-child(3)[b-2yg5pjlyyj] {
        background: linear-gradient(135deg,#f3fff3,#b7ffcf);
        overflow: scroll;
        /*
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: scroll;
    */
    }

    .cell:nth-child(4)[b-2yg5pjlyyj] {
        background: linear-gradient(135deg,#f7f0ff,#d9b8ff);
        overflow: scroll;
        /*
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: scroll;
    */
    }
/* content inside the square can flow and center */
.content[b-2yg5pjlyyj] {
    /*
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    justify-content: center;
      */
}

.divCurrentUrl[b-2yg5pjlyyj] {
    width:100%;
    align-content:flex-start
}

.title[b-2yg5pjlyyj] {
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    font-weight: 700;
    color: #071025;
}

.subtitle[b-2yg5pjlyyj] {
    font-size: clamp(.8rem, 1.8vw, 1rem);
    color: #334155;
}



/* small / narrow screens: stack vertically */
@media (max-width: 700px) {
    .container[b-2yg5pjlyyj] {
        grid-template-columns: 1fr;
    }
    /* to avoid huge total height on very narrow screens we allow squares to scale down by using max-height */
    .cell[b-2yg5pjlyyj] {
        max-height: calc(100vh / 1 - var(--pad) * 2 - var(--gap));
    }
}

/* very short viewports: switch to two columns but allow squares to shrink */
@media (max-height: 520px) and (min-width: 701px) {
    .container[b-2yg5pjlyyj] {
        grid-auto-rows: 1fr;
    }

    .cell[b-2yg5pjlyyj] {
        aspect-ratio: auto;
        height: calc((100vh - var(--pad)*2 - var(--gap)) / 2);
    }
}

/*new one below*/
.container[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    max-width: 600px;
    margin: 40px auto;
    font-family: sans-serif;
}

.box[b-2yg5pjlyyj] {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background: #f9f9f9;
}

.box-title[b-2yg5pjlyyj] {
    font-weight: 600;
    margin-bottom: 8px;
}

.ellipsis-btn[b-2yg5pjlyyj] {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    padding: 4px;
}

.menu[b-2yg5pjlyyj] {
    position: absolute;
    top: 32px;
    right: 8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    list-style: none;
    padding: 4px 0;
    margin: 0;
    display: none;
    min-width: 140px;
    z-index: 10;
}

    .menu li[b-2yg5pjlyyj] {
        padding: 6px 12px;
        cursor: pointer;
        font-size: 14px;
    }

        .menu li:hover[b-2yg5pjlyyj] {
            background: #f0f0f0;
        }

.box.open .menu[b-2yg5pjlyyj] {
    display: block;
}

.container[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    max-width: 600px;
    margin: 40px auto;
    font-family: sans-serif;
}

.box[b-2yg5pjlyyj] {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background: #f9f9f9;
}

.box-title[b-2yg5pjlyyj] {
    font-weight: 600;
    margin-bottom: 8px;
}

.ellipsis-btn[b-2yg5pjlyyj] {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    padding: 4px;
}

.menu[b-2yg5pjlyyj] {
    position: absolute;
    top: 32px;
    right: 8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    list-style: none;
    padding: 4px 0;
    margin: 0;
    display: none;
    min-width: 140px;
    z-index: 10;
}

    .menu li[b-2yg5pjlyyj] {
        padding: 6px 12px;
        cursor: pointer;
        font-size: 14px;
    }

        .menu li:hover[b-2yg5pjlyyj] {
            background: #f0f0f0;
        }

.box.open .menu[b-2yg5pjlyyj] {
    display: block;
}

.link-grid[b-2yg5pjlyyj] {
    overflow: auto;
    max-height: 32rem;
}

.link-grid-header[b-2yg5pjlyyj],
.link-grid-row[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: 7rem 7rem minmax(12rem, 1fr) minmax(8rem, .7fr);
    gap: .5rem;
    align-items: center;
}

.link-grid-header[b-2yg5pjlyyj] {
    position: sticky;
    top: 0;
    z-index: 1;
    font-weight: 600;
}

.link-grid-row[b-2yg5pjlyyj] {
    width: 100%;
    text-align: left;
}


.link-manager[b-2yg5pjlyyj] {
    /*max-width: 1320px;*/
    max-width: 100%;
    /* margin: 0 auto;*/
    color: #243b35;
    /*background-color: #071025;*/
    margin: 0px;
    padding: 0px
}

.manager-header[b-2yg5pjlyyj] {
    /*display: flex;*/
    justify-content: space-between;
    align-items: left;
    gap: 24px
}

    .manager-header h1[b-2yg5pjlyyj] {
        font-size: 2.2rem;
        margin-bottom: 8px
    }

.filters[b-2yg5pjlyyj] {
    /*display: flex;
    gap: 10px;
    margin: 12px 0
    background-color: yellow;
    border-block-color: ActiveBorder*/
}

    .filters label[b-2yg5pjlyyj] {
        flex: 1;
        min-width: 0
    }

.richTestLabel[b-2yg5pjlyyj] {
    background-color: orangered;
}

.eyebrow[b-2yg5pjlyyj] {
    font-size: .73rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #536c60
}

.qa-banner[b-2yg5pjlyyj] {
    background: #f8f0d9;
    border-left: 3px solid #b28b37;
    padding: 12px 16px;
    font-size: .88rem
}

.intake[b-2yg5pjlyyj] {
    /*display: flex;*/
    gap: 12px;
    align-items: center
}

    .intake input[b-2yg5pjlyyj] {
        flex: 1
    }

.feedback[b-2yg5pjlyyj] {
    min-height: 24px;
    margin: 8px 0;
    color: #76520e
}

.manager-grid[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: 310px minmax(0,1fr);
    border: 1px solid #dbe2dc;
    border-radius: 12px;
    overflow: hidden;
    background: #fff
}

.link-list[b-2yg5pjlyyj] {
    padding: 22px;
    background: #f4f6f2;
    border-right: 1px solid #dbe2dc
}

    .link-list h2[b-2yg5pjlyyj] {
        font-size: 1.15rem;
        /*display: flex;*/
        justify-content: space-between
    }

.count[b-2yg5pjlyyj] {
    color: #6c7d70
}

label[b-2yg5pjlyyj] {
    display: block;
    font-size: .82rem;
    font-weight: 600
}

input[b-2yg5pjlyyj], select[b-2yg5pjlyyj], textarea[b-2yg5pjlyyj] {
    display: block;
    width: 100%;
    padding: 9px 10px;
    margin-top: 5px;
    border: 1px solid #bfcac1;
    border-radius: 6px;
    background: white;
    color: #243b35
}

textarea[b-2yg5pjlyyj] {
    min-height: 80px
}

button[b-2yg5pjlyyj], .source-action[b-2yg5pjlyyj] {
    border: 1px solid #315c49;
    background: #315c49;
    color: #fff;
    border-radius: 6px;
    padding: 9px 14px;
    font-size: .88rem;
    text-decoration: none
}

    button:disabled[b-2yg5pjlyyj] {
        opacity: .5
    }

    button:focus-visible[b-2yg5pjlyyj], a:focus-visible[b-2yg5pjlyyj], input:focus-visible[b-2yg5pjlyyj], select:focus-visible[b-2yg5pjlyyj], textarea:focus-visible[b-2yg5pjlyyj], summary:focus-visible[b-2yg5pjlyyj] {
        outline: 3px solid #bc8720;
        outline-offset: 3px
    }

.link-row[b-2yg5pjlyyj] {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 12px;
    padding: 16px;
    background: transparent;
    color: #243b35;
    border: 1px solid transparent
}

    .link-row.selected[b-2yg5pjlyyj] {
        background: white;
        border-color: #62826b;
        box-shadow: 0 2px 6px #2233220d
    }

    .link-row:hover[b-2yg5pjlyyj] {
        background: #e9eee7
    }

    .link-row span[b-2yg5pjlyyj], .link-row strong[b-2yg5pjlyyj], .link-row small[b-2yg5pjlyyj] {
        display: block;
        margin-bottom: 6px
    }

    .link-row strong[b-2yg5pjlyyj] {
        font-size: 1.02rem
    }

    .link-row small[b-2yg5pjlyyj] {
        color: #627261
    }

.preview[b-2yg5pjlyyj] {
    padding: 28px 38px;
    min-width: 0
}

.preview-toolbar[b-2yg5pjlyyj] {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px
}

.badge[b-2yg5pjlyyj] {
    background: #edf1e8;
    color: #365b40;
    padding: 8px 12px;
    border-radius: 20px
}

.preview-title[b-2yg5pjlyyj] {
    font-family: Georgia,serif;
    font-size: 2.5rem;
    line-height: 1.12;
    max-width: 650px;
    margin: 12px 0 22px
}

.source-action[b-2yg5pjlyyj] {
    display: inline-block;
    margin-bottom: 22px
}

.recipe-image[b-2yg5pjlyyj] {
    display: block;
    width: 100%;
    max-height: 320px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 24px
}

.description[b-2yg5pjlyyj] {
    font-size: 1.06rem;
    line-height: 1.7
}

.yield[b-2yg5pjlyyj] {
    font-weight: 600;
    border-bottom: 1px solid #dbe2dc;
    padding: 14px 0
}

.recipe-section[b-2yg5pjlyyj] {
    margin: 26px 0
}

    .recipe-section h3[b-2yg5pjlyyj], .curator-summary h3[b-2yg5pjlyyj] {
        font-size: .83rem;
        text-transform: uppercase;
        letter-spacing: .12em
    }

    .recipe-section li[b-2yg5pjlyyj] {
        padding: 6px 0;
        line-height: 1.6
    }

.curator-summary[b-2yg5pjlyyj] {
    background: #f5f6f2;
    padding: 20px;
    margin: 28px 0 14px;
    border-radius: 8px
}

    .curator-summary p[b-2yg5pjlyyj] {
        margin: 10px 0;
        font-size: .9rem
    }

    .curator-summary strong[b-2yg5pjlyyj] {
        margin-right: 10px
    }

.technical[b-2yg5pjlyyj] {
    border-top: 1px solid #dbe2dc;
    margin-top: 24px;
    padding-top: 18px;
    font-size: .85rem;
    overflow-wrap: anywhere
}

    .technical summary[b-2yg5pjlyyj] {
        cursor: pointer
    }

    .technical dl[b-2yg5pjlyyj] {
        margin-top: 14px
    }

.editor[b-2yg5pjlyyj] {
    background: #f4f6f2;
    padding: 20px;
    margin-bottom: 28px;
    border: 1px solid #bfcac1;
    border-radius: 8px
}

    .editor h2[b-2yg5pjlyyj] {
        font-size: 1.2rem
    }

    .editor label[b-2yg5pjlyyj] {
        margin-bottom: 12px
    }

.actions[b-2yg5pjlyyj] {
    /*display: flex;*/
    gap: 12px
}

.empty[b-2yg5pjlyyj] {
    padding: 24px 0;
    color: #66786c
}

.source-note[b-2yg5pjlyyj] {
    background: #f5f6f2;
    padding: 16px
}

a[b-2yg5pjlyyj] {
    color: #315c49
}

    a.source-action[b-2yg5pjlyyj] {
        color: white
    }

@media(max-width:850px) {
    .manager-grid[b-2yg5pjlyyj] {
        grid-template-columns: 1fr
    }

    .link-list[b-2yg5pjlyyj] {
        border-right: 0;
        border-bottom: 1px solid #dbe2dc
    }

    .preview[b-2yg5pjlyyj] {
        padding: 24px
    }

    .manager-header[b-2yg5pjlyyj], .intake[b-2yg5pjlyyj] {
        flex-wrap: wrap
    }

        .intake input[b-2yg5pjlyyj] {
            min-width: 180px
        }

    .preview-title[b-2yg5pjlyyj] {
        font-size: 2rem
    }
}

.workspace-qa[b-2yg5pjlyyj] {
    border: 1px solid #cbd6ca;
    background: #f3f6ef;
    border-radius: 10px;
    padding: 20px;
    margin: 18px 0 24px
}

    .workspace-qa h2[b-2yg5pjlyyj] {
        font-size: 1.25rem
    }

    .workspace-qa p[b-2yg5pjlyyj] {
        font-size: .9rem;
        margin: 12px 0
    }

    .workspace-qa summary[b-2yg5pjlyyj] {
        cursor: pointer
    }

    .workspace-qa li[b-2yg5pjlyyj] {
        margin: 10px 0
    }

/* Keep the review queue on the right without changing keyboard reading order. */
.manager-grid[b-2yg5pjlyyj] {
    grid-template-columns: minmax(0,1fr) 310px;
}

.link-list[b-2yg5pjlyyj] {
    grid-column: 2;
    grid-row: 1;
    border-right: 0;
    border-left: 1px solid #dbe2dc;
}

.preview[b-2yg5pjlyyj] {
    grid-column: 1;
    grid-row: 1;
}

.source-frame[b-2yg5pjlyyj] {
    width: 100%;
    height: 420px;
    border: 1px solid #bfcac1;
    margin: 16px 0;
    background: #fff;
}

.technical pre[b-2yg5pjlyyj] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: inherit;
    max-height: 360px;
    overflow: auto;
}

.technical dt[b-2yg5pjlyyj] {
    margin-top: 12px;
}

@media(max-width:850px) {
    .manager-grid[b-2yg5pjlyyj] {
        grid-template-columns: 1fr;
    }

    .link-list[b-2yg5pjlyyj], .preview[b-2yg5pjlyyj] {
        grid-column: 1;
        grid-row: auto;
    }
}

.preview-toolbar[b-2yg5pjlyyj] {
    gap: 10px;
    flex-wrap: wrap;
}

.workspace-qa[b-2yg5pjlyyj] {
    margin: 12px 0;
    padding: 12px 16px;
}

.selected-url[b-2yg5pjlyyj] {
    margin: 12px 0;
}

    .selected-url textarea[b-2yg5pjlyyj] {
        min-height: 64px;
        resize: vertical;
        overflow-wrap: anywhere;
    }

    .selected-url .source-action[b-2yg5pjlyyj] {
        margin: 10px 0 0;
    }

.new-link[b-2yg5pjlyyj] {
    margin: 12px 0;
}

    .new-link summary[b-2yg5pjlyyj] {
        cursor: pointer;
    }

    .new-link .intake[b-2yg5pjlyyj] {
        margin-top: 12px;
    }

.actions[b-2yg5pjlyyj] {
    flex-wrap: wrap;
}

.url-save-actions[b-2yg5pjlyyj] {
    margin-top: 12px;
}

.url-state[b-2yg5pjlyyj] {
    margin: 12px 0;
    padding: 10px 12px;
    background: #fff3d5;
    border-left: 3px solid #b28b37;
}

.url-feedback[b-2yg5pjlyyj] {
    margin: 10px 0;
    overflow-wrap: anywhere;
}

:root[b-2yg5pjlyyj] {
    --gap: 1rem;
    --pad: 1rem;
    --bg: #0f172a;
    --card: #0ea5a4;
    --text: #0f172a;
}

/* full-viewport grid with 2x2 on wide screens, stacks on small screens */
.container[b-2yg5pjlyyj] {
    box-sizing: border-box;
    padding: var(--pad);
    min-height: 100vh;
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(2, 1fr);
    align-content: center;
    justify-items: stretch;
    background: linear-gradient(180deg,#071025 0%, #0b1220 100%);
    font-family: system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;
}

/* keep each cell a square regardless of screen width */
.cell[b-2yg5pjlyyj] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(2,6,23,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    color: var(--text);
    aspect-ratio: 1/1; /* modern browsers */
    overflow: hidden;
}

/* content inside the square can flow and center */
.content[b-2yg5pjlyyj] {
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    justify-content: center;
}

.title[b-2yg5pjlyyj] {
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    font-weight: 700;
    color: #071025;
}

.subtitle[b-2yg5pjlyyj] {
    font-size: clamp(.8rem, 1.8vw, 1rem);
    color: #334155;
}

/* different accent for each quarter (optional) */
.cell:nth-child(1)[b-2yg5pjlyyj] {
    background: linear-gradient(135deg,#fffaf0,#ffd7a8);
}

.cell:nth-child(2)[b-2yg5pjlyyj] {
    background: linear-gradient(135deg,#f0fbff,#a8e6ff);
}

.cell:nth-child(3)[b-2yg5pjlyyj] {
    background: linear-gradient(135deg,#f3fff3,#b7ffcf);
}

.cell:nth-child(4)[b-2yg5pjlyyj] {
    background: linear-gradient(135deg,#f7f0ff,#d9b8ff);
}

/* small / narrow screens: stack vertically */
@media (max-width: 700px) {
    .container[b-2yg5pjlyyj] {
        grid-template-columns: 1fr;
    }
    /* to avoid huge total height on very narrow screens we allow squares to scale down by using max-height */
    .cell[b-2yg5pjlyyj] {
        max-height: calc(100vh / 1 - var(--pad) * 2 - var(--gap));
    }
}

/* very short viewports: switch to two columns but allow squares to shrink */
@media (max-height: 520px) and (min-width: 701px) {
    .container[b-2yg5pjlyyj] {
        grid-auto-rows: 1fr;
    }

    .cell[b-2yg5pjlyyj] {
        aspect-ratio: auto;
        height: calc((100vh - var(--pad)*2 - var(--gap)) / 2);
    }
}

/*new one below*/
.container[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    max-width: 600px;
    margin: 40px auto;
    font-family: sans-serif;
}

.box[b-2yg5pjlyyj] {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background: #f9f9f9;
}

.box-title[b-2yg5pjlyyj] {
    font-weight: 600;
    margin-bottom: 8px;
}

.ellipsis-btn[b-2yg5pjlyyj] {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    padding: 4px;
}

.menu[b-2yg5pjlyyj] {
    position: absolute;
    top: 32px;
    right: 8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    list-style: none;
    padding: 4px 0;
    margin: 0;
    display: none;
    min-width: 140px;
    z-index: 10;
}

    .menu li[b-2yg5pjlyyj] {
        padding: 6px 12px;
        cursor: pointer;
        font-size: 14px;
    }

        .menu li:hover[b-2yg5pjlyyj] {
            background: #f0f0f0;
        }

.box.open .menu[b-2yg5pjlyyj] {
    display: block;
}

.container[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    max-width: 600px;
    margin: 40px auto;
    font-family: sans-serif;
}

.box[b-2yg5pjlyyj] {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background: #f9f9f9;
}

.box-title[b-2yg5pjlyyj] {
    font-weight: 600;
    margin-bottom: 8px;
}

.ellipsis-btn[b-2yg5pjlyyj] {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    padding: 4px;
}

.menu[b-2yg5pjlyyj] {
    position: absolute;
    top: 32px;
    right: 8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    list-style: none;
    padding: 4px 0;
    margin: 0;
    display: none;
    min-width: 140px;
    z-index: 10;
}

    .menu li[b-2yg5pjlyyj] {
        padding: 6px 12px;
        cursor: pointer;
        font-size: 14px;
    }

        .menu li:hover[b-2yg5pjlyyj] {
            background: #f0f0f0;
        }

.box.open .menu[b-2yg5pjlyyj] {
    display: block;
}

.link-grid[b-2yg5pjlyyj] {
    overflow: auto;
    max-height: 32rem;
}

.link-grid-header[b-2yg5pjlyyj],
.link-grid-row[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: 7rem 7rem minmax(12rem, 1fr) minmax(8rem, .7fr);
    gap: .5rem;
    align-items: center;
}

.link-grid-header[b-2yg5pjlyyj] {
    position: sticky;
    top: 0;
    z-index: 1;
    font-weight: 600;
}

.link-grid-row[b-2yg5pjlyyj] {
    width: 100%;
    text-align: left;
}

.link-workspace[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: 420px 420px;
    gap: 16px;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
}

    .link-workspace .cell[b-2yg5pjlyyj] {
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: 100%;
        aspect-ratio: auto;
        overflow: hidden;
    }

    .link-workspace .content[b-2yg5pjlyyj] {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        overflow: auto;
    }

@media (max-width: 700px) {
    .link-workspace[b-2yg5pjlyyj] {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

        .link-workspace .cell[b-2yg5pjlyyj] {
            height: auto;
            min-height: 360px;
        }
}


.link-workspace[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: 320px 1fr;
    gap: 12px;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
}

    .link-workspace .cell[b-2yg5pjlyyj] {
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: 100%;
        aspect-ratio: auto;
        overflow: hidden;
    }

    .link-workspace .content[b-2yg5pjlyyj] {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        overflow: auto;
        /* important: stop old centering from making these display panels */
        align-items: stretch;
        justify-content: flex-start;
        text-align: left;
    }

.source-frame[b-2yg5pjlyyj] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

#q1[b-2yg5pjlyyj] {
    min-height: 0;
}

    #q1 .content[b-2yg5pjlyyj] {
        justify-content: flex-start;
        align-items: stretch;
        padding: 12px;
    }

    #q1 select[b-2yg5pjlyyj] {
        max-width: none;
    }

.divBoxRow100[b-2yg5pjlyyj]{
    width:100%;
}
.container[b-2yg5pjlyyj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.container[b-2yg5pjlyyj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.box[b-2yg5pjlyyj] {
    flex: 0 0 calc(50% - 1rem);
}


.review-section[b-2yg5pjlyyj] { width: 100%; min-width: 0; margin: 12px 0; }

.section-bar[b-2yg5pjlyyj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #71867f;
    border-radius: 4px;
    background: #000000;
    color: #ffffff;
    text-align: left;
    cursor: pointer;
}

    .section-bar span:first-child[b-2yg5pjlyyj] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .section-bar span:last-child[b-2yg5pjlyyj] {
        /*font-size: 1.5rem;
        font-weight: bold;*/
        flex-shrink: 0;
    }

    .section-bar:focus-visible[b-2yg5pjlyyj] {
        outline: 3px solid #18743b;
        outline-offset: 2px;
    }

[hidden][b-2yg5pjlyyj] {
    display: none !important;
}

.section-bar[b-2yg5pjlyyj] {
    list-style: none;
}

    .section-bar[b-2yg5pjlyyj]::-webkit-details-marker {
        display: none;
    }


.section-toggle[b-2yg5pjlyyj]::before { content: "+"; }
.review-section[open] > .section-bar .section-toggle[b-2yg5pjlyyj]::before { content: "\2212"; }
.iframeBoxView[b-2yg5pjlyyj] { height: 240px; border: 1px solid #bfcac1; }

/* Inventory and review workflow; keep the existing preview and detailed editor. */
.link-workflow[b-2yg5pjlyyj] { padding: 12px; }
.workflow-columns[b-2yg5pjlyyj] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin: 12px 0; }
.workflow-list[b-2yg5pjlyyj] { min-width: 0; padding: 14px; background: #f4f6f2; border: 1px solid #bfcac1; border-radius: 8px; }
.workflow-list h2[b-2yg5pjlyyj] { font-size: 1.2rem; margin: 0 0 8px; }
.workflow-list small[b-2yg5pjlyyj] { font-size: .85rem; }
.category-menu[b-2yg5pjlyyj], .quick-status[b-2yg5pjlyyj] { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.category-menu button[b-2yg5pjlyyj] { padding: 6px 10px; }
.category-menu button[aria-pressed="true"][b-2yg5pjlyyj], .workflow-row[aria-pressed="true"][b-2yg5pjlyyj] { background: #e0ecdc; color: #243b35; outline: 2px solid #315c49; outline-offset: -2px; }
.workflow-rows[b-2yg5pjlyyj] { height: 280px; overflow-y: auto; margin-top: 12px; }
.workflow-row[b-2yg5pjlyyj] { display: block; width: 100%; margin-bottom: 6px; text-align: left; overflow-wrap: anywhere; }
.workflow-row strong[b-2yg5pjlyyj], .workflow-row span[b-2yg5pjlyyj] { display: block; }
.workflow-row span[b-2yg5pjlyyj] { font-size: .8rem; }
.quick-review[b-2yg5pjlyyj] { padding: 12px; background: #f4f6f2; border: 1px solid #bfcac1; margin-bottom: 12px; }
.quick-review select[b-2yg5pjlyyj] { max-width: 260px; }
@media (max-width: 700px) { .workflow-columns[b-2yg5pjlyyj] { grid-template-columns: 1fr; } }



.review-section summary[b-2yg5pjlyyj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    cursor: pointer;
}

.review-section .summary-label[b-2yg5pjlyyj] {
    /* optional: keep existing styling */
}

.review-section .summary-icon[b-2yg5pjlyyj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 220ms ease;
    color: currentColor; /* inherits text color */
}

/* rotate the chevron when details is open */
.review-section[open] .summary-icon[b-2yg5pjlyyj] {
    transform: rotate(180deg);
}


.selDomain[b-2yg5pjlyyj] {
    background-color: lightyellow;
    font-family: Arial, Helvetica, sans-serif:.7em;
}
.selPage[b-2yg5pjlyyj] {
    background-color: lightyellow;
    font-family: Arial, Helvetica, sans-serif:.7em;
}
.txtFinalUrl[b-2yg5pjlyyj] {
    background-color: lightyellow;
    font-family: Arial, Helvetica, sans-serif:.7em;
}
.spnInstructions[b-2yg5pjlyyj] {
    font-family: Arial, Helvetica, sans-serif:.7em;
}
/* Keep review controls beside Analyze to reduce scrolling. */
.analyze-review-row[b-2yg5pjlyyj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.analyze-review-row .url-save-actions[b-2yg5pjlyyj] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0;
}
.analyze-review-row > .spnInstructions[b-2yg5pjlyyj] {
    flex-basis: 100%;
}
/* Long source URLs must wrap within the workspace, not widen the page. */
#results-content[b-2yg5pjlyyj] { min-width: 0; max-width: 100%; }
#results-content table[b-2yg5pjlyyj] { width: 100%; table-layout: fixed; }
#results-content th[b-2yg5pjlyyj], #results-content td[b-2yg5pjlyyj] { overflow-wrap: anywhere; word-break: normal; }
#results-content th:first-child[b-2yg5pjlyyj] { width: 35%; }
.divFullPage input[b-2yg5pjlyyj], .divFullPage select[b-2yg5pjlyyj], .divFullPage textarea[b-2yg5pjlyyj] { min-width: 0; max-width: 100%; box-sizing: border-box; }
.section-bar[b-2yg5pjlyyj] { flex-wrap: wrap; gap: 12px; }
.section-bar .preview-review[b-2yg5pjlyyj] { min-width: 0; overflow-wrap: anywhere; }
/* /Components/Pages/MacAnswers.razor.rz.scp.css */
.mac-editor[b-c08tql9fl6] { display:grid; grid-template-columns:minmax(240px,1fr) minmax(0,2fr); gap:20px; align-items:start; }
.mac-editor section[b-c08tql9fl6] { min-width:0; }
.mac-editor label[b-c08tql9fl6] { margin-top:12px; font-weight:600; }
.mac-answer-row[b-c08tql9fl6] { display:flex; flex-direction:column; gap:4px; width:100%; text-align:left; padding:12px; margin:6px 0; border:1px solid #ccd5d5; border-radius:8px; background:#f5f8f7; overflow-wrap:anywhere; }
.mac-answer-row span[b-c08tql9fl6] { font-size:.9rem; }
.mac-text[b-c08tql9fl6] { white-space:pre-wrap; overflow-wrap:anywhere; }
.mac-review-fields[b-c08tql9fl6] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
@media(max-width:850px) { .mac-editor[b-c08tql9fl6],.mac-review-fields[b-c08tql9fl6] { grid-template-columns:1fr; } }
/* /Components/Pages/PageEditor.razor.rz.scp.css */
.page-editor-layout[b-b9wj65mz6m] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 1rem;
    align-items: start;
}

.page-editor-form[b-b9wj65mz6m],
.page-editor-preview[b-b9wj65mz6m] {
    min-width: 0;
}

.page-editor-preview[b-b9wj65mz6m] {
    position: sticky;
    top: 1rem;
}

.page-editor-eyebrow[b-b9wj65mz6m] {
    color: #587066;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.page-editor-preview-copy[b-b9wj65mz6m] {
    display: grid;
    gap: .75rem;
    margin-block: 1rem;
    padding: 1rem;
    border: 1px solid #d7e0dc;
    border-radius: .75rem;
    background: #f7faf8;
    color: #193c32;
}

.page-editor-preview-copy p[b-b9wj65mz6m] {
    margin: 0;
}

.page-editor-state[b-b9wj65mz6m] {
    color: #5b6b65;
    font-size: .9rem;
}

@media (max-width: 900px) {
    .page-editor-layout[b-b9wj65mz6m] {
        grid-template-columns: 1fr;
    }

    .page-editor-preview[b-b9wj65mz6m] {
        position: static;
    }
}
/* /Components/Pages/Posters.razor.rz.scp.css */
.poster-toolbar[b-8mjcr2b6tc],.poster-folders[b-8mjcr2b6tc]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.poster-toolbar .form-control[b-8mjcr2b6tc]{width:240px}.poster-toolbar input[type=file][b-8mjcr2b6tc]{display:block;max-width:280px;font-size:.85rem}.poster-workspace[b-8mjcr2b6tc]{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}.poster-grid[b-8mjcr2b6tc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.poster-card[b-8mjcr2b6tc]{display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid #cad5d0;border-radius:10px;padding:10px;background:#fff;overflow-wrap:anywhere}.poster-card img[b-8mjcr2b6tc]{width:100%;height:200px;object-fit:contain;background:#eef2f0}.poster-editor[b-8mjcr2b6tc]{min-width:0}.poster-editor label[b-8mjcr2b6tc]{display:block;margin-top:12px}.poster-editor a[b-8mjcr2b6tc]{display:block;margin:8px 0}@media(max-width:850px){.poster-workspace[b-8mjcr2b6tc]{grid-template-columns:1fr}}
.poster-library-layout[b-8mjcr2b6tc]{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.poster-library-content[b-8mjcr2b6tc]{min-width:0}
.poster-folder-nav[b-8mjcr2b6tc]{background:#f5f8f6;border:1px solid #cad5d0;border-radius:8px;padding:12px 0}
.poster-folder-nav h2[b-8mjcr2b6tc]{font-size:1rem;padding:0 12px;margin:0 0 10px}
.poster-folder-nav ul[b-8mjcr2b6tc]{list-style:none;padding:0;margin:0}
.poster-folder-link[b-8mjcr2b6tc]{display:flex;gap:8px;width:100%;padding:10px 12px;text-align:left;border:0;border-left:3px solid transparent;background:transparent;color:#243e34;overflow-wrap:anywhere}
.poster-folder-link:hover[b-8mjcr2b6tc],.poster-folder-link:focus-visible[b-8mjcr2b6tc]{background:#e7efeb}
.poster-folder-link.selected[b-8mjcr2b6tc]{background:#dcebe3;border-left-color:#286446;font-weight:700}
.poster-folder-link:disabled[b-8mjcr2b6tc]{opacity:.55;cursor:not-allowed}
@media(max-width:650px){.poster-library-layout[b-8mjcr2b6tc]{grid-template-columns:1fr}.poster-folder-nav[b-8mjcr2b6tc]{max-height:240px;overflow:auto}}

.poster-file-input[b-8mjcr2b6tc]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.poster-upload:focus-within label[b-8mjcr2b6tc]{outline:2px solid #286446;outline-offset:3px}.poster-upload p[b-8mjcr2b6tc]{margin-bottom:10px}.poster-upload[b-8mjcr2b6tc]{margin:16px 0}

.poster-heading-links[b-8mjcr2b6tc]{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 12px}

.collection-folder-icon[b-8mjcr2b6tc]{width:24px;height:24px;object-fit:contain}.poster-editor-actions[b-8mjcr2b6tc]{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.poster-editor-actions a[b-8mjcr2b6tc]{display:inline-flex;margin:0}.collection-links[b-8mjcr2b6tc]{display:grid;gap:12px}.poster-management .form-select[b-8mjcr2b6tc]{width:180px}

.poster-drop-zone[b-8mjcr2b6tc]{position:relative;border:2px dashed #286446;border-radius:10px;padding:28px;text-align:center;background:#eef5f0;min-height:100px;display:grid;place-items:center;margin:12px 0}
.poster-drop-zone:focus-within[b-8mjcr2b6tc],.poster-drop-zone:hover[b-8mjcr2b6tc]{background:#dcebe3;border-style:solid}
.poster-drop-zone .poster-file-input[b-8mjcr2b6tc]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.poster-viewer[b-8mjcr2b6tc]{position:fixed;inset:4vh 4vw;width:92vw;max-width:92vw;height:92vh;max-height:92vh;margin:0;padding:18px;overflow:auto;border:1px solid #cad5d0;border-radius:14px;background:white}
.poster-viewer[b-8mjcr2b6tc]::backdrop{background:#0008}.poster-viewer>img[b-8mjcr2b6tc]{display:block;max-width:100%;height:auto;margin:auto}.poster-viewer .poster-toolbar[b-8mjcr2b6tc]{position:sticky;top:0;background:white;padding:10px;z-index:1}
.poster-spinner[b-8mjcr2b6tc]{display:inline-block;width:22px;height:22px;border:3px solid #cad5d0;border-top-color:#286446;border-radius:50%;animation:poster-spin-b-8mjcr2b6tc .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes poster-spin-b-8mjcr2b6tc{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.poster-spinner[b-8mjcr2b6tc]{animation:none}}
.poster-viewer [hidden][b-8mjcr2b6tc]{display:none}

.poster-drop-zone.dragging[b-8mjcr2b6tc]{background:#dcebe3;border-style:solid;outline:3px solid #286446}.poster-drop-zone[b-8mjcr2b6tc]  input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
/* /Components/Pages/ShareActivity.razor.rz.scp.css */
.share-filters[b-im3x7d0mwn]{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.share-filters label[b-im3x7d0mwn]{display:grid;gap:6px;min-width:220px}.share-table[b-im3x7d0mwn]{overflow-x:auto}.share-table td[b-im3x7d0mwn]{overflow-wrap:anywhere;max-width:400px}.share-pagination[b-im3x7d0mwn]{display:flex;align-items:center;gap:12px;margin:16px 0}
/* /Components/Pages/VisitorDashboard.razor.rz.scp.css */
.activity-page[b-7l7vsl5lqg]{max-width:1200px;margin:auto;padding:18px 0 48px;color:#243e34}.activity-heading[b-7l7vsl5lqg]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.activity-heading h1[b-7l7vsl5lqg]{margin:6px 0 10px;font-size:2.2rem}.activity-heading p[b-7l7vsl5lqg]{color:#63746b;margin:0}.activity-eyebrow[b-7l7vsl5lqg]{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:#477263}.activity-periods[b-7l7vsl5lqg]{display:flex;gap:8px;margin-bottom:20px}.activity-stats[b-7l7vsl5lqg]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.activity-stats section[b-7l7vsl5lqg],.activity-panel[b-7l7vsl5lqg]{border:1px solid #d7e1da;border-radius:12px;background:#fff;padding:22px}.activity-stats span[b-7l7vsl5lqg],.activity-stats small[b-7l7vsl5lqg]{display:block;color:#64776a}.activity-stats strong[b-7l7vsl5lqg]{display:block;font-size:2.8rem;line-height:1.4}.activity-stats small[b-7l7vsl5lqg]{font-size:.85rem}.activity-note[b-7l7vsl5lqg]{font-size:.9rem;color:#657469;line-height:1.6;margin:20px 0}.activity-panels[b-7l7vsl5lqg]{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.activity-panel h2[b-7l7vsl5lqg]{font-size:1.2rem;margin-bottom:8px}.activity-panel p[b-7l7vsl5lqg]{font-size:.85rem;color:#64776a}.activity-bars[b-7l7vsl5lqg]{max-height:450px;overflow:auto}.activity-day[b-7l7vsl5lqg]{display:grid;grid-template-columns:60px 1fr 50px;align-items:center;gap:10px;margin:14px 0;font-size:.85rem}.activity-day strong[b-7l7vsl5lqg]{text-align:right}.activity-track[b-7l7vsl5lqg]{height:12px;border-radius:6px;background:#edf2ee;overflow:hidden}.activity-track span[b-7l7vsl5lqg]{display:block;height:100%;background:#4b8065;border-radius:6px}.activity-panel table[b-7l7vsl5lqg]{width:100%;font-size:.95rem}.activity-panel th[b-7l7vsl5lqg],.activity-panel td[b-7l7vsl5lqg]{padding:12px 0;border-bottom:1px solid #edf2ee}.activity-panel th:last-child[b-7l7vsl5lqg],.activity-panel td:last-child[b-7l7vsl5lqg]{text-align:right}.activity-panel a[b-7l7vsl5lqg]{color:#286446}@media(max-width:760px){.activity-heading[b-7l7vsl5lqg]{align-items:flex-start;flex-direction:column}.activity-panels[b-7l7vsl5lqg]{grid-template-columns:1fr}.activity-stats[b-7l7vsl5lqg]{gap:8px}.activity-stats section[b-7l7vsl5lqg]{padding:12px}.activity-stats strong[b-7l7vsl5lqg]{font-size:2rem}.activity-stats small[b-7l7vsl5lqg]{font-size:.75rem}}@media(max-width:400px){.activity-stats[b-7l7vsl5lqg]{grid-template-columns:1fr}.activity-stats section[b-7l7vsl5lqg]{display:grid;grid-template-columns:1fr auto;align-items:center}.activity-stats small[b-7l7vsl5lqg]{grid-column:1/-1}}