/* V337: Saudi National Day only. Organization theme availability, Heritage &
   Modern Vision, role-scoped data, payment workflows and print stay intact. */
@media screen {
body[data-overview-theme="saudi-national-day"][data-portal-page] {
  color-scheme:light;
  --pt-heading-bg:linear-gradient(90deg,#003e32f5 0%,#003e32df 42%,#043e3485 75%,#083e3477),url('/assets/theme-art-v330/heritage.webp') 65% 57%/cover;
}
body[data-overview-theme="saudi-national-day"][data-portal-page] :is(input,select,textarea) {color-scheme:light!important}
body[data-overview-theme="saudi-national-day"][data-portal-page] :is(.data-table,.team-table) th {color:var(--muted);background:var(--surface-alt);border-color:var(--border)}
body[data-overview-theme="saudi-national-day"][data-portal-page] .sidebar-person b {color:#fff}
body[data-overview-theme="saudi-national-day"][data-portal-page] .reference-brand-note {min-height:172px}
body[data-overview-theme="saudi-national-day"][data-portal-page] .reference-brand-note .brand-mountains {
  background:linear-gradient(0deg,#003e33 0%,#003e3359 58%,#003e330a 78%,#003e33 100%),url('/assets/theme-art-v330/heritage.webp') 69% 60%/auto 115%;
}
body[data-overview-theme="saudi-national-day"][data-portal-page] .btn.danger {color:#ac1d2b;background:#fff0f2;border-color:#e2a8ae}
body[data-overview-theme="saudi-national-day"][data-portal-page] .section-note.warning-note {color:#79500d;background:#fff4df;border-color:#dbc18a}
body[data-overview-theme="saudi-national-day"][data-portal-page] .internal-note {background:#fff4df;border-color:#dbc18a}
body[data-overview-theme="saudi-national-day"][data-portal-page] .internal-note .comment-body {color:#79500d}
body[data-overview-theme="saudi-national-day"][data-portal-page] :is(.form-error,.ticket-shot-errors,.pm294 .danger,.pm294 .pm-warning) {color:#ac1d2b}
body[data-overview-theme="saudi-national-day"][data-portal-page] :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid #005b3d;outline-offset:3px}
body[data-overview-theme="saudi-national-day"][data-portal-page="dashboard"] #content.content {padding:24px}
body[data-overview-theme="saudi-national-day"][data-portal-page="dashboard"] .ot285[data-design] {padding:0;min-width:0}
body[data-overview-theme="saudi-national-day"][data-portal-page="dashboard"] .ot285 .ot-national-hero {
  position:relative;display:flex;flex-direction:row;align-items:center;gap:20px;
  min-height:254px;padding:24px 28px;margin:0 0 16px;border-radius:12px;
  background:#003e33;isolation:isolate;overflow:hidden;box-sizing:border-box;
}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-art {
  background:linear-gradient(90deg,#003b31ef 0%,#003b31c0 36%,#003b313a 72%,#003b315c 100%),url('/assets/theme-art-v330/heritage.webp') 64% 53%/cover no-repeat;
  opacity:1;mask-image:none;
}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-copy {width:62%;max-width:62%;min-width:0;text-shadow:0 2px 10px #002d26}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-eyebrow {font-size:10px;line-height:1.6;letter-spacing:1.6px;color:#f5d88b;margin:0 0 4px}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-date {gap:14px;margin:0;max-width:100%;flex-wrap:nowrap}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-date strong {font-size:48px;line-height:1.12;letter-spacing:-2px;color:#fffdf3}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-date span {font-size:12px;letter-spacing:2px;color:#fffdf3;padding:6px 0}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-arabic {font-size:20px;line-height:1.6;margin-top:5px;color:#f3d690}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-rule {margin:8px 0 10px;width:80px}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero h1 {font-size:38px;line-height:1.12;letter-spacing:-1px;color:#fffef4;margin:0}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-greeting {font-size:14px;line-height:1.6;margin-top:8px!important;max-width:100%;color:#fffbe9;overflow-wrap:anywhere}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-flag {position:absolute;top:13px;right:28px;width:158px;height:112px;object-fit:contain;object-position:right top;margin:0}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-actions {align-self:flex-end;align-items:flex-end;flex-direction:column;max-width:none;min-width:0;margin:0 0 4px auto;gap:9px;padding:0;flex-basis:auto}
body[data-overview-theme="saudi-national-day"] .ot285 .overview-create-actions {flex-wrap:wrap;justify-content:flex-end;gap:8px}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-actions :is(.ot-btn,.ot-design-shortcut) {min-height:44px;font-size:12px;min-width:0;white-space:normal;padding:10px 12px}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0;gap:14px}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi {min-height:128px;padding:17px 18px;min-width:0}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-label {font-size:12px;line-height:1.5;overflow-wrap:anywhere}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-value {font-size:34px;line-height:1.2}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-note {font-size:11px;line-height:1.5;color:var(--ot-muted)}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-grid.pi322-no-activity {gap:16px}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-panel-head h2 {font-size:16px;line-height:1.4}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-panel-head p {font-size:12px;line-height:1.5}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-stage-row {font-size:12px;grid-template-columns:140px minmax(20px,1fr) 28px;gap:12px}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-panel-foot {font-size:11px;line-height:1.6}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-pill:is(.ot-status-resolved,.ot-status-closed,.ot-status-complete) {color:#075a43;background:#e5f4ea;border-color:#a8d5b9}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-pill:is(.ot-status-assigned,.ot-status-waiting_user,.ot-status-waiting_vendor,.ot-status-manager_pending,.ot-status-finance_manager_pending,.ot-status-cfo_pending) {color:#79500d;background:#fff4df;border-color:#dbc18a}
body[data-overview-theme="saudi-national-day"] .ot285 .ot-pill.ot-status-in_progress {color:#075b46;background:#e6f3ed;border-color:#b1d7c6}
/* Miniature uses the same reviewed landscape and authentic flag as the preview. */
.ot-thumb[data-thumb="saudi-national-day"] .ot-thumb-hero {background:linear-gradient(90deg,#003b31eb,transparent),url('/assets/theme-art-v330/heritage.webp') 66% 50%/cover}
@media(max-width:1149px) {
  body[data-overview-theme="saudi-national-day"][data-portal-page="dashboard"] #content.content {padding:18px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-copy {width:100%;max-width:100%}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-actions {width:100%;flex-basis:100%;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-eyebrow {max-width:calc(100% - 180px)}
  body[data-overview-theme="saudi-national-day"][data-portal-page="dashboard"] .ot285 .ot-national-hero {padding-top:20px;padding-bottom:20px;gap:16px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-date strong {font-size:42px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-arabic {font-size:18px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero h1 {font-size:36px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-greeting {font-size:13px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-actions {flex-wrap:wrap}
}
@media(max-width:760px) {
  body[data-overview-theme="saudi-national-day"][data-portal-page="dashboard"] #content.content {padding:14px}
  body[data-overview-theme="saudi-national-day"][data-portal-page="dashboard"] .ot285 .ot-national-hero {display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:22px 18px 26px;gap:16px;margin:0 0 14px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-art {background:linear-gradient(90deg,#003b31ed 0%,#003b31cc 48%,#003b3168 100%),url('/assets/theme-art-v330/heritage.webp') 62% center/cover no-repeat}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-copy {width:100%;max-width:100%;padding:0}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-eyebrow {max-width:63%;font-size:9px;margin-bottom:5px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-date {max-width:65%;gap:10px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-date strong {font-size:42px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-date span {font-size:10px;letter-spacing:1.3px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-arabic {font-size:18px;margin-top:7px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero h1 {font-size:32px;letter-spacing:-.8px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-greeting {font-size:13px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-national-flag {position:absolute;top:14px;right:15px;width:94px;height:72px;object-position:right top}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-hero-actions {width:100%;max-width:100%;align-self:stretch;align-items:flex-start;flex-direction:column;margin:0;padding:0;gap:8px;flex-basis:auto}
  body[data-overview-theme="saudi-national-day"] .ot285 .overview-create-actions {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);width:100%;gap:8px}
  body[data-overview-theme="saudi-national-day"] .ot285 .overview-create-actions > .ot-btn {padding:10px 8px;min-height:44px;line-height:1.4;min-width:0}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-grid {margin:14px 0;gap:10px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi {min-height:132px;padding:14px 12px;gap:6px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-label {font-size:11px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-value {font-size:30px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-kpi-note {font-size:10px}
  body[data-overview-theme="saudi-national-day"] .ot285 .ot-stage-row {grid-template-columns:122px minmax(16px,1fr) 24px;gap:8px;font-size:11px}
}
@media(prefers-reduced-motion:reduce) {body[data-overview-theme="saudi-national-day"][data-portal-page] .loading::before {animation:none}}
}
