/* الأرشيف — FDX_COMPLY · يعتمد رموز app.css ولا يعرّف ألواناً جديدة */
.ax-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.ax-promise{font:800 17px Tajawal;margin:0 0 2px}
.ax-usage{min-width:200px;flex:0 1 280px}
.ax-usage .note{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}
.ax-up{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin-top:14px}
.ax-drop{border:1.5px dashed var(--line);border-radius:14px;padding:22px 14px;text-align:center;color:var(--mute);cursor:pointer;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px}
.ax-drop:hover,.ax-drop.on,.ax-drop:focus-visible{border-color:var(--p3);color:var(--ink2);outline:none}
.ax-drop svg{width:28px;height:28px;color:var(--p3)}
.ax-drop b{color:var(--ink)}
.ax-form{display:flex;flex-direction:column;gap:9px;min-width:0}
.ax-form label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--mute)}
.ax-form select,.ax-form input{width:100%}
.ax-bar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 10px;align-items:center}
.ax-bar .ax-q{flex:1 1 240px;position:relative;display:flex}
.ax-bar .ax-q input{width:100%;padding-inline-start:36px}
.ax-bar .ax-q svg{position:absolute;inset-inline-start:10px;top:50%;margin-top:-9px;color:var(--mute)}
.ax-bar select{flex:0 1 200px;min-width:0}
.ax-list{display:flex;flex-direction:column;gap:10px}
.ax-row{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;flex-wrap:wrap}
.ax-row>svg{color:var(--p3);margin-top:3px}
.ax-main{flex:1 1 240px;min-width:0}
.ax-main b{display:block;overflow-wrap:anywhere}
.ax-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--mute);margin-top:2px}
.ax-snip{font-size:12.5px;color:var(--ink2);margin:6px 0 0;overflow-wrap:anywhere}
.ax-snip mark{background:var(--soon-bg);color:inherit;border-radius:4px;padding:0 2px}
.ax-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ax-acts .btn svg{width:15px;height:15px}
.ax-tags{margin-top:6px}
.ax-review{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.ax-preview{position:sticky;top:12px;padding:0;overflow:hidden;height:calc(100vh - 110px);min-height:420px;display:flex;align-items:center;justify-content:center;background:var(--soft)}
.ax-preview iframe{width:100%;height:100%;border:0;background:#fff}
.ax-preview img{max-width:100%;max-height:100%;display:block;object-fit:contain}
.ax-field{margin:14px 0 0}
.ax-field>label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}
.ax-field input{width:100%}
.ax-cands{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ax-cand{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:3px 9px;font-size:12.5px;cursor:pointer;text-align:start;overflow-wrap:anywhere}
.ax-cand:hover{border-color:var(--p3)}
.ax-warn{font-size:12.5px;color:var(--gap);margin:5px 0 0;display:flex;gap:6px;align-items:flex-start}
.ax-warn svg{width:15px;height:15px;margin-top:3px}
.ax-from{font-size:12px;color:var(--mute);margin:5px 0 0;overflow-wrap:anywhere}
.ax-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:12px}
.ax-check input{margin-top:5px;flex:none}
.ax-text{white-space:pre-wrap;max-height:320px;overflow:auto;background:var(--soft);border-radius:10px;padding:10px 12px;font-size:13px;overflow-wrap:anywhere}
.ax-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
@media (max-width:900px){
  .ax-up,.ax-review{grid-template-columns:minmax(0,1fr)}
  .ax-preview{position:static;height:60vh;min-height:320px}
}
.ax-warn[hidden]{display:none}