/* YURA v4.2 — visual parity with approved weekly calendar/alerts/shortcut reference.
   All content and counts are bound to live Firestore reads already performed by dashboard-center.js. */
#pageContent .yc-v42-root{max-width:1680px;margin:auto;display:flex;flex-direction:column;gap:14px}
#pageContent .yc-v42-root .yc-panel{padding:15px 17px!important;margin:0!important;border:1px solid #e6edf7!important;border-radius:16px!important;box-shadow:0 6px 24px #27456e0a!important;background:#fff;min-width:0}
#pageContent .yc-v42-root .yc-panel-head{margin-bottom:10px!important;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#pageContent .yc-v42-root .yc-panel-head h2{font-size:15px!important;font-weight:800!important;color:#112b59!important;margin:0 0 3px!important;line-height:1.3}
#pageContent .yc-v42-root .yc-panel-head p{font-size:10px!important;color:#8193b1!important;line-height:1.5!important;margin:0!important}
#pageContent .yc-title-wrap{display:flex!important;gap:12px!important;align-items:center!important;min-width:0}
#pageContent .yc-panel-icon{display:grid!important;place-items:center!important;width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:11px!important;font-size:22px!important;font-weight:700;box-shadow:none!important}
#pageContent .yc-panel-icon-calendar{color:#1465e8!important;background:#eaf2ff!important}
#pageContent .yc-panel-icon-notice{background:linear-gradient(135deg,#ff2448,#ff5f77)!important}
#pageContent .yc-panel-icon-stock{background:linear-gradient(135deg,#2457f7,#504fff)!important}
#pageContent .yc-panel-icon-quick{background:linear-gradient(135deg,#1675ff,#2765e8)!important}
#pageContent .yc-calendar-panel{padding-bottom:13px!important}
#pageContent .yc-calendar-head{margin:0 0 9px!important;flex-wrap:wrap}
#pageContent .yc-calendar-mode{display:flex;gap:3px;padding:3px;border:1px solid #e3eaf6;background:#f7f9fd;border-radius:10px}
#pageContent .yc-calendar-mode button{border:0!important;border-radius:8px!important;background:transparent!important;color:#607799!important;padding:7px 12px!important;font-size:11px!important;min-height:30px}
#pageContent .yc-calendar-mode button.active{background:#1469ee!important;color:white!important;box-shadow:0 2px 8px #2165dc28!important}
#pageContent .yc-week-controls{gap:5px!important;flex-wrap:wrap}
#pageContent .yc-week-controls>button{min-width:32px;min-height:33px!important;padding:6px 9px!important;border-radius:8px!important;border:1px solid #e4ebf6!important;background:#f8faff!important;color:#244e92!important;font-size:11px!important}
#pageContent .yc-legend{display:flex!important;gap:8px 11px!important;margin:0 0 10px!important;align-items:center;min-height:18px!important}
#pageContent .yc-legend-item{font-size:10px!important;color:#60799e!important;padding:2px 4px!important}
#pageContent .yc-dot{width:8px;height:8px;border-radius:50%}
#pageContent .yc-week{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:0!important;border:1px solid #e8edf7!important;border-radius:10px!important;overflow:hidden;min-width:0}
#pageContent .yc-day{background:#fff!important;min-width:0!important;min-height:125px!important;border-right:1px solid #e8edf7!important;padding:8px 7px!important}
#pageContent .yc-day:nth-child(7n){border-right:0!important}
#pageContent .yc-day.today{background:#fff5f6!important;border-color:#e8edf7!important}
#pageContent .yc-day-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:4px;border-bottom:1px solid #f1f3f9!important;padding:0 0 7px!important;margin-bottom:8px!important}
#pageContent .yc-day-head span{font-size:10px!important;color:#667f9f!important}
#pageContent .yc-day-head b{font-size:12px!important;color:#1c355e!important}
#pageContent .yc-day.today .yc-day-head span,#pageContent .yc-day.today .yc-day-head b{color:#cf233d!important}
#pageContent .yc-day-events{display:flex!important;flex-direction:column!important;gap:5px!important}
#pageContent .yc-event{font-size:9px!important;color:var(--yc-event-color)!important;border-left:2px solid var(--yc-event-color)!important;border-radius:6px!important;background:color-mix(in srgb,var(--yc-event-color) 11%,white)!important;padding:6px 6px!important;white-space:normal!important;line-height:1.35!important;overflow-wrap:anywhere;min-height:29px;font-weight:750!important}
#pageContent .yc-event small{color:var(--yc-event-color)!important;font-size:9px!important;font-weight:800!important}
#pageContent .yc-week.yc-month{grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}
#pageContent .yc-week.yc-month .yc-day{min-height:94px;border-bottom:1px solid #e9eef8!important}
#pageContent .yc-week.yc-month .yc-outside-month{background:#fafbfd!important;opacity:.6}
#pageContent .yc-week.yc-month .yc-day:nth-last-child(-n+7){border-bottom:0!important}
#pageContent .yc-calendar-footer{margin:7px 0 -3px!important;text-align:right!important}
#pageContent .yc-calendar-footer button{background:transparent!important;border:0!important;color:#4773b6!important;font-size:10px!important;padding:1px 2px!important}
#pageContent .yc-bottom-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;min-width:0}
#pageContent .yc-bottom-grid:has(>section:only-child){grid-template-columns:1fr}
#pageContent .yc-bottom-grid>.yc-panel{height:385px!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
/* important regression guard: never group the #yc-stock selector with a ::-webkit-scrollbar pseudo element */
#pageContent #yc-stock,#pageContent #yc-notices{display:block!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;width:100%!important;max-width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#acbeda transparent;scrollbar-gutter:stable;padding:0 4px 0 0!important}
#pageContent #yc-notices:focus-visible,#pageContent #yc-stock:focus-visible{outline:2px solid #2266dc!important;outline-offset:-2px!important;border-radius:8px}
#pageContent #yc-notices::-webkit-scrollbar,#pageContent #yc-stock::-webkit-scrollbar{width:6px!important}
#pageContent #yc-notices::-webkit-scrollbar-thumb,#pageContent #yc-stock::-webkit-scrollbar-thumb{background:#b8c9e2!important;border-radius:20px!important}
#pageContent .yc-notice,#pageContent .yc-stock-row{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:50px!important;padding:7px 5px!important;gap:11px!important;flex-wrap:nowrap!important;border:0!important;border-bottom:1px solid #edf1f8!important;background:transparent!important;box-shadow:none!important}
#pageContent .yc-notice:last-child,#pageContent .yc-stock-row:last-child{border-bottom:0!important}
#pageContent .yc-notice-ic,#pageContent .yc-material-icon{flex:0 0 35px!important;width:35px!important;height:35px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#eaf2ff;color:#276af0;font-size:17px!important}
#pageContent .yc-notice-ic.yc-red{background:#ffeaf0;color:#e82f51}
#pageContent .yc-notice-ic.yc-amber{background:#fff2e5;color:#de790f}
#pageContent .yc-notice>span:last-child{min-width:0;flex:1 1 auto}
#pageContent .yc-notice strong,#pageContent .yc-stock-details strong{display:block!important;color:#1a3159!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important}
#pageContent .yc-notice small,#pageContent .yc-stock-details small{display:block!important;margin-top:3px!important;color:#8296b5!important;font-size:10px!important;line-height:1.3!important}
#pageContent .yc-stock-details{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;text-align:left!important}
#pageContent .yc-stock-row b{display:inline-flex!important;flex:0 0 auto!important;align-items:center;justify-content:center;min-width:64px!important;white-space:nowrap!important;padding:5px 9px!important;font-size:10px!important;line-height:1.2!important;color:#cd7510!important;background:#fff0df!important;border:0!important;border-radius:8px!important}
#pageContent .yc-stock-row.yc-out-of-stock b{color:#c52037!important;background:#ffe9ec!important}
#pageContent .yc-panel-link{font-size:11px!important;font-weight:800!important;background:transparent!important;border:0!important;color:#195ad5!important;padding:4px!important}
#pageContent .yc-notice-panel .yc-panel-link{color:#e52a4a!important}
#pageContent .yc-quick-panel{min-height:0}
#pageContent .yc-quick-panel>.yc-panel-head{margin-bottom:12px!important}
#pageContent .yc-search input{width:min(240px,24vw)!important;min-width:150px!important;max-width:none!important;background:#fbfcff!important;border:1px solid #e4ebf6!important;border-radius:10px!important;padding:9px 12px!important;font-size:11px!important}
#pageContent .yc-feature-cards{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px!important;min-width:0}
#pageContent .yc-feature-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;gap:6px;min-width:0;min-height:113px;padding:11px 7px 15px!important;border-radius:11px!important;border:1px solid #e3edfb!important;background:#f0f5ff!important;color:#192e57!important;font-size:10px!important;transition:transform .14s,box-shadow .14s}
#pageContent .yc-feature-card:hover{transform:translateY(-2px);box-shadow:0 7px 15px #134d9e1b!important}
#pageContent .yc-feature-card .yc-feature-icon{display:grid;place-items:center;min-height:32px;width:32px;font-size:24px;color:#1468ef;font-weight:700}
#pageContent .yc-feature-card strong{font-size:10px;line-height:1.32;font-weight:800;color:#16305d}
#pageContent .yc-feature-card small{font-size:9px;line-height:1.3;color:#8295b6;margin-top:auto}
#pageContent .yc-feature-arrow{position:absolute;right:6px;bottom:5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#226afa;font-size:12px;box-shadow:0 2px 6px #152f6e17}
#pageContent .yc-feature-card.yc-tone-purple{background:#f5efff!important;border-color:#eee5ff!important}
#pageContent .yc-feature-card.yc-tone-purple .yc-feature-icon,#pageContent .yc-feature-card.yc-tone-purple .yc-feature-arrow{color:#8232ee}
#pageContent .yc-feature-card.yc-tone-green{background:#edfbf3!important;border-color:#e0f4e8!important}
#pageContent .yc-feature-card.yc-tone-green .yc-feature-icon,#pageContent .yc-feature-card.yc-tone-green .yc-feature-arrow{color:#16944b}
#pageContent .yc-feature-card.yc-tone-orange{background:#fff6ed!important;border-color:#ffebd7!important}
#pageContent .yc-feature-card.yc-tone-orange .yc-feature-icon,#pageContent .yc-feature-card.yc-tone-orange .yc-feature-arrow{color:#ec7b11}
#pageContent .yc-feature-card.yc-tone-sky{background:#edf8ff!important;border-color:#def0fa!important}
#pageContent .yc-feature-card.yc-tone-sky .yc-feature-icon{color:#2385e8}
#pageContent .yc-more-functions{border-top:1px solid #eff2f8;margin-top:12px;padding-top:9px}
#pageContent .yc-more-functions>summary,#pageContent .yc-operations>summary{font-size:11px;color:#3c6eae;font-weight:750;cursor:pointer;padding:7px 4px;list-style-position:inside}
#pageContent .yc-more-functions .yc-quick-body{margin-top:12px}
#pageContent .yc-quick-body{grid-template-columns:1fr!important;gap:13px!important}
#pageContent .yc-quick-group h3{margin-bottom:7px!important;font-size:11px!important;color:#32527f!important}
#pageContent .yc-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
#pageContent .yc-shortcut{min-height:77px!important;font-size:10px!important;padding:8px!important}
#pageContent .yc-shortcut-icon{width:26px!important;height:26px!important;min-width:26px!important;font-size:15px!important}
#pageContent .yc-operations{border:1px solid #e7edf9;border-radius:13px;background:white;padding:9px 16px}
#pageContent .yc-operations-inner{margin-top:15px}
#pageContent .yc-operations-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:10px;color:#7e91b0}
#pageContent .yc-operations-inner .yc-panel{margin-bottom:10px!important}
@media(min-width:1450px){#pageContent .yc-day{min-height:132px!important}#pageContent .yc-bottom-grid>.yc-panel{height:390px!important}}
@media(max-width:1350px){#pageContent .yc-feature-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}#pageContent .yc-feature-card{min-height:106px}}
@media(max-width:900px){#pageContent .yc-bottom-grid{grid-template-columns:1fr!important}#pageContent .yc-bottom-grid>.yc-panel{height:340px!important}#pageContent .yc-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:650px){#pageContent .yc-calendar-head{align-items:flex-start}#pageContent .yc-calendar-mode button{padding:6px 8px!important}#pageContent .yc-week{overflow-x:auto!important;grid-template-columns:repeat(7,minmax(108px,1fr))!important}#pageContent .yc-week.yc-month{grid-template-columns:repeat(7,minmax(100px,1fr))!important}#pageContent .yc-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#pageContent .yc-feature-card{min-height:100px}#pageContent .yc-search input{width:100%!important}#pageContent .yc-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){#pageContent .yc-feature-card{transition:none}#pageContent .yc-feature-card:hover{transform:none}}

/* v4.2.1: combine tasks, approved dispatch and company announcements in one scrollable feed. */
#pageContent .yc-notice-panel .yc-panel-head{margin-bottom:9px!important}
#pageContent .yc-notice-filters{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 7px;padding:3px;background:#f3f7ff;border:1px solid #e7eefb;border-radius:10px}
#pageContent .yc-notice-filters button{appearance:none;flex:1 1 auto;min-width:0;border:0!important;border-radius:8px!important;background:transparent!important;color:#526a8e!important;font-size:10px!important;font-weight:750!important;padding:7px 8px!important;cursor:pointer;white-space:nowrap}
#pageContent .yc-notice-filters button.active{background:#2563eb!important;color:#fff!important;box-shadow:0 2px 7px #245cc626}
#pageContent .yc-notice-filters button:focus-visible{outline:2px solid #1c63de!important;outline-offset:1px}
#pageContent .yc-feed-item{cursor:pointer!important;text-align:left!important;justify-content:flex-start!important}
#pageContent .yc-feed-item:hover{background:#f5f8ff!important}
#pageContent .yc-feed-item .yc-feed-copy{min-width:0!important;flex:1 1 auto!important}
#pageContent .yc-feed-item .yc-feed-copy strong{overflow-wrap:anywhere;line-height:1.4!important}
#pageContent .yc-feed-meta{margin-left:auto;flex:0 0 auto;font-size:9px;color:#8297b5;font-variant-numeric:tabular-nums}
@media(max-width:600px){#pageContent .yc-notice-filters{gap:2px}#pageContent .yc-notice-filters button{font-size:9px!important;padding:7px 5px!important}}

#pageContent .yc-notice>span.yc-feed-meta:last-child{flex:0 0 auto!important;min-width:auto!important;max-width:80px;text-align:right}
