/* FormsBox (/formsbox/) — field-guide unified form inbox + customer history. */
#fb-root{
	--g-deep:#154d37;--g:#1d6b4f;--g-soft:#2f8a67;--clay:#bd6a36;--clay-dk:#9a5125;
	--ink:#1a1c16;--ink-2:#33372c;--muted:#6a6f60;--faint:#9a9e8d;
	--bone:#f6f2e9;--paper:#fffdf8;--cream:#f3eee2;--line:#e6e0d2;--line-2:#efeadd;
	background:var(--bone);color:var(--ink);
	font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;display:block;
}
#fb-root *{box-sizing:border-box;}
.fb-wrap{max-width:1000px;margin:0 auto;padding:46px 22px 84px;}
.fb-kicker{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);margin-bottom:10px;}
.fb-title{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:clamp(26px,4vw,40px);line-height:1.05;color:var(--g-deep);margin:0 0 8px;}
.fb-sub{color:var(--ink-2);font-size:1rem;margin:0;max-width:640px;}
.fb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:24px;}

.fb-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:inherit;font-weight:800;border-radius:11px;padding:12px 22px;background:var(--g-deep);color:#fff;text-decoration:none;transition:background .18s,transform .18s;}
.fb-btn:hover{background:var(--g);transform:translateY(-1px);color:#fff;}
.fb-btn-ghost{background:transparent;color:var(--g-deep);border:1.5px solid var(--line);padding:10px 18px;}
.fb-btn-ghost:hover{background:var(--cream);color:var(--g-deep);border-color:var(--g);}

.fb-notice{border-radius:12px;padding:14px 16px;margin-bottom:18px;font-size:.94rem;}
.fb-notice.ok{background:#e7f3ec;border:1px solid #bfe0cd;color:var(--g-deep);}
.fb-notice.err{background:#f7e9e0;border:1px solid #e3c3ad;color:var(--clay-dk);}

.fb-bar{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
.fb-back{color:var(--g);font-weight:700;text-decoration:none;font-size:.9rem;}
.fb-back:hover{text-decoration:underline;}

.fb-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,2.6vw,28px);box-shadow:0 24px 50px -44px rgba(26,28,22,.5);margin-bottom:18px;}
.fb-card h3{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.25rem;margin:0 0 14px;color:var(--ink);}
.fb-muted{color:var(--muted);font-size:.86rem;}

/* filters */
.fb-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px;}
.fb-filters select,.fb-filters input[type=search]{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:.92rem;background:var(--paper);color:var(--ink);}
.fb-filters input[type=search]{flex:1 1 240px;}
.fb-check{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;color:var(--ink-2);font-weight:700;}
.fb-check input{width:17px;height:17px;accent-color:var(--g-deep);}

/* inbox list */
.fb-list{width:100%;border-collapse:collapse;font-size:.92rem;}
.fb-list th{text-align:left;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:0 10px 10px;}
.fb-list td{padding:12px 10px;border-bottom:1px solid var(--line-2);vertical-align:top;}
.fb-list tr.is-unread td{background:#fbfaf4;}
.fb-list tr.is-unread b{color:var(--g-deep);}
.fb-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--clay);}
.fb-row-actions a{color:var(--g);text-decoration:none;font-weight:700;}
.fb-row-actions a:hover{text-decoration:underline;}

/* detail */
.fb-detail-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-bottom:14px;}
.fb-detail-head h2{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.5rem;margin:6px 0 4px;color:var(--g-deep);}
.fb-form-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--clay);}
.fb-fields{width:100%;border-collapse:collapse;font-size:.93rem;}
.fb-fields th{text-align:left;width:34%;vertical-align:top;padding:9px 12px 9px 0;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line-2);}
.fb-fields td{padding:9px 0;color:var(--ink);border-bottom:1px solid var(--line-2);}

/* tags + stats */
.fb-tags{display:flex;gap:6px;flex-wrap:wrap;}
.fb-tag{font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:20px;background:var(--cream);color:var(--ink-2);}
.fb-tag.acc{background:#e7f3ec;color:var(--g-deep);}
.fb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;}
.fb-stat{background:var(--bone);border:1px solid var(--line-2);border-radius:10px;padding:9px 11px;}
.fb-stat span{display:block;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;}
.fb-stat b{font-size:.92rem;color:var(--ink);}
.fb-stat b.ok{color:var(--g);}.fb-stat b.due{color:var(--clay-dk);}

/* timeline */
.fb-timeline{list-style:none;margin:0;padding:0;}
.fb-tl-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2);}
.fb-tl-item:last-child{border-bottom:0;}
.fb-tl-dot{width:11px;height:11px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:var(--faint);}
.fb-ch-form{background:#3a4a7a;}.fb-ch-reply{background:var(--g);}.fb-ch-invoice{background:var(--clay);}.fb-ch-order{background:var(--g-soft);}.fb-ch-note{background:var(--faint);}
.fb-tl-body{flex:1;}
.fb-tl-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.fb-tl-title{font-weight:700;color:var(--ink);font-size:.95rem;}
.fb-tl-date{color:var(--faint);font-size:.8rem;font-family:"JetBrains Mono",ui-monospace,monospace;white-space:nowrap;}
.fb-tl-meta{font-size:.8rem;color:var(--muted);margin-top:2px;}
.fb-tl-meta a{color:var(--g);text-decoration:none;font-weight:700;}
.fb-chan{font-weight:800;letter-spacing:.04em;color:var(--ink-2);}
.fb-tl-excerpt{margin-top:6px;font-size:.88rem;color:var(--ink-2);background:var(--bone);border-radius:8px;padding:8px 11px;}
.fb-tl-item.out .fb-tl-title{color:var(--g-deep);}

/* reply form */
.fb-reply{display:block;}
.fb-reply input[type=text],.fb-reply textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;font-size:.94rem;background:var(--paper);color:var(--ink);margin-bottom:10px;}
.fb-reply input:focus,.fb-reply textarea:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 4px rgba(29,107,79,.12);}
.fb-hint{display:inline-block;margin-left:12px;font-size:.82rem;color:var(--muted);}

.fb-lock{max-width:480px;margin:56px auto;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:40px 30px;}
.fb-lock h1{font-family:"Newsreader",Georgia,serif;font-weight:600;color:var(--g-deep);font-size:1.7rem;margin:6px 0 10px;}
.fb-lock p{color:var(--ink-2);margin:0 0 20px;}

@media(max-width:640px){.fb-stats{grid-template-columns:repeat(2,1fr);}.fb-list thead{display:none;}.fb-head{flex-direction:column;}}