/* Official website palette, read from oaafec.com.sa/assets/index-CB8SuGAg.css.
   Kept separate from the approved dashboard status palette in brand.css. */
:root{
 --site-primary:oklch(51.82% .1458 321.2);
 --site-primary-hover:oklch(44% .1458 321.2);
 --site-background:oklch(98.54% .0032 67.8);
 --site-foreground:oklch(18.88% .0084 45.2);
 --site-secondary:oklch(95.54% .0108 321.4);
 --site-accent:oklch(83.57% .0712 194.6);
 --site-muted:oklch(45.51% 0 0);
 --site-border:oklch(91.24% .0151 321.1);
}
body{background:var(--site-background);color:var(--site-foreground)}
header{border-bottom-color:var(--site-border)}
header::after{background:linear-gradient(to left,var(--site-primary) 0 65%,var(--site-accent) 65% 100%)}
h1,h2{color:var(--site-primary)}h3{color:var(--site-foreground)}
p,.muted,.cell-note{color:var(--site-muted)}
.card{border-color:var(--site-border);box-shadow:0 4px 20px #70418c06}
button,.button-link{background:var(--site-primary);color:white}
button:hover,.button-link:hover{background:var(--site-primary-hover);color:white}
button.secondary,.date-field>button{background:var(--site-secondary);border-color:var(--site-border);color:var(--site-primary)}
button.secondary:hover,.date-field>button:hover{background:var(--site-border);color:var(--site-primary-hover)}
nav button{background:white;border-color:var(--site-border);color:var(--site-muted)}
nav button:hover{background:var(--site-secondary);border-color:var(--site-primary);color:var(--site-primary)}
input,select,textarea{border-color:var(--site-border)}input[type=checkbox]{accent-color:var(--site-primary)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--site-primary)}
th{background:var(--site-secondary);color:var(--site-primary)}td,th{border-bottom-color:var(--site-border)}
.badge,.checklist label,.inline-editor{background:var(--site-secondary);color:var(--site-primary)}
.requirement-chips span{background:var(--site-secondary);color:var(--site-primary)}
.login{border-top-color:var(--site-primary)}
.workflow-item{border-right-color:var(--site-primary)}
.notification-card{border-right-color:var(--site-primary)}
.date-picker{border-color:var(--site-border);color:var(--site-foreground)}
.date-days button{background:var(--site-secondary);color:var(--site-primary)}
.date-days button:hover,.date-days button[aria-pressed=true]{background:var(--site-primary);color:white}
.date-days button[aria-current=date]{outline-color:var(--site-primary)}
a{color:var(--site-primary)}
@media print{body,.card,.workflow-item{background:white!important}}

.owner-sections{display:flex;flex-wrap:wrap;gap:10px}.owner-sections>span{background:#f5f5f5;padding:10px;border-radius:8px}.next-action{border-inline-start:4px solid #8d479a;padding:4px 16px;background:#f8f4f9}.work-section{margin:12px 0;border:1px solid #ddd;border-radius:10px;padding:12px}.work-section summary{cursor:pointer;padding:8px}.summary-work,.attention-row{padding:12px;border-bottom:1px solid #ddd}.owner-money{font-size:1.1rem}.needs-attention{border-inline-start:4px solid #8d479a}.owner-project h2{overflow-wrap:anywhere}

.password-control{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.password-control input{flex:1;min-width:0}.password-control .password-eye{flex:0 0 42px;display:grid;place-items:center;padding:8px;min-height:40px;background:#f4edf7;color:#8d479a;border:1px solid #dfd1e6;border-radius:8px}.password-eye[aria-pressed=true]{background:#e6d6ed}.password-eye:focus-visible{outline:2px solid #8d479a;outline-offset:2px}
.timing-badges{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.deadline{padding:12px;border-radius:8px;border-inline-start:5px solid #75848c;display:grid;gap:6px;flex:1 1 200px}.deadline_green{background:#eef8f5;color:#195749}.deadline_yellow{background:#fff8ce!important;color:#725500!important;border-color:#d7ad00!important}.deadline_orange{background:#fff0dc!important;color:#943d00!important;border-color:#ef8500!important}.deadline_red{background:#ffeded!important;color:#a51f2d!important;border-color:#ce2f3b!important}.deadline_completed{background:#e8f5ef;color:#176344}.deadline_pending{background:#f3f1f5;color:#61546d}
.dashboard-project{border:1px solid #ddd2e3;border-radius:10px;margin:12px 0;overflow:hidden}.dashboard-project>summary{cursor:pointer;padding:16px;background:#f7f3f9}.dashboard-project>summary span{display:block;margin-top:8px;font-size:.9rem;color:#5d5362}.dashboard-project[open]>summary{border-bottom:1px solid #ddd2e3}.dashboard-project .table{margin:0}.dashboard-project td:last-child button{margin:3px}