/* G4-PERIOD1: «دورة الفترة المالية» — the company from a list, its months with their state, the next step and «افتح», the meaning of each state.
   Theme tokens. The old free-text form stays in the page, hidden. */
#periodLifecycleForm[data-period1-replaced],#periodLifecycleStatus[data-period1-replaced]{display:none}
.period1{display:flex;flex-direction:column;gap:12px}
.period1-top{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px}
.period1-company{display:flex;flex-direction:column;gap:4px;min-width:240px;flex:1 1 260px}
.period1-company span{font-size:13px;color:var(--muted,#9fb0c3)}
.period1-company select{min-height:40px}
.period1-help{flex:1 1 320px;border:1px solid var(--line,rgba(255,255,255,.16));border-radius:12px;padding:8px 12px}
.period1-help summary{cursor:pointer;font-weight:700;color:var(--accent,#43c9ff)}
.period1-help dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 12px;margin:10px 0 0;align-items:start}
.period1-help dd{margin:0;font-size:13px;line-height:1.7}
.period1-order{margin:10px 0 0;font-size:12px;color:var(--muted,#9fb0c3)}
.period1-badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;border:1px solid var(--line,rgba(255,255,255,.18));white-space:nowrap}
.period1-badge[data-period1-state="validated"]{border-color:rgba(67,201,255,.55)}
.period1-badge[data-period1-state="reviewed"]{border-color:rgba(76,201,140,.65)}
.period1-badge[data-period1-state="closed"],.period1-badge[data-period1-state="locked"]{border-color:rgba(255,107,125,.65);background:rgba(255,107,125,.10)}
.period1-badge[data-period1-state="reopen"]{border-color:var(--accent,#43c9ff)}
.period1-year{border:1px solid var(--line,rgba(255,255,255,.14));border-radius:12px;padding:6px 10px}
.period1-year>summary{cursor:pointer;display:flex;flex-direction:row;gap:12px;align-items:baseline;padding:4px 0}
.period1-year>summary span{font-size:13px;color:var(--muted,#9fb0c3)}
.period1-table{width:100%;border-collapse:collapse;margin:6px 0 4px}
.period1-table th,.period1-table td{padding:8px 6px;border-bottom:1px solid var(--line,rgba(255,255,255,.10));text-align:start;vertical-align:middle}
.period1-table td small{display:block;font-size:11px;color:var(--muted,#9fb0c3)}
.period1-files{font-size:13px;color:var(--muted,#9fb0c3)}
.period1-acts{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}
.period1-acts button{min-height:34px}
.period1-askbox{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;border:1px dashed var(--accent,#43c9ff)}
.period1-askbox label{display:flex;flex-direction:column;gap:4px}
.period1-askbox small,.period1-askbox p{margin:0;font-size:12.5px;color:var(--muted,#9fb0c3)}
.period1-askacts{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.period1-ask[hidden]{display:none}
.period1-bulkbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--accent,#43c9ff)}
.period1-bulkbar[hidden]{display:none}
.period1-bulkbar input{flex:1 1 180px;min-height:36px}
.period1-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#period1Status:empty{display:none}
@media(max-width:600px){.period1-help dl{grid-template-columns:1fr}.period1-table thead{display:none}.period1-table tr:not(.period1-ask){display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;padding:8px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.10))}.period1-table td{border:0;padding:2px 4px}.period1-acts{grid-column:1/-1}.period1-acts button{flex:1 1 0;min-height:40px}}