#blue-sky-director-nav { position: relative; }
#blue-sky-director-badge { margin-left: auto; background: #e64b57; color: #fff; border-radius: 12px; padding: 1px 6px; min-width: 20px; font-size: 11px; line-height: 18px; text-align: center; }
#blue-sky-director-badge[hidden] { display: none; }
.sidebar-collapsed #blue-sky-director-badge { position: absolute; right: 5px; top: 3px; min-width: 16px; padding: 0 4px; font-size: 10px; }
#page-production-director { background: #f3f6fa; min-height: 100vh; color: #263851; }
.pd-page { max-width: 1032px; margin: 0 auto; padding: 0 32px 40px; }
.pd-page button, .pd-page select { font: inherit; cursor: pointer; }
.pd-page button:focus-visible, .pd-page select:focus-visible { outline: 3px solid #9cbcfb; outline-offset: 3px; }
.pd-page button:disabled { opacity: .45; cursor: default; }
.pd-header { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 25px; border-bottom: 1px solid #e0e7ef; margin-bottom: 25px; }
.pd-heading { display: flex; align-items: center; gap: 14px; }
.pd-header h1 { display: flex; align-items: center; gap: 11px; font-size: 25px; font-weight: 650; margin: 0; }
.pd-online { width: 7px; height: 7px; background: #57b492; border-radius: 50%; }
.pd-header p { margin: 8px 0 0; font-size: 13px; color: #8190a4; }
.pd-refresh { display: flex; gap: 7px; align-items: center; border: 1px solid #dce4ef; border-radius: 9px; background: #fff; color: #627a9b; padding: 8px 12px; }
.pd-refresh span { font-size: 12px; }
.pd-menu { display: none; border: 0; background: transparent; color: #647b9c; padding: 7px; }
.pd-section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.pd-section-heading h2 { font-size: 13px; font-weight: 600; color: #708198; margin: 0; }
.pd-legend { display: flex; gap: 16px; font-size: 11px; color: #8796a9; }
.pd-legend > span { display: flex; align-items: center; gap: 6px; }
.pd-dot { display: inline-block; width: 8px; height: 8px; background: #b4becb; border-radius: 50%; flex-shrink: 0; }
.pd-dot.is-new { background: #327cea; box-shadow: 0 0 0 3px #327cea10; }
.pd-notifications { display: flex; flex-direction: column; gap: 16px; }
.pd-message { width: 100%; background: #fff; border: 1px solid #e1e7ef; border-radius: 16px; box-shadow: 0 3px 6px #324c7406, 0 10px 26px -8px #324c7424; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.pd-message.is-unread { border-color: #d3e0f5; background: #fcfdff; }
.pd-message:focus-within { border-color: #aac5eb; box-shadow: 0 6px 12px #324c740a, 0 16px 32px -10px #324c7433; }
@media(hover:hover) { .pd-message:hover { transform: translateY(-3px); border-color: #bed1ec; box-shadow: 0 6px 12px #324c740a, 0 16px 32px -10px #324c7433; } }
.pd-message.is-expanded { border-color: #b9cfee; box-shadow: 0 5px 18px #324c7408; }
.pd-message-main { display: block; width: 100%; text-align: left; border: 0; border-radius: inherit; background: transparent; color: inherit; padding: 16px 22px 20px; }
.pd-notice-meta { display: flex; align-items: center; gap: 10px; font-size: 11px; color: #8c9aaf; margin-bottom: 16px; }
.pd-notice-meta time { margin-left: auto; }
.pd-source { display: flex; align-items: center; gap: 6px; color: #7087a6; }
.pd-source svg { width: 15px; height: 15px; color: #5e87c6; }
.pd-order { display: block; font-size: 18px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.pd-order > span { display: block; margin-top: 3px; font-size: 11px; font-weight: 400; color: #78889f; }
.pd-headline { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: 13px; font-weight: 500; color: #61718a; line-height: 1.6; margin-top: 10px; overflow-wrap: anywhere; }
.pd-days { font-size: 34px; font-weight: 750; letter-spacing: -1px; line-height: 1; color: #233e63; font-variant-numeric: tabular-nums; }
.pd-headline.is-late { color: #b75637; }
.pd-delivery-dates { display: block; font-size: 12px; line-height: 1.8; color: #64758d; margin-top: 5px; overflow-wrap: anywhere; }
.pd-key-problem { display: block; font-size: 13px; line-height: 1.9; color: #64758d; margin-top: 6px; overflow-wrap: anywhere; }
.pd-key-problem b { font-weight: 500; color: #405772; margin-right: 9px; }
.pd-page .pd-expand { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 12px; border: 1px solid #316bc6; border-radius: 8px; background: #316bc6; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.5; white-space: nowrap; box-shadow: 0 3px 7px #285ca626; }
.pd-page .pd-expand:hover { background: #245aad; border-color: #245aad; }
.pd-page .pd-expand:active { background: #1b4d99; }
.pd-expand > span { font-size: 17px; line-height: 1; }
.pd-detail { padding: 20px 24px 23px; border-top: 1px solid #e7edf5; background: #fff; }
.pd-detail-section { margin-bottom: 17px; }
.pd-detail-section h3 { font-size: 12px; font-weight: 650; color: #415775; margin: 0 0 6px; }
.pd-detail-section p { font-size: 13px; line-height: 1.9; color: #5f7088; margin: 4px 0 0; overflow-wrap: anywhere; }
.pd-detail-section .pd-muted { color: #8a97a9; font-size: 12px; }
.pd-advice { border-left: 3px solid #aac6ee; padding: 10px 14px; background: #f5f8fd; border-radius: 0 8px 8px 0; }
.pd-detail-note { color: #95a0af; font-size: 11px; line-height: 1.7; margin-bottom: 17px; }
.pd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.pd-actions button, .pd-actions select { border: 1px solid #dce5f1; border-radius: 8px; padding: 8px 13px; font-size: 12px; background: #fff; color: #5c769a; max-width: 100%; }
.pd-actions .pd-primary { color: #fff; background: #3379d5; border-color: #3379d5; }
.pd-actions button:hover { background: #edf4ff; }
.pd-actions .pd-primary:hover { background: #2768bd; }
.pd-actions select { margin-left: auto; color: #8392a6; }
.pd-next { color: #6588b8; font-size: 12px; margin-bottom: 12px; }
.pd-more { display: block; margin: 26px auto 0; background: transparent; border: 0; color: #8496ae; font-size: 12px; }
.pd-updated { font-size: 11px; color: #9ba7b8; margin-top: 20px; text-align: center; }
.pd-empty { text-align: center; padding: 60px 20px; color: #8091a9; background: #fff; border: 1px solid #e1e7ef; border-radius: 17px; }
.pd-empty svg { width: 30px; height: 30px; margin: 0 auto 15px; }
.pd-empty h3 { font-size: 16px; margin: 0 0 10px; }
.pd-empty p { font-size: 13px; line-height: 1.8; }
.pd-error { background: #fff2ed; color: #aa563d; font-size: 13px; padding: 12px 16px; border-radius: 10px; margin-bottom: 20px; }
.pd-error button { border: 0; background: transparent; color: #98613c; text-decoration: underline; }
.pd-arrival { position: fixed; z-index: 10000; top: 20px; right: 22px; width: min(380px, calc(100vw - 28px)); padding: 16px; border: 1px solid #d8e4f8; border-radius: 17px; background: #fffffffa; box-shadow: 0 12px 45px #23436833; color: #29466f; animation: pd-arrive .25s ease-out; }
.pd-arrival > div { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.pd-arrival button { font: inherit; cursor: pointer; border: 0; background: transparent; color: inherit; }
.pd-dismiss { margin-left: auto; padding: 4px 8px; }
.pd-arrival-open { display: grid; gap: 8px; text-align: left; width: 100%; padding: 10px 0 0; overflow-wrap: anywhere; }
.pd-arrival-open small { font-size: 12px; color: #8191a9; line-height: 1.7; }
.pd-arrival-open strong { font-size: 16px; }
.pd-arrival-open > span { font-size: 12px; color: #407ad5; }
@keyframes pd-arrive { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }
@media(prefers-reduced-motion: reduce) { .pd-arrival { animation: none; } .pd-message { transition: none; transform: none; } }
@media(max-width:900px) { .pd-page { padding: 0 20px 32px; } .pd-menu { display: block; } }
@media(max-width:560px) {
    .pd-page { padding: 0 13px 28px; }
    .pd-header { padding: 20px 0; margin-bottom: 20px; }
    .pd-heading { gap: 7px; }
    .pd-header h1 { font-size: 21px; }
    .pd-header p { font-size: 11px; }
    .pd-refresh { padding: 6px 9px; }
    .pd-refresh span { display: none; }
    .pd-message-main { padding: 16px 17px 13px; }
    .pd-order { font-size: 14px; }
    .pd-headline { font-size: 18px; }
    .pd-key-problem { font-size: 12px; }
    .pd-detail { padding: 17px; }
    .pd-actions { gap: 8px; }
    .pd-actions select { margin-left: 0; }
    .pd-arrival { top: 12px; right: 14px; }
}

.pd-message-content{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.05fr) minmax(280px,1.15fr);gap:24px;align-items:center}
.pd-identity{display:flex;align-items:center;gap:14px;min-width:0}
.pd-message-content .ss-component-photo{width:72px;height:84px;border-radius:12px;box-shadow:0 3px 8px #263e5f08}
.pd-message-copy{display:block;min-width:0}
.pd-status,.pd-arrival-open>.pd-status{display:inline-block;width:fit-content;flex-shrink:0;font-size:11px;font-weight:600;line-height:1.6;color:#b03434;background:#fff0ef;border-radius:5px;padding:2px 8px}
.pd-identity .pd-status{margin-top:8px}
.pd-node-summary{--node-ink:#235fae;--node-bg:#edf4ff;--node-border:#dce8fb;display:block;min-width:0;padding:14px 18px;border:1px solid var(--node-border);border-radius:12px;background:var(--node-bg)}
.pd-node-summary[data-tone="teal"]{--node-ink:#16756e;--node-bg:#edf8f5;--node-border:#d8eee7}
.pd-node-summary[data-tone="violet"]{--node-ink:#7051ae;--node-bg:#f5f1fc;--node-border:#e9dff8}
.pd-node-summary[data-tone="amber"]{--node-ink:#956014;--node-bg:#fff7e9;--node-border:#f4e6c8}
.pd-node-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px}
.pd-node-heading>span{font-size:11px;color:#76859a;white-space:nowrap}
.pd-node-name{font-size:15px;font-weight:750;color:var(--node-ink);overflow-wrap:anywhere}
.pd-shipment-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;align-items:center;min-width:0}
.pd-arrival-open .pd-shipment-delay{color:#a63838;font-weight:600}
.pd-delivery-dates{grid-column:1 / -1;font-size:11px;color:#76859a;line-height:1.5;margin-top:0}
.pd-delivery-dates>span{display:block;margin-bottom:4px}
.pd-delivery-dates strong{font-size:19px;font-weight:700;letter-spacing:.2px;color:#263e5f;font-variant-numeric:tabular-nums}
.pd-key-problem{width:fit-content;font-size:12px;font-weight:650;color:#b33535;line-height:1.7;margin-top:0;padding:4px 8px;border-radius:6px;background:#fff1ef}
.pd-key-problem.is-neutral{color:#61718a;background:#f0f3f8}
.pd-arrival-open .ss-component-photo{width:60px;height:60px}
@media(max-width:1100px){
    .pd-message-content{grid-template-columns:minmax(170px,1fr) minmax(190px,1fr);gap:16px}
    .pd-shipment-summary{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto auto;padding-top:14px;border-top:1px solid #e7edf5}
    .pd-delivery-dates{grid-column:auto}
    .pd-delivery-dates>span{display:inline;margin-right:8px}
    .pd-delivery-dates strong{font-size:17px}
    .pd-page .pd-expand{min-height:40px}
}
@media(max-width:560px){
    .pd-message-main{padding:14px 16px 16px}
    .pd-message-content{grid-template-columns:minmax(0,1fr);gap:14px}
    .pd-message-content .ss-component-photo{width:56px;height:64px}
    .pd-order{font-size:17px}
    .pd-identity .pd-status{margin-top:5px}
    .pd-node-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px}
    .pd-node-heading{flex-direction:column;align-items:flex-start;gap:3px}
    .pd-headline{font-size:12px;margin-top:0;flex-wrap:nowrap;gap:4px}
    .pd-days{font-size:30px}
    .pd-shipment-summary{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-top:0;border:0}
    .pd-delivery-dates{grid-column:1 / -1}
    .pd-delivery-dates>span{display:inline;margin-right:5px}
    .pd-delivery-dates strong{font-size:17px}
    .pd-status{padding:2px 6px}
    .pd-notice-meta{gap:8px;font-size:10px}
}