*{box-sizing:border-box}
:root{
    --bg:#f4f5f2;
    --surface:#fff;
    --border:#d9ddd6;
    --text:#20251f;
    --muted:#667064;
    --nav:#253126;
    --nav-hover:#334235;
    --nav-active:#e8eee6;
    --accent:#355a39;
    --danger-bg:#fff0f0;
    --danger-border:#c77676;
    --warn-bg:#fff8df;
    --warn-border:#d0b36d;
}
html{scroll-padding-top:94px}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{font-size:16px}
a{color:#284f2d}
button,input{font:inherit}
.admin-shell{min-height:100vh}
.admin-header{min-height:74px;padding:14px 22px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:24px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}
.admin-brand-title{font-size:1.25rem;font-weight:800}
.admin-brand-subtitle{margin-top:2px;color:var(--muted);font-size:.9rem}
.admin-user{display:flex;align-items:center;gap:14px}
.admin-user-copy{display:flex;flex-direction:column;text-align:right}
.admin-user-copy span{font-size:.82rem;color:var(--muted)}
.admin-user form{margin:0}
.admin-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 74px)}
.admin-nav{
    background:var(--nav);
    padding:16px 10px;
    position:sticky;
    top:74px;
    height:calc(100vh - 74px);
    overflow-y:auto;
    align-self:start;
}
.admin-nav-link{display:block;padding:11px 13px;margin:2px 0;border-radius:7px;color:#fff;text-decoration:none;font-weight:650}
.admin-nav-link:hover{background:var(--nav-hover)}
.admin-nav-link.is-active{background:var(--nav-active);color:var(--text)}
.admin-content{padding:26px;max-width:1200px;width:100%}
.admin-page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.admin-page-heading h1{margin:0;font-size:1.8rem}
.admin-page-heading p{margin:6px 0 0;color:var(--muted);max-width:760px}
.admin-badge{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.82rem;color:var(--muted);white-space:nowrap}
.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.admin-card h2{margin-top:0}
.admin-placeholder{margin-top:14px;padding:18px;border:1px dashed #bfc7bd;border-radius:10px;background:#fafbf9}
.admin-placeholder p{margin-bottom:0;color:var(--muted)}
.admin-wrap{max-width:980px;margin:0 auto;padding:24px}
.admin-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}
.admin-muted{color:var(--muted)}
.admin-alert{padding:14px 16px;border:1px solid var(--warn-border);background:var(--warn-bg);border-radius:8px;margin-bottom:16px}
.admin-error{padding:14px 16px;border:1px solid var(--danger-border);background:var(--danger-bg);border-radius:8px;margin-bottom:16px}
label{display:block;font-weight:600;margin-top:14px}
input{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #bfc7bd;border-radius:7px;background:#fff}
button,.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:0;border-radius:7px;background:#29382a;color:white;font-weight:700;cursor:pointer;text-decoration:none}
button{margin-top:18px}
.button-secondary{margin-top:0;background:#eef1ec;color:var(--text);border:1px solid #bfc7bd}
.password-wrap{display:flex;gap:8px;align-items:center;margin-top:6px}
.password-wrap input{margin-top:0;flex:1}
.password-toggle{margin-top:0;white-space:nowrap;background:#eef1ec;color:var(--text);border:1px solid #bfc7bd}
@media(max-width:760px){
    .admin-header{position:static;align-items:flex-start;padding:14px;flex-direction:column}
    .admin-user{width:100%;justify-content:space-between}
    .admin-user-copy{text-align:left}
    .admin-body{display:block}
    .admin-nav{
        display:flex;
        overflow-x:auto;
        overflow-y:hidden;
        gap:6px;
        padding:10px;
        background:var(--nav);
        position:sticky;
        top:0;
        z-index:9;
        height:auto;
        align-self:auto;
    }
    .admin-nav-link{white-space:nowrap;margin:0}
    .admin-content{padding:16px}
    .admin-page-heading{align-items:flex-start;flex-direction:column}
    .admin-card{padding:18px}
    .admin-wrap{padding:14px}
}

textarea,select{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #bfc7bd;border-radius:7px;background:#fff;font:inherit}
.production-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:20px;align-items:start}
.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.section-heading h2{margin:0}
.section-heading p{margin:5px 0 0}
.form-row{display:grid;gap:14px}
.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.field-error{margin-top:5px;color:#9f2f2f;font-size:.88rem}
.table-wrap{overflow-x:auto}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:top;text-align:left}
.admin-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.admin-table tr:last-child td{border-bottom:0}
.table-sub{margin-top:3px;color:var(--muted);font-size:.86rem}
.align-right{text-align:right!important}
.inline-form{display:inline}
.inline-form button{margin-top:0}
.button-small{padding:7px 9px;font-size:.86rem}
.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:700}
.status-active{background:#e7f3e7;color:#28572d}
.status-inactive{background:#eceeed;color:#60665f}
.admin-success{padding:14px 16px;border:1px solid #9bbd9c;background:#eef8ee;border-radius:8px;margin-bottom:16px}
.read-only-block{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#f8f9f6;display:grid;gap:6px}
.read-only-block code{overflow-wrap:anywhere}
@media(max-width:1050px){
    .production-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .two-col,.three-col{grid-template-columns:1fr}
    .section-heading{flex-direction:column}
}

.subnav{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto}
.subnav a{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-decoration:none;font-weight:700;white-space:nowrap}
.subnav a.is-active{background:var(--nav);color:#fff;border-color:var(--nav)}
.collection-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}
.summary-card strong{display:block;font-size:1.35rem;margin-top:3px}
.summary-label{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.collection-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}
.collection-selector{display:grid;grid-template-columns:160px minmax(220px,1fr) auto;gap:10px;align-items:end;margin-bottom:18px}
.collection-selector label{margin-top:0}
.collection-selector button{margin-top:0}
.collection-pen-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px;border:1px solid var(--border);border-radius:10px;background:#f8f9f6;margin-bottom:16px}
.collection-pen-banner>div{display:flex;flex-direction:column;gap:3px}
.egg-count-row{margin-top:4px}
.count-input{font-size:2rem;font-weight:800;text-align:center;padding:16px}
.button-row{display:flex;gap:10px;align-items:center}
.button-row button{margin-top:18px}
.collection-list{display:grid;gap:8px}
.collection-list-item{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text)}
.collection-list-item:hover{background:#f8f9f6}
.collection-list-item span:first-child{display:flex;flex-direction:column}
.collection-list-item small{color:var(--muted)}
.collection-list-count{font-weight:700;text-align:right;white-space:nowrap}
@media(max-width:820px){
    .collection-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .collection-selector{grid-template-columns:1fr}
}
@media(max-width:520px){
    .collection-summary-grid{grid-template-columns:1fr 1fr}
    .collection-pen-banner{align-items:flex-start;flex-direction:column}
    .button-row{display:grid;grid-template-columns:1fr 1fr}
    .button-row button{width:100%}
}

.audit-list{display:grid;gap:10px}
.audit-entry{border:1px solid var(--border);border-radius:9px;background:#fff}
.audit-entry summary{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:13px 15px;cursor:pointer}
.audit-main{display:flex;flex-direction:column;gap:3px}
.audit-main span,.audit-time{color:var(--muted);font-size:.86rem}
.audit-time{white-space:nowrap}
.audit-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 15px 14px}
.audit-detail-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.audit-detail-grid span,.audit-detail-grid code{overflow-wrap:anywhere}
.audit-block{margin:0 15px 14px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#f8f9f6}
.audit-block p{margin:5px 0 0}
.audit-block pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:.82rem}
.audit-block code{display:block;margin-top:6px;overflow-wrap:anywhere}
.audit-change-grid{display:grid;grid-template-columns:1fr 1fr}
.audit-change-grid .audit-block{margin-right:7px}
.audit-change-grid .audit-block+ .audit-block{margin-left:7px;margin-right:15px}
@media(max-width:760px){
    .audit-entry summary{flex-direction:column}
    .audit-time{white-space:normal}
    .audit-detail-grid{grid-template-columns:1fr 1fr}
    .audit-change-grid{grid-template-columns:1fr}
    .audit-change-grid .audit-block,.audit-change-grid .audit-block+ .audit-block{margin-left:15px;margin-right:15px}
}

.log-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.log-filter-grid label{margin-top:0}
.log-filter-actions{display:flex;gap:8px;align-items:end}
.log-filter-actions button{margin-top:0}
.log-result-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}
.log-result-summary .button{margin-left:auto}
.log-file-list,.log-match-list{display:grid;gap:8px}
.log-file-row{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text)}
.log-file-row:hover{background:#f8f9f6}
.log-file-row span:first-child{display:flex;flex-direction:column}
.log-file-row small{color:var(--muted)}
.log-file-row span:last-child{color:var(--muted);font-size:.86rem;text-align:right}
.log-match-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff}
.log-match-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.log-match-head>div{display:flex;flex-direction:column}
.log-match-head span{color:var(--muted);font-size:.84rem}
.log-match-card pre,.log-output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#111;color:#f4f4f4;border-radius:8px;padding:14px;font-size:.78rem;line-height:1.45;overflow:auto}
.log-match-card pre{max-height:260px}
.log-output{max-height:70vh}
@media(max-width:900px){
  .log-filter-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .log-filter-grid{grid-template-columns:1fr}
  .log-file-row,.log-match-head{flex-direction:column}
  .log-file-row span:last-child{text-align:left}
  .log-result-summary .button{margin-left:0}
}

.inventory-next-card{margin-top:18px}
.inventory-next-card h2{margin-top:0}

.inventory-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:18px;align-items:start}
.inventory-movement-card{position:sticky;top:14px}
.inventory-bucket-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}
.inventory-bucket-grid>div{border:1px solid var(--border);border-radius:8px;padding:10px;background:#f8f9f6}
.inventory-bucket-grid span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}
.inventory-bucket-grid strong{display:block;font-size:1.25rem;margin-top:3px}
.is-selected-row{background:#f8f9f6}
.inventory-ledger-card{margin-top:18px}
@media(max-width:1050px){
  .inventory-layout{grid-template-columns:1fr}
  .inventory-movement-card{position:static}
}
@media(max-width:650px){
  .inventory-bucket-grid{grid-template-columns:1fr 1fr}
}

.incubation-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.incubation-layout-full>.admin-card{min-width:0;width:100%}
.incubation-source-table-wrap{max-width:100%;overflow-x:auto}
.incubation-source-table{min-width:960px}
.incubation-supplemental-panel{margin:22px 0;padding-top:18px;border-top:1px solid var(--border)}
.supplemental-source-row{margin:12px 0;padding:14px;border:1px solid var(--border);border-radius:10px;background:#f8f9f6}
.supplemental-source-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.supplemental-source-head .button{margin-top:0}
.supplemental-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.supplemental-source-row [hidden]{display:none!important}
.incubation-batch-list{display:grid;gap:8px}
.incubation-batch-row{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none}
.incubation-batch-row:hover{background:#f8f9f6}
.incubation-batch-row span:first-child{display:flex;flex-direction:column}
.incubation-batch-row small{color:var(--muted);margin-top:3px}
.incubation-detail-card,.incubation-boundary-card{margin-top:18px}
.qty-input{min-width:80px;max-width:110px}
@media(max-width:1000px){.incubation-layout{grid-template-columns:1fr}}

.incubation-add-eggs{margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:8px;background:#f8f9f6}
.incubation-add-eggs h3{margin-top:0}

.hatch-results-panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.hatch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

.growout-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr);gap:18px;align-items:start}
.growout-detail-card,.growout-boundary-card{margin-top:18px}
.form-grid-span{grid-column:1/-1}
@media(max-width:1000px){.growout-layout{grid-template-columns:1fr}}

.housing-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.housing-summary-card,.housing-boundary-card{margin-top:18px}
.housing-help{margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#f8f9f6}
.housing-help p{margin-bottom:0}
@media(max-width:1000px){.housing-layout{grid-template-columns:1fr}}

.cohort-quantity-summary{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}
.cohort-quantity-summary>div{min-width:150px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#f8f9f6}
.cohort-quantity-summary strong{display:block;font-size:1.35rem;margin-top:3px}
.summary-label{color:var(--muted);font-size:.88rem}
.bird-lifecycle-panel{margin:20px 0;padding-top:18px;border-top:1px solid var(--border)}
.bird-lifecycle-help{margin-top:10px}

.bird-sexing-panel{margin:20px 0;padding-top:18px;border-top:1px solid var(--border)}
.sex-history-table{margin-top:16px}

.individual-birds-panel{margin:20px 0;padding-top:18px;border-top:1px solid var(--border)}
.individual-capacity{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 16px}
.individual-capacity span{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#f8f9f6}
.individual-bird-table{margin-top:16px}
.inline-status-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inline-status-form select{min-width:120px}
.individual-note{margin-top:12px}

.breeding-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:18px;align-items:start}
.breeding-detail-card,.breeding-boundary-card{margin-top:18px}
.breeding-members-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:20px;align-items:start}
.breeding-form-help{margin-top:10px}
@media(max-width:1000px){.breeding-layout,.breeding-members-grid{grid-template-columns:1fr}}

.breeding-placement-card{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:10px;background:#fff}
.breeding-housing-history{margin-top:16px}
.breeding-placement-warning{margin-top:12px}


/* Build 0.033 — Egg Collection mobile containment */
.production-grid,
.collection-layout,
.production-grid > *,
.collection-layout > *,
.admin-card,
.collection-selector,
.collection-selector > *,
.collection-pen-banner,
.collection-pen-banner > div,
.collection-list,
.collection-list-item,
.collection-list-item > span{
    min-width:0;
}

.collection-selector input,
.collection-selector select,
.collection-selector button,
.collection-pen-banner,
.collection-list-item{
    max-width:100%;
}

.collection-selector select{
    overflow:hidden;
    text-overflow:ellipsis;
}

.collection-pen-banner strong,
.collection-pen-banner span,
.collection-list-item strong,
.collection-list-item small{
    overflow-wrap:anywhere;
    word-break:break-word;
}

@media(max-width:820px){
    .collection-layout{
        display:block;
    }

    .collection-layout > .admin-card{
        width:100%;
        max-width:100%;
        margin:0 0 16px;
        position:static;
        inset:auto;
    }

    .collection-selector{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        width:100%;
        max-width:100%;
        overflow:visible;
    }

    .collection-selector label,
    .collection-selector input,
    .collection-selector select,
    .collection-selector button{
        width:100%;
        min-width:0;
        max-width:100%;
    }

    .collection-selector button{
        margin-top:0;
    }

    .collection-pen-banner{
        width:100%;
        max-width:100%;
        position:static;
        overflow:visible;
    }

    .collection-list-item{
        width:100%;
        max-width:100%;
    }
}

@media(max-width:520px){
    .collection-summary-grid{
        grid-template-columns:1fr;
    }

    .collection-pen-banner{
        display:block;
    }

    .collection-pen-banner > div{
        width:100%;
    }

    .collection-pen-banner .status-pill{
        margin-top:10px;
        white-space:normal;
        max-width:100%;
    }

    .button-row{
        grid-template-columns:1fr;
    }

    .collection-list-item{
        display:block;
    }

    .collection-list-count{
        display:block;
        margin-top:8px;
        text-align:left;
        white-space:normal;
    }
}

@media(max-width:820px){
  .supplemental-source-grid{grid-template-columns:1fr}
  .incubation-source-table{min-width:860px}
}


/* Build 0.047 — Incubation full-width containment */
.incubation-create-stack{
    display:block!important;
    width:100%!important;
    min-width:0!important;
}
.incubation-create-stack>.admin-card{
    display:block;
    width:100%;
    min-width:0;
}
.incubation-batches-card{
    margin-top:18px;
}
.incubation-create-card .table-wrap{
    max-width:100%;
    overflow-x:auto;
}
.incubation-create-card .incubation-source-table{
    width:100%;
    min-width:0;
    table-layout:auto;
}
.incubation-create-card .incubation-source-table th:nth-child(3),
.incubation-create-card .incubation-source-table td:nth-child(3){
    min-width:250px;
}
.incubation-create-card .incubation-source-table th:last-child,
.incubation-create-card .incubation-source-table td:last-child{
    min-width:96px;
    white-space:nowrap;
}

/* Build 0.052 — operational egg inventory */
.inventory-availability-table td,
.inventory-availability-table th {
    vertical-align: top;
}
.inventory-date-details summary,
.admin-card > summary {
    cursor: pointer;
}
.inventory-date-list {
    margin-top: .65rem;
    display: grid;
    gap: .35rem;
    min-width: 260px;
}
.details-body {
    margin-top: 1rem;
}
.inventory-finder-form .form-grid,
.admin-card .form-grid {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}
.form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.inventory-finder-result {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(127, 127, 127, .25);
}
@media (max-width: 780px) {
    .form-grid-2,
    .form-grid-3 {
        grid-template-columns: 1fr;
    }
}


/* Build 0.056: scalable floating module navigation */
.admin-header-floating{min-height:64px;padding:10px 18px;gap:16px;box-shadow:0 2px 10px rgba(0,0,0,.06);z-index:1000}
.admin-brand-link{text-decoration:none;color:inherit;min-width:max-content}
.admin-brand-link span{display:block}
.admin-primary-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.admin-menu{position:relative}
.admin-menu-button,.admin-menu-direct{margin:0;border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;padding:9px 10px;border-radius:8px;text-decoration:none;display:flex;gap:6px;align-items:center;white-space:nowrap}
.admin-menu-button:hover,.admin-menu-direct:hover,.admin-menu.is-active>.admin-menu-button,.admin-menu-direct.is-active{background:#eef1ec;color:var(--text)}
.admin-menu-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.14);padding:7px;z-index:1100}
.admin-menu.is-open>.admin-menu-dropdown{display:block}
.admin-menu-dropdown a{display:block;padding:9px 11px;border-radius:7px;color:var(--text);text-decoration:none;font-weight:650;white-space:nowrap}
.admin-menu-dropdown a:hover,.admin-menu-dropdown a.is-active{background:#eef1ec}
.admin-menu-toggle{display:none;margin:0}
.admin-content-wide{max-width:1600px;margin:0 auto;padding:22px 28px;width:100%}
.admin-body{display:block}
.admin-nav{display:none!important}
@media(max-width:1050px){
 .admin-header-floating{flex-wrap:wrap;position:sticky;top:0}
 .admin-menu-toggle{display:inline-flex;margin-left:auto}
 .admin-primary-nav{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;padding-top:8px}
 .admin-primary-nav.is-open{display:flex}
 .admin-menu,.admin-menu-direct{width:100%}
 .admin-menu-button,.admin-menu-direct{width:100%;justify-content:space-between}
 .admin-menu-dropdown{position:static;box-shadow:none;margin:3px 0 6px 12px;border-left:3px solid var(--border);border-top:0;border-right:0;border-bottom:0;border-radius:0}
 .admin-user{margin-left:auto}
}
@media(max-width:700px){.admin-user-copy{display:none}.admin-content-wide{padding:14px}.admin-header-floating{padding:10px 12px}.admin-brand-subtitle{font-size:.78rem}}


/* Build 0.059 Pantry-derived security dashboard */
.security-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}
.security-metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.035)}
.security-metric span,.security-dashboard-strip span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.security-metric strong{display:block;font-size:1.75rem;margin:5px 0}.security-metric small{color:var(--muted)}
.security-threat{font-weight:900}.threat-green{color:#2e6b3a}.threat-yellow{color:#8a6115}.threat-red{color:#a32f2f}.security-severity{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.72rem;font-weight:900}.severity-info,.severity-low{background:#eef1ec;color:#435044}.severity-medium{background:#fff2cc;color:#785800}.severity-high,.severity-critical{background:#fde2e2;color:#8e2323}
.security-dashboard-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.security-dashboard-head .button{margin-top:0}.security-dashboard-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.security-dashboard-strip>div{border:1px solid var(--border);border-radius:9px;padding:12px;background:#fafbf9}.security-dashboard-strip strong{display:block;font-size:1.25rem;margin-top:3px}
@media(max-width:1000px){.security-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.security-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.security-dashboard-head{display:block}.security-dashboard-head .button{margin-top:8px}.security-dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Build 0.060 — Pantry-derived user and granular permission administration */
.user-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.user-stat{padding:18px}
.user-stat span{display:block;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.user-stat strong{display:block;margin-top:5px;font-size:1.7rem}
.users-card{margin-top:0}
.user-filter-grid{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) minmax(170px,.8fr) auto;gap:12px;align-items:end;margin:18px 0}
.user-filter-grid label{margin-top:0}
.user-filter-actions{display:flex;gap:8px;align-items:end;padding-bottom:1px}
.user-filter-actions button,.user-filter-actions .button{margin-top:0}
.user-edit-toolbar{display:flex;justify-content:flex-start;margin-bottom:14px}
.user-edit-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.6fr);gap:18px;align-items:start}
.user-account-card{position:sticky;top:104px}
.user-account-card h2,.user-permissions-card h2{margin:.25rem 0 .75rem}
.field-help{display:block;margin-top:6px;color:var(--muted);font-weight:400;font-size:.84rem;line-height:1.4}
.check-line{display:flex;align-items:center;gap:.55rem;margin-top:16px}
.check-line input{width:auto;margin:0}
.user-success{border-color:#87ae8a;background:#eff8ef}
.permission-legend{display:flex;align-items:center;gap:.5rem;margin:-4px 0 16px;color:var(--muted);font-size:.86rem}
.role-default-dot{width:11px;height:11px;border-radius:999px;background:#dfeadd;border:1px solid #8aa18a;display:inline-block;flex:0 0 auto}
.permission-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.permission-group-panel{border:1px solid var(--border);border-radius:11px;background:#fbfcfa;overflow:hidden}
.permission-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid var(--border);background:#f5f7f3}
.permission-group-head h3{margin:0;font-size:.95rem}
.permission-group-head>div{display:flex;gap:6px}
.permission-list{padding:7px}
.permission-row{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px;border-radius:8px;font-weight:400;cursor:pointer}
.permission-row:hover{background:#f2f5f0}
.permission-row.is-role-default{background:#edf4eb}
.permission-row input{width:auto;margin:3px 0 0;flex:0 0 auto}
.permission-row>span{display:block;min-width:0}
.permission-row strong{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:.9rem}
.permission-row small{display:block;margin-top:3px;color:var(--muted);font-size:.78rem;line-height:1.35}
.role-default-badge{font-style:normal;font-size:.67rem;text-transform:uppercase;letter-spacing:.03em;padding:2px 5px;border-radius:999px;background:#dce9d9;color:#355a39;white-space:nowrap}
.user-save-bar{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.user-save-bar button{margin-top:0}
@media(max-width:1050px){.user-edit-layout{grid-template-columns:1fr}.user-account-card{position:static}.permission-panel-grid{grid-template-columns:1fr}}
@media(max-width:760px){.user-stat-grid{grid-template-columns:1fr 1fr}.user-filter-grid{grid-template-columns:1fr}.user-filter-actions{padding-bottom:0}.permission-group-head{align-items:flex-start;flex-direction:column}.user-save-bar button{width:100%}}
@media(max-width:480px){.user-stat-grid{grid-template-columns:1fr}.permission-group-head>div{width:100%}.permission-group-head .button{flex:1}}

/* Build 0.062 — Pantry-derived CMS + communications workspaces */
.cms-admin-grid,.two-column-admin{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.6fr);gap:18px;align-items:start}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-heading h2{margin:0}
.cms-page-list{display:grid;gap:7px}.cms-page-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);margin-bottom:7px}.cms-page-row:hover,.cms-page-row.is-active{background:#f2f5f0}.cms-page-row span:first-child{display:flex;flex-direction:column;min-width:0}.cms-page-row small{color:var(--muted);overflow-wrap:anywhere}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:15px}.metric-card span{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.metric-card strong{display:block;font-size:1.55rem;margin-top:4px}
.notice{padding:14px 16px;border-radius:8px;margin-bottom:16px}.notice.success{border:1px solid #9bbd9c;background:#eef8ee}.notice.error{border:1px solid var(--danger-border);background:var(--danger-bg)}
.checkbox-line{display:flex;align-items:center;gap:9px;margin-top:14px}.checkbox-line input{width:auto;margin:0}
.list-card{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.list-card span,.list-card small{color:var(--muted)}
.button-danger{background:#8d2f2f}.button-light{background:#eef1ec;color:var(--text);border:1px solid #bfc7bd}
.admin-card table{width:100%;border-collapse:collapse}.admin-card table th,.admin-card table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.admin-card table th{font-size:.8rem;text-transform:uppercase;color:var(--muted)}
@media(max-width:900px){.cms-admin-grid,.two-column-admin{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}}

/* Build 0.063 tenant profile / business rule tabs */
.record-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin:0 0 18px;padding:0 2px}
.record-tabs a{display:inline-flex;align-items:center;padding:10px 14px;border-radius:8px 8px 0 0;color:var(--muted);font-weight:700;text-decoration:none;border:1px solid transparent;border-bottom:0;margin-bottom:-1px}
.record-tabs a:hover{background:#f5f7f3;color:var(--text)}
.record-tabs a.is-active{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 -1px 0 rgba(0,0,0,.02)}
.settings-card{max-width:1100px}
.settings-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:9px;padding:14px;background:#fafbf9;cursor:pointer}
.settings-option input{width:auto;margin-top:3px}
.settings-option span{display:grid;gap:4px}.settings-option small{color:var(--muted);font-weight:400;line-height:1.35}
.settings-save-row{display:flex;justify-content:flex-end;margin-top:18px}
.rule-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.rule-preview>div{border:1px solid var(--border);border-radius:9px;padding:14px;background:#fafbf9}.rule-preview span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.rule-preview strong{display:block;margin-top:4px;font-size:1.1rem}
@media(max-width:760px){.settings-option-grid,.rule-preview{grid-template-columns:1fr}.record-tabs{gap:0}.record-tabs a{flex:1;justify-content:center;min-width:140px}.settings-save-row button{width:100%}}
.tenant-profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}.tenant-profile-summary>div{border:1px solid var(--border);border-radius:9px;padding:12px;background:#fafbf9}.tenant-profile-summary span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.tenant-profile-summary strong{display:block;margin-top:3px;overflow-wrap:anywhere}
@media(max-width:620px){.tenant-profile-summary{grid-template-columns:1fr}}

/* 0.064 customer/order record navigation */
.record-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}.record-heading h1{margin:.25rem 0 .2rem}.record-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin:0 0 18px}.record-tabs a{padding:10px 14px;text-decoration:none;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.record-tabs a.is-active{color:var(--ink);border-bottom-color:var(--accent)}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.detail-grid>div{padding:14px;border:1px solid var(--border);border-radius:9px;background:#fafbf9}.detail-grid span{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.detail-grid strong{display:block;margin-top:5px;overflow-wrap:anywhere}.copy-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.copy-link-row input{margin:0}.order-total{font-size:1.8rem}.offline-sale-form h3{margin-top:24px}.claim-link-card{border-color:#b9d8c3;background:#f5fbf7}
@media(max-width:800px){.detail-grid{grid-template-columns:1fr 1fr}.copy-link-row{grid-template-columns:1fr}.record-tabs{overflow-x:auto;flex-wrap:nowrap}.record-tabs a{white-space:nowrap}}
@media(max-width:520px){.detail-grid{grid-template-columns:1fr}}

/* Build 0.065 reservations */
.allocation-box{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:10px 18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.allocation-form{display:grid;grid-template-columns:minmax(260px,1fr) 90px auto;gap:8px;align-items:center}.allocation-form select,.allocation-form input{margin:0}.notice-success{background:#eef8f0;border:1px solid #b9d8c3;color:#245d32}.receipt-status{margin:16px 0;padding:12px 14px;background:#f4f8f3;border:1px solid var(--border);border-radius:8px}@media(max-width:800px){.allocation-box{grid-template-columns:1fr}.allocation-form{grid-template-columns:1fr}.allocation-form button{width:100%}}

/* Build 0.066 storefront settings use shared admin table/form patterns. */

/* Build 0.116 tenant profile usage/privacy controls */
.profile-use-field{border:1px solid var(--border,#d8dee7);border-radius:12px;padding:14px;background:var(--surface,#fff)}
.profile-use-field-wide{grid-column:1/-1}.profile-use-note{font-size:.86rem;color:var(--muted,#64748b);margin:8px 0}
.profile-use-checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px}.profile-use-checks label{display:flex;align-items:center;gap:6px;font-weight:500;margin:0}.profile-use-checks input{width:auto;margin:0}.profile-use-checks-stack{flex-direction:column;align-items:flex-start;justify-content:center}
@media(max-width:720px){.profile-use-checks{flex-direction:column;align-items:flex-start}.profile-use-field-wide{grid-column:auto}}

/* 0.173 nightly egg collection quick-entry workspace */
.egg-collection-workspace{padding-bottom:0;overflow:visible}
.egg-collection-heading{align-items:end}
.egg-date-form{display:flex;gap:8px;align-items:end;min-width:190px}
.egg-date-form label{margin:0;font-size:.82rem;color:var(--muted)}
.egg-date-form input{margin:0}
.egg-quick-list{display:grid;gap:8px;margin:14px 0 0}
.egg-quick-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(230px,320px) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.egg-quick-row.is-recorded{background:#f8faf7}
.egg-quick-row.is-highlighted{outline:3px solid rgba(46,96,55,.22);outline-offset:1px}
.egg-quick-source{min-width:0}
.egg-quick-title-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.egg-quick-title-line strong{font-size:1rem}
.egg-quick-meta{display:flex;gap:5px 10px;flex-wrap:wrap;margin-top:3px;color:var(--muted);font-size:.82rem}
.egg-quick-meta span+span:before{content:'·';margin-right:10px;color:#a1a69f}
.egg-quick-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.egg-quick-counts label{margin:0;display:grid;grid-template-columns:auto 72px;gap:7px;align-items:center;font-size:.78rem;color:var(--muted)}
.egg-quick-input{font-size:1.45rem!important;padding:8px!important;min-width:0;width:72px;text-align:center}
.egg-quick-notes{min-width:72px}
.egg-quick-notes summary{cursor:pointer;font-size:.82rem;font-weight:700;color:var(--muted);white-space:nowrap}
.egg-quick-notes[open]{grid-column:1/-1;width:100%}
.egg-quick-notes textarea{margin-top:8px;width:100%}
.egg-row-error{grid-column:1/-1}
.egg-savebar{position:sticky;bottom:0;z-index:20;margin:14px -20px 0;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);background:rgba(255,255,255,.96);box-shadow:0 -7px 16px rgba(0,0,0,.05);backdrop-filter:blur(5px)}
.egg-savebar button{margin:0;white-space:nowrap}
.egg-savebar-summary{display:flex;flex-direction:column;gap:2px}
.egg-savebar-summary span{color:var(--muted);font-size:.85rem}
.egg-recorded-details{margin-top:14px}
.egg-recorded-details>summary{cursor:pointer;padding:2px 0 12px}
.egg-recorded-details[open]>summary{border-bottom:1px solid var(--border);margin-bottom:12px}

@media(max-width:820px){
    .egg-collection-heading{align-items:stretch}
    .egg-date-form{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center}
    .egg-quick-row{grid-template-columns:minmax(0,1fr) auto}
    .egg-quick-source{grid-column:1/2}
    .egg-quick-counts{grid-column:2/3;grid-row:1/2}
    .egg-quick-notes{grid-column:1/-1}
    .egg-quick-counts label{grid-template-columns:1fr;gap:2px;text-align:center}
}
@media(max-width:560px){
    .collection-summary-compact{gap:7px;margin-bottom:10px}
    .collection-summary-compact .summary-card{padding:9px 10px}
    .collection-summary-compact .summary-card strong{font-size:1.05rem}
    .collection-summary-compact .summary-label{font-size:.68rem}
    .egg-collection-workspace{padding:12px 10px 0}
    .egg-collection-heading{gap:8px}
    .egg-collection-heading p{margin-bottom:4px}
    .egg-quick-list{gap:6px;margin-top:10px}
    .egg-quick-row{grid-template-columns:minmax(0,1fr) 150px;gap:8px;padding:9px}
    .egg-quick-title-line{display:block}
    .egg-quick-title-line .status-pill{margin-left:5px;vertical-align:middle}
    .egg-quick-meta{font-size:.75rem;gap:2px 7px}
    .egg-quick-meta span+span:before{margin-right:7px}
    .egg-quick-counts{gap:6px}
    .egg-quick-input{font-size:1.35rem!important;width:70px;padding:7px 4px!important}
    .egg-quick-notes summary{font-size:.78rem}
    .egg-savebar{margin:10px -10px 0;padding:8px 10px;gap:8px}
    .egg-savebar-summary strong{font-size:.9rem}
    .egg-savebar-summary span{font-size:.72rem}
    .egg-savebar button{padding:10px 12px;font-size:.88rem}
}

/* Build 0.216: preserve inbound email formatting without letting long URLs overflow. */
.received-message-body{overflow-wrap:anywhere;word-break:break-word}
.received-message-current,.received-message-quoted>div{white-space:pre-wrap;line-height:1.55}
.received-message-quoted{margin-top:1rem;border-top:1px solid var(--border-color,#d9ddd8);padding-top:.75rem}
.received-message-quoted summary{cursor:pointer;font-weight:700;margin-bottom:.75rem}
.received-message-quoted[open]>div{padding:.75rem 1rem;border-left:3px solid rgba(30,74,55,.22);background:rgba(30,74,55,.035);border-radius:.25rem}


/* Build 0.222 — tenant follow-ups / screen capture */
.followup-floating{position:fixed;left:14px;bottom:18px;z-index:115;border:0;border-radius:999px;width:50px;height:50px;background:#28382d;color:#fff;font-size:1.3rem;box-shadow:0 5px 18px rgba(0,0,0,.25);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.followup-floating.is-dragging{cursor:grabbing}.followup-modal[hidden]{display:none!important}.followup-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1rem}.followup-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62)}.followup-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100dvh - 2rem);overflow:auto;background:#fff;border-radius:18px;padding:1.25rem;box-shadow:0 20px 60px rgba(0,0,0,.32)}.followup-dialog textarea,.followup-dialog select{width:100%;margin:.35rem 0 1rem}.followup-close{position:absolute;right:.75rem;top:.55rem;border:0;background:transparent;font-size:2rem;cursor:pointer}.followup-modal-open{overflow:hidden}.followup-check{display:flex;gap:.55rem;align-items:flex-start;margin:.2rem 0 .7rem}.followup-check input{width:auto;margin:.2rem 0 0}.followup-status{min-height:1.4em;margin:.7rem 0;font-weight:600}.followup-privacy-note{font-size:.9rem}.followup-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center}.followup-filter-links{display:flex;gap:.45rem;flex-wrap:wrap}.followup-list{display:grid;gap:.6rem}.followup-list-item{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--admin-border,#d8ddd8);border-radius:12px;text-decoration:none;color:inherit;background:#fff}.followup-list-item:hover{box-shadow:0 4px 18px rgba(0,0,0,.07)}.followup-list-main,.followup-list-meta{display:grid;gap:.22rem}.followup-list-main small,.followup-list-meta small{color:#667066}.followup-list-meta{text-align:right;justify-items:end;min-width:180px}.followup-detail-grid{display:grid;gap:1rem}.followup-detail-heading,.followup-screenshot-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.followup-detail-heading h2,.followup-screenshot-heading h2{margin-top:0}.followup-initial-message{padding:1rem;border-radius:12px;background:#f5f7f4;margin:1rem 0;white-space:normal}.followup-context{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin:1rem 0}.followup-context div{padding:.65rem .75rem;background:#f7f8f6;border-radius:10px}.followup-context dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#6b746b}.followup-context dd{margin:.2rem 0 0;overflow-wrap:anywhere}.followup-thread{display:grid;gap:.75rem;margin:1rem 0}.followup-message{max-width:min(760px,92%);padding:.8rem 1rem;border-radius:14px;background:#f2f4f1}.followup-message.is-mine{margin-left:auto;background:#e8efe8}.followup-message header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.followup-message header small{color:#687268}.followup-reply-form textarea{width:100%}.followup-screenshot-card img{display:block;max-width:100%;height:auto;margin:1rem auto 0;border:1px solid #d5dbd5;border-radius:10px;box-shadow:0 3px 14px rgba(0,0,0,.08)}
@media(max-width:700px){.followup-toolbar,.followup-list-item,.followup-detail-heading,.followup-screenshot-heading{align-items:stretch;flex-direction:column}.followup-list-meta{text-align:left;justify-items:start;min-width:0}.followup-dialog{border-radius:14px;padding:1rem}.followup-floating{display:block}}

/* Build 0.223 — desktop Admin-menu capture; floating camera is the mobile shortcut. */
@media(min-width:981px){.followup-floating{display:none}}

/* Build 0.302 — snapshot button docks in the sticky header and can still be dragged anywhere. */
.followup-header-dock{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:12px;position:relative;z-index:260}
.followup-header-dock:empty{background:transparent}
.followup-floating{z-index:260}
.followup-floating.is-docked{position:relative!important;inset:auto!important;width:44px;height:44px;box-shadow:0 3px 12px rgba(0,0,0,.18);cursor:grab;display:inline-flex!important;align-items:center;justify-content:center}
@media(min-width:981px){.followup-floating{display:inline-flex}.followup-header-dock{display:inline-flex}}
@media(max-width:700px){.followup-header-dock{flex-basis:46px;width:46px;height:46px}.followup-floating.is-docked{width:42px;height:42px}}