/* History panel, recycle bin and the live-change bar. Added 2026-09-18.
   Written with dark-mode rules from the start — a panel that is light-only
   reads as dark text on a dark card, which is how the Projects panels went
   out and had to be fixed afterwards. */

.phi-hist-back{position:fixed;inset:0;background:rgba(12,28,22,.55);z-index:99000;display:flex;align-items:center;justify-content:center;padding:28px;}
.phi-hist-box{background:var(--white);border:1px solid var(--sage-125);border-radius:14px;width:min(720px,100%);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 18px 54px rgba(0,0,0,.28);}
.phi-hist-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--grey-75);font-weight:700;font-size:16px;color:var(--emerald-750);}
.phi-hist-x{background:none;border:none;font-size:16px;cursor:pointer;color:#7d968a;padding:2px 6px;border-radius:6px;}
.phi-hist-x:hover{background:var(--grey-50);}
.phi-hist-body{padding:8px 20px 20px;overflow:auto;}

.phi-hist-entry{padding:13px 0;border-bottom:1px solid var(--grey-50);}
.phi-hist-entry:last-child{border-bottom:none;}
.phi-hist-head{display:flex;align-items:baseline;gap:10px;margin-bottom:5px;}
.phi-hist-who{font-weight:650;color:var(--emerald-750);font-size:14px;}
.phi-hist-when{font-size:12.5px;color:var(--emerald-350);}
.phi-hist-field{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13.5px;padding:2px 0;color:#3d5a4d;}
.phi-hist-field b{min-width:132px;font-weight:600;color:var(--emerald-670);}
.phi-hist-was{color:var(--amber-500);text-decoration:line-through;}
.phi-hist-arrow{color:#b3c6bb;}
.phi-hist-now{color:var(--emerald-625);font-weight:550;}
.phi-hist-note,.phi-hist-empty,.phi-hist-loading{font-size:13.5px;color:var(--emerald-425);padding:4px 0;}
.phi-hist-empty,.phi-hist-loading{padding:22px 0;text-align:center;}

.phi-hist-btn{background:var(--grey-50);border:1px solid var(--sage-125);color:var(--emerald-670);font-size:12px;font-weight:600;border-radius:7px;padding:4px 10px;cursor:pointer;}
.phi-hist-btn:hover{background:var(--sage-50);}

.phi-bin-intro{font-size:13px;color:var(--emerald-425);padding:8px 0 14px;}
.phi-bin-entry{padding:12px 0;border-bottom:1px solid var(--grey-50);display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.phi-bin-entry:last-child{border-bottom:none;}
.phi-bin-what{font-size:14px;color:var(--emerald-750);display:flex;align-items:baseline;gap:9px;}
.phi-bin-kind{font-size:12px;color:var(--emerald-350);}
.phi-bin-who{font-size:12.5px;color:var(--emerald-350);}
.phi-bin-note{font-size:12.5px;color:var(--amber-500);}
.phi-bin-restore{margin-top:4px;background:var(--emerald-600);border:none;color:var(--white);font-size:12.5px;font-weight:600;border-radius:7px;padding:5px 12px;cursor:pointer;}
.phi-bin-restore:hover{background:var(--emerald-675);}
.phi-bin-restore:disabled{opacity:.6;cursor:default;}
.phi-bin-done{font-size:12.5px;color:var(--emerald-625);font-weight:600;}

#phi-live-bar{position:fixed;left:50%;transform:translateX(-50%) translateY(140%);bottom:24px;z-index:98000;display:flex;align-items:center;gap:12px;background:var(--emerald-750);color:var(--grey-50);border-radius:11px;padding:11px 14px;font-size:13.5px;box-shadow:0 12px 34px rgba(0,0,0,.3);transition:transform .22s ease;max-width:min(560px,92vw);}
#phi-live-bar.on{transform:translateX(-50%) translateY(0);}
#phi-live-act{background:#3f8a68;border:none;color:var(--white);font-size:12.5px;font-weight:650;border-radius:7px;padding:5px 11px;cursor:pointer;}
#phi-live-act:hover{background:#357a5b;}
#phi-live-dismiss{background:none;border:none;color:var(--emerald-200);font-size:14px;cursor:pointer;padding:2px 4px;}

/* Dark mode */
body.phi-dark .phi-hist-box{background:var(--color-surface);border-color:var(--color-border);}
body.phi-dark .phi-hist-title{color:var(--grey-50);border-bottom-color:var(--color-border);}
body.phi-dark .phi-hist-x{color:var(--color-text-muted);}
body.phi-dark .phi-hist-x:hover{background:var(--color-surface-raised);}
body.phi-dark .phi-hist-entry,body.phi-dark .phi-bin-entry{border-bottom-color:var(--color-border);}
body.phi-dark .phi-hist-who,body.phi-dark .phi-bin-what{color:var(--grey-50);}
body.phi-dark .phi-hist-when,body.phi-dark .phi-bin-kind,body.phi-dark .phi-bin-who{color:var(--color-text-muted);}
body.phi-dark .phi-hist-field{color:var(--emerald-110);}
body.phi-dark .phi-hist-field b{color:var(--emerald-150);}
body.phi-dark .phi-hist-now{color:var(--color-success);}
body.phi-dark .phi-hist-was{color:var(--amber-300);}
body.phi-dark .phi-hist-arrow{color:var(--emerald-425);}
body.phi-dark .phi-hist-note,body.phi-dark .phi-hist-empty,body.phi-dark .phi-hist-loading,body.phi-dark .phi-bin-intro{color:var(--color-text-muted);}
body.phi-dark .phi-bin-note{color:var(--amber-300);}
body.phi-dark .phi-hist-btn{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text);}
body.phi-dark .phi-hist-btn:hover{background:var(--emerald-670);}