/* TechniqueHow branded full-width design */
.th-fullwidth { width:100%; max-width:1200px; margin:20px auto; padding:24px; box-shadow:0 8px 30px rgba(2,6,23,0.06); border-radius:12px; background:linear-gradient(180deg,#ffffff,#fbfdff); font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.th-brand { font-weight:800; font-size:20px; color:#072146; margin-bottom:14px; }
.th-input-row { display:flex; gap:12px; }
.th-input-row input { flex:1; padding:14px 16px; border:1px solid #e6eef6; border-radius:10px; font-size:16px; }
.th-btn { background:#0066ff; color:#fff; border:none; padding:12px 18px; border-radius:10px; cursor:pointer; font-weight:700; box-shadow:0 6px 18px rgba(3,102,255,0.18); }
.th-btn:hover { transform:translateY(-1px); }
.th-result { margin-top:18px; min-height:64px; }

/* Cards */
.th-card { display:flex; gap:14px; align-items:flex-start; padding:16px; border-radius:12px; box-shadow:0 6px 20px rgba(2,6,23,0.04); }
.th-icon { width:56px; height:56px; display:flex; align-items:center; justify-content:center; border-radius:12px; font-size:22px; font-weight:800; color:#ffffff; }
.th-icon-green { background:linear-gradient(180deg,#10b981,#059669); }
.th-icon-red { background:linear-gradient(180deg,#ef4444,#dc2626); }
.th-icon-amber { background:linear-gradient(180deg,#f59e0b,#d97706); color:#08121a; }
.th-body { flex:1; }
.th-title { font-size:18px; font-weight:800; color:#072146; }
.th-handle { margin-top:6px; color:#0b61d3; font-weight:700; }
.th-sub { margin-top:6px; color:#334155; }
.th-created { margin-top:8px; color:#475569; font-size:13px; }

/* Variants */
.th-available { border:1px solid rgba(16,185,129,0.12); background:linear-gradient(180deg,#f0fdf4,#ecfdf5); }
.th-taken { border:1px solid rgba(239,68,68,0.08); background:linear-gradient(180deg,#fff7f7,#fff6f6); }
.th-rl { border:1px solid rgba(245,158,11,0.08); background:linear-gradient(180deg,#fffbf0,#fffaf0); color:#924a00; }

/* Responsive */
@media (min-width:1024px){
    .th-fullwidth { padding:28px 36px; }
    .th-input-row input { font-size:18px; padding:16px; }
    .th-btn { padding:14px 22px; }
}